สร้างภาพเคลื่อนไหวในโหมดขั้นสูง

ไทม์ไลน์ในโหมดขั้นสูง

ในโหมดขั้นสูง คุณทำให้แต่ละองค์ประกอบเคลื่อนไหวได้โดยเพิ่มคีย์เฟรมในไทม์ไลน์เพื่อระบุจุดเริ่มต้นและจุดสิ้นสุดของภาพเคลื่อนไหว คุณแก้ไของค์ประกอบที่คีย์เฟรมที่เจาะจงและ Google Web Designer จะสร้างภาพเคลื่อนไหวระหว่างคีย์เฟรมดังกล่าว

ช่องว่างระหว่างคีย์เฟรมที่เรียกว่าระยะเวลาเป็นตัวกำหนดระยะเวลาในการเคลื่อนไหวของแต่ละภาพ เช่น หากต้องการให้ภาพเคลื่อนไหวเร็วขึ้นก็วางคีย์เฟรมให้ใกล้กันมากขึ้น การค่อยๆ เปลี่ยนจะช่วยให้เพิ่มและลดความเร็วในการเปลี่ยนได้

วิธีทำให้องค์ประกอบเคลื่อนไหวในโหมดขั้นสูง

1. เพิ่มคีย์เฟรมโดยคลิกขวาที่ไทม์ไลน์และเลือกแทรกคีย์เฟรม
2. เปลี่ยนคุณสมบัติขององค์ประกอบตามที่ต้องการให้เป็นเมื่อสิ้นสุดภาพเคลื่อนไหว เช่น คุณอาจเปลี่ยนตำแหน่ง สี หรือความทึบแสงขององค์ประกอบ หรือจะเปลี่ยนทั้ง 3 คุณสมบัติเลยก็ได้

คุณเพิ่มคีย์เฟรมเพื่อรวมระยะเวลาต่างๆ ของภาพเคลื่อนไหวเข้าด้วยกันในองค์ประกอบเดียวกันได้ หากไม่ต้องการให้องค์ประกอบเปลี่ยนแปลงในช่วงระยะเวลาหนึ่งก่อนที่จะทำให้เคลื่อนไหวอีกครั้ง ให้เพิ่มคีย์เฟรมโดยไม่ต้องเปลี่ยนแปลงคุณสมบัติใดๆ

ตัวอย่าง

ภาพเคลื่อนไหวด้านบนใช้ 4 คีย์เฟรมในการแสดงรูปภาพที่ค่อยๆ ปรากฏให้เห็น หยุดชั่วคราว จากนั้นเลื่อนไปทางซ้าย

1. คีย์เฟรมแรกกำหนดสถานะขององค์ประกอบที่จุดเริ่มต้นของภาพเคลื่อนไหว ในกรณีนี้ เราตั้งค่าความทึบแสงของรูปภาพเป็น 0 ดังนั้นรูปภาพจึงไม่ปรากฏ
2. ที่คีย์เฟรมที่ 2 เราตั้งค่าความทึบแสงขององค์ประกอบเป็น 1 (100%) รูปภาพจึงค่อยๆ ปรากฏขึ้นในช่วง 1 วินาทีก่อนหน้า
3. ที่คีย์เฟรมที่ 3 เราไม่ได้เปลี่ยนแปลงคุณสมบัติขององค์ประกอบเมื่อเทียบกับคีย์เฟรมก่อนหน้า ไม่มีการเคลื่อนไหวในช่วงครึ่งวินาทีนี้ รูปภาพจึงไม่มีการเปลี่ยนแปลง
4. ที่คีย์เฟรมสุดท้าย เราเปลี่ยนตำแหน่งขององค์ประกอบเพื่อให้ส่วนครึ่งขวาของรูปภาพปรากฏในพื้นที่งาน รูปภาพเลื่อนไปทางซ้ายเพื่อไปยังตำแหน่งนั้นโดยใช้เวลา 1 วินาที

หากต้องการดูคุณสมบัติที่กำหนดไว้สำหรับคีย์เฟรมหนึ่งๆ ให้คลิกขวาที่คีย์เฟรมนั้นและเลือกคุณสมบัติการเคลื่อนไหวจากเมนูป๊อปอัป

วิธีเพิ่มคีย์เฟรม

การเพิ่มคีย์เฟรมทำได้หลายวิธี ในไทม์ไลน์ ให้เลือกเลเยอร์ขององค์ประกอบที่คุณกำลังทำให้เคลื่อนไหว แล้วย้ายส่วนหัวของตัวควบคุมการเล่นไปยังตำแหน่งที่ต้องการใส่คีย์เฟรม คุณเลือกหลายเลเยอร์ได้โดยกด Ctrl/⌘ ระหว่างที่เลือก จากนั้นใช้วิธีใดวิธีหนึ่งต่อไปนี้

• คลิกขวาที่ไทม์ไลน์แล้วเลือกแทรกคีย์เฟรมจากเมนูป๊อปอัป
• กด F6
• เลือกไทม์ไลน์ > เพิ่มคีย์เฟรม จากเมนูแก้ไข

หากคุณเปลี่ยนคุณสมบัติขององค์ประกอบที่เคลื่อนไหวเมื่อส่วนหัวของตัวควบคุมการเล่นไม่ได้อยู่ที่คีย์เฟรม Google Web Designer จะเพิ่มคีย์เฟรมโดยอัตโนมัติที่ตำแหน่งส่วนหัวของตัวควบคุมการเล่น

ความยาวของพื้นที่ทำงานในไทม์ไลน์

หากต้องการเพิ่มคีย์เฟรมหลังสิ้นสุดไทม์ไลน์ คุณขยายระยะเวลาของพื้นที่ทำงานในไทม์ไลน์ได้ ตัวอย่างเช่น ระยะเวลาเริ่มต้นคือ 12 วินาทีแต่คุณต้องการเพิ่มคีย์เฟรมที่เวลา 15 วินาที ให้ทำตามวิธีการต่อไปนี้เพื่อเปลี่ยนระยะเวลาของพื้นที่ทำงานในไทม์ไลน์

1. คลิกตัวระบุระยะเวลาที่ด้านบนของไทม์ไลน์

   

2. ป้อนค่าใหม่เป็นระยะเวลาของไทม์ไลน์ (วินาที) ค่าต่ำสุดคือ 12 วินาที
3. กด Enter

พื้นที่ทำงานของไทม์ไลน์ต้องมีระยะเวลาที่เพียงพอสำหรับภาพเคลื่อนไหวของคุณ เวลาที่ไม่ได้ใช้จะไม่ส่งผลต่อเวลาในการเล่นภาพเคลื่อนไหว

ไทม์ไลน์โฆษณาวิดีโอมีความยาวได้สูงสุด 5 นาที

ขนาดไทม์ไลน์

ลากแถบเลื่อนการซูมที่ด้านขวาบนของไทม์ไลน์เพื่อปรับขนาดของไทม์ไลน์ การซูมเข้ามีประโยชน์ในกรณีที่คุณมีคีย์เฟรมอยู่ใกล้กัน ระดับการซูมจะเปลี่ยนเฉพาะการแสดงไทม์ไลน์และไม่มีผลต่อการกำหนดเวลาของภาพเคลื่อนไหว

หากต้องการเปลี่ยนระยะเวลาของภาพเคลื่อนไหวที่ประกอบด้วยหลายคีย์เฟรม คุณปรับขนาดระยะเวลาหลายรายการเพื่อให้ยาวขึ้นหรือสั้นลงตามสัดส่วนได้