วันอังคารที่ 28 ธันวาคม พ.ศ. 2553

Flash:การทำใบไม้ร่วงด้วย motion guide

คอมพิวเตอร์นั้นมีประโยชน์มากเลยทีเดียว หากเราใช้คอมพิวเตอร์ในทางสร้างสรรค์
แต่บางครั้งการสร้างสรรค์นั้น ก็ทำให้เกิดความบันเทิงกับเราได้ด้วย เช่น ทำการ์ตูน อีการ์ด
หรือ เกมส์ขึ้นเอง เมื่อทำเสร็จ เราก็สามารถได้รับความบันเทิง จากเกมส์ อีการ์ด (e-card) หรือการ์ตูนที่เราทำขึ้นมาได้ และยังเป็นการฝึกการใช้งานโปรแกรม เพื่อปรับใช้ในงานอื่นๆต่อไปได้ด้วย

พูดถึงเรื่องโปรแกรมที่ใช้ทำการ์ตูน เช่นการ์ตูนงานแต่งงานที่เรามักจะเห็นกัน (ไว้วันหลังจะเอาการ์ตูนงานแต่งาน ที่่เคยทำในเชียงใหม่มาอวดกันนะครับ) ก็คือโปรแกรม Flash นั่นเอง แต่บางครั้งก็เห็น animation บางอันที่ยังไม่ค่อยจะเหมือนจริงซักเท่าไหร่ ส่วนใหญ่ จะเป็นการเคลื่อนที่แบบที่ไม่ใช่เส้นตรง

วัตถุที่มีการเคลื่อนที่่แบบที่ไม่ใช่เส้นตรงมีอะไรบ้าง
ก็เช่น ใบไม้ ผีเสื้อ ปุยฝ้าย อะไรประมาณนี้

ถ้าทำใบไม้ตกลงกับพื้น ทำผีเสื้อบิน โดยบินเป็นเส้นตรงก็คงไม่ค่อยสมจริงซักเท่าไหร่
ดังนั้น ควรจะใช้เครื่องมือที่ช่วยในการ กำหนดทิศทางการเคลื่อนที่่ของวัตถุักัน
เรียกว่า motion guide ครับ















ขั้นตอนแรกผมลงวาดรูปใบไม้ 1 ใบ โดยผมจะทำให้ใบไม้ใบนี้ปลิวตกลงมา



จากนั้น คลิกเพื่อสร้างเลเยอร์ แบบ motion guide ขึ้นมา


จากนั้น วาดเส้น ผีเสื้อ หรือวัตถุต่างๆ ที่เราต้องการให้ปลิวไป

 ตอนนี้ก็มีสองเลเยอร์นะครับ คือ เลเยอร์ใบไม้ กับ guide layer  ที่จะให้ใบไม้วิ่งตาม





ต่อไปให้คลิกขวาที่ keyframe แรก ของใบไม้แล้วคลิกเลือก insert motion tween





 คลิกที่ frame ท้ายสุดที่ต้องการให้ใบไม้เคลื่อนที่ไป แล้วเลือก insert keyframe


  แล้วคลิกขวาที่ frame สุดท้ายของ guide layer เลือก insert frame เพื่อให้เส้นไกด์ ครอบคลุมถึงการเคลื่อนไหวในเฟรมสุดท้าย



รูปคีย์เฟรมทั้งหมด


ที่ key frame  สุดท้าย ย้ายใบไม้ไว้ีที่ปลายเส้นครับ

ลอง preview ดู จะเป็นว่าใบไม้วิ่งตามเส้นแล้วครับ



เืพื่อให้สมจริง อาจจะลองให้ใบไม้หมุนๆไปด้วยก็ได้ครับ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น