Maske animationer

Opret professionelle afsløre effekter ved hjælp af animerede masker. Masker klip indhold og kan animere til at afsløre elementer over tid - perfekt til titel sekvenser, overgange, og filmiske effekter.

Tilgængelige Mask Animationer

Animation Virkning Best for
Tør op / ned Indhold afslører fra toppen eller bunden Teksttitler, citater
Tør venstre / højre Vandret afsløring Overgange, afsløringer
Iris Circle udvider fra centrum Dramatiske afsløringer, fokus
Iris Out Cirkel krymper til centrum Fade outs, overgange
Stjernemaske Stjerne form afslører indhold Legesyge afsløringer
Hjertemaske Hjerteform afslører indhold Valentine, romantiske temaer
Tæppe Åbner fra midten Scene / teatereffekter
Diagonalvisker Vinklet afsløring Dynamiske overgange
Kinematisk Postboks barer animate Film- stil intros

Brug af maske skabeloner

Den nemmeste måde at bruge maske animationer er gennem skabeloner:

  1. Åbn * * skabelonpanelet * * (klik på fanebladet Skabeloner eller tryk på T)
  2. Filtrér efter * * Kategori: maskering * *
  3. Klik på en skabelon for at få vist det
  4. Klik på * * Brug skabelon * * for at anvende den

Tilgængelige maskeringsskabeloner

Skabelon Varebeskrivelse
Tekst Afsked op Linjer glider en efter en
Tekst Afsked ned Linjer glider ned
Vandret tør Indhold servietter fra venstre
Iris Reveal Circle udvides til at afsløre
Stjernemaske Stjerne form afslører
Hjertemaske Hjerteform afslører
Diagonalvisker Vinkelovergang
Cinematic Intro Film- stil postkasse

Hvordan Maske Animationer virker

Animerede masker virker ved at klippe indhold med en form, der ændrer sig over tid:

      • Mask Shape * * - Clip grænse (rektangel, cirkel, stjerne, hjerte)
      • Animation Type * * - Hvordan masken bevæger sig (tørre, iris, skala)
      • Timing * * - Starttid, varighed og lempelse
      • Retning * * - Hvilken måde åbenbaringen sker

Tidsparametre

      • Starttid * * - Når afsløringen begynder (i sekunder)
      • Varighed * * - Hvor lang tid det tager at afsløre
      • Easing * * - Animation kurve (lineær, easeIn, easeOut, easeInOut)

Sterilisering af tekst

For tekst med flere linjer, forskudt starttiden for en kaskadeeffekt:

Linje Starttidspunkt Virkning
Linje 1 0.2s Første spørgsmål
Linje 2 0.35s Second Responsals
Linje 3 0.5s Det tredje spørgsmål

Dette skaber den klassiske “line-by-line afsløre” set i professionel bevægelse grafik.

Kombination med andre virkninger

Maske animationer fungerer godt med:

      • Keyframe animationer * * - Flyt elementer, mens de afslører
      • Simple animationer * * - Tilføj puls eller falme efter afsløre
      • Baggrundsgeneratorer * * - Reveal indhold over animerede baggrunde

Billedmaskering (Statisk)

For statisk formmaskering på billeder:

  1. Vælg et importeret billede
  2. Klik på * * Mask * * i Properties Panel
  3. Vælg en form (cirkel, stjerne, hjerte, sekskant, osv.)
  4. Juster maskens størrelse og position
  5. Klik på * * Anvend maske * *

Dette skaber en permanent afgrøde til formen (ikke animeret).

Tips til bedste resultater

      • Hold afslører kort * * - 0.4-0.8 sekunder virker bedst
      • Brug easeOut * * - Føles mere naturligt for åbenbaringer
      • Stagger konsekvent * * - 0.1- 0.2s mellem linjerne
      • Match dit indhold * * - Brug iris til dramatisk, tørre for professionel
      • Eksempel ved fuld hastighed * * - Test timing føles rigtigt

Maske modes

Styr hvordan masken form interagerer med dit indhold:

Tilstand Virkning Brug tilfældet
* * Klip * * (standard) Indhold synlig kun inde maske form Standard afsløringer, indramning
Træk fra Indhold synlige overalt * undtagen * inde maske form Udskæring effekter, huller
Intersect Indhold kun synligt, hvis masken overlapper Vennediagrameffekter

For at ændre maskens tilstand:

  1. Vælg det maskerede element
  2. I Egenskaber panelet, finde maske mode dropdown
  3. Vælg * * Klip * *, * * Træk * * fra, eller * * Intersect * *

Maske stabling

Anvend flere masker på et enkelt element til komplekse maskeringseffekter:

  1. Anvend en indledende maske (f.eks. cirkel)
  2. Tilføj et andet maskelag med en anden tilstand:
        • Tilføj * * - forener begge maske former (kan ses i enten)
        • Træk * * - Klipper den anden form ud af den første
        • Intersect * * - Kun overlappende område er synlig

Eksempel: Cirkel med Star Cutout

  1. Anvend en * * cirkel * * maske (clip mode)
  2. Tilføj et * * stjerne * * maske lag (subtrahere mode)
  3. Resultat: cirkulær ramme med et stjerneformet hul i midten
Multiple masks stacked
Multiple masker kombineret: en cirkel maske med en stjerne subtracted

Du kan stable så mange maske lag som nødvendigt. Fjern individuelle lag uden at påvirke andre.

Vertex Animation

Animere masken form sig ved at mormere sine kanter mellem to stater:

  1. Definer startmaske form (vinkelposition)
  2. Definér slutmaskens form (vinkelposition)
  3. Masken mormer glat mellem former under afspilning

Dette skaber økologiske, flydende maske overgange, der går ud over simpel skala og position animationer.

Mask modes comparison
Det samme emne med Clip, trække fra, og Intersect maske modes

Tekniske noter

  • Masker bruger Paper.js klippede grupper internt
  • Skalabaserede masker (stjerne, hjerte) skala fra centrum
  • Rektangel masker ændre dimensioner for tørre effekter
  • Masker genopbygges ved indlæsning af skabeloner
  • For fuld programmatisk kontrol, se API dokumentation for applyCustomMask()

    • Relateret: * * [Animationer] (/features/animations)