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

Navigace:  » Úvodní stránka  » Rubriky  » testovaci  

19. dubna 2011, 00.00 | Hodiny v jakékoliv podobě jsou častým grafickým prvkem a jejich použití může být velmi různorodé. V tomhle tutoriálu si jedny takové hodiny vytvoříme, procvičíte si práci s gradienty, mřížkou přechodů, cestářem či nástrojem Otáčení. A na závěr možnost využití vytvořené grafiky v imaginárním vizuálu.

Pozn.: Tutoriál je psán pro Illustrator CS3, ale tvořit můžete takřka v jakékoliv verzi programu. Je určen převážně pro začínající uživatele, vyžaduje však alespoň základní znalosti aplikace. Doba trvání tvorby grafiky je asi 30–60 minut (podle zkušeností). Případně 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 si nový dokument v režimu RGB o rozměrech 30 × 40 cm. Natáhněte černou kružnici o průměru 18 cm a zarovnejte ji v obou směrech na střed plátna.

2) Zvolte Objekt > Cesta > Odsazená cesta s hodnotou -0,2 cm a této odsazené cestě dejte výplň v barvě RGB = 185-185-185. Poté klikněte nástrojem Mřížka (U) na třech místech zhruba podle obrázku níže a těmto třem bodům přiřaďte barvu RGB = 253-253-253.

3) Natáhněte další černou kružnici, tentokrát o průměru 16,5 cm a zarovnejte ji na střed dokumentu.

4) Označte si šedou kružnici s mřížkou přechodů, zkopírujte ji, umístěte zcela nahoru a změňte jí velikost na 16,2 cm (v případě potřeby zarovnejte opět na střed dokumentu).

5) Tuto horní kružnici pomocí cmnd+C / cmnd+F zkopírujte dopředu a zmenšete na 15,8 cm. Klikněte v horní liště na ikonku Přebarvit kresbu, přesuňte se na záložku Upravit a stáhněte jas zhruba jako na obrázku níže.

6) Vytvořte další kružnici, tentokrát o průměru 15,5 cm s výplní tmavěmodrou barvou RGB = 0-40-96. Opět ji zarovnejte na střed dokumentu.

7) Nástrojem Mřížka si naklikejte bár bodů zhruba jako na obrázku dole a některým přiřaďte barvy ukázané tamtéž.

8) Jdeme na ciferník. Doposud vytvořené objekty si zamkněte nebo pokračujte v práci v nové vrstvě, ať se vám „kružnice nepletou pod rukama“. Natáhněte obyčejný bílý obdélníček o rozměrech 0,1 × 1 cm, vodorovně zarovnejte na střed dokumentu a umístěte na horní okraj hodin (asi jako na obrázku).

9) Natáhněte si dvě vodítka umístěná přesně do polovin dokumentu (plátna). Označte bílý obdélníček, uchopte nástroj Otáčení ( R ) a za současného držení klávesy Option klepněte přesně na průnik obou vodítek ve středu plátna. Do okénka Úhel vepište zápis 360/12 (přece se s tím nebudete počítat, když to program může udělat za vás :o) ) a klikněte na buton Kopírovat. Následně desetkrát po sobě stiskněte kombinaci kláves Cmnd+D (Transformovat znovu).

10) Obdélníčky na pozici 3, 6 a 9 hod. vymažte. Obdélník na pozici 12 hod. protáhněte o něco dolů a o malinko jej můžete i rozšířit. Nechte jej označený a opět za držení Option klikněte s nástrojem Otáčení do středu hodin (průnik vodítek). Zadejte úhel 90 stupňů a zvolte Kopírovat. Následné dvojí stisknutí Cmnd+D nám dotvoří ciferník.

11) Umístěte vhodným fontem napsané označení tří, šesti, devíti a dvanácti hodin (třeba jako na obrázku).

12) Natáhněte kružnici o velikosti 1,1 cm, vyplňte barvou RGB = 204-204-204. Zkopírujte nahoru, zmenšete kopii na 0,9 cm a dejte jí bílošedý gradient jako na obrázku.

13) Ručičky vytvořte jako jednoduché natočené obdélníčky s nenápadným bílošedým gradientem a umístěte je mezi obě kružnice uprostřed.

14) Vytvoříme nějaké odlesky. Označte si černou kružnici, která leží mezi objekty jako třetí odspodu (průměr 16,5 cm, viz bod 3), pomocí cmnd+C / cmnd+F ji zkopírujte nahoru a poté ji pošlete zcela dopředu (Objekt > Uspořádat > Zcela dopředu). Natáhněte elipsu zhruba jako na obrázku (pro názornost oranžová), přiberte se Shiftem do výběr tu kopii černé kružnice a za držení Option klikněte na paletce Cestář na ikonku Odečíst.

15) Vzniklému tvaru dejte černobílý přechod asi jako na obrázku dole, režim Závoj a krytí 25 %.

16) Vytvořte elipsu s umístěním, přechodem, režimem a krytím jako na obrázku:

17) Někde bokem si natáhněte čtyři obdélníčky libovolné barvy (na obrázku pro názornost oranžové) a pomocí Cestáře je slučte do jednoho tvaru (cca 3 × 8 cm). Následně zvolte Efekt > Pokřivit > Oblouk s nastavením zhruba podle obrázku a potom Objekt > Rozdělit vzhled. Finální tvar můžete libovolně zdeformovat či natočit a umístěte ho asi jako na obrázku níže. Přechod, režim a krytí vidíte tamtéž…

18) Přihodíme ještě jeden lesk na druhou stranu. Obyčejná zdeformovaná elipsa, všechny hodnoty opět vidíte na screenshotu.

19) Natáhněte černou kružnici zhruba stejně velkou jako jsou celé hodiny, dejte jí Efekt > Rozostření > Gaussovské s hodnotou poloměru kolem 30 a umístěte ji zcela dozadu za hodiny.

20) Hodiny můžete doplnit nějakým imaginárním decentním nápisem, třeba něco takového:

21) Označte vše a seskupte pomocí cmnd+G do jedné skupiny. Vrstvu s hodinami si buď skryjte nebo si celou grafiku dejte na chvíli někam bokem. Natáhněte přes celé plátno čistě černý obdélník a nástrojem Mřížka přidejte dva body zhruba jako na obrázku. Hornímu přidanému bodu dejte barvu RGB = 0-157-230.

22) Umístěte hodiny nad právě vytvořenou „záři“ a máme hotovo.

Dole nám pak zbývá dostatek místa na případné texty, loga atp., čehož můžeme využít při tvorbě v úvodu zmíněného „vizuálu“.