Přidání reálných vzorníků do vaší návrhářské práce přidá prvky realismu na přesyceném digitálním trhu. Bohužel skenování nebo fotografování vzorků textur obvykle vede k neškálovatelným rastrovým obrázkům, které se při nadměrné úpravě rozpixelují.
Naštěstí můžete pomocí aplikací Photoshop a Illustrator vytvářet škálovatelné vektory skutečných textur, jako je akvarel, barva nebo fix. Zde je návod.
Jak přeměnit skutečné textury na vektory
Je na vás, zda si texturu vytvoříte sami, nebo si na internetu najdete vzorek, ze kterého vytvoříte vektor. Můžete použít jakékoli texturované umělecké médium, jako je fix, tuš nebo kapky barvy.
Krok 1: Otevřete vzorek textury ve Photoshopu
Pokud jste texturu vytvořili sami, musíte ji naskenovat do počítače s rozlišením 300 DPI. To zajišťuje nejvyšší kvalitu, která přináší nejlepší výsledky.
Stáhli jsme fotografii vzorníku akvarelu z
Unsplash udělat vektor. Stáhněte si stejnou fotografii a postupujte přímo, nebo můžete pokyny použít jako vodítko na vlastním obrázku vzorníku.Otevřete svůj obrázek ve Photoshopu a ořízněte jej blízko políčka, které používáte. Pokud obrázek již nemá 300 DPI, musí být. Jít do obraz > Velikost obrázku a typ 300 do Rozlišení box. Vybrat OK.
Nyní máte vysoce kvalitní obrázek, který se později vykreslí do detailního vektoru. Můžete také změnit DPI v jiných programech pokud nepoužíváte Photoshop.
Krok 2: Vyčistěte pozadí
Samotný vzorek je potřeba izolovat od pozadí. Pokud jste naskenovali vzorník nebo použili fotografii s obyčejným bílým nebo jednobarevným pozadím, bude to pro vás mnohem jednodušší.
Vytvořte novou vrstvu na paletě Vrstva a poté ji přetáhněte pod vrstvu obrázku. Vyberte vrstvu obrázku.
Jít do Vybrat > Barevný rozsah. Vybrat Eyedropper z dialogového okna a použijte jej k výběru libovolné části pozadí na kreslicí ploše. Použijte Fuzziness posuvník, abyste zajistili, že výběr bude těsně přiléhat k vašemu vzorníku. Poté stiskněte OK.
Jakmile se vrátíte na kreslicí plátno, oblast barevného rozsahu bude mít pobíhající mravence, aby se zobrazil výběr. Udeřil Vymazat pro odstranění pozadí. Poté zrušte výběr klepnutím Cmd + D (Mac) nebo Ctrl + D (Okna). Pokud je vaše pozadí čisté, bez stínu nebo textury, to je vše, co musíte udělat.
Pokud je vaše pozadí vícebarevné, má stíny nebo jiné textury, možná budete muset tento proces několikrát zopakovat. V Barevný rozsah dialogovém okně vyberte různé části pozadí pomocí Eyedropper a hrát si s Fuzziness posuvníkem vyberte co nejvíce pozadí. Vybrat OK a udeřit Vymazat.
Zrušte výběr klepnutím Cmd + D (Mac) nebo Ctrl + D (Okna). Pokud zbylo ještě více pozadí, buď proveďte proces Color Range znovu, použijte tlačítko Guma nástroj (E) pro odstranění odolných pixelů nebo použijte Laso nástroj (L) těsně vyberte kolem svého vzorníku a poté Vymazat výběr.
Umístěte obdélník s kontrastní barvou pomocí Obdélník nástroj (U) pod vrstvou vzorku, abyste odhalili všechny pixely navíc, které je třeba odstranit. Odstraňte je pomocí Guma. Před uložením obrázku nezapomeňte smazat obdélník.
Po dokončení budete mít izolovaný vzorek barvy s průhledným pozadím, které jej obklopuje. Uložte svůj vzorek jako PNG.
Pokud nemáte Photoshop, existují alternativy způsoby, jak zprůhlednit pozadí obrázku. Poté můžete tento obrázek přenést přímo do Illustratoru a pokračovat odtud.
Krok 3: Otevřete obrázek v Illustratoru
Otevřete svůj nový vzorník PNG v aplikaci Illustrator. Můžete vybrat a přetáhnout obrázek z kreslicího plátna a zkontrolovat, zda je pozadí stále průhledné. I když v dalším kroku to tak nezůstane. V tomto okamžiku je váš vzorek stále rastrový, takže při změně měřítka bude pixelovat.
Kombinace Photoshopu a Illustratoru pro jeden projekt je skvělý způsob, jak využít Adobe Creative Cloud. Existuje mnoho dalších funkcí v rámci Creative Cloud že to můžeš zkusit.
Krok 4: Vektorizujte obrázek
Otevřete panel Vlastnosti přechodem na Okno > Vlastnosti. Panel můžete maximalizovat nebo minimalizovat jeho výběrem ze svislého panelu nástrojů vpravo.
Vyberte svůj obrázek a poté přejděte na konec Vlastnosti panelu a vyberte Obrazová stopa > Vysoce věrná fotografie. Pokud z nabídky Objekt vyberete Trasa obrázku, bude jako výchozí nastavena černobílá stopa, která nezachová texturu vašeho vzorníku. Funkci Image Trace můžete použít mnoha způsoby vektorizovat obrázky v Illustratoru.
Krok 5: Vyčistěte a odstraňte pozadí
Otevřete panel Sledování obrazu výběrem ikony vedle rozevíracího seznamu Sledování obrazu na panelu Vlastnosti. Pod Barva, posuňte posuvník doprava, někde mezi 85 % a 98 %. Tím se zvětší detaily barev v texturovaném vzorníku, což dává realističtější výsledek.
Otevři Pokročilý nastavení a přesuňte Cesty posuvníkem doprava. Opět platí, že nastavení mezi 85 % a 98 % je ideální. Čím více cest je, tím více detailů je vykresleno ve vašem vektoru. Pokud je cest méně, bude obrázek vypadat trhaně a jako z kresleného filmu.
Minimalizujte panely Image Trace a Properties a váš vzorek bude pokryt modrými čarami cesty. Pokud chcete přesunout vektor vzorníku, budete muset použít Výběr nástroj (PROTI), aby se zajistilo, že se bude pohybovat jako celek. V případě potřeby však můžete jednotlivé cesty přesunout pomocí Přímý výběr nástroj.
Vybrat Přímý výběr nástroj (A) a kliknutím z kreslicího plátna zrušte výběr obrázku. Poté vyberte bílé pozadí obklopující vzorek. Udeřil Vymazat na klávesnici, abyste získali zpět své průhledné pozadí. Pro kontrolu průhlednosti můžete pod vzorek přidat barevný obdélník.
Krok 6: Použijte svůj Swatch Vector
Nyní máte hotový vzorek textury. Ať už jste se rozhodli vytvořit akvarelový kousek, jako je náš tutoriál, nebo jste možná vytvořili vzorek barevné tužky, nyní máte plně škálovatelný vzorek textury v reálném životě.
Bohužel, kvůli všem těm složitým cestám by bylo obtížné – ale ne nemožné – přebarvit vzorník. Chcete-li použít vektor, měli byste zachovat stejnou barvu. Pokud jej chcete přebarvit, musíte jej nejprve obarvit ve Photoshopu, než přenesete vzorek do Illustratoru.
Vektor můžete použít stejně jako jakýkoli jiný vektor. Zvětšete jej nebo zmenšete, použijte jej jako vrstvený prvek v návrzích a dokonce na něj můžete použít filtry, jako je zkosení a zkreslení.
Uložte vektor jako PNG, abyste zajistili, že zůstane průhledný. Podívejte se na náš průvodce vytváření průhledných pozadí v aplikaci Illustrator více.
Vytvářejte vektory ze skutečných textur pomocí aplikací Photoshop a Illustrator
Použití vektorů ve vaší návrhářské práci zvyšuje produktivitu a kvalitu vašich konečných návrhů. Nejen, že tento jeden vektor má více použití, ale použití vektorové grafiky spíše než rastrové grafiky znamená, že se už nikdy nebudete muset starat o pixelizaci.
Vektorizace skutečných textur znamená, že můžete přidat vzorky barvy do jakéhokoli designového prvku, takže bude vypadat jako skutečná věc. Vraťte se k této příručce, abyste převedli skutečné textury na digitální vektory.
