Tutoriály

Adobe Illustrator tutoriál

Vytvoření RSS ikonky ve vektorech

K tvorbě ikony však použijeme Adobe Illustrator. Ten, na rozdíl od Photoshopu, který se spíše hodí na úpravu fotografií a rastrové grafiky, pracuje s kresbou ve formě vektorů. Vektorová grafika se naproti tomu užívá především pro tvorbu kreseb, log, logotypů a ikonek. Ve webdesignu lze užívat oba programy a webdesignéři je také často kombinují. Na rozdíl od rastrové grafiky Photoshopu, však vektorová grafika Illustratoru snese velké úpravy velikosti aniž dojde ke ztrátě kvality proto se loga posílají ve vektorovém formátu.

Po spuštění Illustratoru se objeví úvodní dialogové okno, klikněte na ikonu nový dokument a navolte velikost pracovní plochy. Jelikož vytváříme ikonku, budou stačit rozměry 50 krát 50 px. Zkontrolujte, že máte nastavený barevný RGB režim dokument pojmenujte a dejte OK.

Stiskněte klávesu M (ikonka obdélníku v panelu nástrojů). Zaoblený obdélník získáte kliknutím myši na ikonku obdélníku se stisknutou klávesou Alt. Poté klikněte kamkoliv do kreslící plochy. Objeví se panel, kde můžeme nastavit přesnou velikost a hlavně zaoblení rohů obdélníku. Velikost nastavte na 32 px, což je pro ikonky takový standard; zároveň nastavte zaoblení na 5 px a dejte OK a ihned v plovoucí paletce vzorky barev vyberte pro RSS ikonku charakteristickou oranžovou barvu. Vytvořili jsme oranžový čtverec s kulatými rohy.

Čtverec si zkopírujte do schránky stiskem Ctrl + C a vložte jej dopředu před minulý čtverec stisknutím klávesové zkratky Ctrl + F. Novému čtverci nastavíme o něco světlejší oranžový odstín. Poté stiskněte Shift + Alt a táhnutím myší za roh objektu vrchní čtverec trochu zmenšete.

Nyní zvolte nástroj mřížka (viz šipka) a klikněte do čtverce. Pak stiskem tlačítka myši ve vzorníku barev naberte vhodný světlejší odstín a se stále stisknutou myší tuto barvu přetáhněte na místo, kde se čáry mřížky protínají. Vytvořili jsme objekt s barevným přechodem, který dodá dojem plastičnosti.

Před poslední čtverec budeme znovu kopírovat stejný tvar, na kterém jsme v minulém kroku vytvořili barevný přechod, stačí stisknout Ctrl + F. Jeho barvu nastavte na bílou a zvolte nástroj pero (klávesa P). Pomocí tohoto nástroje vytvořte podobný objekt jako na obrázku. Oba tvary označíme nástrojem výběr (klávesa V). Při vybírání držte stisknutý Shift. V nabídce okno/window zvolte cestář/pathfinder nebo klávesově Shift + Ctrl + F9 a zadejte odečíst/subtract (viz obrázek). Stiskněte Shift + Ctrl + F10 a nastavte průhlednost objektu.

Zvolte nástroj Segment čáry/Line segment, který kreslí rovné čáry pod libovolným úhlem a někam stranou v dokumentu se stisknutým Shiftem začněte kreslit oblouk. Ve stejné paletce, kterou jsme použili na nastavení průhlednosti, zvolte volbu Tah/Stroke a nastavte potřebnou tloušťku tahu. Poté oblouk zkopírujte a opět vložte pomocí Ctrl + F. Označený jej se Stisknutým Shiftem a Altem zmenšete na velikost, která vám vyhovuje. Nástrojem pro tvorbu objektů (klávesa M) vytvořte kruh. Nyní zbývá tyto objekty označit a zarovnat. Nejjednodušeji to lze provést v paletě Zarovnat/Align stikněte Shift + F7. Všechny tři označené objekty seskupte klávesovou zkratkou Ctrl + G a vhodně umístěte do kresby. RSS ikonka je tímto hotová.

Inspirací byl obdobný tutoriál Create a Vector RSS Icon with Illustrator.

Tutoriály

Jak vytvořit zaoblené rohy na fotografii?
Lepší převod barvy na stupně šedi pomocí Lab
Vytvoření RSS ikonky ve vektorech

Články

Kdyby architekti měli pracovat jako weboví designéři