Jak vytvořit jednoduchou animaci pomocí Adobe Illustratoru a After Effects

Už jste někdy vytvořili úžasnou ilustraci pomocí Adobe Illustrator a přemýšleli jste, co víc s tím můžete dělat? Můžete jej importovat do After Effects a přeměnit jej ve fantastickou animaci. Sledujte, jak snadné to může být.

Vytvořte obrázek v aplikaci Adobe Illustrator

Ilustraci pro budoucí animaci lze vytvořit různými způsoby. Používání Adobe Illustratoru vám nabízí intuitivní řešení ilustrací, která lze snadno importovat a pochopit v After Effects. Také byste mohli použijte Photoshop k vytvoření kompozice pro After Effects, ale my se zaměříme na práci s Illustratorem.

Při vytváření dokumentu aplikace Illustrator jej nastavte na velikost zamýšleného videa (používáme 1920 x 1080). Chcete-li začít nový dokument, klepněte na Nový soubor a vyberte si rozměry. Klikněte OK a jste připraveni začít navrhovat.

Používejte jednoduché tvary

Skutečnou výhodou použití Illustratoru pro návrh animace jsou možnosti hledání cesty. Můžete navrhovat pomocí jednoduchých tvarů, jako je elipsa nebo obdélník, a pomocí funkcí pathfinder můžete tyto jednoduché tvary snadno přeměnit na složitější ilustrace.

Použití jednoduchých, minimalistických tvarů pro vaši ilustraci vám také pomůže, pokud jde o animaci. Jednoduchá ilustrace se snadněji animuje než něco mnohem složitějšího. Pravděpodobně si všimnete, že většina animací, které najdete online, je velmi jednoduchá.

Vaši jednoduchou animaci doplní minimalistická barevná paleta – sepsali jsme průvodce pro tvorbu automatickou paletu barev v Illustratoru.

Práce na samostatných vrstvách

Práce na samostatných vrstvách v Illustratoru není jen dobrým zvykem, ale je nedílnou součástí pro pozdější import vaší ilustrace do After Effects. Vrstvy zůstanou zachovány a vy můžete snadno animovat vrstvu po vrstvě.

Každý prvek vašeho návrhu, který chcete animovat – nebo neanimovat – musí být v samostatné vrstvě. Pokud je prvek složitý, ale nemá jednotlivé části, které lze animovat, měla by být celá sekce společně ve stejné vrstvě. Každá vrstva by měla být přejmenována, abyste je mohli sledovat v AE. Chcete-li vrstvu přejmenovat, poklepejte na její aktuální název.

Při importu vaší ilustrace do AE tak nejenže zůstanou stejné rozměry souboru a vrstvy udržování vašich prvků na jejich správných pozicích – ale všechny animující prvky budou správně odděleny také.

Ukládání souboru aplikace Illustrator

Po dokončení obrázku přejděte na Soubor > Uložit jako a uložte jej jako soubor AI. Po kliknutí Uložit, objeví se vyskakovací okno. Ujistěte se, že Vytvořte soubor kompatibilní s PDF políčko je zaškrtnuto a poté klikněte OK.

Důvod pro uložení obrázku jako souboru AI je ten, že se stane živým souborem. Pokud jste vytvořili animaci se stejným souborem, ale později si uvědomíte, že chcete změnit barvu nebo aspekt ilustrace, můžete. Jakékoli změny uložené v souboru AI se okamžitě projeví v animaci After Effects, pokud soubor AI používáte.

Toto je možnost, kterou doufejme nebudete potřebovat, pokud jste ilustraci vytvořili tak, jak ji chcete. Ale je skvělé mít možnost v budoucnu v případě potřeby aspekty změnit.

Import vašeho návrhu do Adobe After Effects

Po uložení souboru AI je čas importovat ilustraci do After Effects. AE má tři hlavní oblasti: panel projektu, časovou osu a kompozici. Poklepejte na panel Projekt a objeví se vyskakovací okno. Najděte svůj soubor Illustratoru, vyberte si Importovat jako > Kompozice – zachovat velikosti vrsteva klikněte Import. Ujisti se Vytvořte kompozici je zaškrtnuto.

Když se otevře, na panelu Projekt uvidíte dvě možnosti souboru. Jeden bude soubor kompozice a druhý bude složka samostatných vrstev. Složku nemusíte používat. Přetáhněte soubor kompozice dolů na časovou osu a vaše ilustrace se zobrazí v oblasti kompozice. Na časové ose uvidíte všechny své vrstvy.

Dobu trvání animace můžete upravit prodloužením nebo zmenšením časového pásma nad časovou osou. Toto bude délka vašeho videa při exportu, ale lze ji kdykoli během procesu návrhu změnit.

Transformace v After Effects

Na časové ose lze každou vrstvu samostatně animovat s mnoha různými možnostmi přechodu. Chcete-li zobrazit přechody, klepněte na malé bílá šipka na vrstvě a poté klikněte na šipku vedle Přeměnit pro zobrazení a změnu typů animací.

Uvidíte tyto možnosti transformace:

• Kotevní bod
• Pozice
• Měřítko
• Otáčení
• Neprůhlednost

Vedle každé z možností bude sada čísel. Tato čísla mohou být procenta, souřadnice nebo něco jiného. Každý z nich souvisí s možností Transformace, vedle které jsou; když transformujete část své animace, čísla budou odrážet změnu.

Změna možností Transformace neudělá nic bez použití klíčových snímků. Jsou nejdůležitější součástí animace v After Effects.

Práce s klíčovými snímky

Klíčové snímky jsou ikony ve tvaru kosočtverce, které představují prvek Transform pro ukazatel času. Než budete moci použít klíčové snímky, musíte stisknout ikonu stopek vedle zvolené možnosti Transformace – funguje jako přepínač a rozpozná, že se používá možnost Transformace.

Se zapnutými stopkami můžete ukazatel času – svislou modrou čáru s tabulátorem nahoře – posouvat podél časové osy animace na místa, kde chcete, aby se prvky animace odehrály. Změna parametrů čísla přidá klíčový snímek. U některých voleb Transformace – jako je Měřítko nebo Umístění – můžete také ručně přesunout prvek v okně kompozice namísto změny čísel.

Pokaždé, když posunete ukazatel času a poté změníte parametr Transform, přidá se klíčový snímek. Klíčové snímky můžete přesunout z jejich pozic a parametr se přesune tam, kam klíčový snímek umístíte.

Můžete také zkopírovat a vložit klíčový snímek, aby se projevil v jiné vrstvě. Pokud například chcete, aby se současně pohybovalo více vrstev, můžete zkopírovat klíčové snímky Umístění jedné vrstvy a poté je vložit do jiné vrstvy. Vloží se tam, kde je ukazatel času. Výběrem více vrstev najednou a přidáním klíčových snímků do jedné umístíte stejný klíčový snímek do všech vybraných vrstev.

Použití Easy Ease

Funkce Easy Ease se běžně používá, ale co dělá? Nápověda je poněkud v názvu – usnadňuje prvky animace.

Přidání Easy Ease do klíčového snímku dává možnosti Transformace přirozenější lehkost, spíše než náhlý konec (nebo začátek). Je to velmi jemný rozdíl, ale je to ten, který pravděpodobně přidává úroveň odbornosti do vašich animací.

Chcete-li použít Easy Ease, klikněte pravým tlačítkem na libovolný diamant klíčového snímku a přejděte na Asistent klíčových snímků > Snadná snadnost. Můžete také použít zkratku F9 implementovat Easy Ease. Diamant klíčového snímku se změní na tvar přesýpacích hodin, který bude představovat Easy Ease.

Export vaší animace

Jakmile dokončíte animaci v After Effects a budete spokojeni s tím, jak to celé vypadá, musíte své video uložit. Můžeš k vytváření animací Lottie použijte pluginy jako LottieFiles z vašeho videa, nebo jej můžete exportovat jako video s různými možnostmi vykreslení.

Jít do Soubor > Exportovat > Přidat do fronty vykreslení. Vyberte cíl výstupu a klikněte Poskytnout. Animaci můžete nechat vykreslovat bez dozoru; v závislosti na jeho délce a počtu prvků to může chvíli trvat. Jakmile je vykreslení hotové, máte své animační video.

Transformujte své umění Illustratoru v After Effects

Své dovednosti v Adobe Illustratoru můžete maximalizovat tak, že z jednoduché ilustrace uděláte působivou animaci. Při použití nástroje Cestář a vrstev aplikace Illustrator oceníte nástroj po jeho importu do After Effects. Postupujte podle tohoto návodu a vytvořte skvělou animaci.

75+ klávesových zkratek Adobe After Effects, které vám usnadní život

Přečtěte si další

O autorovi