Textová animácia v After Effects: Vytvorenie prvých kľúčových snímok

Animácia textu môže tvojim projektom poskytnúť dynamický a príťažlivý nádych. V tomto návode sa zameriame na prvý kroky pri vytváraní a animovaní textu v programe Adobe After Effects. Naučíš sa, ako používať Keyframes na to, aby sa tvoj text pohyboval zľava doprava a aplikovali sa rôzne interpolácie. Poďme na to a dajme tvojmu textu život!

Dôležité poznatky

• Keyframes sú rozhodujúce pre animácie v After Effects.
• Môžeš upraviť pozíciu textu pomocou osí X a Y.
• Rôzne interpolačné metódy môžu ovplyvniť priebeh pohybu animácie.

Krok za krokom návod

Aby si sa naučil(a) základy animácie textu v After Effects, postupuj nasledovne:

Začni tým, že vytvoríš nový text vo svojom projekte v After Effects. Klikni na nástroj na text a napíš text podľa tvojich predstáv. Teraz chceme tento text animovať pomocou Keyframes. Pozrieme sa na hodnoty pozície na osi X a Y. Nachádzame sa v čase nula našej časovej osi. Na nastavenie prvých Keyframes klikni na stopky vedľa nastavenia pozície. Teraz uvidíš, že prvý Keyframe bol vytvorený v rovine pozície. Tento Keyframe uchováva informácie o pozícii tvojho textu v tomto čase.

Teraz preskočíme na čas 2 sekundy. Tu upravíš pozíciu na osi X. Posuň text doprava; uvidíš, že sa automaticky vytvorí nový Keyframe. V okne náhľadu uvidíš, akú vzdialenosť text pokryje časom. Pre overenie animácie posuň časť späť a posuň časovú os až na koniec Keyframes. Stlačením medzerníka môžeš vidieť animáciu v pohybe. Text sa teraz lineárne presúva zľava doprava.

V našom príkladnom texte sme na začiatku mali hodnoty X 952 a Y 634. Hodnota Y zostáva rovnaká, zatiaľ čo X narastá na 1864. Tým sme stanovili základný pohyb zľava doprava.

Pre ďalší krok chcem animáciu trochu zaujímavejšie. Na začiatku nech má text vľavo mimo kompozície, potom nech rýchlo vletí dnu, spomalí a znovu rýchlo vypadne napravo z obrazovej oblasti. Na dosiahnutie tohto označ klávesmi oba Keyframes a odstráň ich. Uvidíš, že teraz neexistuje animácia a pozícia sa vráti na svoju aktuálnu hodnotu. Klikni znovu na hodnotu X a posuň ju myšou vľavo, aby bola mimo obrazovej oblasti. Teraz znovu klikni na stopky, aby si nastavil(a) nasledujúci Keyframe.

Teraz prejdi približne o 10 snímok vpred v časovom pruhu. Tu uvidíš, ako text sa opäť posúva do obrazovej oblasti. Nechaj text tam na sekundu a potom ho pomaly posuň doprava – tento krok automaticky spustí ďalší Keyframe. Pre dokončenie animácie prejdi o ďalších cca 10 snímkov vpred a posuň sa mimo obrazovej oblasti úplne doprava. Ak si všetko správne spravil(a), môžeš si animáciu prehrať.

Môže sa stať, že tvoja animácia nebude vyzerať tak lineárne a ukáže akési „bounce-back“ efekty. To je spôsobené interpoláciou, ktorú After Effects medzi Keyframes používa. Ak si želáš, môžeš to upraviť. Klikni pravým tlačidlom myši na Keyframe, vyber „Interpolácia Keyframe“ a zmeň priestorovú interpoláciu z „Bézier“ na „lineárnu“. Môžeš to urobiť pre oba Keyframes, aby si zabezpečil(a) tvrdý prechod.

Aby si lepšie pochopil(a) rozdiel medzi „Bézier“ a „lineárnou“ interpoláciou, vytvor nejakú druhu trojuholníkovú animáciu. Zmeň veľkosť svojho textu a posuň ho do ľavého dolného rohu na nulovú pozíciu. Približne v strede animácie ho posuň ľahko do pravého hornej rohu a potom na 2 sekundy nastav pozíciu do pravého dolného rohu. Výsledkom bude Bézierova interpolácia. Ak prepneme na lineárnu, neuvidíme žiadne krivky, len tvrdý prechod z jedného bodu na druhý.

To boli základné informácie, ako animovať text v After Effects. V ďalšej časti sa budeme venovať úprave ďalších parametrov a animovaniu jednotlivých vlastností nášho textu.

Zhrnutie

V tomto návode si sa naučil(a), ako používať Keyframes v After Effects na vytvorenie hladkých animácií textu. Porozumenie pozície, času a interpolácii ti pomôže dosiahnuť vizuálne príťažlivé výsledky.