Page 50 - ชุดการสอนflashใหม_Neat

49


 การเคลื่อนที่ของวัตถุตามเสนนําสายตา

วิธีการสรางมีดังนี้
1. สรางภาพหรือ Import ภาพเขามาไวที่ Stage

2. ทําการ Selection ภาพ แลวเลือก Insert> Convert Symbol หรือกดคีย <F8> เพื่อทําการ
แปลงเปน Symbol

3. จะมีหนาตาง Symbol Property ขึ้นมาใหเลือก Movie Clip และ Click mouse ปุม

4. เลือก Frame ที่ 20 และ Click mouse ปุมขวาเลือก Insert Key frame เพื่อเปนการบอกวาเราจะ
แสดงภาพตั้งแต Frame ที่ 1 ถึง Frame ที่ 20

5. เราจะเห็นวามีการเปลี่ยนแปลงที่ Frame แสดงวา Flash รูแลววาจะมีการแสดงภาพเคลื่อนไหว
ตั้งแตFrame ที่ 1 ถึง Frame ที่ 20 จากนั้นกลับไป Click mouse เลือกที่ Frame ที่ 1 เพื่อกําหนด

จุดเริ่มตนของการเคลื่อนไหว

6. เลือก Insert > Create Motion Tween เพื่อให Flash ทําการสราง Animation ตั้งแต Frame ที่ 1
ถึง Frame ที่ 20

7. จะเห็นวามีลูกศรที่ Frame แสดงวา Flash ไดสรางการเคลื่อนไหวตั้งแต Frame ที่ 1 ถึง Frame

ที่ 20 เรียบรอยแลว ใหเรา Click mouse เลือกที่ Frame ที่ 20 ยายตําแหนง Movie Clip ของเรา
เพื่อกําหนดจุดสิ้นสุดในการเคลื่อนที่ของ Animation

8. กลับมาเลือกที่ Frame ที่ 1 แลว Click mouseที่ปุม เพื่อสราง Guide Layer

9. เลือก ลากเสนที่ตองการใหวัตถุเคลื่อนที่ตามใน Guide Layer เพื่อให Movie Clip
วิ่งตามเสนที่เราลาก

10. ลาก Movie Clip มาวางไวที่ปลายของเสนที่จุดเริ่มตน
11. Click mouse ที่ Frame ที่ 20 ใน Layer 1 นํา Movie Clip ไปวางไวที่ปลายสุดทายของเสนที่เรา

ลากไวเพื่อให Movie Clip วิ่งไปตั้งแตจุดเริ่มตนไปจนจุดสุดทาย
12. เพื่อให Movie Clip เคลื่อนที่อยางเปน ธรรมชาติ . Click mouse ที่ Frame ที่ 1 ใน Layer 1

แลวเลือก Orient to Part ใน Properties

13. Frame ที่ 20 ใน Layer 1 . Click mouse ที่ปุม Free Transform Tool แลวทําการหมุน
Movie Clip .ใหสัมพันธกับเสนที่ลากไว