Vytváření presets animace v After Effects ti otevírá širokou škálu kreativních možností. Ať už pro futuristická rozhraní, pohybovou grafiku nebo interaktivní prvky – můžeš funkčnost a design svých animací optimalizovat přesně podle svých představ. V tomto tutoriálu se naučíš, jak navrhnout inovativní, futuristickou panelu, jak ji renderovat a uložit výsledek jako preset. Pojďme na to rovnou!
Nejdůležitější poznatky
- Naučíš se, jak vytvořit tvar a přizpůsobit ho.
- Zjistíš, jak používat masky k vytváření složitých designů.
- Použití expresí ti umožní dynamické animace.
Podrobný návod
Začni tím, že otevřeš nový projekt v After Effects a provedeš následující kroky.
Vytvoření základního tvaru
Nejprve otevři nástroj pro elipsy. Pokud ho ještě nemáš aktivovaný, přejdi do okna nástrojů a zde vyber nástroj pro elipsy. Aby ses dostal k dokonalému kruhu, podrž klávesu Shift a táhni myší. Umísti kruh do středu své kompozice a ujisti se, že barva je transparentní, přizpůsobením možností vyplnění.

Aby ses dostal k bodu ukotvení kruhu uprostřed, aktivuj funkci zarovnání. Klikni na ni, aby ses ujistil, že vše zůstává na správném místě.
Vytvoření masky
Až bude kruh umístěn, musíš vytvořit masku masku. Vyber vrstvu a stiskni klávesy Shift + Ctrl + N (nebo Command + N na Macu), aby ses vytvořil novou masku. Můžeš masku upravit i tím, že budeš měnit uzlové body. Podrž klávesu Alt a klikni na jeden z uzlů, aby ses ho aktivoval. Tak můžeš masku přizpůsobit tak, aby odpovídala tvým představám.
Vyber „Odečíst“ z možností masky, aby se vnitřní oblast vystřihla. Duplikuj masku, aby ses dostal k různým efektům.
Přidání animace
Abychom oživili naši kompozici, přidáme rotaci. Vyber vrstvu a stiskni klávesu R, abys otevřel rotaci. Podrž klávesu Alt a klikni na stopky, abys vytvořil expresi. Napiš expresi wiggle(2,40), abys vytvořil dynamický pohyb.

Pokud chceš zdynamizovat animaci, můžeš upravit hodnoty pro frekvenci i amplitudu. Vyšší hodnoty vedou k živější animaci.
Doladění animace
Abychom animaci doladili, zkus různá nastavení pro rotaci, abys získal požadovanou vizualizaci. Můžeš přizpůsobit rychlost rotace podle toho, jak jemný nebo dramatický chceš efekt mít.
Vytvoření tlačítka
Nyní vytvoříme tlačítko. Duplikuj elipsu a pomocí klávesy S ji zmenši. Umísti tlačítko tak, aby se dobře hodilo do designu.

Ujisti se, že tlačítko zanechává působivý vizuální dojem. Můžeš to udělat úpravou barev a přidáním případných stínů.

Interaktivní animace
Nyní integrujeme interaktivitu. Nakresli jednoduchý obdélník, který reprezentuje prst, a animuj tento prst, aby stiskl tlačítko. Vytvoř klíčové snímky pro pozici obdélníku, které znázorňují přirozený tlak na tlačítko.

Uprav pozici tlačítka, aby se na chvíli vrátilo zpět, když je stisknuto. Tím se uživatelovi poskytne zpětná vazba, že došlo k akci.

Vytvoření kompozice
Vyber všechny prvky a stiskni Shift + Ctrl + C, aby ses dostal ke kompozici. Pojmenuj kompozici a ujisti se, že jsou všechny prvky čistě uspořádány. To je důležité pro následující kroky, protože to usnadní export.

Renderování
Pokud je vše podle tvých představ, je čas projekt renderovat. Přejdi k nastavením exportu a vyber RGB + Alpha. Nastav možnosti renderování na QuickTime a kvalitu na 100 %.

Tvůj animovaný preset je nyní vytvořen! Můžeš jej uložit a znovu použít, kdykoliv ho potřebuješ. Je užitečné vytvářet takové praktické presety, protože ti ušetří čas a optimalizují tvé pracovní postupy.
Shrnutí - Vytváření a používání presetů animací v After Effects
V tomto tutoriálu jsi pomocí After Effects vytvořil futuristickou panelu, animoval ji a uložil jako preset. Tato technika ti umožňuje efektivně navrhovat a opakovaně používat tvé animace.
Často kladené otázky
Jak vytvořím tvar v After Effects?Použij nástroj pro elipsy a táhni při stisknuté klávese Shift, abys vytvořil dokonalý kruh.
Co jsou to masky a jak je používám?Masky ti umožňují vystřihnout určité oblasti tvaru. Můžeš upravovat uzlové body a využívat různé funkce masky, jako je „Odečíst“.
Jak realizuji animace v After Effects?Animace můžeš vytvořit přidáním klíčových snímků nebo použitím expresí, jako je například funkce wiggle, k vytváření dynamických efektů.
Co znamená RGB + Alpha při renderování?RGB + Alpha znamená, že chceš renderovat jak barevné informace (RGB), tak průhlednost (Alpha) svého projektu.