Tutoriál pro Adobe Illustrator: Kovový číselník s kódem - 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: Kovový číselník s kódem

5. dubna 2011, 00.00 | V tomto tutoriálu si celkem jednoduše vytvoříme kovový číselník s volitelným kódem, který určitě znáte např. z kufříků na dokumenty apod. Půjde víceméně pouze o práci s Cestářem a přechody, přesto může výsledek vypadat poměrně realisticky…

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–45 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 nový dokument libovolné velikosti v režimu RGB, stiskem Cmnd+R si zobrazte pravítka, klikněte pravým tlačítkem kamkoliv do pravítka na okraji dokumentu a zvolte jako jednotky Obrazové body. Není to nutné, děláme to jen proto, abyste – pokud se chcete zuby-nehty držet mého postupu – dosáhli totožného výsledku.

_ill_tutor_kod_1f.jpg

2) Natáhněte obdélník 100 × 390 ob, černý tah 1 b a výplň gradientem podle obrázku. Poté zvolte Efekt > Stylizovat > Zaoblení rohů (15 ob) a následně Objekt > Rozdělit vzhled.

_ill_tutor_kod_2f.jpg

_ill_tutor_kod_3f.jpg

3) S naším označeným zaobleným obdélníkem zvolte z menu Objekt > Cesta > Odsazená cesta s hodnotou odsazení -6 ob. Odsazené cestě dejte žádný tah a čistě černou výplň.

_ill_tutor_kod_4f.jpg

4) Vytvořte obyčejný obdélník o rozměrech 78 × 15 ob a dejte mu přechod a umístění podle obrázku. Za držení Opt a Shift (Opt pro duplikaci, Shift pro zachování směru) zduplikujte tento obdélník dolů, pomocí paletky Zarovnání nebo zapnuých Automatických vodítek přiražte kopii na nulu k originálu, změňte výšku obdélníku na 5 ob a vyplňte ho přechodem podle druhého obrázku.

_ill_tutor_kod_5f.jpg

_ill_tutor_kod_6f.jpg

5) Udělejte další kopii o výšce 87 ob s přechodem podle obrázku.

_ill_tutor_kod_7f.jpg

6) Další obdélníček bude mít výšku 12 ob a přechod jako na screenshotu.

_ill_tutor_kod_8f.jpg

7) Pokračujeme ve stejném stylu podle obrázků…

_ill_tutor_kod_9f.jpg

_ill_tutor_kod_10f.jpg

_ill_tutor_kod_11f.jpg

_ill_tutor_kod_12f.jpg

_ill_tutor_kod_13f.jpg

_ill_tutor_kod_14f.jpg

_ill_tutor_kod_15f.jpg

8) Natáhněte úzký obdélníček o rozměru 3 × 368 ob a s výplní přechodem a umístěním opět podle obrázku.

_ill_tutor_kod_16f.jpg

9) Zduplikujte úzký pásek z předchozího kroku na pravou stranu a malinko mu změňte gradient.

_ill_tutor_kod_17f.jpg

10) Napište nějakou číslici (já zvolil font Bank Gothic medium, velikost 100 b. Výplň má barvu RGB = 77-77-77, tah 26-26-26 o síle 2 b. Zduplikujte si číslo někam bokem (budeme se k němu vracet) a stiskem Cmnd+Shift+O převeďte jednu z kopií na obrysy. Umístěte ji nad horní políčko číselníku a zkratkou Cmnd+Shift+G rozgrupněte. Že už rozkřivkované číslo není skupina poznáte na paletce Vzhled, kde musíte vidět označení Složená cesta.

_ill_tutor_kod_18f.jpg

11) Na paletce Vzhled vytvořte novou výplň POD tou původní. Tah dejte na žádný a výplň čistě bílou. S touto označenou výplní zvolte Efekt > Deformovat a transformovat > Transformovat. Výplň posuňte vodorovně o 2 ob a svisle o -2 ob. Na závěr přetáhněte číslici na paletku Grafický styl.

_ill_tutor_kod_19f.jpg

_ill_tutor_kod_20f.jpg

12) Vraťte se k nevykřivkované kopii naší číslice, dvakrát si ji rozkopírujte a kopie přepište jinými čísly. Teď už jen stačí vždy označit číslo a kliknout na paletce Grafický styl na ten náš vytvořený. Dokonce je díky tomuto používání grafického stylu úplně jedno, jaký bude mít číslo tah nebo výplň a nemusí být rozkřivkované. Schválně si to vyzkoušejte.

_ill_tutor_kod_21f.jpg

_ill_tutor_kod_22f.jpg

13) Označte všechna tři čísla plus ty úplně spodní dva zaoblené obdélníky a stiskem Cmnd+2 tyhle objekty zamkněte. Přepněte se do zobrazení Obrysy (Cmnd+Y), zapněte si Automatická vodítka a transformujte ty dva boční úzké obdélníčky na výšku tak, aby byly přesně stejně vysoké, jako všechny ty prostřední. Obrázky napoví…

_ill_tutor_kod_23f.jpg

_ill_tutor_kod_24f.jpg

_ill_tutor_kod_25f.jpg

14) Pomocí Cmnd+A označte vše (označí se samozřejmě vše kromě zamčených objektů), stiskněte Cmnd+C a vzápětí Cmnd+F, čímž se nám zkopírují všechny obdélníčky dopředu. Potom klikněte na Cestáři za držení Option na ikonku Přidat k oblasti tvaru.

_ill_tutor_kod_26f.jpg

15) Nechte tento nově vytvořený objekt označený a zvolte Efekt > Textura > Zrnění s nastavením podle obrázku. Potom změňte objektu režim prolnutí na Překrýt a snižte hodnotu krytí někam k dvaceti procentům.

_ill_tutor_kod_27f.jpg

16) Stiskem Cmnd+Opt+2 všechno odemkněte, označte celou grafiku, třeba čtyřikrát ji zkopírujte a přepište čísla na kopiích za nějaká jiná…

_ill_tutor_kod_28f.jpg

17) Natáhněte černý obdélník, nástrojem Mřížka naklikejte několik bodů a některým z nich přiřaďte světlejší odstín. Inspirovat se můžete třeba zase obrázkem…

_ill_tutor_kod_29f.jpg

18) Zasuňte pozadí dozadu a případně dolaďte celý výtvor. Já nakonec zvýšil hodnotu krytí té zrnité textury asi na 35 % a horní a spodní řadu číslic jsem zdeformoval ve vertikálním směru asi na 85 %.

_ill_tutor_kod_30f.jpg

Tématické zařazení:

 » Rubriky  » testovaci  

 » Rubriky  » VSE  

 » Rubriky  » Go verze  

 » Rubriky  » Vektory  

 » Rubriky  » Design  

 » Rubriky  » Software  

 

 

 

 

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

Uživatelské jméno:

Heslo: