Billentyűszerkesztő

Létrehozása komplex, precizely- időzített animációk segítségével kulcskeretek.

Mi az a Keyframe?

A kulcskeretek meghatározott időpontokban határozzák meg a konkrét ingatlanértékeket. A PinePaper automatikusan animálja (interpolál) a kulcskeretek között, hogy zökkenőmentes átmenetet hozzon létre.

Az idővonal megnyitása

A Timeline panel a képernyő alján van. Ha rejtett:

1. Kattintson * * Kilátás * * az étlapon
2. Válasszon * * Timeline * *

Kulcskeretek létrehozása

Módszer: Tulajdonságok panel

1. Válasszon ki egy elemet
2. Állítsa be a lejátszót a kívánt időre
3. Tulajdonság megváltoztatása (pozíció, skála, opacitás, szín)
4. A billentyűkeret automatikusan létrejön

Módszer: Idővonal panel

1. Válasszon ki egy elemet
2. Kattintson az idővonal a kívánt időben
3. Kattintson * * Keyframe * * vagy nyomja meg az K gombot

Kulcsfontosságú tulajdonságok

Kulcskeretek szerkesztése

Mozgó kulcskeretek

Húzzon egy billentyűzetet balra vagy jobbra az idősíkra, hogy megváltoztassa az idejét.

Szerkesztési értékek

1. Kattintson egy kulcskeretre, ha szeretné kiválasztani
2. A Properties Panel értékeinek módosítása
3. Változások vonatkoznak erre a kulcskeretre

Kulcskeretek törlése

1. Válassza ki a kulcskeretet
2. Nyomja meg az Delete vagy jobb klikk → * * Törlés Keyframe * *

Funkciók könnyítése

A kulcskeretek közötti animációk gyorsulásának ellenőrzése:

Lejátszóvezérlés

Trim és Split

Minden keyframe- animated elem megjelenik az idősíkon, mint egy draggable klip blokk (az indigo bar mögött a kulcskeret gyémántok). A klip blokk lehetővé teszi:

• • • Húzza fel a testet * * - fordítsa át a teljes animációt vászon időben (timeOffset).
• • • Húzza a bal szélét * * - vágja be a lejátszott résztartomány kezdetét. A bár jobb széle lehorgonyzott marad, a Premiere / Canva konvenciónak megfelelően.
• • • Drag the right edge * * - strim the end of the play sub- range, called to the last keyframe 's time.
• • • Nyomja meg az S * * * a playhead belül a klip - split a playhead. Az új darab saját regiszterbejegyzéssé válik; a lánclécek N + 1 független darabokat termelnek.

Adatmezők

A clip- block UI térképek ezekre a mezőkre:

A klip vászon ablakán kívül a termék az visible=false-n keresztül van elrejtve - az opacitás egyedül marad, így az opacitás-animációs billentyűk még mindig az ablakon belül működnek.

// 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 } },
  ],
});

Mi a hasadás

A megosztás egy mély másolat. A Paper.js elem klónozott keresztül Item.clone() (megőrzi átalakítás + stílus); a kulcskeret tömbök (keyframes, contentKeyframes, propertyEasings) a JSON round-gallyak, így minden darab birtokolja az adatokat. Lánchasadék pikkelyek lineárisan: Az N + 1 független darab, mindegyik saját kibocsátásiegység-forgalmi jegyzék. Gyakorlati következmények:

• • • Per- piece easing * * - változtassunk meg egy kulcskeretet easing-val egy darabon; a többiek érintetlenek.
• • • Per- piece color or value interpolation * * - szerkesszen egy kulcskeretet fillColor, strokeColor, vagy bármilyen animációs ingatlan egy darabban, hogy alkalmazzon egy másik transzformációt az ablakán. A meglévő szín- és gradiens interpolátorok a HSL / RGB örpöt nem kezelik.
• • • Per- piece térút * * - spatialHandles live inside individual keyframe, so curving the path of one piece 's animáció nem befolyásolja a többit.

A darabok nem fedik egymást, amíg a vászon ablakaik nem fedik egymást. Húzzon egy darabot egy új kanvas-idő pozícióba, vágja le újra, vagy ossza tovább.

Példa: Fade In Animation

1. Szövegelem kiválasztása
2. A '0s időpontban: az opacitás beállítása 0-ra
3. Az 1s időpontban: Az opacitást 1-re állítsuk be
4. Lazítás beállítása
5. Nyomja meg a játék előnézetét

Példa: Színátmenet

1. Válasszon ki egy elemet
2. A 80-as években: A kitöltési szín beállítása # FF0000 (piros)
3. 2s időpontban: A kitöltési szín beállítása # 0000FF (kék)
4. A szín simán áthalad a spektrumon

Példa: Camera Pan effektus

Készítsen moziábrákat a nagy képeken, a vászon segítségével megtekinthető.

Hogyan működik

Ha van egy kép nagyobb, mint a vászon:

• A * * vászon határai * * a kamera nézeti portja
• Mozgatjuk a * * kép bal * * = kamera pans * * jobb * *
• Mozgatva a * * kép felfelé * * = kamera pans * * le * *

Pan animáció létrehozása

1. • • Állítsa vászon mérete * * a kívánt kimenetet (például, 1920 × 1080 HD videó)
2. • • Importálni egy nagy képet * * (nagyobb, mint vászon)
3. • • Pozíció a kép * * így a kiindulási nézet látható
4. • • Keyframe létrehozása * * a kép pozíciójának mozgatásához

Rowby- Row Scanning Minta

Egy szerpentin mintán keresztüli lekérdezés:

Alternatív: Camera Follow

A dinamikus kameramozgáshoz, amely egy objektumot követ:

1. Kis jelölő vagy útvonal létrehozása
2. camera_follows kapcsolat hozzáadása a jelölőhöz
3. A jelölő helyzetének animációja
4. A nézet automatikusan következik

Tippek