Illustrátor tutoriál: Třpytivé pracovní postupy a designérske recepty

Vytváření varovných štítků v programu Adobe Illustrator

Všechna videa tutoriálu Ilustrační návod: Zářivé postupy a návrhy designu

Ale teď už dost mluvení. Přeji vám hodně zábavy s tutoriálem ...

Krok 1: Vytvoření základní konstrukce varovného značení

V prvním kroku postavíme základní konstrukci našich varovných značek. Otevřete Illustrator a vytvořte nový dokument přes možnost Soubor>Nový. Jako formát zvolte 70x70mm a potvrďte tlačítkem OK.

Adobe Illustrator – Konstruování varovných tabulí

Vyberte Nástroj pro vytváření polygonu (tento nástroj lze nalézt pod Nástrojem pro vytváření obdélníku a zavolat jej dlouhým kliknutím na tento). Klikněte kdekoli na pracovní plochu. Zobrazí se okno, kde můžete nastavit poloměr a počet vrtulí. Zvolte poloměr 35mm a pro počet vrcholů 3 (Obr. 02).

Adobe Illustrator – Konstruování varovných štítků

Přejděte nyní do Dialogového okna pro zarovnání a umístěte vaše trojúhelník středově na pracovní ploše. Pokud ještě nemáte otevřené Dialogové okno pro zarovnání, můžete je najít v horní nabídce pod možností Okno>Zarovnat.

Adobe Illustrator – Konstruování varovných štítků

Po zarovnání trojúhelníku jej vyplňte žlutou barvou (Obr. 04).

Adobe Illustrator – Konstruujte varovné štítky.

Přejděte nyní do horní nabídky na Objekt>Cesta>Zakřivení cesty ... V následujícím dialogovém okně zadejte hodnotu 2,3mm a potvrďte tlačítkem OK.

Adobe Illustrator – Konstruujte varovné značky

Tímto příkazem vytvoříte další a také větší trojúhelník. Tento vyplňte nyní černou barvou. Poté by to u vás mělo vypadat nějak takto (Obr. 06):

Adobe Illustrator – Konstruování varovných štítků

V dalším kroku musíme zakulatit vrcholy černého trojúhelníku. K tomu přejděte na Effekty>Stilizační filtry>Zakulacení vrcholů ... Zde zadejte hodnotu 4mm a potvrďte tlačítkem OK.

Adobe Illustrator – Konstruování varovných štítků

Pro vytvoření posledního rámu naší varovné značky znovu přejděte na Objekt>Cesta>Zakřivení cesty ... a nastavte odsazení na 1mm. Potvrďte tlačítkem OK.

Adobe Illustrator – Konstruování varovných štítků

Klikněte na Nástrojovou paletu na malou šipku, abyste definovali plnou barvu jako obrys (Obr. 09).

Adobe Illustrator – Konstruování varovných štítků

Jelikož to momentálně ještě nevypadá úplně harmonicky, přejděte do Vzhled-Palety a klikněte tam na Zakulacení vrcholů. V následujícím okně změňte hodnotu z 4mm na 6mm a potvrďte tlačítkem OK.

Adobe Illustrator – Konstruování varovných štítků.

Nakonec označte vše a stiskněte klávesovou zkratku Command+G (na PC: Ctrl+G), abyste vše seskupili.

Výsledek by pak měl vypadat takto. Uložte si tento soubor pod názvem "Warnschild_Grundlage" (nebo podobným názvem).

Adobe Illustrator – Konstruujte varovné štítky.

Krok 2: Konstrukce radioaktivního symbolu

V této části tutoriálu postupně vytvoříme radioaktivní symbol. Vytvořte novou pracovní plochu přes možnost Soubor>Nový a opět zvolte velikost 70x70mm.

V dalším kroku zobrazte Zobrazovače. To lze udělat nejsnadněji pomocí klávesové zkratky Command+R (na PC: Ctrl+R).

Bonusové informace:

Vzhledem k tomu, že tuto klávesovou zkratku budete při práci s Illustrátorem stále potřebovat, měli byste si ji dobře zapamatovat. Já si osobně klávesové zkratky pamatuji nejlépe tehdy, když chápu smysl za nimi. Toto R zde znamená Rulers (anglicky pro Zobrazovače).

Přepněte nyní na Nástroj plochy v Paletě nástrojů. To má tu výhodu, že nyní uvidíte přesný střed vaší pracovní plochy. Nyní přetáhněte z číselníků přesně jednu horizontální a vertikální pomocnou čáru na střed.

Celý postup by u vás měl vypadat takto (Obrázek 12):

Adobe Illustrator – Konstruování varovných štítků

Nyní si vemte Nástroj elipsy z Palety nástrojů a s podrženou klávesou Alt klikněte na váš střed. V následném okně zvolte hodnotu 5mm pro Šířku a Výšku. Potvrďte to kliknutím na OK.

Adobe Illustrator – Konstruování varovných cedulí

Klikněte znovu s Nástrojem elipsy a podrženou klávesou Alt na střed a tentokrát zvolte hodnotu 30mm pro Šířku a Výšku. Poté by to mělo u vás vypadat takto (Obrázek 14):

Adobe Illustrator – Konstruování varovných cedulí

Jelikož tvorba kruhů je momentálně tak příjemná, vytvoříme také třetí kruh. Postupujte zde stejně jako u prvních kruhů. Nicméně u tohoto kruhu zadejte rozměr 7,3 x 7,3mm (Obrázek 15).

Adobe Illustrator – Konstruování varovných štítků.

Nyní vyberte Nástroj čáry z Palety nástrojů a přetáhněte horizontální čáru ze středu k vnějšímu kruhu (Obrázek 16).

Adobe Illustrator – Konstruování varovných štítků

Nyní si vezměte Nástroj otočení a s podrženou klávesou Alt klikněte na střed (teprve vytvořená čára musí být samozřejmě vybrána).

Jelikož musíme kruhy přesně rozdělit šestkrát, do pole Otočit-Dialogu jednoduše zadejte 360/6. Illustrator vám automaticky spočítá odpovídající úhel. Potvrďte to kliknutím na Kopírovat.

Adobe Illustrator – Konstruování varovných štítků

Pro zopakování tohoto postupu ještě čtyřikrát je nejlepší použít zkratku Command+D (na PC: Ctrl+D). Následně by to u vás mělo vypadat takto (Obrázek 18):

Adobe Illustrator – Konstruování varovných štítků

V dalším kroku použijeme nástroj, který mnozí z vás pravděpodobně ještě neznají, přestože se může skutečně hodit. Jedná se o Nástroj tvorby tvarů.

Vyberte vše (nejrychleji to lze přes Command+A (na PC: Ctrl+A) a poté si vezměte zmíněný Nástroj tvorby tvarů z Palety nástrojů (Obrázek 19).

Adobe Illustrator – Konstruování varovných štítků

S podrženou klávesou Alt nyní máte možnost odstranit tvary. Jednoduše klikněte na vaši pracovní plochu a vytáhněte výběr přes místa, která chcete odstranit.

Odstraňte tímto způsobem všechny červeně označené oblasti jako na Obrázku 20.

Adobe Illustrator – Konstrukce výstražných štítků.

Následně by to mělo vypadat přibližně takto (Obrázek 21):

Adobe Illustrator – Konstruování varovných štítků

Aby dráhy byly všechny pečlivě uspořádány, ...

Adobe Illustrator – Konstruujte varovné štítky

... nyní přejděte do Palety cest a klikněte na Sloučit. Tím se zejména střed vašeho symbolu radioaktivity zbaví nadbytečných dráh. (Obrázek 23).

Vaším označením symbolu radioaktivity je hotov.

Adobe Illustrator – Konstruování varovných štítků

Krok 3: Vytvoření symbolu biologického nebezpečí

Po vytvoření symbolu radioaktivity je nyní na řadě znak biologického nebezpečí.

Vytvořte si zde novou pracovní plochu o rozměrech 70x70mm a postupujte přesně jako u symbolu radioaktivity s vytvořením středu pomocí dvou pomocných čar.

Chyťte nyní nástroj Elipsa a podržte klávesu Alt klikněte na střed. Do pole velikost zadejte hodnotu 22x22 mm a potvrďte kliknutím na OK.

Adobe Illustrator – Konstruování varovných štítků

Nyní vyberte nástroj Posunout a stisknutím klávesy Enter se otevře dialogové okno Posunout, které se obvykle nachází v menu Objekt>Transformovat>Posunout.

Do pole Vodorovně zadejte 0 mm a do pole Svisle -6mm a potvrďte kliknutím na OK.

Adobe Illustrator – Konstruování varovných štítků

Následně musíte vytvořit další kruh. Opět podržte klávesu Alt a klikněte na střed. Tentokrát zvolte velikost 14x14mm. (Pro tento kruh je nejlepší zvolit jinou barvu (např. modrou), abyste je lépe rozeznali).

Přepněte nyní zpět na nástroj Posunout a stisknutím klávesy Enter otevřete znovu dialogové okno Posunout. Zadejte do pole Vodorovně opět 0mm a do pole Svisle -10,5mm a potvrďte kliknutím na OK.

Adobe Illustrator – Konstruování varovných štítků.

Označte nyní oba kruhy a přejděte na nástroj Otočit. S podrženou klávesou Alt klikněte na střed, abyste mohli otáčet kolem této osy. V dialogovém okně Otočit zadejte hodnotu 360/3 a potvrďte kliknutím na Kopírovat. Tento postup zopakujte s klávesovou zkratkou Command+D (na PC: Strg+D) ještě jednou. Poté by to u vás mělo vypadat takto (Obrázek 27):

Adobe Illustrator – Konstruování varovných značek.

Nyní vyberte všechny modré kruhy s podrženou klávesou Shift a přejděte na Objekt>Uspořádat>Do popředí.

Adobe Illustrator – Konstruování varovných štítků.

V dalším kroku vyberte všechny černé kruhy a v Pathfinder klikněte na Sloučit.

Adobe Illustrator - Konstruovat varovné značky

Nyní vyberte vše pomocí Command+A (na PC: Strg+A) a v Pathfinder klikněte na Odebrat přední objekt. Následně by to mělo vypadat takto (Obrázek 30):

Adobe Illustrator – Konstruování varovných štítků

Pro vytvoření vykrojení v prostředku symbolu biologického nebezpečí vytvořte opět Elipsu s podržením klávesy Alt a kliknutím na střed jako v předchozích krocích. Tentokrát zvolte velikost 3x3mm.

Adobe Illustrator – Konstruujte varovné cedule.

Poté vezměte nástroj Čára a nakreslete svislou čáru od středu nahoru (viz Obrázek 32). Nastavte této čáře tloušťku obrysu na 3pt.

Adobe Illustrator - Konstruování varovných cedulí

Zachyťte nyní znovu nástroj Otočit a opět klikněte s podrženou klávesou Alt na střed. Zadejte úhel 120° a potvrďte kliknutím na Kopírovat. Tento postup zopakujte s klávesovou zkratkou Command+D (na PC: Strg+D).

Adobe Illustrator – Konstruování varovných štítků.

Nyní vyberte všechny tři čáry a v horním menu přejděte na Objekt>Převést. Potvrďte následující okno kliknutím na OK.

Adobe Illustrator – Konstruování varovných štítků

Vyberte všechny tři čáry a střední kruh a v Pathfinder klikněte na Sloučit.

Adobe Illustrator – Konstruujte varovné značky.

Po provedení tohoto kroku vyberte vše a v Pathfinder klikněte na Odebrat přední objekt.

Poté by to mělo vypadat takto (Obrázek 36):

Adobe Illustrator – Konstruování upozornění

Nyní označte vše. Stiskněte Command+C a Command+F (na PC: Strg+C a Strg+F) pro zkopírování vašich objektů a vložení je na stejné místo. Přidejte této kopii obrys o síle 4pt.

Nyní přejděte na Object>Převést. Tím se obrys převede na plochu. V dalším kroku přejděte v ovládacím panelu Pathfinder- na malou šipku v pravém horním rohu a klikněte na možnost Vytvořit složený tvar. Nyní máte možnost kliknout na Převést.

Adobe Illustrator – Konstruování varovných štítků

Nyní jsme téměř na cíli. Vezměte si znovu nástroj Elipsa a vytvořte kruh o rozměrech 19x19mm. Postupujte tak, že stisknete na střed pomocí nástroje Elipsa s podrženým tlačítkem Alt.

Dopřejte tomuto kruhu obrys o síle 4pt a znovu přejděte na Object>Převést. Potvrďte následné okno kliknutím na OK.

Adobe Illustrator – Konstruování upozornění

Nyní stačí kliknout na formu vytvořenou dříve (formu, kterou jste právě vytvořili s pomocí Pathfinder) a přes Object>Uspořádat>Na popředí přenést dopředu.

Adobe Illustrator – Konstruujte varovné značky

Nyní označte s podrženým tlačítkem Shift formu na popředí a kruh. Poté klikněte v ovládacím panelu Pathfinder- na Odstranit přední objekt.

Adobe Illustrator - Konstruování varovných štítků

Nyní odstraňte všechny obrysy a vybarvěte všechny plochy černě. Poté by to mělo vypadat takto:

Biohazard znamení je hotovo.

Adobe Illustrator – Konstruujte varovné štítky.

Závěr:

Nyní máte všechny prvky k dispozici pro vytvoření varovného značení. Otevřete soubor ze 1. kroku a vložte do něj jeden z právě vytvořených symbolů. Nyní tento symbol pouze umístěte na střed vašeho trojúhelníkového značení a vaše varovné značení je hotovo.

Adobe Illustrator – Konstruování varovných štítků

Závěrečné slovo:

Doufám, že jste si toto tutoriál užili a nyní jste schopni vytvářet vlastní varovná značení. Pokud máte ohledně tohoto tématu ještě nějaké otázky, rád je zodpovím v komentářích pod tímto tutoriálem. Budu se snažit na ně co nejdříve odpovědět.

Váš Julian