Maszk animációk

Hozzon létre professzionális felfedi hatások animációs maszkok. Maszkok klip tartalom és animálni, hogy felfedje elemek idővel - tökéletes cím szekvenciák, átmenetek, és mozi hatások.

Elérhető maszkos animációk

A maszksablonok használata

A legegyszerűbb módja a maszk animációk segítségével sablonok:

1. Nyissa meg a * * sablonok panelt * * (kattintson a sablonok fülére vagy nyomja meg az T gombot)
2. Szűrő: * * Kategória: Maszkolás * *
3. Kattintson egy sablonra, hogy megtekinthesse
4. Kattintson * * A Sablon * * használata

Eltakarható sablonok

Hogyan működik a maszkos animáció

Az animációs maszkok úgy működnek, hogy az idő függvényében változó formájú tartalmakat vágják le:

1. • • Mask Shape * * - A klip határ (téglalap, kör, csillag, szív)
2. • • Animációs típus * * - Hogyan mozog a maszk (törlés, irisz, skála)
3. • • Timing * * - Indítási idő, időtartam, és lazítás
4. • • Direction * * Which way the display happen

Időzítő paraméterek

• • • Start Time * * - Amikor a felfedés kezdődik (másodperc)
• • • Időtartam * * - Mennyi ideig tart a felfedés
• • • Easing * * - Animációs görbe (lineáris, easeIn, easeOut, easeInOut)

Szöveges megjelenítések

A többsoros szöveghez a cascading effektus kezdő időpontjait kell elhalasztani:

Ez létrehozza a klasszikus “line-by-line felfedi” látható szakmai mozgás grafika.

Egyesítés más hatásokkal

Maszk animációk jól működik:

• • • Keyframe animations * * - Mozgassa a tárgyakat, amíg felfedik
• • • Egyszerű animációk * * - Add impulzus vagy fade után felfedi
• • • Háttér generátorok * * - A tartalom megjelenítése animációs háttérrel

Képmaszkolás (Static)

Statikus képelfedéshez:

1. Behozott kép kiválasztása
2. A Properties Panelen kattints * * Maszkra * *
3. Válassza ki a forma (kör, csillag, szív, hatszög, stb.)
4. A maszk méretének és helyzetének beállítása
5. Kattintson * * Alkalmazza a maszkot * *

Ez létrehoz egy állandó termés az alakja (nem animált).

Tippek a legjobb eredményekhez

1. • • Keep fists short * * - 0.4-0.8 másodperc működik a legjobban
2. • • Használd az easeOutot * * * - Úgy érzem, több természetes, hogy felfedi
3. • • Stagger konzisztens * * - 0, 1 - 0, 2 s a sorok között
4. • • Match your content * * - Használja az íriszt drámaian, törölje le a professzionális
5. • • Előnézet teljes sebességgel * * - A teszt időzítése helyes

Maszkos modok

Ellenőrzés, hogy a maszk alakja hogyan lép kölcsönhatásba a tartalmával:

A maszk módjának megváltoztatásához:

1. Válassza ki a maszkos elemet
2. A Properties panelben keresse meg a maszkos üzemmódot
3. Válasszon * * Clip * *, * * Kivonás * *, vagy * * Adatbázis * *

Maszkos raktározás

Többszörös maszkok alkalmazása egyetlen tételre komplex maszkhatás esetén:

1. Kezdő maszk (pl. kör)
2. Adjunk hozzá egy másik maszkréteget egy másik üzemmóddal:
   • • • Hozzáadás * * - Egyesíti mindkét maszk alakú (látható bármelyik)
   • • • Extract * * - Kivágja a második formát az elsőből
   • • • Adatbázis * * - Csak az átfedő terület látható

Példa: Kör Star Cutout

1. Alkalmazzon egy * * kört * * maszkot (klip mód)
2. A * * csillag * * maszkréteg hozzáadása (kivonási mód)
3. Eredmény: körkörös keret csillagalakú lyukkal a közepén

Annyi maszkos réteget halmozhatsz fel, amennyi szükséges. Távolítsa el az egyes rétegeket anélkül, hogy másokat érintene.

Vertex animáció

A maszk alakzatának animálása két állam között:

1. A kiinduló maszk alakjának meghatározása (vertex pozíciók)
2. Határozza meg a záró maszk alakja (vertex pozíciók)
3. A maszk simán alakzatot formál a lejátszás közben

Ez olyan szerves, áramló maszkokat hoz létre, amelyek túlmutatnak az egyszerű skálán és pozícióanimációkon.

Műszaki megjegyzések

• Maszkok használ Paper.js vágott csoportok belül
• Skála alapú maszkok (csillag, szív) skála a központtól
• A téglalap maszkok módosítják a törlési effektek méreteit
• A maszkok újratöltése a rakodási sablonok esetében
• A teljes programozás vezérléséhez lásd az applyCustomMask() API dokumentációját

• • Kapcsolódó: * * [Animációk] (/features/animations)