การเคลื่อนไหวแบบ frame by frame (เฟรม บาย เฟรม)

Graphic design ความรู้สำหรับ การออกแบบ ออกแบบเว็บ Phothoshop ตัดต่อวีดีโอ

Moderator: mindphp, ผู้ดูแลกระดาน

natnicha001
PHP Hero Member
PHP Hero Member
โพสต์: 119
ลงทะเบียนเมื่อ: 28/08/2017 10:14 am

การเคลื่อนไหวแบบ frame by frame (เฟรม บาย เฟรม)

โพสต์โดย natnicha001 » 04/09/2017 11:35 am

การเคลื่อนไหว Object ของโปรแกรม Adobe Flash CS6 นอกจากจะมีแบบ Create Classic Tween, Create Motion Tween และ Create Shape Tween แล้วยังมีการเคลื่อนไหวแบบ frame by frame ซึ่งการเคลื่อนไหวประเภทนี้จะมีลักษณะการทำงานแบบ frame by frame (เฟรม บาย เฟรม) หรือเฟรมต่อเฟรม ลักษณะการทำงานจะคล้ายกับการนำภาพนิ่งหลาย ๆ ภาพ มาเคลื่อนไหวต่อกันแบบเร็ว ๆ เมื่อผ่านสายตาของเรา เราก็จะสามารถมองเห็นเป็นภาพเคลื่อนไหว

วิธีการเคลื่อนไหวแบบ frame by frame (เราจะทำแพนกวินกระพริบตา)
ขั้นตอนที่ 1 วาดรูปตัวของแพนกวินที่ layer ที่ 1 ของ frame ที่ 1 แต่เราจะวาดตาของแพนกวินไว้ที่ layer ที่ 2 เพื่อง่ายต่อการเคลื่อนไหว

รูปภาพ

ขั้นตอนที่ 2 วาดตาของแพนกวินไว้ที่ layer 2 ของ frame ที่ 1

รูปภาพ

ขั้นตอนที่ 3 เลือก frame ที่ 10 ของ layer ที่ 2 คลิกขวา เลือก Insert Blank Keyframe จะได้ key เปล่ามาหนึ่งอัน

รูปภาพ

ขั้นตอนที่ 4 ให้เราวาดตาใหม่ ให้กับแพนกวิน และให้หน่วงเวลาไว้จนถึงเฟรมที่ 20

รูปภาพ

ขั้นตอนที่ 5 กด ctrl + enter เราจะได้ภาพแพนกวินกระพริบตา

รูปภาพ

สามารถดาวน์โหลดโปรแกรมได้ที่นี่ : ดาวน์โหลด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 3 และ บุคคลทั่วไป 0 ท่าน