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

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:



Software

Tutoriál pro Adobe Illustrator: Hodiny

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.

ILL_tutorial_modre-hodiny_01f.jpg

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.

ILL_tutorial_modre-hodiny_02f.jpg

ILL_tutorial_modre-hodiny_03f.jpg

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

ILL_tutorial_modre-hodiny_04f.jpg

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).

ILL_tutorial_modre-hodiny_05f.jpg

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.

ILL_tutorial_modre-hodiny_06f.jpg

ILL_tutorial_modre-hodiny_07f.jpg

ILL_tutorial_modre-hodiny_08f.jpg

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.

ILL_tutorial_modre-hodiny_09f.jpg

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éž.

ILL_tutorial_modre-hodiny_10f.jpg

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).

ILL_tutorial_modre-hodiny_11f.jpg

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).

ILL_tutorial_modre-hodiny_12f.jpg

ILL_tutorial_modre-hodiny_13f.jpg

ILL_tutorial_modre-hodiny_14f.jpg

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.

ILL_tutorial_modre-hodiny_15f.jpg

ILL_tutorial_modre-hodiny_16f.jpg

ILL_tutorial_modre-hodiny_17f.jpg

ILL_tutorial_modre-hodiny_18f.jpg

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

ILL_tutorial_modre-hodiny_19f.jpg

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.

ILL_tutorial_modre-hodiny_20f.jpg

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.

ILL_tutorial_modre-hodiny_21f.jpg

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.

ILL_tutorial_modre-hodiny_22f.jpg

ILL_tutorial_modre-hodiny_23f.jpg

ILL_tutorial_modre-hodiny_24f.jpg

ILL_tutorial_modre-hodiny_25f.jpg

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

ILL_tutorial_modre-hodiny_26f.jpg

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

ILL_tutorial_modre-hodiny_27f.jpg

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éž…

ILL_tutorial_modre-hodiny_28f.jpg

ILL_tutorial_modre-hodiny_29f.jpg

ILL_tutorial_modre-hodiny_30f.jpg

ILL_tutorial_modre-hodiny_31f.jpg

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

ILL_tutorial_modre-hodiny_32f.jpg

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.

ILL_tutorial_modre-hodiny_33f.jpg

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

ILL_tutorial_modre-hodiny_34f.jpg

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.

ILL_tutorial_modre-hodiny_35f.jpg

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

ILL_tutorial_modre-hodiny_36f.jpg

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“.

ILL_tutorial_modre-hodiny_37f.jpg

Tématické zařazení:

 » Rubriky  » testovaci  

 » Rubriky  » VSE  

 » Rubriky  » Go verze  

 » Rubriky  » Vektory  

 » Rubriky  » Design  

 » Rubriky  » Software  

 » Tutoriály  

 

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: