Flash Animation : รถวิ่งในเมือง by akara

ตัวอย่างงานที่เสร็จแล้ว

สำหรับการทำ Animation จะรถวิ่ง คนวิ่ง หรือตัวอะไรวิ่งก็ตามนะครับ

หลายๆครั้งที่เรามักจะใช้การขยับฉาก เพื่อให้ภาพดูว่าเป็นรถวิ่งไปข้างหน้า

ส่วนตัวรถจริงๆน่ะไม่ได้ขยับไปไหนเลย

จากตัวอย่างที่เห็นคือขยับตัวตึกด้านหลังเป็น Loop เอาครับ

วิธีการทำก็คือ

1.เตรียมรูปจาก illustrator ให้เรียบร้อยก่อน

หลักของการทำ Animation เป็น Loop ก็คือ Frame แรกกับ Frame สุดท้ายต้องเหมือนกันครับ

ดังนั้นวิธีการทำตึกผมเลย copy  ตึกมาอีกชุดนึง เพื่อเอาไว้เลื่อนไปด้านขวาครับ

2.ทำตึกเลื่อนใน Flash

ภาพนี้คือ Frame แรกของตึกที่เรา import มาจาก Illustrator ครับ

หลังจากเราสร้าง Tween เสร็จแล้ว กำหนด KeyFrame สุดท้าย แล้วก็เลื่อนตึกเลยครับ

ภาพนี้คือ Frame สุดท้าย ของตึกครับ

ที่จำเป็นต้องมี KeyFrame ตรงกลางหลายๆอันเป็นเพราะว่า ถนนมีลักษณะโค้งครับ

ถ้าปรับขนาดและเลื่อนไปเฉยๆเลย ตึกจะขยับไม่รับกับส่วนโค้งของถนนครับ

ต่อมาคือวิธีทำเส้นบนถนนให้วิ่งครับ

อันนี้ผมใช้วิธี Frame by Frame เลย

ที่เหลือก็คือ ทำรถขยับขึ้นลงนิดหน่อยก็เสร็จแล้วครับ