Ako vytvoriť jednoduchú animáciu pomocou aplikácií Adobe Illustrator a After Effects

Už ste niekedy vytvorili úžasnú ilustráciu pomocou aplikácie Adobe Illustrator a premýšľali ste, čo viac s ňou môžete urobiť? Môžete ho importovať do After Effects a premeniť ho na fantastickú animáciu. Postupujte ďalej a uvidíte, aké ľahké to môže byť.

Vytvorte ilustráciu v aplikácii Adobe Illustrator

Existujú rôzne spôsoby, ako vytvoriť ilustráciu pre budúcu animáciu. Používanie aplikácie Adobe Illustrator vám ponúka intuitívne riešenia ilustrácií, ktoré možno ľahko importovať a pochopiť v After Effects. Môžete tiež použite Photoshop na vytvorenie kompozície pre After Effects, ale my sa zameriame na prácu s Illustratorom.

Pri vytváraní dokumentu v aplikácii Illustrator ho nastavte na veľkosť zamýšľaného videa (používame 1920 x 1080). Ak chcete začať nový dokument, kliknite Nový súbor a vyberte si rozmery. Kliknite OK a ste pripravení začať navrhovať.

Použite jednoduché tvary

Skutočnou výhodou používania aplikácie Illustrator pre návrh animácií sú možnosti vyhľadávania ciest. Môžete navrhovať pomocou jednoduchých tvarov, ako je elipsa alebo obdĺžnik, a pomocou funkcií cestára môžete tieto jednoduché tvary ľahko premeniť na komplikovanejšie ilustrácie.

Použitie jednoduchých, minimalistických tvarov pre vašu ilustráciu vám tiež pomôže, pokiaľ ide o animáciu. Jednoduchá ilustrácia sa animuje ľahšie ako niečo oveľa zložitejšie. Pravdepodobne si všimnete, že väčšina animácií, ktoré nájdete online, je celkom jednoduchá.

Minimalistická farebná paleta doplní vašu jednoduchú animáciu — napísali sme návod na tvorbu automatizovaná paleta farieb v aplikácii Illustrator.

Práca na samostatných vrstvách

Práca na samostatných vrstvách v aplikácii Illustrator nie je len dobrým zvykom, ale je aj neoddeliteľnou súčasťou neskoršieho importovania ilustrácie do After Effects. Vrstvy zostanú zachované a môžete jednoducho animovať vrstvu po vrstve.

Každý prvok vášho návrhu, ktorý chcete animovať – alebo nechcete animovať – musí byť v samostatnej vrstve. Ak je prvok zložitý, ale nemá jednotlivé časti, ktoré je možné animovať, celá táto sekcia by mala byť na rovnakej vrstve. Každá vrstva by mala byť premenovaná, aby ste ich mohli všetky sledovať v AE. Ak chcete vrstvu premenovať, dvakrát kliknite na jej aktuálny názov.

Pri importe ilustrácie do AE zostanú nielen rozmery súboru a vrstvy rovnaké – teda udržiavanie prvkov na ich správnych pozíciách – ale všetky animujúce prvky budú správne oddelené tiež.

Uloženie súboru Illustrator

Po dokončení ilustrácie prejdite na Súbor > Uložiť ako a uložte ho ako súbor AI. Po kliknutí Uložiť, zobrazí sa kontextové okno. Uistite sa, že Vytvorte súbor kompatibilný s PDF políčko je začiarknuté, potom kliknite na OK.

Dôvodom na uloženie vašej ilustrácie ako súboru AI je, že sa stane živým súborom. Ak ste vytvorili svoju animáciu s rovnakým súborom, ale neskôr si uvedomíte, že chcete zmeniť farbu alebo aspekt ilustrácie, môžete. Akékoľvek zmeny uložené v súbore AI sa okamžite prejavia v animácii After Effects, pokiaľ používate súbor AI.

Toto je možnosť, ktorú, dúfajme, nebudete potrebovať, ak ste ilustráciu urobili tak, ako chcete. Je však skvelé mať možnosť v budúcnosti v prípade potreby zmeniť aspekty.

Importovanie vášho návrhu do Adobe After Effects

Po uložení súboru AI je čas importovať ilustráciu do After Effects. AE má tri hlavné oblasti: panel projektu, časovú os a zloženie. Dvakrát kliknite na panel Projekt a zobrazí sa kontextové okno. Nájdite svoj súbor aplikácie Illustrator, vyberte si Importovať ako > Kompozícia – zachovať veľkosti vrstieva kliknite Importovať. Uisti sa Vytvorte kompozíciu je skontrolovaný.

Keď sa otvorí, na paneli Projekt uvidíte dve možnosti súboru. Jeden bude súbor kompozície a druhý bude priečinok samostatných vrstiev. Priečinok nemusíte používať. Potiahnite súbor kompozície nadol na časovú os a vaša ilustrácia sa zobrazí v oblasti kompozície. Na časovej osi uvidíte všetky svoje vrstvy.

Trvanie animácie môžete upraviť predĺžením alebo skrátením časového pásma nad časovou osou. Toto bude dĺžka vášho videa pri exporte, ale môže sa kedykoľvek zmeniť počas procesu návrhu.

Transformácia v After Effects

Na časovej osi môže byť každá vrstva samostatne animovaná s mnohými rôznymi možnosťami prechodu. Ak chcete zobraziť prechody, kliknite na malé biela šípka na vrstve a potom kliknite na šípku vedľa Transformovať na zobrazenie a zmenu typov animácií.

Zobrazia sa tieto možnosti transformácie:

• Kotviaci bod
• pozícia
• Mierka
• Rotácia
• Nepriehľadnosť

Vedľa každej z možností bude sada čísel. Tieto čísla môžu byť percentá, súradnice alebo niečo iné. Každý z nich súvisí s možnosťou Transformovať, vedľa ktorej sú; keď transformujete časť svojej animácie, čísla budú odrážať zmenu.

Zmenou možností transformácie sa nič neurobí bez použitia kľúčových snímok. Sú najdôležitejšou súčasťou animácie v After Effects.

Práca s kľúčovými snímkami

Kľúčové snímky sú ikony v tvare diamantu, ktoré predstavujú prvok Transform pre ukazovateľ času. Pred použitím kľúčových snímok musíte stlačiť ikonu stopiek vedľa vybratej možnosti Transformácia – funguje ako prepínač a rozpoznáva, že sa používa možnosť Transformovať.

So zapnutými stopkami môžete posúvať ukazovateľ času – zvislú modrú čiaru s tabulátorom v hornej časti – pozdĺž časovej osi animácie na miesta, kde chcete, aby sa prvky animácie nachádzali. Zmenou parametrov čísla sa pridá kľúčová snímka. Pri niektorých možnostiach transformácie, napríklad Mierka alebo Pozícia, môžete prvok v okne kompozície namiesto zmeny čísiel presunúť aj manuálne.

Zakaždým, keď posuniete indikátor času a potom zmeníte parameter Transform, pridá sa kľúčová snímka. Kľúčové snímky môžete presunúť z ich pozícií a parameter sa presunie na miesto, kde umiestnite kľúčovú snímku.

Môžete tiež skopírovať a prilepiť kľúčovú snímku, aby sa prejavila v inej vrstve. Ak napríklad chcete, aby sa súčasne pohybovalo viacero vrstiev, môžete skopírovať kľúčové snímky polohy jednej vrstvy a potom ich prilepiť do inej vrstvy. Prilepia sa tam, kde je ukazovateľ času. Výberom viacerých vrstiev naraz a pridaním kľúčových snímok do jednej umiestnite rovnakú kľúčovú snímku do všetkých vybratých vrstiev.

Používanie Easy Ease

Funkcia Easy Ease sa bežne používa, ale čo robí? Vodítko je tak trochu v názve – uľahčuje to animačné prvky.

Pridanie Easy Ease ku kľúčovej snímke dáva voľbe Transform prirodzenejšiu ľahkosť, a nie náhly koniec (alebo začiatok). Je to veľmi jemný rozdiel, ale je to taký, ktorý pravdepodobne pridáva úroveň odbornosti k vašim animáciám.

Ak chcete použiť Easy Ease, kliknite pravým tlačidlom myši na ľubovoľný kosoštvorec kľúčovej snímky a prejdite na Keyframe Assistant > Easy Ease. Môžete použiť aj skratku F9 implementovať Easy Ease. Diamant kľúčového rámu sa zmení na tvar presýpacích hodín, aby reprezentoval Easy Ease.

Exportovanie vašej animácie

Keď skončíte s animáciou v After Effects a budete spokojní s tým, ako to všetko vyzerá, musíte si video uložiť. Môžeš na vytváranie animácií Lottie použite doplnky ako LottieFiles z vášho videa, alebo ho môžete exportovať ako video s rôznymi možnosťami vykreslenia.

Ísť do Súbor > Exportovať > Pridať do frontu na vykreslenie. Vyberte výstupný cieľ a kliknite Vykresliť. Animáciu môžete nechať vykresľovať bez dozoru; v závislosti od dĺžky a počtu prvkov to môže chvíľu trvať. Po dokončení vykresľovania máte svoje animačné video.

Transformujte svoje umenie Illustratora v After Effects

Svoje zručnosti v aplikácii Adobe Illustrator môžete maximalizovať premenou jednoduchej ilustrácie na pôsobivú animáciu. Ak použijete nástroj a vrstvy v aplikácii Illustrator, oceníte tento nástroj po jeho importovaní do After Effects. Postupujte podľa tohto návodu a vytvorte skvelú animáciu.

75+ klávesových skratiek Adobe After Effects, ktoré vám uľahčia život

Prečítajte si ďalej

O autorovi