Tutoriál pro Illustrator: Ikonka obyčejné tužky - 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:



Design

Tutoriál pro Illustrator: Ikonka obyčejné tužky

13. června 2011, 00.00 | Výsledkem tohoto tutoriálu je vytvoření ikonky klasické tužky s gumou na konci, která najde použití v mnoha různých situacích, ať na webu nebo i v tištěných materiálech. Primárním cílem návodu je možnost procvičení technik a ukázka postupů pro začínající uživatele.

Pozn.: Tutoriál je psán pro Illustrator CS3, ale tvořit můžete takřka v jakékoliv verzi programu. Návod však vyžaduje 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) Natáhněte obyčejný obdélník o rozměrech 3 × 10 cm, žádný tah, libovolná výplň. Dále vytvořte menší obdélník o rozměru 0,6 × 2 cm a přes Efekt > Stylizovat > Zaoblení rohů mu dejte zaoblení 0,3 cm (následně Objekt > Rozdělit vzhled). Udělejte další obdélník, tentokrát o rozměru 0,7 × 2 cm, stejné zaoblení rohů, opět rozdělte vzhled. Dalším objektem bude elipsa o rozměru 2,7 × 1,8 cm. Všechny čtyři objekty zarovnejte podle obrázku níže, tzn. zaoblené obdélníčky (na obrázku zelené) a elipsa (červená) na spodní hranu velkého obdélníka (černý), současně elipsa s velkým obdélníkem na střed a zároveň oba zaoblené obdélníčky na levou/pravou stranu velkého obdélníka.

ILL_tutorial_tuzka_01f.jpg

2) Označte oba zaoblené obdélníčky a elipsu a pomocí paletky Cestář je slučte do jednoho tvaru (na obrázku červený).

ILL_tutorial_tuzka_02f.jpg

Označte takto vzniklý tvar společně s černým obdélníkem a na paletce Cestář klikněte na ikonku Rozdělit. Poté označte nástrojem Přímý výběr (A) ty části, které jsou na obrázku označeny žlutě a odmažte je.

ILL_tutorial_tuzka_03f.jpg

ILL_tutorial_tuzka_04f.jpg

Na závěr označte oba tvary, které nám zůstaly, a pomocí Cestáře je slučte do jednoho.

ILL_tutorial_tuzka_05f.jpg

3) Pohrajte si s nastavením přechodu a vytvořte ho co nejpodobněji jako na obrázku.

ILL_tutorial_tuzka_06f.jpg

4) Někde bokem vytvořte obdélník o rozměru 3 × 4 cm a jako výplň mu dejte přechod, který vidíte na obrázku níže…

ILL_tutorial_tuzka_07f.jpg

5) Nástrojem Přímý výběr (A) označte dva spodní body obdélníka a zvolte Objekt > Cesta > Sjednotit – podél obou os.

ILL_tutorial_tuzka_08f.jpg

6) Takto vzniklý trojúhelník si zduplikujte a jednu kopii si nechte někde bokem, budeme ji za chvíli potřebovat. Druhé kopii přidejte na paletě Vzhled novou výplň (NAD tou původní s přechodem) a dejte jí barvu RGB = 233-215-163. S touto výplní označenou na paletě Vzhled zvolte Efekt > Textura > Zrnění s nastavením Intenzita: 40, Kontrast: 50, Typ zrnění: Svislé. Této výplni s výše uvedenou barvou a právě vytvořeným zrněním změňte na paletce Průhlednost režim prolnutí na Překrýt a krytí snižte na 60 %.

ILL_tutorial_tuzka_09f.jpg

7) Pomocí zkratek Cmnd+C a Cmnd+F zkopírujte právě vytvořený objekt dopředu. S touto označenou horní kopií klikněte na horní liště na ikonku Přebarvit kresbu a na záložce Upravit stáhněte jas zhruba podle obrázku.

ILL_tutorial_tuzka_10f.jpg

ILL_tutorial_tuzka_11f.jpg

8) Přidejte objektu masku a do ní natáhněte černý obdélník jako na obrázku tak, aby vám "zůstala" jen černá špička tužky (tuha). Označte oba trojúhelníky ("dřevo i grafit") a pomocí Cmnd+G je seskupte. Když si nyní obraz pořádně přiblížíte, uvidíte, že efekt zrnění přesahuje přes okraje objektu. Sáhněte po odložené kopii trojúhelníku z kroku 6), pošlete ho zcela dopředu (Objekt > Uspořádat > Zcela dopředu), zarovnejte ho s grupou "dřevo + grafit", označte skupinu i horní trojúhelník a pomocí zkratky Cmnd+7 vytvořte ořezovou masku. Když si nyní obraz opět nazoomujete, uvidíte, jak se nám okraje krásně "začistily".

ILL_tutorial_tuzka_12f.jpg

ILL_tutorial_tuzka_13f.jpg

9) Nakonec celou tuhle skupinu umístěte pod "tělo" tužky a zarovnejte.

ILL_tutorial_tuzka_14f.jpg

10) Vytvořte obdélník o rozměrech 3,1 × 2,3 cm a dejte mu přechod podle obrázku. Poté zvolte Efekt > Pokřivit > Klenba s nastavením, které vidíte na druhém screenshotu.

ILL_tutorial_tuzka_15f.jpg

ILL_tutorial_tuzka_16f.jpg

11) Zkopírujte si tenhle tvar dopředu (Cmnd+C a Cmnd+F) a této kopii změňte rozměr na 3,15 × 0,5 cm. Tenhle objekt zkopírujte dozadu (Cmnd+C a Cmnd+B), tuhle spodní kopii pomocí Přebarvit kresbu ztmavte (viz bod 7) a šipkou dolů ji posuňte o kousíček dolů. Znovu zkopírujte dolů první kopii, pomocí Přebarvit kresbu ji zesvětlete a stiskem šipky ji posuňte kousek nahoru.

ILL_tutorial_tuzka_17f.jpg

ILL_tutorial_tuzka_18f.jpg

ILL_tutorial_tuzka_19f.jpg

12) Tyhle tři menší proužky seskupte (Cmnd+G), celou skupinu zduplikujte a obě umístěte podle obrázku:

ILL_tutorial_tuzka_20f.jpg

13) Nyní udělejte ještě totéž s velkým spodním objektem, tzn. zkopírovat dolů, ztmavit a posunout kousek níže.

ILL_tutorial_tuzka_21f.jpg

14) Označte všechny tyhle "kovové části" a umístěte/zarovnejte s zbytkem tužky.

ILL_tutorial_tuzka_22f.jpg

15) Pořádně si přibližte obraz, označte spodní tmavý objekt (viz obrázek), zkopírujte ho dolů (Cmnd+C a Cmnd+B) a následně ho posuňte zcela dozadu (Objekt > Uspořádat > Zcela dozadu). Objekt nechte označený, na paletě Vzhled poklepejte na efekt pokřivení Klenba a změňte hodnotu ohnutí na -13 %.

ILL_tutorial_tuzka_23f.jpg

ILL_tutorial_tuzka_24f.jpg

16) To stejné udělejte i s dalšími dvěma tmavými objekty u užších proužků (viz obrázek).

ILL_tutorial_tuzka_25f.jpg

17) Jdeme na gumu. Natáhněte obdélník o rozměrech 3 × 2,5 cm a elipsu o rozměrech 3 × 1,5 cm. Zapněte si automatická vodítka a oba objekty zarovnejte podle screenshotu níže…

ILL_tutorial_tuzka_26f.jpg

18) Označte oba objekty a slučte je do jednoho pomocí Option + klik na ikonku Přidat k oblasti tvaru na paletě Cestář. Výsledku dejte barvu výplně RGB = 226-0-122.

ILL_tutorial_tuzka_27f.jpg

19) Vezměte nástroj Mřížka (U) a přidejte dva body zhruba do míst jako na obrázku. Poté je postupně označte nástrojem Přímý výběr (A) a přiřaďte jim tyto barvy:

ILL_tutorial_tuzka_28f.jpg

20) Gumu posuňte v hierarchii objektů zcela dozadu a umístěte/zarovnejte se zbytkem tužky.

ILL_tutorial_tuzka_29f.jpg

21) Přidejte libovolný nápis vhodným fontem, barva RGB = 229-142-0. Tento nápis zkopírujte dolů, obarvěte na bílo a tuto bílou kopii malinko šipkami posuňte, abychom docílili efektu reliéfu.

ILL_tutorial_tuzka_30f.jpg

22) Označte celou naši doposud vytvořenou grafiku a zvolte Objekt > Rozdělit vzhled a následně Text > Vytvořit obrysy. Na závěr ještě vše seskupte (Cmnd+G) a natočte zhruba jako na obrázku.

ILL_tutorial_tuzka_31f.jpg

ILL_tutorial_tuzka_32f.jpg

ILL_tutorial_tuzka_33f.jpg

23) Ještě přidáme stín. Natáhněte elipsu o rozměrech 10 × 1 cm. Vezměte nástroj Změnit kotevní bod (Shift+C) a klikněte s ním na levý krajní bod elipsy. Tuhle "kapku" zduplikujte a kopii zmenšete na rozměr 2 × 0,2 cm.

ILL_tutorial_tuzka_34f.jpg

ILL_tutorial_tuzka_35f.jpg

ILL_tutorial_tuzka_36f.jpg

24) Větší "kapce" dejte čistě bílou barvu a krytí stáhněte až na 0 %. Oba objekty zarovnejte na levý kraj a střed jako na obrázku. Stiskněte klávesu W a hned potom Enter, čímž vyvoláte volby prolnutí. Rozestupy dejte na Určené kroky a hodnotu 100. Potvrďte a poté stiskněte zkratku Cmnd+Opt+B, čímž dojde k prolnutí obou objektů.

ILL_tutorial_tuzka_37f.jpg

ILL_tutorial_tuzka_38f.jpg

ILL_tutorial_tuzka_39f.jpg

25) Vzniklý stín posuňte zcela dozadu a umístěte pod tužku.

ILL_tutorial_tuzka_40f.jpg

26) Hotovo ;-)

ILL_tutorial_tuzka_41f.jpg

Tématické zařazení:

 » Rubriky  » testovaci  

 » Rubriky  » VSE  

 » Rubriky  » Go verze  

 » Rubriky  » Vektory  

 » Rubriky  » Design  

 

 

 

 

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

Uživatelské jméno:

Heslo: