Viete vytvoriť GIF v programe Adobe Illustrator?

Pravda je taká, nemôžete vytvoriť GIF v programe Adobe Illustrator úplne sami Áno, úvodné kroky možno vykonať v aplikácii Adobe Illustrator. To znamená, že môžete pripraviť grafické listy pre animovaný GIF v aplikácii Adobe Illustrator, ale na vytvorenie samotného GIFu budete musieť grafické listy exportovať do programu na tvorbu GIF alebo použiť program Photoshop.

V tomto návode sa naučíte vytvárať animované súbory GIF v aplikáciách Adobe Illustrator a Photoshop. Návod rozdelím na dve časti.

V prvej časti sa oboznámite s krokmi, ktoré je potrebné vykonať v programe Adobe Illustrator, a v druhej časti vám ukážem, ako konvertovať artboardy na animované súbory GIF v programe Photoshop. Ak nie ste používateľom programu Photoshop, nemusíte sa obávať, ukážem vám aj to, ako vytvoriť GIF pomocou online tvorcov GIF.

Poznámka: snímky obrazovky v tomto návode pochádzajú z verzie Adobe Illustrator CC 2022 pre počítače Mac a Photoshop CC 2022 pre počítače Mac. Verzie pre Windows alebo iné verzie môžu vyzerať inak.

Časť 1: Tvorba GIFu v programe Adobe Illustrator

Ak aplikácia Adobe Illustrator neanimuje, prečo ju používame na vytváranie GIF-u? Jednoduchá odpoveď: Pretože vektory pre GIF musíte vytvoriť v aplikácii Adobe Illustrator a kľúčom je mať rôzne snímky/akcie rozdelené do rôznych artboardov.

Aj keď to môže znieť mätúco, pochopíte to, keď vám tu ukážem príklad s podrobnými krokmi.

Krok 1: Vytvorte nový súbor programu Adobe Illustrator a nastavte veľkosť pracovnej plochy na 400 x 400px (len môj návrh, môžete nastaviť akúkoľvek inú veľkosť).

Keďže pôjde o GIF, neodporúčam mať veľký súbor a najlepšie je, ak je artboard štvorcový.

Krok 2: Vytvorte ikonu alebo ilustráciu, ktorú chcete animovať. Napríklad vytvorím GIF s dažďom, takže vytvorím tvar mraku a niekoľko dažďových kvapiek.

Všetky tvary sa teraz nachádzajú na jednej tabuli, takže ďalším krokom je ich rozdelenie na rôzne tabule, aby sa vytvorili animačné rámce.

Krok 3: Vytvorte nové artboardy. Tieto artboardy budú neskôr vo Photoshope tvoriť rámce, takže počet artboardov závisí od počtu rámcov/akcií, ktoré chcete, aby GIF mal.

Napríklad som pridal päť ďalších panelov, takže teraz mám celkovo šesť panelov.

Nestresujte sa, ak si momentálne nie ste istí, vždy môžete pridať alebo odstrániť umelecké tabule neskôr.

Krok 4: Skopírujte a prilepte tvary na nové tabule. Ak upravujete ten istý tvar, môžete ho skopírovať na všetky tabule a vykonať úpravy na každej tabuli.

Poznámka: je veľmi dôležité, aby ste pri vytváraní GIF-u umiestnili tvary na miesto na nových artboardoch. Klávesová skratka pre umiestnenie skopírovaného objektu na rovnaké miesto je Príkaz + F ( Ctrl + F pre používateľov systému Windows).

Prvky na grafických paneloch by mali byť v poradí, v akom sa bude GIF zobrazovať.

Napríklad tvar mraku sa bude zobrazovať na GIF-e po celý čas, preto ho skopírujte na všetky nové artboardy. Prvky môžete na nový artboard pridávať aj po jednom. Záleží len na vás.

Rozhodnite, ktorá časť sa zobrazí ako ďalšia, a usporiadajte grafické karty podľa poradia snímok, ktoré sa zobrazia na GIF.

V mojom prípade chcem, aby sa ako prvá zobrazila stredná dažďová kvapka, takže ju vložím spolu s tvarom mraku na artboard 2. Potom na ďalšie snímky (artboardy) pridám postupne kvapky dažďa po stranách.

Keď som mal všetky tabule nastavené, rozhodol som sa odstrániť kvapky dažďa z prvej tabule, takže teraz moje tabule vyzerajú takto a sú pripravené na prácu.

Krok 5: Pomenujte artboardy a usporiadajte ich podľa toho, ako chcete, aby vyzerali na GIF-e. Ja ich pomenujem od snímky 1 po snímku 6, aby sa neskôr vo Photoshope ľahšie identifikovali.

Krok 6: Exportovať grafické karty. Prejdite do režijnej ponuky Súbor > Export > Export pre obrazovky a vyberte Exportovanie grafických kariet .

Mali by ste vidieť svoje umelecké tabule uložené ako jednotlivé obrázky s názvami.

V programe Adobe Illustrator ste prácu dokončili, pokračujme v procese animácie vo Photoshope.

Časť 2: Tvorba GIFu v programe Photoshop

Keď máte všetky snímky pripravené, vytvorenie animovaného GIFu v programe Photoshop vám zaberie len niekoľko minút.

Krok 1: Vytvorte nový dokument vo Photoshope s rovnakou veľkosťou ako súbor Adobe Illustrator z časti 1. V mojom prípade by to bolo 400 x 400px.

Krok 2: Obrázky exportované z programu Adobe Illustrator pretiahnite do programu Photoshop a zobrazia sa ako vrstvy.

Krok 3: Prejdite do hornej ponuky Okno > Časová os alebo môžete priamo zmeniť pracovný priestor na Pohyb .

V spodnej časti okna Photoshopu by sa mala zobraziť pracovná plocha Časová os.

Krok 4: Kliknite na . Vytvorenie animácie snímok na pracovnej ploche Časová os a na pracovnej ploche Časová os sa zobrazí horná vrstva.

Krok 5: Kliknutím na pravý horný roh okna Časová os otvorte zloženú ponuku a vyberte Vytváranie rámčekov z vrstiev .

Potom sa všetky vrstvy zobrazia ako rámy.

Ako vidíte, prvý rámik je prázdny, pretože neskôr je to pozadie. Prvý rámik môžete odstrániť tak, že ho vyberiete a kliknete na tlačidlo Odstráni vybrané snímky na časovej osi.

Krok 6: Kliknutím na šípku nadol pod každým snímkom môžete príslušne zmeniť rýchlosť každého snímku. Napríklad som zmenil rýchlosť všetkých snímok na 0,2 sekundy.

Kliknutím na tlačidlo prehrávania si môžete pozrieť, ako GIF vyzerá. Keď ste s výsledkom spokojní. Posledným krokom je exportovať ho ako GIF.

Krok 7: Prejdite do hornej ponuky Súbor > Export > Uložiť pre web (staršie) .

V ponuke nastavení je najdôležitejšie vybrať GIF ako typ súboru a vyberte Navždy ako Možnosti strihania. Podľa toho zmeníte ostatné nastavenia.

Kliknite na . Uložiť a gratulujeme! Práve ste vytvorili animovaný GIF.

Ako vytvoriť GIF bez aplikácie Photoshop

Neovládate Photoshop? Určite môžete vytvoriť GIF aj bez neho. Existuje veľa online nástrojov, ktoré vám umožnia vytvoriť GIF zadarmo.

Napríklad EZGIF je populárny program na tvorbu GIFov, ktorý sa ľahko používa. Stačí nahrať obrázky, vybrať rýchlosť prehrávania a program automaticky vytvorí GIF za vás.

Záver

V programe Adobe Illustrator sa vytvárajú prvky animácie a vo Photoshope sa vytvára animovaný GIF.

Jednoduchšou možnosťou by bolo použiť online program na tvorbu GIF-u. Výhodou je, že by vám ušetril veľa času, najmä ak nepoznáte Photoshop. Ja však uprednostňujem flexibilitu Photoshopu, pretože mám väčšiu kontrolu nad rámčekmi.