Maski-animaatiot

Luo ammatillinen paljastaa vaikutuksia käyttäen animoituja maskit. Naamiot clip sisältöä ja voi animoida paljastaa kohteita ajan mittaan - täydellinen otsikko sekvenssejä, siirtymiä ja elokuvallisia vaikutuksia.

Saatavilla olevat naamarit

Animointi Vaikutus Paras
Pyyhi/alas Sisältö paljastaa ylhäältä tai alhaalta Tekstin otsikot, lainausmerkit
Pyyhi vasen/oikea Vaakatason paljastus Siirtyminen, paljastaa
Iris Ympyrä laajenee keskeltä Dramaattinen paljastaa, keskittyy
Iris Out Ympyrä kutistuu keskelle Häipyä, siirtyä
Star Mask Tähden muoto paljastaa sisällön Leikkisä paljastuu
Sydänmaski Sydämen muoto paljastaa sisällön Valentine, romanssiteemat
Esirippu Avaa keskeltä Vaiheen/teatterin vaikutukset
Piilopyyhi Vihainen paljastus Dynaamiset siirtymät
Elokuva Letterbox-palkkien animaatio Elokuvat

Maskimallien käyttäminen

Helpoin tapa käyttää naamio animaatioita on kautta malleja:

  1. Avaa Templates Panel (klikkaa Templates-välilehteä tai paina T)
  2. Suodatus Luokalla: Naamio
  3. Napsauta mallin esikatselu
  4. Klikkaa Käytä mallia käyttääksesi sitä

Saatavilla olevat naamiomallit

Malli Tavaran kuvaus
Tekstin paljastaminen Linjat liukuvat yksi kerrallaan
Teksti paljasta alas Linjat liukuvat alaspäin
& Vaakatasopyyhkäisy Sisältö pyyhitään vasemmalta
Iris Paljasta Piiri laajenee paljastaa
Star Mask Tähtien muoto paljastaa
Sydänmaski Sydämen muoto paljastaa
Piilopyyhi Siirtymävaihe
Elokuvaesiintyminen Elokuvatyylinen kirjelaatikko

Miten naamarit toimivat

Animoidut naamarit toimivat leikkaamalla sisältöä, jonka muoto muuttuu ajan myötä:

  1. Mask Shape - Leikeraja (suorakulmio, ympyrä, tähti, sydän)
  2. Animaatiotyyppi - Miten naamio liikkuu (pyyhi, iiris, mittakaava)
  3. Ajoitus - Aloitusaika, kesto ja helpotus
  4. Ohje - Mihin suuntaan paljastus tapahtuu

Ajoitusparametrit

  • Aloita aika - Kun paljastus alkaa (sekunteina)
  • **Kauanko paljastus kestää
  • Helpotus - Animaatiokäyrä (lineaarinen, helppokäyttöinen, helppokäyttöinen)

Jäykkä teksti Paljastaa

Multi-line tekstiä, porrastaa aloitusajat cascading vaikutus:

Rivi Aloitusaika Vaikutus
Linja 1 0.2s Paljasta ensin
Linja 2 0.35s Paljastaa toisen
Linja 3 0.5s Paljastaa kolmannen

Tämä luo klassisen “line-by-line paljastaa” nähty ammatillinen liike grafiikkaa.

Yhdistäminen muiden vaikutusten kanssa

Naamarit toimivat hyvin:

  • Keyframe-animaatiot - Siirrä kohteita, kun ne paljastavat
  • Simple animations - Lisää pulssi tai haalistuu paljastuksen jälkeen
  • Takageneraattorit - Paljasta sisältö animoitujen taustojen päällä

Kuvan naamio (staattinen)

Kuvien staattisen muodon peittämiseen:

  1. Valitse tuotu kuva
  2. Ominaisuuspaneelissa napsauta Mask
  3. Valitse muoto (ympyrä, tähti, sydän, kuusikulmio, jne.)
  4. Säädä maskikokoa ja asentoa
  5. Klikkaa Apply Mask

Tämä luo pysyvän sadon muotoon (ei animoitu).

Vinkkejä parhaisiin tuloksiin

  1. Pitää paljastaa lyhyt - 0,4-0,8 sekuntia toimii parhaiten
  2. Käytä helpotustaOut - Tuntuu luonnollisemmalta paljastaa
  3. Tagger johdonmukaisesti - 0,1-0,2s rivien välillä
  4. Match sisältöä - Käytä iiris dramaattista, pyyhi ammattikäyttöön
  5. Esikatselu täydellä nopeudella - Testin ajoitus tuntuu oikealta

Maskitilat

Hallitse, miten maski muoto vuorovaikutuksessa sisältöä:

Tila Vaikutus Käyttötapa
Clip (oletus) Sisältö näkyvissä vain naamion sisällä Standardi paljastaa, kehystää
Vähennä Sisältö näkyvissä kaikkialla *paitsi * sisällä maski muoto Leikkaustehosteet, reiät
Intersect Näkyvä sisältö vain, jos maski on päällekkäin Venn-kaavion vaikutukset

Maskitilan muuttaminen:

  1. Valitse naamioitu kohde
  2. Ominaisuudet-paneelista löydä maskitila pudotus
  3. Valitse Clip, Alenna tai **Intersect

Naamarit

Levitä useita maskit yhteen kohteeseen monimutkaisia maskiefektejä varten:

  1. Käytä alkuperäistä maskia (esim. ympyrää)
  2. Lisää toinen maskikerros eri tilassa:
    • Lisää - Yhdistää molemmat maskimuodot (näkyy joko)
    • Vähentää - Leikkaa toisesta muodosta
    • Intersect - Vain päällekkäiset alueet näkyvät

Esimerkki: Circle with Star Cutout

  1. Käytä circle maskia (leikkuutila)
  2. Lisää tähti maskikerros (poistotila)
  3. Tulos: pyöreä runko, jossa on tähdenmuotoinen reikä keskellä
Multiple masks stacked
Multiple maskit yhdistetty: ympyrän naamio tähdellä vähennetty

Voit pinota niin monta maskikerrosta kuin tarvitset. Poista yksittäiset kerrokset vaikuttamatta muihin.

Vertex Animation

Animoi naamio muoto itse muuttamalla sen vertices välillä kaksi valtiota:

  1. Määrittele aloitusnaamion muoto (vertex kannat)
  2. Määrittele lopun maski muoto (vertex kannat)
  3. Naamio vaihtuu tasaisesti muotojen välillä toiston aikana

Tämä luo orgaanisia, virtaavia naamio siirtymiä, jotka ylittävät yksinkertaisen mittakaavan ja aseman animaatioita.

Mask modes comparison
Sama kohde leikkeellä, vähentämällä ja Intersect-naamiotiloilla

Tekniset huomautukset

  • Naamarit käyttävät Paper.js-leikkausryhmiä sisäisesti
  • Vaaka-pohjainen maskit (tähti, sydän) mittakaava keskustasta
  • Suorakulmion naamarit muuttaa mittoja pyyhi tehosteita
  • Naamarit rakennetaan uudelleen ladattaessa malleja
  • Täysi ohjelmallinen ohjaus, katso API dokumentaatio applyCustomMask()

** Animaatiot