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:
- Åbn * * skabelonpanelet * * (klik på fanebladet Skabeloner eller tryk på
T) - Filtrér efter * * Kategori: maskering * *
- Klik på en skabelon for at få vist det
- 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:
- Vælg et importeret billede
- Klik på * * Mask * * i Properties Panel
- Vælg en form (cirkel, stjerne, hjerte, sekskant, osv.)
- Juster maskens størrelse og position
- 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:
- Vælg det maskerede element
- I Egenskaber panelet, finde maske mode dropdown
- Vælg * * Klip * *, * * Træk * * fra, eller * * Intersect * *
Maske stabling
Anvend flere masker på et enkelt element til komplekse maskeringseffekter:
- Anvend en indledende maske (f.eks. cirkel)
- 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
- Anvend en * * cirkel * * maske (clip mode)
- Tilføj et * * stjerne * * maske lag (subtrahere mode)
- Resultat: cirkulær ramme med et stjerneformet hul i midten
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:
- Definer startmaske form (vinkelposition)
- Definér slutmaskens form (vinkelposition)
- Masken mormer glat mellem former under afspilning
Dette skaber økologiske, flydende maske overgange, der går ud over simpel skala og position animationer.
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)