Tutoriál pro Adobe Illustrator: Cestovatelský kufr - Grafika.cz - vše o počítačové grafice

16. srpna 2011, 00.00 | Léto je v plném proudu, a i když letos počasí zrovna moc nepřeje, všichni určitě na nějakou tu cestu, výlet či dovolenou zamířili nebo zamíří. Tak co si udělat ikonku kufru nějakého světoběžníka, která se může hodit třeba na cestovatelský web nebo leták cestovní kanceláře…?

Pozn.: V tutoriálu je používán skript Round Any Corner. Kde ho stáhnout, jak naistalovat a používat se dočtete v tomhle článku. Tutoriál je psán pro Illustrator CS3, ale tvořit můžete takřka v jakékoliv verzi programu. Návod vyžaduje základní znalosti aplikace, doba trvání tvorby grafiky je asi 1 hodina (podle zkušeností). Uvedené klávesové zkratky platí pro Mac OS X, uživatelé Windows si nahradí Cmnd za Ctrl a Opt za Alt. Všechny obrázky níže si můžete rozkliknout na větší náhled.

1) Založte nový dokument o velikosti 15 x 15 cm v barevném režimu RGB. Natáhněte obyčejný obdélník o rozměru 7 x 5 cm a vyplňte lineárním gradientem podle obrázku níže. Poté na paletce Vzhled přidejte novou výplň NAD tu původní s gradientem a dejte jí barvu výplně RGB: 102, 102, 102. Zkontrolujte, zda máte na paletě Vzhled označenou tuto šedou výplň (a samozřejmě označený objekt jako takový!) a zvolte Efekt > Skica > Dopisní papír (Vyvážení obrazu: 10, Zrnitost: 6, Reliéf: 19). Následně změňte Režim prolnutí téhle výplně na Násobit a krytí stáhněte na 65 %.

2) Načmárejte Perem nebo Tužkou nějaký „měňavkovitý patvar“ o rozměru cca 3 x 5 cm (viz obrázek) a vyplňte jej barvou RGB: 118, 0, 62. Poté zvolte Efekt > Rozostření > Gaussovské s hodnotou poloměru kolem 20. Na závěr změňte Režim prolnutí na Násobit a hodnotu krytí asi na 30 %.

3) Teď troška hraní :o) Rozkopírujte tento tvar na další tři kopie. Jednotlivé kopie různě deformujte, tvarujte, zmenšujte, natáčejte a umístěte zleva, zespodu a zprava nad naše tělo kufru tak, aby se nerovnoměrně a „náhodně“ ztmavily pouze okraje kufru (jakási „pseudovinětace“). Jak budou tvary přesahovat přes kufr ven zatím vůbec neřešte. Obrázek snad upřesní moje slova:

4) Poslední kopii objektu změňte Režim prolnutí na Závoj a umístěte jej shora na tělo kufru, aby došlo pro změnu k zesvětlení okraje.

5) Označte obdélník s tmavěčerveným gradientem a pomocí Cmnd+C a Cmnd+F jej zkopírujte dopředu. Tuhle kopii umístěte zcela nahoru v hierarchii objektů, označte vše a stiskněte klávesy Cmnd+7. Tím se nám vytvoří ořezová maska a všechny přečnívající části zmizí.

6) Někde bokem si natáhněte čtverec libovolné barvy o rozměru 0,7 x 0,7 cm. Označte levý horní roh nástrojem Přímý výběr (A), vyvolejte skript Round Any Corner, poloměr zaoblení dejte 5 a potvrďte. Objekt zkopírujte a kopii nechte někde bokem, budeme ji ještě potřebovat.

7) Natáhněte kružnici libovolné výplně (na obrázku poloprůhledná žlutá) o přesném (!!!) rozměru 1,4 x 1,4 cm. Označte čtverec se zaobleným rohem a kružnici a zarovnejte tyto dva objekty na pravou a spodní hranu. Poté klikněte za držení klávesy Opt (Alt) na ikonku Průsečík oblastí tvaru na paletce Cestář. Výsledku dejte 100% krytí a přechod podle obrázku.

8) Vedle si Perem nakreslete takový „měsíček“ asi jako na dalším obrázku (s přesností si moc nehrajte) a dejte mu Efekt > Rozostření > Gaussovské s hodnotou poloměru 3. Umístěte ho podle dalšího obrázku a přidělejte ještě „cvočky“, což není nic jiného, než tři kružnice (černá, bílá, šedá) na sobě.

9) Celou právě dotvořenou skupinku zgrupněte (Cmnd+G), třikrát zkopírujte a umístěte na rohy kufru.

10) Bokem si natáhněte obdélníček o rozměru 7 x 0,14 cm, dejte mu stejný přechod jako tělu kufru (krok 1). Poté označte postupně nástrojem Přímý výběr (A) oba horní rohy a malinko je posuňte ke středu objektu. Stačí cca třikrát stisknout šipku doprava/doleva na klávesnici. Tenhle objekt pak posuňte zcela dozadu a zarovnejte s tělem kufru.

11) Natáhněte bokem obdélník o rozměru cca 6,5 x 0,1 cm, barva výplně RGB: 121, 0, 0 a Gaussovské rozostření s hodnotou 3. Tímto rozostřeným obdélníkem zakryjte ostrou horní hranu kufru (je potřeba oba horní černé rohy na kufru následně posunout zcela dopředu).

12) „Podejte si“ kopii čtverce s jedním zaobleným rohem, kterou jsme si odložili v kroku 6, vyplňte ji černou barvou RGB: 0, 0, 0, posuňte ji zcela dozadu a umístěte tak, aby vykukovala zpoza kufru. Zkopírujte ji, otočte a umístěte i na druhý „zadní“ roh kufru.

13) Bokem si natáhněte obdélník o rozměru 0,5 x 4,9 cm a vyplňte čistě černou barvou. Potom ho pomocí Cmnd+C a Cmnd+F zkopírujte dopředu, malinko zmenšete ze stran a tuto kopii vyplňte gradientem podle obrázku.

14) Natáhněte ještě jeden úzký černý pásek, nad něj ještě jeden ještě užší a tomu dejte stejný gradient jako objektu v předchozím kroku. Pak klikněte v horní liště na ikonku Přebarvit kresbu, zvolte kartu Upravit a posuvník jasu dejte zcela doprava. Tyhle dva tenké pásky (černý a zesvětlený přechod) pak zkopírujte a umístěte jako na druhém obrázku:

15) Komplet všechny právě vytvořené pásky zgrupněte a za držení Shift a Opt zkopírujte směrem nahoru. Kopii pak zmenšete až na výšku 0,15 cm a nechte kousek nad originálem. Vytvořte malý obdélníček se zaoblenými rohy a vyplňte ho stříbrným přechodem (nabídka přechodů Vzorníku > Kovové > v horní řadě čtvrtý zleva). Pak ještě natáhněte malou kružnici, vyplňte stejným stříbrným přechodem a umístěte podle obrázku.

16) Bokem natáhněte elipsu o rozměru 1 x 0,5 cm, zduplikujte ji a obě umístěte přes sebe jako na prvním obrázku. Poté je pomocí Cestáře slučte do jednoho tvaru. Přímým výběrem (A) vyberte dva prostřední body a převeďte je na hladké. Stejným nástrojem vyberte oba boční body a převeďte je na rohové. Nechte je označené a pomocí skriptu Round Any Corner je znovu zaoblete s hodnotou poloměru zaoblení 2.

17) Vzniklý tvar vyplňte čistě černou (RGB: 0, 0, 0) a dejte Cesta > Odsazená cesta -0,03. Tuto odsazenou cestu vyplňte barvou RGB: 100, 100, 100. Znovu vytvořte z této horní odsazenou cestu s hodnotou -0,03 a dejte jí černou 0, 0, 0. Klikněte nástrojem Mřížka (U) zhruba do místa jako na obrázku a tomuto přidanému bodu mřížky dejte barvu RGB: 100, 100, 100. Z horního objektu opět udělejte odsazenou cestu, tentokrát s hodnou -0,05. Dejte jí čistě černou výplňa přidejte tři body mřížky přechodů, zhruba jako na obrázku. Bočním dejte naši známou šedou 100, 100, 100 a prostřednímu černou.

18) Zkopírujte si „cvočky“ z rohů kufru plus natáhněte dvě malinké kružnice s bílošedým kruhovým gradientem. Vše umístěte jako na obrázku, zarovnejte a seskupte (Cmnd+G). Celý výtvor pak umístěte nad delší pásky, jak je vidět na dalším screenshotu a znovu vše seskupte.

19) Zkopírujte a umístěte na kufr podle obrázku:

20) Natáhněte bokem obdélníček o rozměru 0,5 x 0,2 cm a dejte mu totožný přechod jako dlouhému pásku na převázání kufru (krok 13).

Tip: Označte si právě vytvořený obdélníček, vezměte nástroj Kapátko (I) a klikněte s ním do objektu s již hotovým přechodem (pás z bodu 13). Tímto způsobem můžete samozřejmě nabírat a kopírovat všechny možné další „aspekty“ objektů.

Označte Přímým výběrem (A) levý horní roh a pomocí skriptu RAC ho zaoblete s hodnotou 10. Zkopírujte si zaoblený obdélníček se stříbrným přechodem z kroku 15 a pomocí libovolného obdélníka a paletky Cestář mu jedno zaoblení seřízněte do roviny. Objekt umístěte a zarovnejte jako na obrázku. Natáhněte elipsu 0,15 x 0,2 cm, dejte jí šedočerný gradient (ze 100, 100, 100 do 0, 0, 0) a umístěte podle obrázku.

21) Vytvořte obdélník 1,5 x 0,2 cm. Zvolte Efekt > Stylizovat > Zaoblení rohů s hodnotou 0,05 cm. Poté Objekt > Rozdělit vzhled. Jako výplň mu dejte stejný přechod jako prvnímu obdélníčku z bodu 20), ale hodnotu středního jezdce změňte na 170, 170, 170. Zkopírujte tento objekt a kopii dejte Efekt > Pokřivit > Oblouk (hodnoty na obrázku). Potom už klasicky Objekt > Rozdělit vzhled. Teď zvolte Objekt > Deformace obálkou > Volby obálky a zkontrolujte, zda máte zaškrtnutou volbu Deformovat lineární přechody. Pokud ne, zaškrtněte.

22) Nyní označte oba objekty (ten pokřivený musí být nahoře!) a zvolte Objekt > Deformace obálkou > Vytvořit s horním objektem. Výsledek zasuňte dozadu a umístěte jako na obrázku. Zkopírujte ostatní elementy ucha kufru, vodorovně je převraťte a umístěte jako na druhém screenshotu. Celé ucho seskupte a dejte kam patří (viz čtvrtý obrázek).

23) Jdeme na stylizované zámky. Udělejte si pár tvarů se stříbrným přechodem a složte je do podobného výsledku jako na prvním obrázku. Jde o stylizaci, takže si s nějakou extrémní přesností nelamte hlavu. „Zámek“ následně zduplikujte, kopii otočte a oba umístěte na kufr.

24) Natáhněte si kružnici s černobílým přechodem jako na obrázku a dejte jí Režim prolnutí na Násobit. Kružnici "splácněte" na úzkou elipsu, tuto dvakrát zduplikujte a tyto tři elipsy umístěte pod zámky a ucho kufru. Vše opět vidíte na obrázcích.

25) Zadejte do vašeho oblíbeného vyhledávače několik frází ve stylu "free vector eiffel tower", „free vector switzerland flag“, „free vector kangaroo“ atp. a stáhněte si několik známých symbolů dle vaší chuti. Umístěte je na kufr třeba nějak podobně jako na obrázku.

26) Vytvořte dva tvary jako na obrázku. Černý zaoblený obdélník o rozměru cca 7 x 0,1 cm a POD ním bílý lichoběžník (cca 8,5 x 0,2 cm), kterému stáhněte hodnotu krytí úplně na nulu. Oba objekty zarovnejte jako na obrázku, oba nechte označené a zvolte Objekt > Prolnutí > Volby prolnutí. Nastavte rozestupy na Určené kroky s hodnotou 100 a potvrďte. Následně stiskněte Cmnd+Opt+B, aby se objekty prolnuli. Výsledku změňte Režim prolnutí na Násobit.

27) Umístěte právě vytvořený stín pod kufr, přidejte třeba nějaké pozadí atd., atp.