เครื่องมือแก้ไขกรอบกุญแจ

สร้างแอนิเมชันที่มีความซับซ้อน เวลาที่แน่นอนโดยใช้กรอบคีย์.

คีย์เฟรมคืออะไร?

กรอบกุญแจกําหนดค่าคุณสมบัติเฉพาะที่จุดเฉพาะในเวลา PinePaper ทําการแปลงภาพอัตโนมัติ (interpolates) ระหว่างกรอบกุญแจ เพื่อสร้างการเปลี่ยนแปลงแบบเรียบเนียน.

การ เปิด เส้น เวลา

ตารางเวลาอยู่ที่ด้านล่างของหน้าจอ ถ้าซ่อนอยู่:

1. คลิก~~~~~ ในเมนู
2. เลือก~

การ สร้าง กรอบ กุญแจ

วิธีการ 1: ถาดคุณสมบัติ

1. เลือกรายการ
2. ตั้งค่าหัวเล่นให้เป็นเวลาที่ต้องการ
3. เปลี่ยนคุณสมบัติ (ตําแหน่ง, ขนาด, ความทึบแสง, สี)
4. กรอบกุญแจถูกสร้างโดยอัตโนมัติ

วิธี 2: ตารางเวลา

1. เลือกรายการ
2. คลิกเวลาตามที่ต้องการ
3. คลิก # Addd Cartraft ~ หรือกด

คุณสมบัติของกุญแจแบบเฟรมได้

แก้ไขกรอบกุญแจ

กําลังย้ายกรอบกุญแจ

ลากคีย์เฟรมซ้ายหรือขวาในไทม์ไลน์เพื่อเปลี่ยนเวลา.

กําลังแก้ไขค่า

1. คลิกบนกรอบกุญแจเพื่อเลือก
2. แก้ไขค่าในพาเนลคุณสมบัติ
3. การเปลี่ยนแปลงใช้ได้กับกรอบกุญแจ

ลบกรอบกุญแจ

1. เลือกกรอบกุญแจ
2. กด Dele หรือคลิกเมาส์ปุ่มขวา **

ฟังก์ชันง่าย ๆ

ควบคุมความเร่งของการเคลื่อนไหวระหว่างกรอบกุญแจ:

ควบคุมการเล่นกลับ

ทริมและแยก

แต่ละรายการคีย์เฟรม-เอฟเฟ็กต์ปรากฏบนไทม์ไลน์ เป็นบล็อกที่ลากได้ (แท่งอิดิโก้ที่อยู่หลังเพชรกรอบกุญแจ) คลิปนี้ทําให้คุณ:

• ~ย้ายศพไป – เปลี่ยนภาพเคลื่อนไหวทั้งหมดในเวลาผ้าใบ (timeOffset).
• “ตัดขอบซ้าย” — ตัดตอนเริ่มต้นของการเล่น sub-range ขอบขวาของบาร์ยังเป็นสมอที่ตรงกับการประชุมพรีเมียร์/แคนวา.
• “ตัดขอบขวา” — ตัดปลายของการเล่น sub-range, clamped ไปครั้งสุดท้ายของคีย์เฟรม.
• ~Pres Q1Q~ โดยมีหัวเล่นอยู่ภายในคลิป — แบ่งที่ผู้เล่นหัว ชิ้น งาน ใหม่ นี้ กลาย เป็น ส่วน ที่ มี การ จด ทะเบียน ของ มัน เอง; การ แยก โซ่ ทํา ให้ เกิด ชิ้น ส่วน ที่ เป็น อิสระ เอ็น+1.

ช่องข้อมูลข้อมูล

แผนที่ pple-block UI ไปยังช่องข้อมูลเหล่านี้ในรายการ:

ภายนอกหน้าต่างผ้าใบของคลิป รายการที่ถูกซ่อนผ่านทาง visible=false — ความทึบแสงเหลือเพียงอย่างเดียวเพื่อให้ความทึบแสงกรอบคีย์ยังคงทํางานในหน้าต่าง.

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

สิ่งที่แยกให้คุณ

ชิ้นส่วนเป็นสําเนาลึก รายการ Paper.js จะถูกโคลนผ่านทาง Item.clone() (ก่อนเปลี่ยนรูปแบบ + รูปแบบ); รายการคีย์เฟรม (keyframes), contentKeyframes, propertyEasings) เป็น JSON รอบแยก ดังนั้นแต่ละชิ้นจะมีข้อมูลของมัน การแยกส่วนเกล็ดเป็นอิสระเชิงเส้น: N sections ⇒ N+1 ชิ้นส่วนอิสระ, แต่ละรายการมีการลงทะเบียน ผล ที่ เกิด ขึ้น จริง:

• - กดปุ่มพิมพ์ - เปลี่ยนคีย์เฟรมของ easing ไป 1 ชิ้น ส่วนอื่น ๆ ไม่แตะต้อง.
• ~ สีหรือค่าสีของ PPPPP~ — คือการแก้ไขกรอบกุญแจ fillColor, strokeColor, หรือคุณสมบัติแบบเคลื่อนไหวบนชิ้นเดียว เพื่อปรับใช้การแปลงอื่นเหนือหน้าต่างของมัน สีและค่าความโปร่งแสงที่มีอยู่แล้ว จะใช้จัดการ HSL/RGB ไม่เปลี่ยนแปลง.
• "เส้นทางของพื้นที่ทางรถไฟ* — spatialHandles อาศัยอยู่ในกรอบกุญแจส่วนตัว ดังนั้น การโค้งโค้งเส้นทางของการเคลื่อนไหวของชิ้นเดียวไม่มีผลกับตัวอื่นๆ.