Okrem Photoshop môžete vytvárať Vexel-Art aj v Illustatore. Dokonca tam existuje funkcia Načrtnúť, ktorá môže čiastočne automatizovať vašu prácu, ale to je iný príbeh a nie téma tohto návodu. A ešte niečo: Okrem trendy faktora majú Vexel obrázky veľmi užitočnú vlastnosť. Môžu byť zväčšené na akýkoľvek rozmery, bez toho aby sa kontúry rozostreli - logické. Nepracujeme s pixelmi, ale so tvarmi, ktoré sú obklopené vektormi a tieto je možné ľahko škálovať.
Krok 1
Na porovnanie som vedľa seba umiestnil predtým-po obrázky, aby ste mohli vidieť celý rozsah práce. Pre začiatočníka to už je celkom náročná úloha, ale s každým Vexel obrázkom získate skúsenosti a budete sa zlepšovať a rýchlejšie. Tip: Ak chcete vytvoriť Vexel obrázok, duplikujte originál, aby ste si počas práce mohli porovnávať farby a tvary vektorového obrázku s originálom.

Krok 2
Začnite s načrtávaním kontúr obrázka zhora nadol. V našom prípade je to dôležité, pretože musíme zohľadniť štruktúru peria vtáka. Vyberte nástroj Laso a načrtnite hornú časť zobáka.
Krok 3
Kliknutím pravým tlačidlom myši vyberte možnosť Vytvoriť pracovnú cestu.
Krok 4
V nasledujúcom dialógu vyberte Toleranciu. Pre malé detaily je malá Tolerancia približne 1-3 optimálna, tak sa cesta vytvorí presne podľa výberu a nebude programom náhodne zjednodušená.
Krok 5
Zobák vtáka nie je jednofarebný, ale má niekoľko farieb, ktoré môžete vo verzii vektora vyjadriť pomocou prechodu farieb. V paneli s vrstvami vyberte možnosť Prechod na vyplnenie cesty.
Krok 6
Najprv vyberte typ prechodu Čierna na Bielu a definujte správny uhol v dialógu Vyplnenie prechodom.
Krok 7
Prechod, ktorý je v súčasnej dobe čierno-biely, môžete vybaviť akýmikoľvek farbami. Dvakrát kliknite na pásku prechodu a definujte v dialógu Upraviť prechody farby červenú a žltú, ako je to ukázané na snímke obrazovky.
Krok 8
Rovnakým spôsobom, ako je popísané v krokoch 2 až 7, môžete vytvoriť aj dolnú časť zobáka. Dávajte pozor na poradie vrstiev. Zásada umiestnenia vrstiev je veľmi jednoduchá. Vrstva s dolnou časťou zobáka sa nachádza pod vrstvou s hornou časťou.
Krok 9
Vytvorte na hornej a dolnej časti zobáka niektoré tvary, ktoré zdôraznia štruktúru zobáka. Tieto môžete vytvoriť nástrojom Laso a previesť na cestu.
Krok 10
Vytvorené tvary sa nevyplnia prechodmi, ale farbou. Zvoľte v paneli vrstiev možnosť Plná farba.
Krok 11
Na snímke obrazovky vidíte, z koľkých výplňových vrstiev sa skladá vektorizovaná verzia zobáka. Ústa boli vyplnené čiernou farbou. V princípe by sme mohli tu končiť s vysvetlením, pretože techniky sa teraz budú viac menej opakovať. To by však nebolo spravodlivé, pretože ešte existuje niekoľko tipov, ktoré vám uľahčia prácu, a tie by som vám nechcel zadržať.
Krok 12
Pre lepší prehľad je vhodné zoskupiť vrstvy, ktoré tematicky spolu súvisia, do skupín vrstiev. Vrstvy, ktoré tvoria zobák, môžete označiť s stlačenou Shift klávesou a spojiť ich do skupiny s kombináciou klávesov Ctrl+G. Nazvite skupinu "Zobák".
Krok 13
Kliknite na pozadiovú vrstvu a vytvorte výber hlavy vtáka pomocou Laso nástroja. Pri použití Laso nástroja použite možnosť Pridať k výberu, aby ste mohli tvar vybrať krok za krokom pohodlnejšie. Preveďte výber na Ulica, vyberte toleranciu 2. Výplňte tvar modrou farbou.
Krok 14
Ak nie ste spokojní s tvarom ulice, môžete ťahať za kotvičné body ulice a prispôsobiť tvar. Na to použite Nástroj priameho výberu a Nástroj výberu cesty.
Krok 15
Aby tvar hlavy neprekryl ďalšie detaily ako oči a perie, môžete dočasne znížiť Prekrytie výplňovej vrstvy na približne 50%.
Krok 16
Kreslite tvary s trochu svetlejšou modrou farbou hore a vzadu na hlave. Dávajte pozor, aby vrstvy patriace k hlave nevychádzali nad skupinu vrstiev so zobákom.
Krok 17
Perie na hlave vtáka môžete spraviť rovnakou technikou. Kreslite s Laso nástrojom viacero malých „perí“ (možnosť Pridať k výberu) a potom ich všetky premeňte na Ulicu. Následne ulicu vyplňte tmavomodrou farbou.
Krok 18
Ak máte hotové všetky tvary hlavy, môžete nastaviť prekrytie najspodnejšej vrstvy s obrisom hlavy späť na 100%. Zoskupite vrstvy hlavy do skupiny vrstiev.
Krok 19
Začnite s formovaním očí. Aby ste videli pod skupinou s hlavou všetko na pôvodnom obrázku, znížte Prekrytie celej skupiny hlavy na približne 30-50%. Vytvorte tmavšie tvary pod očami.
Krok 20
Vytvorte tvar očného zrenice, ktorý vyplníte tmavočervenou farbou.
Krok 21
Vytvorte ďalšie tvary ako zenicu, ktorú vyplníte čiernou farbou, svetelný reflex v zenici, ktorý vyplníte bielou farbou. Zoskupite vrstvy oka do ďalšej skupiny vrstiev.
Krok 22
Ako už bolo spomenuté, formujte vrstvy, ktoré budú vektorizovať krk vtáka.
Krok 23
V detailoch, kde to bude veľmi farebné, ako napríklad na hrudí vtáka, môžete trochu trikovať. Najprv vytvorte základný tvar, rovnako ako ste urobili s hlavou, potom tvar s perím, ktorý vyplníte trochu tmavšou farbou.
Krok 24
Potom naklonujte vrstvu s štruktúrou ešte trikrát. Zmenšte kópie výplňovej vrstvy so štruktúrou, posuňte ich trochu oproti prvej vrstve so štruktúrou a zmeňte farbu výplne kliknutím na miniaturu výplňovej vrstvy dvakrát. Keď dokončíte distribúciu štruktúr, môžete zoskupiť vrstvy do skupiny vrstiev.
Krok 25
Pri väčších perách si môžete prácu uľahčiť tým, že budete pracovať s kópiami vrstiev výplne. Najprv vytvorte vrstvu výplne s tvarom pera a s prehľadovým prechodom od svetlozelená po tmavozelenú.
Krok 26
Vytvorte kópiu vrstvy výplne a presuňte ju na iné miesto. Takto môžete vytvoriť veľké množstvo klonovaných pier. Preto, aby neboli príliš podobné, môžete niektoré tvarové vrstvy pomocou príkazu Voľne transformovať otočiť.
Krok 27
Spojte vrstvy s perami do skupiny vrstiev.
Krok 28
Aby malo pero viac štruktúry, môžete použiť ďalší trik. Skopírujte skupinu vrstiev s perami a zmenšite ju tak, aby sa štruktúra skupiny perí posunula vzhľadom na originál.
Krok 29
Vytvorte na skupine vrstiev so zmenšenými perami masku vrstvy a vyberte nástroj Prechodový nástroj s možnosťou Priesvitný predný plán, Priesvitná čierna farba predného plánu. Potiahnite maskovací prechod podľa šípky, ako je znázornené na snímke obrazovky.
Krok 30
Ako vidíte, môžete prostredníctvom spôsobu popísaného v predchádzajúcich krokoch celý dizajn vtáka a vetvy premeniť na vektory. Dôležité je štruktúru vrstiev rozdeliť do skupín vrstiev; tým získate lepší prehľad.
Krok 31
Na vytvorenie pozadia obrázku použite rovnaké techniky, ktoré som popísal v tomto návode. Ak používate Vlastný tvarovací nástroj, môžete pristupovať k knižnici Photoshop, kde nájdete veľa zaujímavých vzorov pre vaše dizajny. Okrem toho môžete tiež uložiť vlastné vzory a použiť ich.
Krok 32
Ak chcete zabrániť tomu, aby tvar, ktorý leží nad iným, presiahol jeho hranice (v našom príklade je to voľne nakreslený tvar, ktorý by sa nemal rozšíriť za hranice štvorca), použite možnosť Stretnutie s maskou, ktorú môžete aktivovať kliknutím medzi dvomi vrstvami so stlačeným tlačidlom Alt.
A takto vyzerá hotový obrázok.