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:
- Åpne Temales-panelet (klikk på Maler-fanen eller trykk
T) - Filtrer etter Kategori: Maskering
- Klikk på en mal for å forhåndsvise den
- 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:
- Mask Shape - Klippegrensen (rektangel, sirkel, stjerne, hjerte)
- Animasjon Type - Hvordan masken beveger seg (tråd, iris, skala)
- Timing - Starttid, varighet og easing
- 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:
- Velg et importert bilde
- Klikk på Mask i egenskapspanelet
- Velg en form (cirkel, stjerne, hjerte, sekskant osv.)
- Juster maskstørrelsen og posisjonen
- Klikk Bruk mask
Dette skaper en permanent avling til formen (ikke animert).
Tips for beste resultat
- Behold avslører kort - 0,4-0.8 sekunder fungerer best
- Bruk easyOut - Føles mer naturlig for å avsløre
- Stagger konsekvent - 0.1-0.2s mellom linjer
- Match innholdet ditt - Bruk iris for dramatisk, tørke for profesjonell
- 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:
- Velg det maskerte elementet
- I panelet Egenskaper finner du rullegardinen i maskemodus
- Velg Clip, Subtract, eller Intersect
Maske Stacking
Påfør flere masker på et enkelt element for komplekse maskeringseffekter:
- Påfør en innledende maske (f.eks. sirkel)
- 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
- Påfør en sirkel-maske (klippemodus)
- Legg til et stjerne masklag (subtract mode)
- Resultat: sirkulær ramme med et stjerneformet hull i sentrum
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:
- Definer startmaskeformen (vertexposisjoner)
- Definer sluttmaskeformen (vertexposisjoner)
- Masken flyter jevnt mellom former under avspilling
Dette skaper organiske, flytende maskoverganger som går utover enkel skala og posisjon animasjoner.
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