เทคนิคการทำ 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 ที่เราวาดไว้

คุณอาจสนใจ
Template Dreamweaver MX
webthaidd (83,102 - 12 มี.ค. 51)
การใส่สี Background, Border ให้กับตาราง
Mr.GuruZ (58,478 - 04 มิ.ย. 49)
การทำหิมะลงบนภาพ
Tung (128,297 - 23 ธ.ค. 50)
วิธีการทำงานของเมล์แบบ SMTP
เว็บไทยดีดี (14,488 - 29 ก.ย. 50)
การใช้คำสั่ง <br>
สายลม (60,309 - 04 มิ.ย. 49)
ใช้ Quad-Core เลยดีไหม ?
สายลม (17,531 - 26 เม.ย. 51)
การเปิดใช้งานโหมด Graphic ใน php
Mr.GuruZ (28,853 - 03 มิ.ย. 49)
การติดตั้ง PHP โดยใช้ PWS จำลองเป็น Server (win 95, 98, Me)
Mr.GuruZ (23,609 - 03 มิ.ย. 49)