Motion tween ต่างกับ classic tween อย่างไร

ก่อนที่ Flash CS4 จะมีภาพเคลื่อนไหวและทวีตเตอร์รูปร่าง - แต่ตอนนี้ CS4 และ CS5 จะแนะนำคลาสสิกทีเซอร์ ความแตกต่างคืออะไร?

การเคลื่อนไหวทวีเคลื่อนไหวเคลื่อนไหวสัญลักษณ์ในอวกาศ; เมื่อคุณสร้างการเคลื่อนไหว tween แล้วคุณสามารถคลิกที่เฟรมใด ๆ ในทวีตย้ายสัญลักษณ์บนเฟรมนั้นและดู Flash สร้าง เส้นทางเคลื่อนไหวที่เคลื่อนไหวเฟรม ระหว่าง เฟรม นั้นและคีย์เฟรมถัดไปโดยอัตโนมัติ เฟรมใดก็ตามที่คุณย้ายสัญลักษณ์ tweened ด้วยตนเองจะกลายเป็นคีย์เฟรม ในทางกลับกันรูปร่างของ tweens จะบิดเบือนรูปทรงที่ไม่ใช่สัญลักษณ์ / กราฟิกเวกเตอร์

หากคุณสร้างรูปร่างหนึ่ง เฟรมหลัก และรูปร่างอื่นในคีย์เฟรมอื่นคุณสามารถเชื่อมต่อทั้งสองรูปร่างด้วยทวีตเตอร์รูปร่าง ทวีตจะทำอะไรคำนวณและ morphs ที่จำเป็นในการแปลงรูปร่างแรกเป็นที่สอง Tween แบบคลาสสิกใช้วิธีการแบบ เก่าที่ ใช้ในเวอร์ชัน CS3 และเวอร์ชันก่อนหน้า ใน ทวีต แบบเคลื่อนไหว นี้คุณจะต้องสร้างคีย์เฟรมทั้งหมดของคุณด้วยตนเองและเชื่อมต่อทั้งหมดด้วยทวีตเตอร์ที่เคลื่อนไหวตามจุด A ไปยังจุด B

ดังนั้นโดยทั่วไปรูปร่าง Tween เป็น Tween การเปลี่ยนแปลงในขณะที่การเคลื่อนไหว Tween / Tween คลาสสิกมีผลต่อตำแหน่งและการหมุน

Motion Tween

     มาแล้วกับการทำแอนิเมชั่นด้วย Motion Tween แล้วมันต่างกับ Classic Tween ยังไง ? Motion Tween มันเป็นเหมือนการรวม Classic Tween กับ Classic Motion Guide เข้าด้วยกันแถมดีกว่า และยังมีหน้าต่าง Motion Editor เป็นแผงควบคุมการทำแอนิเมชั่นที่ครบเครื่อง สามารถควบคุมการเปลี่ยนแปลงทุกอย่างได้จากที่นี่ไม่ว่าจะเป็นตำแหน่งการเคลื่อนที่ต่างๆ เอฟเฟค, Filter ต่างๆ ค่าหน่วงเวลา และยังสามารถบันทึกการเคลื่อนไหวเก็บไว้ใช้ได้อีกด้วย เรียกได้ว่าครบเครื่อง จบเลยในที่เดียว … -0- แบบนี้ก็ลืมไอ้ 2 ตัวนั้นไปได้เลยสิ … ก็คงใช่ ฮ่าๆ แต่คงลืมไม่ได้หรอก เพราะ Classic ยังไงมันก็ยังคง Classic ใช้งานก็ง่ายกว่า เหมาะกับการเคลื่อนที่เล็กๆ น้อยๆ 

สร้างแอนิเมชั่นด้วย Motion Tween 


1. สร้างเอกสารใหม่ ผมจะเลือก AS 3.0 ตลอด เพราะของใหม่ย่อมดีกว่า และอีกอย่างก็เขียนสคริปต์ไม่เป็นด้วย -__-

2. วาดรูปอะไรซักอย่าง … ผมวาดจรวดละกัน วาดแล้วก็ convert to symbol 

Motion tween ต่างกับ classic tween อย่างไร

3. จัดการปรับขนาดของจรวด จากนั้นผมลากไปไว้ข้าง Stage เพื่อจรวดลอยเข้ามา แล้วตก

จากนั้นใส่เฟรม [F5] ที่เฟรมี่ 80 นู่นเลย จากนั้นคลิกขวาเพื่อ Create Motion Tween

Motion tween ต่างกับ classic tween อย่างไร

 4. คลิกเลือกที่เฟรมที่ 80 หรือเฟรมสุดท้าย แล้วลากจรวดไปยังตำแหน่งสุดท้ายที่จะให้อยู่

Motion tween ต่างกับ classic tween อย่างไร

เพิ่มเติม…จริงแล้วไม่จำเป็นต้องไปที่เฟรมสุดท้ายเลยก็ได้ จะทำทีละคีย์ ก็ได้ คือทำคีย์เริ่มต้น คีย์ที่จรวดขึ้น คีย์ที่ลง ขึ้น ลงอีก ทำทีละคีย์แบบนี้ก็ได้ ข้างบนที่ทำคือ ทำคีย์เริ่มและคีย์สุดท้าย แล้วค่อยมาทำคีย์ข้างใน (โอ้ย พูดเองงเอง -__-)

5. ต่อไปจะเป็นการกำหนดการเคลื่อนไหวระหว่างทาง ก็กะๆ เอาอ่านะ ในที่นี้ผมจะให้จรวดลอยขึ้น ลง แล้วก็ขึ้น แล้วก็ตก วิธีทำคือเลื่อนหัวอ่าน หรือคลิกที่เฟรม แล้วลากจรวดขึ้นเพื่อปรับตำแหน่ง 

Motion tween ต่างกับ classic tween อย่างไร

จากนั้นก็คลิกที่เฟรมถัดไป ให้ห่างจากเฟรมก่อนห้นาซัก 10 เฟรม ทำไปจนครบที่ต้องการ ก็จะได้ประมาณนี้…

Motion tween ต่างกับ classic tween อย่างไร

จะเห็นแนวเส้นทางการเคลื่อนที่ คือ เริ่ม ขึ้น ลง ขึ้น ลง

6. ปรับตำแหน่ง โดยใช้ Selection tool นั่นแหละ คลิกที่เส้นแล้วลากปรับ หรือดัดให้มันโค้ง ตามต้องการ

Motion tween ต่างกับ classic tween อย่างไร

ลองกด Enter เพื่อเล่นดู จะเห็นว่ามันเคลื่อนที่ตามเส้นแล้ว แต่ว่าจรวดมันลอยไปแบบตั้งตรงแด่วเลย ซึ่งมันไม่ใช่อ่ะ จรวดมันต้องมีทิศทางไปตามเส้น เช่นแบบว่า พอจรวดมันตก หัวมันต้องชี้ลงพื้นใช่มั้ย อ่า…นั่นแหละ -..-

ให้คลิกที่เฟรมในเลเยอร์ที่เราทำงายอยู่อ่ะ เฟรมไหนก็ได้ คลิกแล้วมาดูที่แถบ Properties 

Motion tween ต่างกับ classic tween อย่างไร

จะเห็นแถบ Ease ให้ใส่ -100 คือ เคลื่อนที่ช้าๆ แล้วค่อยๆ เร็วขึ้นเรื่อยๆ 

และถัดมาจะเห็น ช่อง Orient to path ให้เลือกโดยติ๊กถูก ทีนี้จรวดก็จะเคลื่อนที่ตามเส้นได้อย่างสมบูรณ์

ถึงตรงนี้ก็เสร็จแล้วหล่ะนะ แต่จะลองมาก็ตกแต่ง เพิ่มเติมซะหน่อย โดยเพิ่มไฟท้ายจรวด

เพิ่มไฟท้ายจรวด

1. ดับเบิ้ลคลิกที่ จรวดเพื่อเข้าสู่หน้าแก้ไขวัตถุ หรือจะดับเบิ้ลคลิกในแถบ Library ก็ได้ 

เมื่อเข้ามาสู่หน้าของ Symbol จรวด ก็วาดไฟซัก 3 เฟรมพอละ วิธีวาดก็วาดในคีย์เฟรมแรก จากนั้นคีย์เฟรมที่ 2 และ 3 ก็ขยับ ขยาย ย้ายตำแหน่ง นิดๆ หน่อยๆ ก็พอแล้ว

ประเภทของแอนิเมชั่นใน Flash

1.Frame-by-frame คือ การสร้างคีย์เฟรมหลายคีย์เฟรมต่อกันไป โดยคงความต่อเนื่องของชิ้นงานชิ้นเดิมไว้ ทำให้มองเป็นเป็นภาพเคลื่อนไหว การสร้างภาพเคลื่อนไหวแบบเฟรมต่อเฟรม จะเหมาะกับการสร้างภาพเคลื่อนไหวที่ซับซ้อนไม่มีรูปแบบแน่นอน

2.Tween  คำว่า Tween  มาจากคำว่า “in between”  เป็นการสร้างภาพเคลื่อนไหวจากเฟรมต้นและเฟรมสุดท้าย ซึ่งโปรแกรมจะสร้างการเปลี่ยนแปลงระหว่างเฟรมให้โดยอัตโนมัติ จึงมีจะมีการสร้างเฟรมเพียง 2 เฟรม ซึ่งแบ่งออกเป็น 3 รูปแบบ

3.Inverse Kinematic (IK)  เป็นการใส่กระดูก เพื่อเชื่อมโยงกับรูปทรงที่สร้าง หรือวัตถุหลายๆ ชิ้น ให้สัมพันธ์กันด้วยโครงกระดูก โดยสามารถขยับกระดูกเหล่านี้เพื่อให้เกิดการเคลื่อนไหว เช่น การสร้างการเคลื่อนไหวเลียนแบบการเดินของคน

 

Tween

1.Shape Tween เป็นการสร้างภาพเคลื่อนไหว โดยแปลงจากรูปทรงหนึ่งไปอีกรูปทรงหนึ่ง เช่น รูปสี่เหลี่ยมค่อยๆ เปลี่ยนเป็นรูปวงกลม

2.Classic Tween เป็นการทำแอนิเมชั่นเพื่อโดยเปลี่ยนคุณสมบัติของวัตถุ สี ความสว่างของสี หรือขนาดรูปร่าง เช่น ภาพที่ค่อยๆ สว่างขึ้น หรือตัวหนังสือค่อยๆ จางหายไป

3.Motion Tween เป็นการสร้างภาพเคลื่อนไหวที่มีการเปลี่ยนตำแหน่ง ขนาด หรือหมุนวัตถุตามต้องการ เป็นการสร้างภาพเคลื่อนไหว ที่มีการเคลื่อนกำหนดการเคลื่อนที่ หมุน ย่อ หรือขยายให้กับวัตถุ

การสร้างแอนิเมชั่นด้วยคำสั่ง Tween

การสร้างแอนิเมชั่นด้วยคำสั่ง Tween

  • Tween คือการสร้างภาพเคลื่อนไหวในโปรแกรม flash ช่วยสร้างการเคลื่อนไหวระหว่าง เฟรมเริ่มต้นจนถึงเฟรมสิ้นสุดที่เราได้ทำการสร้าง Tween ขึ้นมาให้โดยอัตโนมัติTween แบ่งออกเป็น 3 รูปแบบ คือ

1.Shape Tween

2.Classic Tween

3.Motion Tween

 

Shape Tween

  • เป็น Animation สำหรับการเปลี่ยนรูปทรงหนึ่งเป็นอีกรูปทรงหนึ่ง เช่น วงกลมเปลี่ยนเป็นรูปดาว รูปดาวกลายเป็นสี่เหลี่ยม หรือน้ำกลิ้งไปกลิ้งมา ฯลฯ โดยอาศัยหลักการของ Tween  ซึ่งหลักการคือ วาดรูปเริ่มต้นไว้ที่ Keyframe  แรก และไปวาดรูปปลายทางที่ keyframe ต่อไป แต่ Shape Tween นั้นจะทำได้เพียงรูปทรงพื้นฐานเท่านั้น ในรูปทรงยาก ๆ ก็จะให้การเปลี่ยนแปลงที่ไม่สวย

Motion tween ต่างกับ classic tween อย่างไร

 

Classic Tween

คือ การสร้างแอนิเมชันโดยใช้ออบเจ็กต์เพียงชิ้นเดียว จากนั้นจึงสั่งให้มีการเคลื่อนไหวออบเจ็กต์นั้น Classic Tween สามารถใช้ในการเปลี่ยนแปลงคุณสมบัติของวัตถุ จากค่าหนึ่งไปเป็นอีกค่าหนึ่งได้โดยง่าย

Motion tween ต่างกับ classic tween อย่างไร

 

Motion Tween

  • เป็นการสร้างภาพเคลื่อนไหว ชนิดกำหนดจุดเริ่มต้นและจุดสิ้นสุด วัตถุที่นำมาสร้างจะเป็นวัตถุประเภทใดก็ได้ โปรแกรมจะสร้างการเปลี่ยนแปลงระหว่างเฟรมให้โดยอัตโนมัติ เหมาะสำหรับการสร้างภาพเคลื่อนไหวแบบที่ต้องการความต่อเนื่องสม่ำเสมอ

 

Motion tween ต่างกับ classic tween อย่างไร

 

การทำ Motion Tween

การสร้างการเคลื่อนไหวแบบนี้ สามารถกำหนดค่าต่าง ๆ ให้กับการเคลื่อนไหวได้ เช่น ปรับความเร็วในการเคลื่อนไหว กำหนดจำนวนแสดงซ้ำ ทั้งหมดนี้ให้กำหนดค่าที่ พาเนล Properties

การเคลื่อนไหวแบบ Motion Tween หมายถึงข้อใด

การสร้างภาพเคลื่อนไหวแบบนี้เป็นการเคลื่อนที่ของเนื้อหาจากจุดหนึ่งไปยังอีกจุดหนึ่ง หรือ เปลี่ยนคุณสมบัติจากแบบหนึ่งไปเป็นอีกแบบหนึ่ง เหมาะสาหรับการทา ภาพเคลื่อนไหว แบบต่อเนื่องสม่าเสมอ เช่น เมฆลอย พัดลมกาลังหมุน ยานบิน รถกาลังแล่น เป็น ต้น

Shape Tween ต่างกับ Classic Tween อย่างไร

1.Shape Tween เป็นการสร้างภาพเคลื่อนไหว โดยแปลงจากรูปทรงหนึ่งไปอีกรูปทรงหนึ่ง เช่น รูปสี่เหลี่ยมค่อยๆ เปลี่ยนเป็นรูปวงกลม 2.Classic Tween เป็นการทำแอนิเมชั่นเพื่อโดยเปลี่ยนคุณสมบัติของวัตถุ สี ความสว่างของสี หรือขนาดรูปร่าง เช่น ภาพที่ค่อยๆ สว่างขึ้น หรือตัวหนังสือค่อยๆ จางหายไป

แอนิเมชั่นแบบ Classic Tween คือ การสร้างแอนิเมชันแบบใด *

แอนิเมชั่นแบบ Classic Tween คือ การสร้างแอนิเมชัน แบบเคลื่อนที่เป็นเส้นตรงจากตําแหน่งหนึ่ง ไปยังอีกตําแหน่งหนึ่ง ลักษณะการสร้างแอนิเมชั่นแบบ Classic Tween สังเกตที่Timeline จะเป็นสีม่วงอ่อนๆ

Classic Tween เป็นคำสั่งที่ใช้ทำอะไร

Classic Tween คือ การสร้างแอนิเมชัน แบบเคลื่อนที่เป็นเส้นตรงจากตําแหน่งหนึ่งลักษณะของการสร้างแบบ classic tween time line จะเป็นสีม่วง การใช้คือ create classic tween ที่ตัววัตถุจะเลือกกด f6 ถึง 20(ตัวอย่าง) จากนั้นแถบทางขวาเลือกตัวหมุนเช่นตามเข็มนาฬิกาหรือทวน