Efektívne vytváranie animovaných prednastavení v After Effects

Vytvorenie animovaných prednastavení v After Effects ti otvára množstvo kreatívnych možností. Či už ide o futuristické rozhrania, pohyblivé grafiky alebo interaktívne prvky – môžeš optimalizovať funkčnosť a dizajn svojich animácií podľa svojich predstáv. V tomto tutoriáli sa naučíš, ako navrhnúť inovatívny, futuristický panel, ako ho renderovať a uložiť výsledok ako prednastavenie. Poďme na to!

Najdôležitejšie zistenia

• Naučíš sa, ako vytvoriť a prispôsobiť tvar.
• Zistíš, ako použiť masky na vytvorenie komplexných dizajnov.
• Používanie expresií ti umožní dynamické animácie.

Podrobný návod

Začni tým, že otvoríš nový projekt v After Effects a vykonáš nasledujúce kroky.

Vytvorenie základného tvaru

Najprv otvor nástroj Ellipsa. Ak si ho ešte neaktivoval, prejdite do okna nástrojov a vyberte nástroj Ellipsa. Aby si vytvoril dokonalý kruh, drž kláves Shift počas ťahania myšou. Umiestni kruh do stredu svojej kompozície a uisti sa, že je farba priehľadná, čím prispôsobíš možnosti výplne.

Aby si umiestnil stredový bod kruhu do stredu, aktivuj funkciu zarovnania. Klikni na to, aby si sa uistil, že všetko zostane na správnom mieste.

Vytvorenie masky

Po umiestnení kruhu musíš vytvoriť masku. Vyber vrstvu a stlač klávesy Shift + Ctrl + N (alebo Command + N na Macu), aby si vytvoril novú masku. Môžeš masku ešte prispôsobiť úpravou uzlov. Drž kláves Alt a klikni na jeden z uzlov, aby si ho aktivoval. Tak môžeš masku navrhnúť tak, aby zodpovedala tvojim predstavám.

Vyber „Odpočítať“ z možností masky, aby sa vnútorná časť vyrezala. Duplikuj masku, aby si dosiahol rôzne efekty.

Pridanie animácie

Aby si vniesol život do svojej kompozície, pridáme rotáciu. Vyber vrstvu a stlač kláves R, aby si otvoril rotáciu. Drž kláves Alt, zatiaľ čo klikneš na hodiny, aby si vytvoril expresiu. Napíš ekspresiu wiggle(2,40), aby si vytvoril dynamický pohyb.

Ako chceš animáciu zredukovať, môžeš prispôsobiť hodnoty pre frekvenciu a amplitúdu. Vyššie hodnoty vytvárajú živšiu animáciu.

Doladenie animácie

Aby si animáciu vylepšil, experimentuj s rôznymi hodnotami pre rotáciu, aby si dosiahol požadované zobrazenie. Môžeš upraviť rýchlosť rotácie v závislosti na tom, akú jemnú alebo dramatickú chceš mať animáciu.

Vytvorenie tlačidla

Teraz vytvoríme tlačidlo. Duplikuj elipsu a skali ju pomocou klávesu S. Umiestni tlačidlo tak, aby dobre zapadalo do dizajnu.

Uisti sa, že tlačidlo zanechá vizuálne atraktívny dojem. Môžeš to dosiahnuť úpravou farieb a pridaním prípadných tieňov.

Interaktívna animácia

Teraz integrujeme interaktivitu. Nakresli jednoduchý obdĺžnik, ktorý reprezentuje prst, a animuj tento prst, aby stlačil tlačidlo. Vytvor kľúčové snímky pre pozíciu obdĺžnika, ktoré znázorňujú prirodzené stlačenie tlačidla.

Zmeň pozíciu tlačidla tak, aby sa jemne vrátilo späť, keď je stlačené. To poskytuje užívateľovi spätnú väzbu, že akcia bola vykonaná.

Vytvorenie kompozície

Vyber všetky prvky a stlač Shift + Ctrl + C, aby si vytvoril kompozíciu. Pomenúvaj kompozíciu a uisti sa, že všetky prvky sú pekne usporiadané. To je dôležité pre nasledujúce kroky, pretože to zjednoduší export.

Renderovanie

Keď je všetko podľa tvojich predstáv, je čas renderovať projekt. Prejdi do nastavení exportu a vyber RGB + Alpha. Nastav možnosti renderovania na QuickTime a kvalitu na 100%.

Tvé animované prednastavenie je teraz vytvorené! Môžeš ho uložiť a znova použiť kedykoľvek to potrebuješ. Je rozumné vytvárať také praktické prednastavenia, pretože ti ušetří čas a optimalizujú tvoje pracovné postupy.

Zhrnutie - Vytvorenie a aplikácia animovaných prednastavení v After Effects

V tomto tutoriáli si vytvoril futuristický panel pomocou After Effects, animoval si ho a uložil ho ako prednastavenie. Táto technika ti umožňuje efektívne navrhnúť a znovu použiť tvoje animácie.