Převod na vektorový obrázek online. Jak převést bitmapu na vektorový obrázek ve Photoshopu

Řekněme, že máme nějaký rastrový obrázek a chceme ho získat ve vektorové podobě (nebo v křivkách). Co pro to musíme udělat? Nejprve potřebujete Adobe Illustrator.

Na verzi nezáleží.

Postup

Otevřete naši bitmapu v Adobe Illustratoru. Chcete-li to provést, můžete kliknout pravým tlačítkem myši na obrázek a vybrat z rozevírací nabídky Otevřít pomocí ... > Adobe Illustrator nebo spustit illustrator a přetáhnout obrázek na pracovní plochu.

původní obrázek

Na panelu nástrojů vyberte nástroj " Výběr» (černá šipka) a klikněte na tuto šipku na našem obrázku. V tomto případě by měl obrázek vyniknout. Chcete-li to vyzkoušet, můžete se pokusit s ním trochu pohybovat podržením levého tlačítka myši, zatímco je kurzor nad obrázkem (přetažením).

Nad pracovní plochou najdeme tlačítko " Rychlá stopa“ a klikněte na šipku vedle ní. Zobrazuje všechny možnosti dostupné pro tuto akci. Potřebujeme položku Možnosti trasování...". Když na něj klikneme, otevře se okno s parametry.

Na pravé straně okna možností vyberte " Pohled". To pomůže získat lepší výsledek a pochopit, za co je každý z parametrů zodpovědný.

1) udělejte to vědeckým způsobem, to znamená, že si budete muset přečíst v popisech, který z parametrů co ovlivňuje, a nastavit potřebné hodnoty;

2) experimentujte s parametry sami, pomocí tzv. „vědecké metody poke“.

Dávám přednost druhému způsobu: za prvé, ruský překlad slova ne vždy plně vyjadřuje význam vlastní originálu, a za druhé je často rychlejší a snazší si tímto způsobem zapamatovat. Změníte nastavení. Podívejte se, co to ovlivňuje (vizuálně). Kombinujte více možností. A tak dále, dokud není dosaženo více či méně přijatelného výsledku.

Výsledný vektorový obrázek.

Když je obrázek již podobný skutečnosti, v okně parametrů sledování klikněte na " trasování“ a v nabídce nad pracovní plochou tlačítko „ rozebrat". Tím získáme původní obrázek, ale již v křivkách.

Pokud nejste s výsledkem spokojeni, můžete jej upřesnit. K tomu použijte nástroj Výběr» je nutné označit všechny vytvořené křivky (stisknout levé tlačítko myši a přidržením zakroužkovat celý obrázek). Přejděte na položku nabídky Objekt» > « Proměna» > « Měřítko“ a změňte velikost obrázku tak, aby byl dostatečně velký pro snadné úpravy. Poté vyberte nástroj přímý výběr» (bílá šipka). Pomocí této bílé šipky postupně klikněte na každý uzel a podle potřeby zarovnejte splajny: Když je vybrán vrchol, poblíž se objeví vousy, jejichž přetažením můžete změnit zakřivení spline.

Výsledek v režimu mřížky

Lepšího výsledku lze také dosáhnout, pokud zpočátku pořídíte velký snímek dobré kvality. Pokud tedy v budoucnu nechcete trávit čas hanobením uzlů spline, použijte jako surovinu pro obkreslování kvalitní obrázky!

Zatímco moje poznámka o maskách ve Photoshopu nevychladla, chci naléhavě upozornit na problém převodu rastru na vektor. Před dvěma dny jsem šel do svého chronofágu Google Analytics a co jsem viděl. Ukazuje se, že někteří z nich se na můj web dostanou na žádost „rastr to vector“, ale mezitím na mém webu není k tomuto tématu jediná rozumná poznámka. Lidé jsou zraněni Google pro převod rastru na vektor Corel Draw, Illustrator a dokonce Adobe Photoshop. Začněme s Photoshopem.

Rastr na vektor. Proč je to potřeba?

Photoshop je rastrový program. Vektor je v něm přítomen ve formě vektorových obrysů. Ve Photoshopu jako takové nejsou žádné vektorové objekty. Existují ale vektorové cesty, které lze převést na vektorovou masku. Maska se aplikuje na efekt nebo objekt a výsledkem je vektor ve Photoshopu. Obsah takového objektu je stále rastrový, ale lze jej při uložení v některých formátech převést na vektor.

Můžeme například vytvořit výplň a dát na ni vektorovou masku. Photoshop má celou skupinu nástrojů, které to dělají zdarma a automaticky, jedná se o skupinu vektorových primitiv. Přečtěte si můj článek nebo si přečtěte více. Kontura bude tedy vektorová. Vyplňte bitmapu.

Photoshop nepracuje s vektorem naplno. Své přednosti využívá jen tu a tam. Ale i ve Photoshopu lze rastrové objekty změnit na vektorové. Proč je to potřeba, když existuje Illustrator? No, jak vám to mám říct. Při aktivní práci s grafikou nastávají různé situace. Někdy je jednodušší převést výběr na cestu na místě, než jít bezhlavě do Illustratoru a tam obkreslovat. Chcete-li plevelit záhon jahod v zemi, nemusíte volat kombajn. Nakonec ne každý chce nebo umí používat Illustrator, ne každý ho potřebuje, ne každý si ho může nainstalovat sám a potřebujete tu a teď převést squiggle na vektor. Sedět se třemi díly Illustratoru na pár týdnů není vůbec nutné.

Převod rastru na vektor ve Photoshopu

Co přesně dokáže Photoshop převést do vektoru? Cokoli, pokud předem vyberete tento objekt pomocí skupinových nástrojů Vybrat. Photoshop převede jakýkoli výběr na cestu. O nástrojích pro výběr se dočtete v článku. Dám vám pracovní příklad. Před mnoha lety se na mě obrátil velmi obtížný zákazník, který požadoval obtížný web. Pro web bylo nutné provést různé umění a rozhodl jsem se ho nakreslit ve Photoshopu. V průběhu kreslení jsem to převedl na vektor a teď vám řeknu jak. Tady je jeden takový obrázek, který jsem maloval štětcem s tvrdými hranami na tabletu. Původní Vitruvian Man jsem zakroužkoval, upravil a nakreslil svůj vlastní, odlišný obličej od originálu. Nápad vektorizovat umění přišel náhodou. Ale když jsem to implementoval, dostal jsem příležitost škálovat člověka jakýmkoli způsobem. Kromě toho byly po vektorizaci vyhlazeny dříve potrhané hrany a hrbolky.

Nalezení obrázku ke sledování

Našel jsem motýla v Obrázcích Google. Převedeme to do vektoru. Mějte na paměti, že čím větší je obrázek, tím hladší bude náš vektorový objekt. To platí pro Photoshop i Illustrator. Velkým obrázkem mám na mysli obrázek, který je široký nebo větší 1000 pixelů. Můj motýl například z 2000 pixelů.

Výběr objektu

Vyberte si z nabídky Nástroj nejběžnější kouzelná hůlka Magic WandTool a klikněte na bílou plochu. Vytvořili jsme tedy oblast výběru, ale potřebujeme vybrat motýla.

Jít do Zvolte > Inverzní nebo klikněte na pracovní plochu a ze zobrazené nabídky vyberte Vyberte Inverzní. Jde o to, že vytvořený výběr musí být invertován, aby se vybral motýl. Abych byl upřímný, je mi jedno, jak vytvoříte svůj výběr. I když laso ručně pohladíte, nevadí.

Vytvořte vektorový obrys

Máme výběr, teď ho převeďte na vektorovou cestu cesta. Vyberte si libovolný nástroj pro výběr Nástroj laso, nástroj obdélníkového výběru nebo Magic WandTool. Klepněte pravým tlačítkem myši na oblast výběru a vyberte ze zobrazené nabídky. Vytvořte pracovní cestu. V zobrazené nabídce nastavte stupeň vyhlazení tolerance chuť. Závislost je jednoduchá. Čím vyšší číslo, tím vyšší vyhlazení. Čím nižší číslo, tím nižší vyhlazení. Vysoký anti-aliasing znamená méně vektorových uzlů a nepřesnější sledování bitmapové cesty. V případě mého Vitruvian Mana jsem přesně tento efekt chtěl.

Tedy v paletce Cesta máme pracovní postup. Pokud nemáte paletu Cesta otevři to Windows > Cesta Paletová pracovní plocha Cesta vypadá jako pracovní plocha nebo dočasný přístřešek. Mohou se na něm objevit různé obrysy, ale pokud se postaráte o sekvenční ukládání, časem zmizí. Dvakrát klikněte na cestu Pracovní cesta a uložte obrys samostatně. Obrysy v oblasti Cesta pracovat stejně jako vrstvy v paletě Vrstvy. Pokud je kontura vybrána, pak je aktivní a můžete s ní pracovat.

Nástroje pro práci s cestami ve Photoshopu - Nástroj pro výběr cesty A Nástroj pro přímý výběr. Máme obrys, ale žádný předmět. Pokud jste četli moji sérii příspěvků o vektorech ve Photoshopu, už víte, že vektor ve Photoshopu je reprezentován jako vektorová maska pro nějaký druh efektu nebo grafiky. Vektor může být také přítomen jako inteligentní vrstva odkazující na importovaný soubor Illustratoru, ale to si necháme na jinou poznámku. Vyberte cestu nástrojem Nástroj pro výběr cesty nebo v paletě cest Cesta. Klikněte Vrstva > Nová vrstva výplně > Plná barva Vytvořili jsme vrstvu výplně, které je okamžitě přiřazena vektorová maska v podobě naší cesty.

Finalizace vektorového obrysu

Pomocí materiálů, které jsem popsal v článcích a komplikovat kreslení. Vzal jsem nástroj nástroj pero, vybrali masku vrstvy výplně. V nastavení nástroj pero vystavený Odčítat a dokončili kreslení některých prvků našeho motýla. Vystřihl jsem vzory na křídlech a zesílil nohy a tykadla.

Vytváření vlastních tvarů

Výsledný objekt můžete vždy uložit do libovolných tvarů Vlastní tvary. Před časem jsem se v článku zmínil o tom, jak se to dá udělat. Vyberte vrstvu motýla a klikněte Upravit > Definovat vlastní tvar Náš motýl se objevil v nástrojových figurách Nástroj Custom Shape Tool.

A tady jsme skončili:

Převod rastrové fotografie na vektorovou ve Photoshopu je zcela zbytečné cvičení. Ale někdy mohou být takové techniky užitečné pro vedlejší práci s grafikou a nejen to.

Přenos z rastrových na vektorové fotografie ve Photoshopu

Photoshop není navržen pro převod rastrové grafiky na vektorovou. Obsahuje však několik speciálních efektů, které vizuálně vytvářejí zdání vektorového obrázku. A pomocí techniky, kterou jsem popsal, z nich můžete ve Photoshopu udělat i vektorový obrázek. Vezměme si například obyčejnou fotku, kterou pořídil můj kamarád fotograf.

Jedním z efektů, které jsem zmínil, je Filtr > Umělecké > Výřez Nastavení nechávám na vašem svědomí. Obraz by měl být co nejrealističtější, ale silně vyhlazený. Tím bychom se mohli zastavit, obrázek už vypadá „vektorově“, ale stále je rastrový.

Nyní musíme vytvořit vektorové oblasti rovnající se počtu barev na fotografii. Vyberte si hůlku Magic WandTool a ujistěte se, že políčko není zaškrtnuté v nastavení sousedící. Vyberte první oblast a postupujte celou cestou, kterou jsem popsal výše. Vytvořte cestu z výběru, vektorovou masku z cesty a tak dále.

Celkem se celá fotografie převede na vektorové plochy. Poslední bílou plochu nepřevedeme na vektor. Stačí pomocí nástroje nakreslit velký bílý čtverec Nástroj Obdélník a umístěte jej pod všechny vrstvy. Po lehkém očištění a finalizaci kontur vypadá fotografie jako na obrázku níže. A ještě jednou, taková práce není určena pro Photoshop a je spíše zvráceností. Ale dá se to udělat a v různých situacích se takové techniky mohou hodit. Zpracování fotografie mi trvalo 10 minut, takže tato práce nezabere mnoho času. A pamatujte, že čím větší fotografii takto rozložíte do vrstev, tím lépe a pružněji bude moci obrys obcházet oblasti výběru. Čím méně hranatý a drsný bude náš vektor ve Photoshopu. Různá nastavení Tolerance při vytváření kontury také dají jiný výsledek. Úspěšné experimenty!

Řekněme, že máme nějaký rastrový obrázek a chceme ho získat ve vektorové podobě (nebo v křivkách). Co pro to musíme udělat? Nejprve potřebujete Adobe Illustrator.

Na verzi nezáleží.

Postup

původní obrázek

Na pravé straně okna možností vyberte " Pohled". To pomůže získat lepší výsledek a pochopit, za co je každý z parametrů zodpovědný.

1) udělejte to vědeckým způsobem, to znamená, že si budete muset přečíst v popisech, který z parametrů co ovlivňuje, a nastavit potřebné hodnoty;

2) experimentujte s parametry sami, pomocí tzv. „vědecké metody poke“.

Výsledný vektorový obrázek.

Výsledek v režimu mřížky

Často je potřeba převést rastrový obrázek na vektorový. To lze provést jak pomocí CorelDraw, tak i dalších speciálních programů. Mnohem snazší a pohodlnější však bude používat například online službu, jako je hrdina naší dnešní recenze.

Image Vectorizer je bezplatná služba pro převod rastru na vektor. Výstupem bude soubor SVG. Podporuje nahrávání obrázků v následujících formátech: JPG (JPEG), PNG a BMP. Velikost nahrávaného souboru je omezena – neměla by přesáhnout 1 MB. To samozřejmě nestačí, ale pro malé obrázky to stačí.

Jak funguje převod rastru na vektor

Vektorová grafika je soubor křivek, bodů, čar, které jsou reprezentovány matematickými výrazy. Rastrová grafika je sada pixelů s hodnotami barvy a jasu. Online převodník najde oblasti se stejnými parametry jasu a barev a znázorní je jako čáry, křivky a kruhy.

Výsledkem je, že bitmapu SVG lze neomezeně zvětšovat bez ztráty kvality.

Převést rastr na vektor

Online služba zahájí svou práci ihned po nahrání originálního obrázku.

V levé části obrazovky vidíte zdrojový soubor se sadou barev v něm, vpravo výsledek:

S dostupnými nástroji můžete:

Vypněte přítomnost určitých barev
Nastavte celkový počet barev v souboru SVG
Nastavit toleranci (tolerance) a rozostření (rozostření)

Změnou parametrů a stisknutím tlačítka "Aktualizovat" okamžitě vidíte konečný výsledek. Abyste s nastavením dlouho netrpěli, můžete také použít připravenou sadu předvoleb:

Fotografie (mnoho/málo barev)
Kresba (mnoho/málo barev)
Klipart (černobílý, mnoho/málo barev)

Kliknutím na tlačítka + a - v pravé části okna můžete zvýšit nebo snížit hodnoty Color, Detail, Border Width. Na stejném místě můžete sloučit všechny vrstvy s květinami do jediné vrstvy.

Poté, co vás výsledek uspokojí, klikněte na tlačítko „Stáhnout“ a stáhněte si vektorový obrázek ve formátu SVG na disk. Vše je zdarma.

Služba má také takovou funkci, jako je generátor G-kódu. Nechápu, k čemu to je. Pokud někdo víte - napište do komentářů.

Na internetu jsem našel obrázek loga. Dá se to ve Photoshopu převést z rastru na vektor a to automaticky? Ne, nemůžeš. Bohužel, zatímco vektorové trendy ve Photoshopu jsou následující, vše, co bylo v tomto směru provedeno, zůstalo nezměněno před 5 verzemi. Od té doby se na něj nesáhlo, nezměnilo se a do vektoru nepřibylo nic nového. Potřebujete vektorové nástroje ve Photoshopu? Tady jsou, chceš víc? Na co obecně ve Photoshopu zapomínáte, mistře Illustratore. Přibližně tento tok myšlenek pohnul vývojáři, kteří ve Photoshopu zavedli nejjednodušší vektorové operace. A teď pojďme na věc.

Převod rastru na vektor se provádí prostřednictvím výběrových oblastí. Nejprve vytvoříme výběr, poté převedeme výběrové čáry na vektorové cesty, poté vektorové cesty vyplníme vrstvami výplně, čímž vytvoříme vektorovou masku. Abyste tomu všemu rozuměli ne na úrovni armádních týmů – klikněte sem, klikněte tam, měli byste se naučit pracovat s nástroji pro kreslení vektorů, pochopit, jak mohou vektorové cesty na sebe vzájemně působit, a naučit se vytvořit vektorovou masku. Ale nebojte se, nemusíte sedět ke čtení až o víkendu, jak převést rastr na vektor ve Photoshopu již pochopíte, pokud dočtete článek až do konce.

Zvýraznění loga

Rád bych zdůraznil, že aby byl překlad do vektoru kvalitní, musí být samotný obrázek velký. To platí v případě trasování v Illustratoru a pro Photoshop je to ještě důležitější. Můj obrázek je široký 1500 pixelů, až skončíme s převodem na vektor, ukážu vám, jak Photoshop vykreslí malý obrázek a výsledky porovnáme.

Vyberte nástroj Kouzelná hůlka

Upravte ve volbách Tolerance 20 nebo 30.

Na stejném místě klikněte na ikonu Přidat do výběru. Podrobně jsem o jejich práci psal v článku Add, Subtract, Intersect and Exlude ve Photoshopu, kde šlo o vektorové nástroje, ale při výběru tyto možnosti fungují stejně.

Abych byl upřímný, je mi jedno, jak vybíráte logo, dokonce i s ručním lasem, dokonce i přes rozsah barev. Jde jen o to, že v této situaci, konkrétně na tomto obrázku, je nejjednodušší to udělat pomocí nástroje Magic Wand Tool.

Převést výběr na vektorovou cestu

Nepřepínejte z nástroje Magic Wand Tool.

Klepněte pravým tlačítkem myši na oblast výběru.

Z nabídky, která se zobrazí, vyberte Vytvořit pracovní cestu.

V okně, které se objeví, nastavte toleranci na 1.0 Čím vyšší je hodnota tolerance, tím hladší, stylizovanější a nepřesnější budou naše obrysy.

Na obrázku níže jsem vybral nástroj pro výběr cesty a vybral cestu, abyste ji viděli.

Uložení cesty do palety Cesta

Tato operace je volitelná, ale doporučená.

Přepněte na paletu Cesta. Pokud jej nemůžete najít, klikněte na Okno > Cesta

Dvakrát klikněte na cestu v paletě.

V zobrazeném okně zadejte název a klikněte na OK.

Vytvoření vektorové masky

Proces tvorby vektorové masky je dobře popsán v mém článku Vector Mask in Photoshop . Tento proces provedeme rychle a bez podrobností.

Ujistěte se, že je vaše cesta vybrána v paletě Cesta

Vyberte z nabídky Vrstva > Nová vrstva výplně > Plná barva

V okně, které se objeví, vyberte barvu a klikněte na OK

To je vše. Všechno by bylo přesnější, kdyby to nebylo hronofag.ru Pamatujte si, že jsem vám řekl, že čím menší obrázek, tím hůře se přeloží. Jsem ochoten se vsadit, že máte do Wordu nacpaný nějaký špinavý sken, který chce zákazník převést do vektoru? Hádal jsem? Obraz byl přitom komprimován kompresí JPG, zmenšován, poté zvětšen, poté opět zmenšen na velikost avatara a ještě k tomu byl rozlit kečup. Je možné takový obrázek ve Photoshopu kvalitativně převést do vektoru?

Nejprve se podívejte na naše logo. I přes vynikající rozlišení se ostré hrany Photoshopu nepodařilo vytvořit pěkné a hladké obrysy. Illustrator to dělá 100x lépe, ale článek není o ilustrátorovi. Jak je vidět, kontury nejsou všude rovnoměrné, a to ani v pravoúhlých částech loga. A kruhy jsou velmi šikmé.

Nyní obrázek zmenším 2x, pak 2x více a ukážu vám výsledek překladu do vektoru.

Zde je jasný příklad toho, jak velikost bitmapového obrázku ovlivňuje kvalitu stopy. A to přesto, že obraz je i přes velikost velmi kvalitní. No, snížím kvalitu. Uložte obrázek ve formátu JPG s nejhorší kvalitou.

Převedeme do vektoru. Výborný výsledek, chybí jen kečup. To pravé pro spokojeného zákazníka, zpracování pro grunge nebo vintage!

A přesto s pravdou trochu manipuluji. Faktem je, že to vše dává smysl pro Illustrator, který vytváří vektor na základě obrázku. Photoshop nevytváří vektor z obrázku, ale vytváří cesty z výběru. Logicky, čím lepší a hladší výběr, tím hladší budou křivky. A nástroj Kouzelná hůlka, který jsme použili k výběru těchto oblastí, již není vhodný pro výběr tak strašidelných obrázků. Ano, můžete dělat kvalitní výběry, využívat všechny nástroje pro výběr, můžete je i zvětšovat a na jejich základě vytvořit víceméně rovnoměrný obrys, který stejně nebude dokonalý. Jít touto cestou je jen ztráta času. Jedinou funkční možností je nakreslit logo od začátku ve Photoshopu.