Jak vytvořit vektorovou grafiku?

Jak vytvořit vektorovou grafiku: Snadný postup v Illustratoru

Zajímá vás, jak vytvořit vektorovou grafiku z obyčejné fotografie nebo kresby bez ztráty kvality při zvětšování? Správný postup vám ušetří spoustu času, pomůže získat ostré linie pro tisk a ochrání vaše projekty před rozmazáním. Objevte základní kroky pro úspěšnou tvorbu čistých digitálních návrhů.

Jak vytvořit vektorovou grafiku z rastrového obrázku?

Vytvoření vektorové grafiky z běžné fotografie nebo skici může na první pohled vypadat složitě. Otázka, jak vytvořit vektorovou grafiku bez hodin ručního překreslování, má ale překvapivě snadnou odpověď schovanou přímo v softwarových nástrojích. Celý proces závisí na správném pochopení toho, jak automatické trasování interpretuje barvy a tvary vašeho původního rastru.

Když jsem s grafikou začínal, strávil jsem celou noc ručním obreslováním loga pomocí nástroje pero. Moje zápěstí bolelo a oči pálily únavou. Teprve později jsem objevil kouzlo automatické vektorizace. Byla to úleva. Chce to ale systém. Bez něj totiž vznikne jen nevzhledná změť bodů.

Základním stavebním kamenem úspěchu je příprava podkladů a pochopení vestavěných funkcí. Než se pustíme do podrobného návodu, pamatujte na jedno zlaté pravidlo. Čím čistší je váš původní obrázek, tím dokonalejší bude výsledná křivka. Ale k tomu se ještě dostaneme.

Návod krok za krokem: Jak převést obrázek na vektor v Illustratoru

Převod rastru na křivky zvládnete v několika jasných krocích pomocí funkce Live Trace. Otevřete obrázek v aplikaci Illustrator a ujistěte se, že je vybrán. Přejděte na možnost Live Trace na ovládacím panelu. Vedle klepněte na ikonu nabídky Tracing Presets and Options. Projděte si možnosti stávajících přednastavených funkcí a vyberte obrázek pro vektorizaci.

Postupujte podle tohoto schématu: 1. Spusťte Adobe Illustrator a vložte svůj rastrový obrázek (formát JPEG nebo PNG) na pracovní plochu. 2. Klikněte na obrázek nástrojem Výběr, čímž se vám zpřístupní kontextová nabídka. 3. Najděte ovládací panel, kde se nachází klíčové tlačítko pro trasování obrazu. 4. Rozbalte nabídku Tracing Presets vedle hlavního tlačítka a zvolte vhodný režim podle typu grafiky. 5. Jakmile jste s náhledem spokojeni, klikněte na tlačítko Rozbalit (Expand) na horní liště. Tím finálně převedete živý náhled na samostatné upravitelné křivky a kotevní body.

Zní to jednoduše? Je to tak. Ale má to jeden háček. Pokud zvolíte špatné přednastavení, výsledek bude nepoužitelný. Moje první pokusy s portrétem dopadly hrozivě, protože jsem zvolil příliš málo barev a obličej vypadal jako mapa plná fleků. Musíte experimentovat s parametry.

Jak vybrat správnou předvolbu pro Live Trace

Volba předvolby zásadně ovlivňuje rychlost výpočtu i věrnost detailů. Pro černobílé skici tužkou je ideální volba Skica (Technical Drawing) nebo Černobílé logo. Tento režim ignoruje drobné šmouhy na pozadí. Pro barevné ilustrace s jasnými konturami naopak sáhněte po variantě s omezenou paletou barev.

Automatické trasování obvykle zpracuje standardní grafiku za méně než 5 sekund. U extrémně velkých souborů nad 50 megapixelů se však může doba výpočtu protáhnout na více než minutu. Při vysokém rozlišení systém analyzuje miliony pixelů, což může způsobit pád aplikace, pokud nemáte dostatek operační paměti. Ušetřete si nervy a před importem snižte rozlišení na rozumnou míru.

Pokročilé úpravy křivek po vektorizaci

Kliknutím na tlačítko Rozbalit práce nekončí, spíše naopak začíná. Nyní máte před sebou objekt složený z tisíců kotevních bodů, které je potřeba vyčistit. Často se stává, že automatika vytvoří zbytečně složité cesty tam, kde stačí rovná čára. Použijte nástroj Vyhlazení (Smooth Tool) nebo funkci Zjednodušit cestu, abyste snížili počet bodů.

Snížení počtu kotevních bodů o 40 až 60 procent výrazně zmenší velikost výsledného souboru a usnadní budoucí editaci. Grafici často dělají chybu, že nechávají cesty příliš komplikované. Čistý vektor by měl mít body pouze v místech, kde se radikálně mění směr křivky. Méně bodů znamená hladší hrany při zvětšování grafiky na billboardové rozměry.

Někdy je potřeba ručně smazat nechtěné bílé pozadí, které funkce Live Trace vygeneruje kolem objektu. Použijte nástroj Přímý výběr (bílá šipka), klikněte na pozadí a stiskněte klávesu Delete. Pokud se smaže i část loga, znamená to, že dané místo nebylo plně uzavřené. V tom případě se musíte vrátit o krok zpět a upravit toleranci rohů a šumu.

Srovnání výsledků různých předvoleb Live Trace

Věrná fotografie (High Fidelity Photo)

Zachovává maximum původních odstínů, často tisíce unikátních přechodů

Extrémně vysoká, generuje obrovské množství kotevních bodů

Komplexní obrazy a textury, kde je nutné udržet fotografický dojem

3 až 16 barev (Limited Color)

Přísně omezený na zvolený počet (např. 3, 6 nebo 16 odstínů)

Střední, vytváří čistě oddělené barevné plochy a plakátový efekt

Kreslené ilustrace, ikony a zjednodušená loga

Černobílé logo (Silhouettes / Black and White)

Pouze 2 barvy - čistá černá a čistá bílá bez šedi

Nízká, cesty jsou vyhlazené a optimalizované pro řezací plotry

Nápisy, siluety, naskenované podpisy a jednobarevné značky

Hana a její boj s tiskem firemního loga

Hana, začínající designérka z Brna, dostala za úkol připravit staré firemní logo pro tisk na velkoformátový reklamní banner. K dispozici měla pouze malý, rozmazaný obrázek ve formátu PNG, který při zvětšení vypadal hrozně.

Nejprve zkusila použít funkci Live Trace s výchozím nastavením pro fotografie. Výsledek byl katastrofální. Hrany písmen byly kostrbaté, detaily zmizely a kolem loga se objevily podivné šedé mapy. Tiskárna takový soubor odmítla přijít.

Hana si uvědomila, že musí změnit taktiku. Otevřela panel pokročilého nastavení trasování, zvýšila práh (Threshold) pro čistější černou a nastavila ignorování bílé barvy (Ignore White). Tím eliminovala nežádoucí pozadí.

Během několika minut získala perfektně ostré křivky. Počet kotevních bodů klesl na minimum a soubor se bez problému zvětšil na šířku 3 metrů bez jakékoli ztráty kvality, což klientovi ušetřilo peníze za ruční překreslení.