Animatiemasker

Maak professionele onthul effecten met behulp van geanimeerde maskers. Maskers clip inhoud en kan animeren om items te onthullen in de tijd - perfect voor titel sequenties, overgangen, en filmische effecten.

Beschikbare maskeranimaties

Gebruik van maskersjablonen

De gemakkelijkste manier om masker animaties te gebruiken is door middel van sjablonen:

1. Open het Sjablonenpaneel (klik op sjablonen of druk op T)
2. Filteren op Categorie: Masker
3. Klik op een sjabloon om het te bekijken
4. Klik op Gebruik sjabloon om het toe te passen

Beschikbare maskersjablonen

Hoe maskeranimaties werken

Geanimeerde maskers werken door inhoud te knippen met een vorm die verandert in de tijd:

1. Mask Shape - De clipgrens (rechthoek, cirkel, ster, hart)
2. Animatietype - Hoe het masker beweegt (vegen, iris, schalen)
3. Timing - Starttijd, duur en versoepeling
4. Directie - Welke kant de onthulling opgaat

Timingparameters

• Begintijd - Wanneer de onthulling begint (in seconden)
• Duur - Hoe lang de onthulling duurt
• Easing - Animatiecurve (lineair, eenvoudigIn, gemakUit, gemakInOut)

Achtergehouden tekst onthult

Voor multi-line tekst, stagger de starttijden voor een cascading effect:

Dit creëert de klassieke “line-by-line onthullen” gezien in professionele bewegingsgrafieken.

Combineren met andere effecten

Masker animaties werken goed met:

• Keyframe animaties - Verplaats items terwijl ze onthullen
• Eenvoudige animaties - Voeg puls of vervagen na onthulling
• Achtergrond generatoren - Onthul inhoud over geanimeerde achtergronden

Afbeeldingsmaskering (statisch)

Voor statische vormmaskering op afbeeldingen:

1. Een geïmporteerde afbeelding selecteren
2. Klik in het Eigenschappenpaneel op Mask
3. Kies een vorm (cirkel, ster, hart, zeshoek, enz.)
4. De grootte en positie van het masker aanpassen
5. Klik op Masker toepassen

Hierdoor ontstaat een permanent gewas in de vorm (niet geanimeerd).

Tips voor de beste resultaten

1. Keep onthult kort - 0,4-0,8 seconden werkt het beste
2. Gebruik gemakOut - Voelt natuurlijker voor onthullingen
3. Stagger consistent - 0,1-0,2s tussen lijnen
4. Match uw inhoud - Gebruik iris voor dramatische, veeg voor professionele
5. Preview op volle snelheid - Test timing voelt goed

Maskermodi

Controleer hoe de maskervorm reageert op uw inhoud:

Om de maskermodus te wijzigen:

1. Selecteer het gemaskerde item
2. Zoek in het paneel Eigenschappen de mask mode dropdown
3. Kies Clip, Subtract, of Intersect

Maskerstapeling

Meerdere maskers toepassen op een enkel item voor complexe masking effecten:

1. Een eerste masker toepassen (bijv. cirkel)
2. Een tweede maskerlaag met een andere modus toevoegen:
   • Add - Vereenigt beide maskervormen (zichtbaar in beide)
   • Subtract - Snijt de tweede vorm uit de eerste
   • Intersect - Alleen het overlappende gebied is zichtbaar

Voorbeeld: Cirkel met Star Cutout

1. Een circle-masker toepassen (clipmodus)
2. Een star maskerlaag toevoegen (aftrekmodus)
3. Resultaat: rond frame met een stervormig gat in het midden

Je kunt zoveel maskerlagen stapelen als nodig is. Verwijder individuele lagen zonder invloed op anderen.

Vertexanimatie

Animeer de maskervorm zelf door de hoekpunten tussen twee standen te veranderen:

1. Definieer de vorm van het startmasker (vertex posities)
2. Definieer de eindmaskervorm (vertexposities)
3. Het masker verandert soepel tussen vormen tijdens het afspelen

Dit creëert organische, stromende masker overgangen die verder gaan dan eenvoudige schaal en positie animaties.

Technische opmerkingen

• Maskers maken intern gebruik van Paper.js-afgesneden groepen
• Scale-based maskers (ster, hart) schaal vanaf het midden
• Rechthoekige maskers veranderen afmetingen voor veegeffecten
• Maskers worden herbouwd bij het laden van sjablonen
• Voor volledige programmatische controle, zie de API documentatie voor applyCustomMask()

Gerelateerd: Animatie