Převést fotografii na vektorovou kresbu. Převod rastrového obrázku na vektor pomocí Adobe Illustratoru

Č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.

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.

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 dostanou na můj web 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. Jeho předností 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 mě oslovil velmi obtížný zákazník, který požadoval obtížnou stránku. 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!

Všechny grafické soubory jsou rozděleny do dvou globálních typů – rastrové a vektorové. Někdy je potřeba převést z rastru na černobílý vektor. Například pro sledování černobílých ikon, QR kódů, čárových kódů, obrázků s bitmapovými nápisy, šeků nebo obrázků na blogu.

Jaký je rozdíl mezi rastrovým souborem a vektorovým souborem

Rastrová grafika

Populární bitmapové formáty: JPEG, GIF, PNG, TIFF, WEBP, BPG.

Vektorová grafika

Oblíbené vektorové formáty: SVG, EPS, WMF, PDF.

Rastr na vektor

Vektorizační algoritmus

• Vektorizér naskenuje obrázek a najde všechny oblasti s pixely stejné barvy.
• Hranice jsou aproximovány segmenty o tloušťce 1 px.
• Triangulace je vytvořena s liniovým omezením.

Konvertor založený na Potrace

Existuje velmi jednoduchý a bezplatný způsob, jak takovou konverzi implementovat pomocí vektorového editoru Inkscape. Inkscape používá Potrace k vektorizaci obrázků.

Po obkreslení může být obrázek pouze černobílý. Na potrace je psáno, že snad v budoucnu bude implementována podpora barev.

Příklad převodu z PNG do SVG. Jako vstup přijímá funkce potrace pouze soubory s příponou PNM, takže PNG je třeba před trasováním převést:

Exec("převést obrázek.png obrázek.pnm"); exec("potrace image.pnm -s -o image.svg");
Zde je tato metoda implementována a můžete se podívat na kvalitu stopy jakéhokoli obrázku. Příklad vektorizace rozmazaného čárového kódu. A toto je příklad vysledovaného loga. Takto konvertor zachází s fotografiemi.

Jak vybarvit výstupní obrázek

Jednotlivé barvy můžete vybrat pomocí masky ppmcolormask (součástí balíčku Netpbm):

Kočka img.gif | giftopnm | ppmcolormask #641b1b | potrace
Potom obkreslete každou část zvlášť a překryjte je na výstupu.

Od vektoru k rastru

Jeden příklad převodu SVG na PNG pomocí Imagick.

Pomocí tohoto kódu můžete převést soubory SVG na PNG24:

$svg = file_get_contents("image.svg"); $image = new Imagick(); $image->setBackgroundColor(new ImagickPixel("transparent")); $image->readImageBlob($svg); $image->setImageFormat("png24"); $image->writeImage("image.png"); $image->clear(); $image->destroy();
Zde můžete vidět výsledky převodu vašich obrázků z SVG do PNG.

Abstraktní

1. Pomocí potrace můžete na svém webu převést z rastru na vektor.
2. Potrace podporuje pouze černobílou vektorizaci.
3. Pomocí Imagick můžete převádět z vektoru na rastr.