Maskeanimasjoner

Opprett profesjonelle avsløre effekter ved hjelp av animerte masker. Masker klipp innhold og kan animere for å avsløre elementer over tid - perfekt for tittelsekvenser, overganger og filmiske effekter.

Tilgjengelige masker

Animasjon Effekt Best for
Tørke opp/ned Innholdet avslører fra toppen eller bunnen Teksttitler, sitater
Tørk venstre/høyre Vannrett avsløring Overganger, avslører
Iris Sirkelen utvides fra sentrum Dramatiske avslører, fokus
Iris Out Sirkelen krymper til sentrum Fade ut, overganger
Star Mask Stjerneformen avslører innhold Lekere avslører
Hjertemaske Hjerteform avslører innhold Valentine, romantikk temaer
Gardin Åpnes fra sentrum Stage/teatereffekter
Diagonal Wipe Angled avslører Dynamiske overganger
Kinotisk Letterbox barer animere Intros i filmstil

Bruke maskmaler

Den enkleste måten å bruke masker på er gjennom maler:

  1. Åpne Temales-panelet (klikk på Maler-fanen eller trykk T)
  2. Filtrer etter Kategori: Maskering
  3. Klikk på en mal for å forhåndsvise den
  4. Klikk Bruk mal til å bruke den

Tilgjengelige maskeringsmaler

Mal Beskrivelse
Teksten avslører Linjer glider opp én etter én
Tekst avsløre ned Linjer glide ned
Horisontal tørke Innholdstørker fra venstre
Iris åpenbarer Sirkelen utvider seg til å avsløre
Star Mask Stjerneform avslører
Hjertemaske Hjerteform avslører
Diagonal Wipe Vinklet overgang
Cinematic Intro Brevboks i filmstil

Hvordan maske animasjoner fungerer

Animerte masker fungerer ved å klippe innhold med en form som endres over tid:

  1. Mask Shape - Klippegrensen (rektangel, sirkel, stjerne, hjerte)
  2. Animasjon Type - Hvordan masken beveger seg (tråd, iris, skala)
  3. Timing - Starttid, varighet og easing
  4. Direksjon - Hvordan avslørelsen skjer

Timingparametere

  • Starttid - Når avsløringen starter (i sekunder)
  • Duration - Hvor lenge avsløringen tar
  • Easing - Animasjonskurve (lineær, easyIn, easyOut)

Staggered tekst avslører

For flerlinjes tekst stables starttidene for en kaskadeeffekt:

Linje Starttid Effekt
Linje 1 0.2s Avslører først
Linje 2 0.35s Avslører andre
Linje 3 0.5s Avslører tredje

Dette skaper den klassiske “line-by-line-avsløring” sett i profesjonell bevegelsesgrafikk.

Kombinering med andre effekter

Maske animasjoner fungerer bra med:

  • Keyframe animasjoner - Flytt elementer mens de avslører
  • Simple animasjoner - Legg til puls eller falm etter avsløring
  • Bakgrunnsgeneratorer - Avsløre innhold over animerte bakgrunner

Bildemasker (Statisk)

For statisk form maskering på bilder:

  1. Velg et importert bilde
  2. Klikk på Mask i egenskapspanelet
  3. Velg en form (cirkel, stjerne, hjerte, sekskant osv.)
  4. Juster maskstørrelsen og posisjonen
  5. Klikk Bruk mask

Dette skaper en permanent avling til formen (ikke animert).

Tips for beste resultat

  1. Behold avslører kort - 0,4-0.8 sekunder fungerer best
  2. Bruk easyOut - Føles mer naturlig for å avsløre
  3. Stagger konsekvent - 0.1-0.2s mellom linjer
  4. Match innholdet ditt - Bruk iris for dramatisk, tørke for profesjonell
  5. Forhåndsvisning i full fart - Testtid føles riktig

Maskemoduser

Kontroller hvordan maskformen samhandler med innholdet ditt:

Modus Effekt Bruk tilfelle
Klip (standard) Innhold synlig bare inne i masken form Standarden avslører, utforming
Trekk fra Innhold synlig overalt * unntatt * innemaskeform Utsnittseffekter, hull
Snitt Innhold kun synlig der masken overlapper Venn-diagrameffekter

For å endre maskemodus:

  1. Velg det maskerte elementet
  2. I panelet Egenskaper finner du rullegardinen i maskemodus
  3. Velg Clip, Subtract, eller Intersect

Maske Stacking

Påfør flere masker på et enkelt element for komplekse maskeringseffekter:

  1. Påfør en innledende maske (f.eks. sirkel)
  2. Legg til et annet masklag med en annen modus:
    • Legg til - Enheter begge maskformer (synlig i enten)
    • Subtract - Klipper den andre formen ut av den første
    • Intersect - Bare det overlappende området er synlig

Eksempel: Sirkel med stjerneutklipp

  1. Påfør en sirkel-maske (klippemodus)
  2. Legg til et stjerne masklag (subtract mode)
  3. Resultat: sirkulær ramme med et stjerneformet hull i sentrum
Multiple masks stacked
Multiple masker kombinert: en sirkelmaske med en stjerne subtrahert

Du kan stable så mange masker som nødvendig. Fjern individuelle lag uten å påvirke andre.

Vertex animasjon

Animer masken i seg selv ved å morfere dens hjørner mellom to tilstander:

  1. Definer startmaskeformen (vertexposisjoner)
  2. Definer sluttmaskeformen (vertexposisjoner)
  3. Masken flyter jevnt mellom former under avspilling

Dette skaper organiske, flytende maskoverganger som går utover enkel skala og posisjon animasjoner.

Mask modes comparison
Det samme elementet med klipp, trekk fra og snittmaskemoduser

Tekniske notater

  • Masker bruker Paper.js clippete grupper internt
  • Skalabaserte masker (stjerne, hjerte) skala fra sentrum
  • Rektangulære masker endre dimensjoner for tørkeeffekter
  • Masker ombygges ved lasting av maler
  • For full programmatisk kontroll, se API dokumentasjon for applyCustomMask()

Relatert: Animasjoner | Keyframe Editor | Maler