Avainkehysmuokkain

Luo monimutkaisia, tarkasti ajoitettuja animaatioita avainkehyksillä.

Mitä Keyframes ovat?

Avainkehyksissä määritellään erityiset kiinteistöarvot tiettynä ajankohtana. PinePaper automaattisesti animoi (interpoloi) avainkehysten välillä luodakseen sujuvat siirrokset.

Aikajanan avaaminen

Aikajanapaneeli on näytön alareunassa. Jos piilotettu:

1. Klikkaa Näytä valikossa
2. Valitse **Näytä aikajana

Avainkehysten luominen

Menetelmä 1: Ominaisuuspaneeli

1. Valitse kohde
2. Aseta leikinpää haluttuun aikaan
3. Muuta ominaisuutta (sijainti, mittakaava, sameus, väri)
4. Avainkehys luodaan automaattisesti

Menetelmä 2: Aikataulupaneeli

1. Valitse kohde
2. Klikkaa aikajanaa haluttuun aikaan
3. Napsauta Lisää avainkehys tai paina K

Ominaisuudet

Muokkaaminen

Liikkuvat avaimet

Vedä avainkehys vasemmalle tai oikealle aikajanalla muuttaa sen aikaa.

Muokkausarvot

1. Valitse näppäimistö valitsemalla se
2. Muokkaa arvoja ominaisuuspaneelissa
3. Muutokset koskevat tätä avainkehystä

Avainkehysten poistaminen

1. Valitse näppäinkehys
2. Paina delete tai oikea-klikkaa → Poista avainkehys

Helpotetaan toimintoja

Avainkehysten välisten animaatioiden kiihtyvyyden valvonta:

Toistokontrollit

Leikkaa ja jaa

Jokainen näppäimistöllä animoitu kohde näkyy aikajanalla vetävänä leikkeenä (näppäinten takana oleva indigopalkki). Leikepöydän avulla voit:

• Raahaa kehoa … … an…
• Raahaa vasen reuna … Baarin oikea reuna pysyy ankkuroituna Premiere/Canva -sopimuksen mukaisesti.
• Raahaa oikea reuna Leikata loppuun soitetun ala-range, kiinni viimeisen näppäimistön aikaa.
• Press S leikepää sisällä clip … split at the playhead. Uudesta teoksesta tulee oma rekisterimerkintänsä; ketjutusosiot tuottavat N+1:stä riippumattomia osia.

Tietokentät

Clip-block UI kartat näille kentät kohteen:

Leikkeen kangasikkunan ulkopuolella kohde on piilotettu visible=false: n kautta. Operatiivisuus jätetään yksin, joten opasiteettia suojaavat avaimet toimivat edelleen ikkunan sisällä.

// Programmatic equivalent of right-edge trim.
const item = app.create('text', {
  content: 'Reveal', x: 400, y: 300,
  animationType: 'keyframe',
  timeOffset: 2,        // clip starts at canvas time 2s
  clipInPoint: 1,       // skip the first 1s of keyframe data
  clipOutPoint: 4,      // stop at 4s of keyframe data → 3s clip window
  keyframes: [
    { time: 0, properties: { opacity: 0 } },
    { time: 1, properties: { opacity: 1 } },
    { time: 4, properties: { opacity: 0.3 } },
  ],
});

Mitä jako antaa

Jako on syvä kopio. Paper.js-tuote kloonataan Item.clone():n kautta (varastot muuntavat + tyyli); näppäimistöt (keyframes, contentKeyframes, propertyEasings) ovat JSON:n pyöristettyjä, joten jokainen kappale omistaa datansa. Ketjutus splits asteikot lineaarisesti: N jakaa … Käytännön seuraukset:

• Per-osallinen helpotus Muuta yksi avainkehys easing yksi pala; muut ovat koskemattomia.
• Per-osainen väri tai arvo interpoloimalla … Nykyiset väri ja kaltevuus interpolaattorit käsittelevät HSL/RGB lerp ennallaan.
• Per-piece spatial polku spatialHandles elää yksittäisten näppäimistöjen sisällä, joten yhden kappaleen animaation polun kaartaminen ei vaikuta muihin.

Palat eivät ole päällekkäin niin kauan kuin kangasikkunat eivät ole päällekkäisiä. Vedä mikä tahansa pala uuteen kangas-aika asentoon, leikata se uudelleen, tai jakaa sen edelleen.

Esimerkki: Häipyminen animaatiossa

1. Valitse tekstikappale
2. Aika 0s: Aseta Opacity 0
3. Aika 1s: Aseta Opacity 1
4. Aseta helpotus Helpottaa
5. Paina soittoa esikatseluun

Esimerkki: Värisiirtymä

1. Valitse kohde
2. Aika 0s: Aseta täyttö väri #FF00000 (punainen)
3. Aika 2s: Aseta täyttö väri #00000FF (sininen)
4. Värin sujuva siirtyminen läpi spektrin

Esimerkki: Camera Pan Effect

Luo elokuvallisia pan-animaatioita suurille kuville käyttäen kankaalla näköalana.

Miten se toimii

Kun sinulla on kuva suurempi kuin kankaalla:

• näytöt toimivat kameran näkökenttänä
• kuva vasen = kamerapannut oikea
• kuvan siirtäminen ylöspäin = kamerapannut **down

Pan-animaatioiden luominen

1. Aseta kankaan koko haluttuun lähtöön (esim. 1920×1080 HD-videolle)
2. Tuo suuri kuva (isompi kuin kangas)
3. Maksa kuva niin aloitusnäkymä näkyy
4. Luo näppäimistöt siirtääksesi kuvan sijaintia

Row-by-Row skannauskaavio

Skannaa kuvan läpi käärmekuviolla:

Vaihtoehto: Kamera seuraa

Dynaaminen kameran liike, joka seuraa esinettä:

1. Luo pieni merkki tai polku
2. Lisää camera_follows-suhde merkkiin
3. Animoi merkkien sijainti
4. Näkymäkenttä seuraa automaattisesti

Vinkkejä