Pridanie skutočných vzorkovníkov do vašej dizajnérskej práce pridáva prvky realizmu na presýtenom digitálnom trhu. Bohužiaľ, skenovanie alebo fotografovanie vzoriek textúr zvyčajne vedie k neškálovateľným rastrovým obrázkom, ktoré sa pri nadmernej úprave rozpixelujú.
Našťastie môžete pomocou aplikácií Photoshop a Illustrator vytvoriť škálovateľné vektory skutočných textúr, ako je akvarel, farba alebo fixka. Tu je postup.
Ako premeniť skutočné textúry na vektory
Je len na vás, či si textúru vytvoríte sami, alebo si nájdete vzorku online, z ktorej vytvoríte vektor. Môžete použiť akékoľvek textúrované umelecké médium, ako je fixka, tuš alebo kvapôčky farby.
Krok 1: Otvorte vzorku textúry vo Photoshope
Ak ste textúru vytvorili sami, musíte ju naskenovať do počítača s rozlíšením 300 DPI. To zaručuje najvyššiu kvalitu, ktorá prináša najlepšie výsledky.
Stiahli sme fotografiu vzorkovníka akvarelu z
Unsplash urobiť vektor. Stiahnite si rovnakú fotografiu a postupujte priamo, alebo môžete použiť pokyny ako návod na vlastnom obrázku vzorky.Otvorte svoj obrázok vo Photoshope a orežte ho blízko vzorky, ktorú používate. Ak obrázok už nemá rozlíšenie 300 DPI, musí byť. Ísť do Obrázok > Veľkosť obrazu a typ 300 do Rozhodnutie box. Vyberte OK.
Teraz máte vysokokvalitný obrázok, ktorý sa neskôr vykreslí do detailného vektora. Môžete tiež zmeniť DPI v iných programoch ak nepoužívate Photoshop.
Krok 2: Vyčistite pozadie
Samotný vzorkovník je potrebné izolovať od pozadia. Ak ste naskenovali svoj vzorník alebo použili fotografiu s obyčajným bielym alebo jednofarebným pozadím, bude to pre vás oveľa jednoduchšie.
Vytvorte novú vrstvu na palete Vrstva a potom ju presuňte pod vrstvu obrázka. Vyberte vrstvu obrázka.
Ísť do Vyberte > Farebná škála. Vyberte eyedropper z dialógového okna a použite ho na výber akejkoľvek časti pozadia na kresliarskom plátne. Použi Fuzziness posúvač, aby ste sa uistili, že výber tesne prilieha k vášmu vzorníku. Potom stlačte OK.
Keď sa vrátite na kresliacu plochu, oblasť farebného rozsahu bude mať bežiace mravce, aby sa zobrazil výber. Hit Odstrániť na odstránenie pozadia. Potom výber zrušte stlačením Cmd + D (Mac) alebo Ctrl + D (Windows). Ak je vaše pozadie čisté, bez tieňa alebo textúry, to je všetko, čo musíte urobiť.
Ak je vaše pozadie viacfarebné, má tiene alebo iné textúry, možno budete musieť tento proces niekoľkokrát zopakovať. V Farebná škála dialógovom okne vyberte rôzne časti pozadia pomocou eyedropper a hrať sa s Fuzziness posúvač, aby ste vybrali čo najviac pozadia. Vyberte OK a zasiahnuť Odstrániť.
Zrušte výber stlačením Cmd + D (Mac) alebo Ctrl + D (Windows). Ak zostalo ešte viac pozadia, buď vykonajte proces Color Range znova, použite tlačidlo Guma nástroj (E) na odstránenie odolných pixelov alebo použite Laso nástroj (L), aby ste tesne vybrali okolo svojho vzorkovníka, a potom Odstrániť výber.
Umiestnite obdĺžnik s kontrastnou farbou pomocou Obdĺžnik nástroj (U) pod vrstvou vzorky, aby ste odkryli všetky pixely navyše, ktoré je potrebné odstrániť. Odstráňte ich pomocou Guma. Pred uložením obrázka nezabudnite obdĺžnik odstrániť.
Po dokončení budete mať izolovanú vzorku farby s priehľadným pozadím, ktoré ju obklopuje. Uložte svoj vzorník ako PNG.
Ak nemáte Photoshop, existujú alternatívy spôsoby, ako spriehľadniť pozadie obrázka. Potom môžete tento obrázok preniesť priamo do aplikácie Illustrator a pokračovať odtiaľto.
Krok 3: Otvorte obrázok v aplikácii Illustrator
Otvorte svoj nový vzorkovník PNG v aplikácii Illustrator. Môžete vybrať a potiahnuť obrázok z kresliarskeho plátna, aby ste skontrolovali, či je pozadie stále priehľadné. Aj keď to tak v ďalšom kroku nezostane. V tomto bode je vzorka stále rastrová, takže pri zmene mierky sa rozpixeluje.
Kombinácia Photoshopu a Illustratora pre jeden projekt je skvelý spôsob, ako využiť Adobe Creative Cloud. Existuje mnoho ďalších funkcie v rámci Creative Cloud že môžeš skúsiť.
Krok 4: Vektorizujte obrázok
Otvorte panel Vlastnosti tak, že prejdete na okno > Vlastnosti. Panel môžete maximalizovať alebo minimalizovať jeho výberom zo zvislého panela nástrojov na pravej strane.
Vyberte svoj obrázok a potom sa posuňte na koniec Vlastnosti panel a vyberte Sledovanie obrázka > High Fidelity Photo. Ak vyberiete položku Stopa obrázka z ponuky Objekt, predvolene sa použije čiernobiela stopa, ktorá nezachová textúru vzorky. Funkciu Image Trace môžete použiť mnohými spôsobmi vektorizujte obrázky v aplikácii Illustrator.
Krok 5: Vyčistite a odstráňte pozadie
Otvorte panel Sledovanie obrázka výberom ikony vedľa rozbaľovacej ponuky Sledovanie obrázka na paneli Vlastnosti. Pod Farba, posuňte posúvač doprava, niekde medzi 85 % a 98 %. Tým sa zväčšia detaily farieb vo vašom vzorkovníku s textúrou, čím získate realistickejší výsledok.
Otvor Pokročilé nastavenia a presuňte Cesty posúvač doprava. Opäť platí, že nastavenie medzi 85 % a 98 % je ideálne. Čím viac ciest je, tým viac detailov je nakreslených vo vašom vektore. Ak je ciest menej, obrázok bude vyzerať trhane a ako z rozprávky.
Minimalizujte panely Image Trace a Properties a váš vzorkovník bude pokrytý modrými čiarami cesty. Ak chcete presunúť vektor vzorkovníka, budete musieť použiť Výber nástroj (V), aby sa zabezpečilo, že sa bude pohybovať ako celok. Jednotlivé cesty však môžete v prípade potreby presúvať pomocou Priamy výber nástroj.
Vyberte Priamy výber nástroj (A) a kliknutím z kresliaceho plátna zrušte výber obrázka. Potom vyberte biele pozadie okolo vzorky. Hit Odstrániť na klávesnici, aby ste získali späť svoje priehľadné pozadie. Ak chcete skontrolovať priehľadnosť, môžete pod svoju vzorku pridať farebný obdĺžnik.
Krok 6: Použite svoj Swatch Vector
Teraz máte hotovú vzorku textúry. Či už ste sa rozhodli vytvoriť akvarelový kúsok, ako je náš návod, alebo ste si vytvorili vzorník farebnej ceruzky, teraz máte plne škálovateľný vzorník textúry v reálnom živote.
Bohužiaľ, kvôli všetkým zložitým cestám by bolo ťažké - ale nie nemožné - prefarbiť svoj vzorkovník. Ak chcete použiť vektor, mali by ste zachovať rovnakú farbu. Ak ho chcete prefarbiť, musíte ho najprv vyfarbiť vo Photoshope a až potom vložiť vzorník do aplikácie Illustrator.
Váš vektor môžete použiť rovnako ako akýkoľvek iný vektor. Zväčšite alebo znížte ho, použite ho ako vrstvený prvok v návrhoch a dokonca naň môžete použiť filtre, ako je zošikmenie a skreslenie.
Uložte svoj vektor ako PNG, aby ste zaistili, že zostane transparentný. Pozrite si nášho sprievodcu vytváranie priehľadných pozadí v aplikácii Illustrator pre viac.
Vytvárajte vektory zo skutočných textúr pomocou aplikácií Photoshop a Illustrator
Použitie vektorov vo vašej dizajnérskej práci zvyšuje produktivitu a kvalitu vašich konečných návrhov. Nielenže má tento jeden vektor viacero použití, ale použitie vektorovej grafiky namiesto rastrovej grafiky znamená, že sa už nikdy nebudete musieť starať o pixelizáciu.
Vektorizácia skutočných textúr znamená, že môžete pridať vzorky farby do akéhokoľvek dizajnového prvku, vďaka čomu bude vyzerať ako skutočná vec. Vráťte sa k tejto príručke a premeňte skutočné textúry na digitálne vektory.