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

29
Apr
0

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

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

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

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

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

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

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

null

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

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

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

null

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

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

null

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

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

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

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

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

1st Frame2nd Frame3rd Frame

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

สร้าง animation ง่ายๆ บน Photoshop CS5 by pinkorawin

29
Apr
2

หัวข้อที่ผ่านมาเป็นการสร้างสายฝนให้รูปภาพด้วยโปรแกรม photoshop ..ไหนๆก็เข้าหน้าฝนแล้วมาทำให้ภาพสายฝนทื่อๆดูมีชีวิตชีวาด้วย animation tool ดีกว่า

นี่คือ ภาพเดิมของหัวข้อที่แล้ว

bicycle

เราจะมาทำให้มันแบบแบบนี้ “”

bicycle-ani

[How to] โลกหมุนๆๆ - 2 by akara

21
Dec
0

ตอนที่สองของการทำไอ้นี่ครับ

เป็นตอนต่อของ entryนี้ ครับ

อย่างที่ว่าไว้ในตอนที่แล้วครับ ส่วนที่2ของการทำโลกหมุนๆอันนี้ จะมาทำในโปรแกรม Photoshop ครับ

[How to] โลกหมุนๆๆ - 1 by akara

30
Nov
0

สวัสดีครับ หายไปนานเลยแหะๆ เอา Howto ที่ใ่ช่ในเกมส์มาฝากครับ

จะขอแ่บ่งเป็นสองตอนละกันครับ  ในตอนแรกจะเป็นส่วนที่ใช้โปรแกรม Illustrator

และส่วนที่สองคือใช้โปรแกรม Photoshop