คราวก่อนที่สอน illustrator เรื่องการทำเฟืองเกียร์ โดยใช้ path finder มาแล้ว หลายๆคนคงอยากให้เฟืองเกียร์อันนี้มันหมุนได้ใช่มั๊ยครัับ เอ๊ะ ทำยังไงล่ะ illustrator นั้นทำภาพเคลื่อนไหวไม่ได้ซะด้วย คงต้องหาโปรแกรมที่ใช้สร้างภาพ animation หรือภาพเคลื่อนไหว ซึ่งก็คือโปรแกรม Adobe Flash ยังไงล่ะครับ
สำหรับผู้ที่ยังทำเฟืองเกียร์ไม่เป็น สามารถไปอ่าน วิธี่ำการทำเฟืองเกียร์ จากโปรแกรม illustrator ได้ครับ
ส่วนท่านที่ทำเฟืองเกียร์ได้แล้ว มาเริ่มทำให้เฟืองเกียร์หมุนได้ ด้วยโปรแกรม flash กันเลยครับ
ก่อนอื่น เรามาสร้างเฟืองเกียร์ ให้มีเกียร์หลายๆอันกันก่อน และให้ดีควรจะสีขนาดที่แตกต่างกันด้วย เพราะว่าจะได้เหมือนจริงยังไงล่ะครับ ในกรณีนี้ ผมลองสร้างเฟืองเกียร์จากโปรแกรม illustrator ไว้ 3 อันด้วยกัน โดยไม่ขนาดเล็กใหญ่ดังภาพด้านล่าง
ขั้นตอนที่ 1
เลือกเฟืองทั้งหมด เสร็จแล้วคลิกขวาเลือก copy
ขั้นตอนที่ 2 เปลี่ยนที่โปรแกรม flash คลิกขวา แล้วเลือก paste เพื่อวาง เฟืองเกียร์ไว้ใน stage เลือก paste using AI
จากนั้นเราจะทำให้เกียร์หมุนทีละอัน โดยเริ่มจากเฟืองเกียร์อันที่ใหญ่ที่สุดก่อนนะครับ
ขั้นตอนที่ 3 เลือกเฟืองเกียร์อันใหญ่ แล้วคลิกขวาเลือก convert to symbol (หรือกดปุ่ม F8 )
เมื่อปรากฏหน้าต่างเลือกแบบ symbol ให้เลือก movie clip แล้วเปลี่ยนชื่อเป็นเกียร์1
ขั้นตอนต่อไปเราก็จะมาทำให้เฟืองหมุนกัน
ขั้นตอนที่ 4 ที่ movie clip เกียร์1 คลิกขวาที่ frame จากนั้นเลือก create motion tween
ไปที่เฟรมที่ 100 ครับ คลิกขวาเลือก insert key frame จะปรากฏจุด key ที่เฟรม 100
ขั้นตอนที่ 5 ต่อไปคลิกที่คีย์เฟรมแรกครับ แล้วเปิดหน้าต่าง properties ขึ้นมา
ที่ rotate คลิกเลือกเป็น cw เลือกรอบเป็น 1 เพื่อหมุนเฟืองตัวนี้ตามเข็มนาฬิกา 1 รอบ
ถ้าของ play โดยการ กด enter ดู จะเห็นว่าเฟืองเกียร์หมุนได้แล้วครับ
ส่วนเฟืองเกียร์ อีกสองอันก็ทำขั้นตอนเดียวกันครับ แต่ให้ปรับแต่งดังนี้
เฟืองเกียร์ตัวขนาดกลาง ให้กำหนดเฟรมสุดท้ายอยู่ที่ 70 ครับ
เฟืองขนาดตัวเล็กสุด ให้กดหนดเฟรมสุดท้ายที่ 40 ครับ แล้วให้ rotate เป็นแบบ ccw คือหมุนทวนเข็มนาฬิกาครับ เพราะตามหลักการแล้วต้องหมุนอย่างนั้น
แค่นี้ก็จะได้เฟืองเกียร์หมุนได้แล้วครับ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น