Mask animationer

Skapa professionella avslöja effekter med animerade masker. Masker klipp innehåll och kan animera för att avslöja objekt över tiden - perfekt för titelsekvenser, övergångar och filmiska effekter.

Tillgängliga Mask Animationer

Använda maskmallar

Det enklaste sättet att använda mask animationer är genom mallar:

1. Öppna Templates Panel (klicka på Templates-fliken eller tryck på T)
2. Filtrera efter Kategori: Masking*
3. Klicka på en mall för att förhandsgranska den
4. Klicka ** Använd mall* för att tillämpa den

Tillgängliga Masking Mallar

Hur mask animationer fungerar

Animerade masker fungerar genom att klippa innehåll med en form som förändras över tiden:

1. Mask Shape - Klippgränsen (rectangle, cirkel, stjärna, hjärta)
2. ** Animationstyp* - Hur masken rör sig (torka, iris, skala)
3. Timing - Starttid, varaktighet och lättnad
4. Direction - På vilket sätt avslöjandet sker

Timing Parametrar

• *Start Time - När avslöjandet börjar (på några sekunder)
• Varaktighet - Hur lång tid avslöjandet tar
• Easing - Animationskurva (linjär, easeIn, easeOut, easeInOut)

Staggered Text avslöjar

För multi-line text, stagger starttiderna för en kaskad effekt:

Detta skapar den klassiska “line-by-line avslöja” som ses i professionell rörelsegrafik.

Kombinera med andra effekter

Mask animationer fungerar bra med:

• Keyframe animationer - Flytta objekt medan de avslöjar
• *Enkla animationer - Lägg till puls eller blek efter avslöjande
• *Backgroundgeneratorer - Avslöja innehåll över animerade bakgrunder

Image Masking (Static)

För statisk form maskering på bilder:

1. Välj en importerad bild
2. I fastighetspanelen klickar du på Mask*
3. Välj en form (cirkel, stjärna, hjärta, hexagon, etc.)
4. Justera maskstorlek och position
5. Klicka på Apply Mask*

Detta skapar en permanent gröda till formen (inte animerad).

Tips för bästa resultat

1. Keep avslöjar kort - 0,4-0,8 sekunder fungerar bäst
2. Använd easeOut - Känns mer naturligt för avslöjanden
3. Stagger konsekvent - 0,1-0,2 mellan rader
4. Spela ditt innehåll - Använd iris för dramatisk, torka för professionell
5. Förhandsgranskning med full fart Testtiming känns rätt

Mask Modes

Kontrollera hur maskformen interagerar med ditt innehåll:

För att ändra maskläget:

1. Välj det maskerade objektet
2. I panelen Fastigheter, hitta maskläge nedgång
3. Välj Clip*******subtrahera eller Intersect***

Mask Stacking

Applicera flera masker till ett enda objekt för komplexa maskeringseffekter:

1. Applicera en första mask (t.ex. cirkel)
2. Lägg till ett andra maskskikt med ett annat läge:
   • *Lägg till - Förenar båda maskformerna (synliga i båda)
   • Subtract - Skär den andra formen ur den första
   • Intersect - Endast överlappningsområdet är synligt

Exempel: Cirkel med Star Cutout

1. Applicera en cirkel mask (klippläge)
2. Lägg till ett star maskskikt (subtract mode)
3. Resultat: cirkulär ram med ett stjärnformat hål i mitten

Du kan stapla så många maskskikt som behövs. Ta bort enskilda lager utan att påverka andra.

Vertex animation

Animera maskformen själv genom att morfa dess vertikaler mellan två stater:

1. Definiera startmaskformen (vertexpositioner)
2. Definiera slutet mask form (vertex positioner)
3. Masken smidigt morphs mellan former under uppspelning

Detta skapar organiska, flödande maskövergångar som går utöver enkel skala och positionsanimationer.

Tekniska anteckningar

• Masker använder Paper.js klippta grupper internt
• Skala-baserade masker (stjärna, hjärta) skala från mitten
• Rektangelmasker ändrar dimensioner för torka effekter
• Masker byggs om när man laddar mallar
• För full programmatisk kontroll, se API dokumentation för applyCustomMask()

*Related: Animations | Keyframe Editor | Mallar