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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: การเคลื่อนไหวแบบ frame by frame (เฟรม บาย เฟรม)

การเคลื่อนไหวแบบ 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 เราจะได้ภาพแพนกวินกระพริบตา

รูปภาพ

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

ข้างบน