Maska animace

Vytvořit profesionální odhalit efekty pomocí animovaných masek. Masky klip obsah a může animovat odhalit položky v průběhu času - ideální pro titulní sekvence, přechody a filmové efekty.

Dostupné masové animace

Použití maskových šablon

Nejjednodušší způsob, jak používat mask animace je prostřednictvím šablon:

1. Otevřete panel šablon * * (klepněte na záložku Šablony nebo stiskněte T)
2. Filtr * * Kategorie: Maska * *
3. Klepněte na šablonu pro její náhled
4. Klepněte na tlačítko * * Použijte šablonu * *

Dostupné maskovací šablony

Jak funguje maska animace

Animované masky fungují odstřižením obsahu s tvarem, který se časem změní:

1. • • Mask Shape * * - Hranice klipu (obdélník, kruh, hvězda, srdce)
2. • • Animation Type * * - Jak se maska pohybuje (smazat, iris, měřítko)
3. • • Časování * * - Čas zahájení, doba trvání a uvolňování
4. • • Direction * * - which way the delease happens

Časové parametry

• • • Start Time * * - Až začne odhalení (v sekundách)
• • • Trvání * * - Jak dlouho trvá odhalení
• • • Easing * * - Animace křivka (lineární, easyIn, easyOut, easyInOut)

Staggered Text Reveals

Pro víceřádkový text postavte startovací čas pro kaskádový efekt:

To vytváří klasickou “line-by-line discover” vidět v profesionální pohybové grafice.

Kombinace s jinými účinky

Maska animace fungují dobře s:

• • • Keyframe animations * * - Přesunout položky, zatímco oni odhalí
• • • Jednoduché animace * * - Přidání pulsu nebo slábnutí po odhalení
• • • Generátory pozadí * * - Reveal obsah přes animované pozadí

Maska obrázku (statická)

Pro statické maskování obrazů:

1. Vybrat importovaný obrázek
2. V panelu Vlastnosti klikněte na * * Maska * *
3. Vyberte si tvar (kruh, hvězda, srdce, šestiúhelník atd.)
4. Nastavte velikost masky a pozici
5. Klikněte * * Aplikujte masku * *

To vytváří trvalou úrodu tvaru (neanimovaný).

Tipy pro nejlepší výsledky

1. • • Keep signals short * * - 0,4- 0,8 sekundy funguje nejlépe
2. • • Use easeOut * * - Feels more natural for discloses
3. • • Stagger consistent * * - 0.1-0.2s mezi řádky
4. • • Match your content * * - Použít iris pro dramatické, smazat pro profesionální
5. • • Náhled plnou rychlostí * * - Načasování testu je správné

Maskovací režimy

Ovládat, jak tvar masky interaguje s vaším obsahem:

Pro změnu režimu masky:

1. Vyberte zamaskovanou položku
2. V obraze Vlastnosti najdete pokles režimu masky
3. Vyberte si * * Clip * *, * * Odečtěte * *, nebo * * Intersect * *

Maska stohování

Aplikujte více masek na jednu položku pro komplexní maskovací efekty:

1. Aplikujte úvodní masku (např. kruh)
2. Přidat druhou vrstvu masky s jiným režimem:
   • • • Add * * - Spojuje oba tvary masky (viditelné v obou)
   • • • Odečtěte * * - Vyřízne druhý tvar z prvního
   • • • Intersect * * - Viditelná je pouze překrývající se plocha

Příklad: Kruh se Star Cutout

1. Aplikujte masku * * kružnice * * (klipový režim)
2. Přidat * * hvězda * * masková vrstva (režim odečtení)
3. Výsledek: kruhový rám s hvězdičkovou dírou uprostřed

Name

Můžete naskládat tolik maskových vrstev, kolik potřebujete. Odstranit jednotlivé vrstvy bez ovlivnění ostatních.

Vertex animace

Animovat masku tvar sám tím, že přemění své vrcholy mezi dvěma stavy:

1. Definovat výchozí tvar masky (vrcholové polohy)
2. Definovat koncový tvar masky (vrcholové polohy)
3. Maska se během přehrávání hladce přemění mezi tvary

To vytváří organické, proudící masky přechody, které jdou nad rámec jednoduchého rozsahu a pozice animace.

Technické poznámky

• Masky používají Paper.js odstřižené skupiny interně
• Stupňové masky (hvězda, srdce) stupnice od centra
• Obdélníkové masky mění rozměry pro efekty vymazání
• Masky se přestavují při načítání šablon
• Pro plnou programovou kontrolu viz dokumentace API pro applyCustomMask()

• • Související: * * [Animace] (/features/animations)