เทคนิคการทำ Motion Guide จัดทำโดย : Charoen พิมพ์
 Motion Guide

1. วาดรูปวงกลมขึ้นมา 1 รูป ตั้งชื่อ layer ว่า "graphic"


2. คลิกขวาที่ Layer "graphic" แล้วเลือก "Add Motion Guide"


3. จะมี layer ใหม่ขึ้นมาข้างบน layer "graphic" ชื่อว่า "Guide:graphic"


4. วาดเส้น path สำหรับ symbol ใน layer ใหม่ โดยใช้ pencil หรือ line tool


5. เลือกเฟรมที่ 50 ของ layer guide และกด "F5" เพื่อ insert frames.


6. หลังจากนั้น ไปที่ "Frame 1" ของ "graphic" layer และลาก symbol ไปยังจุดสุดท้ายของ path ที่เราวาดไว้ โดยขณะที่ลากนั้น คุณจะเห็น วงกลมเล็กๆ อยู่บน symbol ซึ่ง ต้องลากให้วงกลมเล็กๆนั้น อยู่ทับเส้น path

7. หลังจากนั้น ไปที่ "Frame 50" ของ "graphic" layer และกด F6 เพื่อ สร้าง keyframe ขึ้นมาใหม่


8. ต่อจากนั้น ลาก symbol ไปยัง อีกฝั่งหนึ่งของ path และ ต้องให้ วงกลมเล็กๆ อยู่บนเส้น path.


9. เลือกที่ เฟรม ระหว่าง เฟรม 1 ถึง 50 ของ "graphic" layer คลิกขวาแล้วเลือก Create motion tween

10. กด ctrl + enter เพื่อดูผลลัพธ์ เราจะได้ วงกลมวิ่งตามเส้น path ที่เราวาดไว้

คุณอาจสนใจ
ทำภาพเคลื่อนไหวด้วย Dreamweaver
Mr.GuruZ (68,292 - 04 มิ.ย. 49)
การย่อ-ขยายเอกสาร
นายนุก (20,953 - 22 มี.ค. 51)
สร้างพื้นหลังแบบ Matrix
langjuko (180,073 - 08 ต.ค. 51)
เปลี่ยนสีให้กับ TextBox 3 Style
Mr.GuruZ (51,552 - 04 มิ.ย. 49)
ห้ามเปลี่ยนตำแหน่งไอคอนที่จัดเรียงไว้หน้าจอ XP
เว็บไทยดีดี (16,146 - 26 ม.ค. 51)
MSN block Checker ใครบล๊อกเราสามารถเช็คได้
เว็บไทยดีดี (69,852 - 10 พ.ค. 51)
ลดขนาดถังขยะเพิ่มพื้นที่ฮาร์ดดิสก์ XP
เว็บไทยดีดี (15,350 - 29 ก.ย. 50)
การทำ Poll ตอนที่ 5 (การสร้างหน้า Vote และหน้าแสดงผล)
Mr.GuruZ (49,345 - 03 มิ.ย. 49)