Adobe Illustrator tutoriál: Jak se dělá vektorový stín

Už asi dvakrát se v komentářích někdo zeptal, jak udělat v Illustratoru skutečný vektorový stín. Ač v Illustratoru existuje efekt Drop Shadow stejně jako je tomu ve Photoshopu, není to zrovna postup, který by byl vhodný pro tvůrce grafiky určené na prodej ve fotobankách. Problém je totiž v tom, že tento efekt se se stínem moc nemazlí a jednoduše vytvoří bitmapu – rastrový obrázek, který ve vektoru nemá co dělat (výslednou ilustraci fotobanky zamítnou, neboť obsahuje bitmapu).

Nuže jak jinak vytvořit plně vektorový stín? Řešením je použití nástroje Blend – v češtině asi prolnutí (o tomto nástroji jsem zde již jednou psal: Blend – přechody mezi křivkami a objekty). Celý postup si ukážeme na jednoduché ukázce:

Vytvoříme si kouli s gradientem, abychom jí dali zdání 3D:

Pod koulí vytvoříme elipsu, vyplníme ji černou barvou a nastavíme jí maximální (100%) průsvitnost:

Vytvoříme druhou soustřednou elipsu představující střed stínu, mnohem menší, která nebude průsvitná (barva výplně bude opět černá):

Nyní označíme obě elipsy a použijeme nástroj Blend z nabídky Object / Blend / Make a nebo klávesovou zkratkou CTRL + ALT + B. Tím vznikne prolnutí těchto dvou vybraných objektů – vytvoří se mezi nimi několik meziobjektů.

Kolik jich bude, to záleží na nastavení Object / Blend / Blend Options… které si zobrazíme a upravíme podle svých požadavků. Čím více bude mezikroků (meziobjektů), tím bude stín plynulejší a datová velikost ilustrace větší.

Nakonec jen takto vytvořený stín posuneme přímo pod kouli. A je hotovo. Jelikož jsem použil průhlednost, je možné dát za stín jednobarevné pozadí a stín zůstane zachován:

Na obrázku také vidíte jak vypadá stín po uložení do EPS (nebo po rozložení toho „blendu“ na křivky) – přechod se rozloží na jednotlivé meziobjekty.

A teď pozor. Aby Illustrator při ukládání do EPS nevytvořil ze stínu bitmapu (kvůli použití průhlednosti), je nutné mu nastavit, že má vše interpretovat pomocí křivek (vektorů) – což nastavíte v dialogu při ukládání EPS:

Více informací o ukládání do EPS viz článek Jak exportovat grafiku z Illustratoru pro fotobanky

Níže je několik dalších ilustrací, na kterých je vidět, jak moc jim pomohlo přidání stínu:

Jak je vidět, stíny nemusí být vytvořené jen z tak jednoduchých tvarů, jakými jsou elipsy, ale mohou kopírovat mnohem složitější objekty (stačí je zduplikovat a poupravovat proporce a velikost vnějšího okraje stínu).