โยก โยก โยก โยกเข้าไปให้มันหลุดโลก

วันนี้จะมาแบ่งปันวิธีการทำ แฟลตกระต่ายน้อยเต้นๆ แบบนี้กันครับ

 

ก่อนเริ่ม ต้องขอบคุณพี่ลิงใจดี ที่ช่วยบอกวิธีที่ง่ายแสนง่ายนี้ให้นะครับ 

ตอนแรกมัวแต่ไปใส่สคริปอะไรให้ยุ่งยาก งุ่นง่านทำไม่ได้ไปเป็นวัน

แค่พี่ลิงบอกวิธีนี้ให้ ก็ฉลุย!! ซ้ายว่างผ่านตลอดเลยพี่!!

 

อธิบายโจทย์กันก่อน

โจทย์ที่ต้องการคือ จะให้กระต่ายน้อยเต้นอยู่ตัวเดียว โดยเมื่อลากเม้าส์

ไปที่ชื่อของคู่เต้น ก็จะมีคู่ออกมาเต้นด้วย

 

เริ่มกันเลย

-เข้าโปรแกรมมา ก็ปรับขนาดพื้นที่ทำงานให้เหมาะสมกับงานก่อนนะครับ

โดยไปรับที่ modify>>document 

 

-เมื่อได้พื้นที่การทำงานแล้ว เราก็มาจัดการเตรียมไฟล์ภาพที่จะใช้ นำมาลง

ใน library (file>>import>>import to library)เพื่อเตรียมดึงมาใช้งานในการ

สร้างภาพเคลื่อนไหว  ส่วนวิธีการสร้างภาพเคลื่อนไหวดูได้ที่ลิงค์นี้เลยครับ

http://berserk-rabbit.exteen.com/20080508/flash-howto

 

-เมื่อเราสร้างภาพเคลื่อนไหวของกระต่ายน้อยทั้งสามตัวเสร็จ มาต่อขั้นตอน

ต่อไปกันเลย 

 

-ที่เลเยอร์1 ให้เราลากภาพเคลื่อนไหวน้องกระต่ายตัวหลัก ลงมาในพื้นที่ทำ

งานได้เลย จัดวางตามใจชอบว่าจะให้มันโยกแถวไหน

 

-หลังจากได้ภาพตามรูปแล้ว ก็จัดการสร้างเลเยอร์เพิ่ม โดยสร้างตรงที่เป็นรูปกระดาษ

ละมีเลข+  เพื่อจะให้เป็นพื้นที่ทำงานสำหรับตัวกระต่ายตัวอื่น

   

 

-สร้างปุ่มกดสำหรับเรียกกระต่าย โดยการเลือกที่ insert>>new symbol ตั้งชื่อกันงง

แล้วเลือกเป็น botton

 

-เราจะเข้ามาพื้นที่ทำงาน ของปุ่มที่เราจะสร้างโดยอัตโนมัติ โดย time line จะเปลี่ยนเป็น

แบบนี้

 

- ใน layer1 ช่อง up คลิ๊กขวา เลือก insert keyframe แล้วพิมพ์ชื่อกระต่ายคู่เต้นลงไป

หลังจากได้ชื่อมาแล้ว ให้เลือกช่อง hit ละคลิ๊กขวา เลือก insert keyframe เราจะได้ชื่อ

กระต่ายน้อยที่เป็นคู่เต้นละ

 

- ทีนี้เรามาทำแถบสีเวลาเรานำเม้าส์ไปชี้ที่ชื่อกัน โดยสร้าง layer ใหม่ขึ้นมา แล้วลาก

layer ใหม่นั้นไปอยู่ใต้ layer ล่าง

 

-ไปที่ช่อง over แล้วคลิ๊กขวา เลือก insert keyframe ละสร้างแถบสีลงไปที่ตัวอักษร

ได้เลย ภาพ time line เสร็จแล้วจะหน้าตาแบบนี้

 

-ทีนี้เราก็ได้ปุ่มเรียกกระต่ายมาละ ให้กลับไปที่ พื้นที่ทำงานหลัก โดยเลือกที่ scece1

แล้วให้เราลากปุ่มเรียกที่เราลากลงไปใส่ในพื้นที่ทำงานได้เลย 

 

-ได้ปุ่มมาแล้ว แต่ยังไม่ได้กระต่ายน้อยแสนสวยคู่เต้นเลย เราก็ดับเบิ้ลคลิ๊ก

ที่ปุ่มที่เราสร้างมา มันจะเข้าไปพื้นที่ทำงานของปุ่ม ทีนี้ เราก็มาสร้าง layer 

ใหม่ขึ้นมา เพื่อที่จะดึงคู่เต้นลงเวที

 

-เลือก layer ใหม่ที่พึ่งสร้าง แล้วไปที่ช่อง over คลิ๊กขวา insert keyframe เหมือน

เดิม แล้วจัดการลากภาพเคลื่อนไหวเจ้ากระต่ายคู่เต้น ลงมาวางข้างๆ ได้เลย

ภาพ time line เมื่อทำเสร็จจะเป็นแบบนี้นะครับ

layer บนสุด ช่อง over ใส่ภาพเคลื่อนไหวที่เตรียมไว้ จะทำให้กระต่ายน้อย

ของเราออกมาเต้นๆ แค่ตอนเอาเม้าส์มาวางที่ชื่อเท่านั้น

layer ตรงกลาง เป็นเลเยอร์หลัก ที่เป็นปุ่มชื่อเจ้ากระต่ายคู่เต้น

layer ล่างสุด เป็นแถบสี จะขึ้นเวลาเอาเม้ามาวาง

 

-จบ!!

 

นำไปดัดแปลงกันได้เลยนะครับ อย่างของผมก็ใช้วิธ๊นี้ทำหัวบล็อก ถ้าอยากให้

เปรี้ยวกว่านี้ ก็ใส่เพลงลงไปด้วย โดยสร้างเลเยอร์ใหม่ที่พื้นที่ทำงานหลัก ละที่

time lineยัดเพลงลงไปที่เฟลมแรก ได้เลยครับ

 

-------------------------------------------------------------------------------------

เปิดจองเสื้อสงกรานต์อิดิชั่น และลายอื่นๆ

11-22 มีค 2552 อุดหนุนกันด้วยเน้อ