ก่อนที่ Flash CS4 จะมีภาพเคลื่อนไหวและทวีตเตอร์รูปร่าง - แต่ตอนนี้ CS4 และ CS5 จะแนะนำคลาสสิกทีเซอร์ ความแตกต่างคืออะไร? Show การเคลื่อนไหวทวีเคลื่อนไหวเคลื่อนไหวสัญลักษณ์ในอวกาศ; เมื่อคุณสร้างการเคลื่อนไหว 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 3. จัดการปรับขนาดของจรวด จากนั้นผมลากไปไว้ข้าง Stage เพื่อจรวดลอยเข้ามา แล้วตก จากนั้นใส่เฟรม [F5] ที่เฟรมี่ 80 นู่นเลย จากนั้นคลิกขวาเพื่อ Create Motion Tween 4. คลิกเลือกที่เฟรมที่ 80 หรือเฟรมสุดท้าย แล้วลากจรวดไปยังตำแหน่งสุดท้ายที่จะให้อยู่ เพิ่มเติม…จริงแล้วไม่จำเป็นต้องไปที่เฟรมสุดท้ายเลยก็ได้ จะทำทีละคีย์ ก็ได้ คือทำคีย์เริ่มต้น คีย์ที่จรวดขึ้น คีย์ที่ลง ขึ้น ลงอีก ทำทีละคีย์แบบนี้ก็ได้ ข้างบนที่ทำคือ ทำคีย์เริ่มและคีย์สุดท้าย แล้วค่อยมาทำคีย์ข้างใน (โอ้ย พูดเองงเอง -__-) 5. ต่อไปจะเป็นการกำหนดการเคลื่อนไหวระหว่างทาง ก็กะๆ เอาอ่านะ ในที่นี้ผมจะให้จรวดลอยขึ้น ลง แล้วก็ขึ้น แล้วก็ตก วิธีทำคือเลื่อนหัวอ่าน หรือคลิกที่เฟรม แล้วลากจรวดขึ้นเพื่อปรับตำแหน่ง จากนั้นก็คลิกที่เฟรมถัดไป ให้ห่างจากเฟรมก่อนห้นาซัก 10 เฟรม ทำไปจนครบที่ต้องการ ก็จะได้ประมาณนี้… จะเห็นแนวเส้นทางการเคลื่อนที่ คือ เริ่ม ขึ้น ลง ขึ้น ลง 6. ปรับตำแหน่ง โดยใช้ Selection tool นั่นแหละ คลิกที่เส้นแล้วลากปรับ หรือดัดให้มันโค้ง ตามต้องการ ลองกด Enter เพื่อเล่นดู จะเห็นว่ามันเคลื่อนที่ตามเส้นแล้ว แต่ว่าจรวดมันลอยไปแบบตั้งตรงแด่วเลย ซึ่งมันไม่ใช่อ่ะ จรวดมันต้องมีทิศทางไปตามเส้น เช่นแบบว่า พอจรวดมันตก หัวมันต้องชี้ลงพื้นใช่มั้ย อ่า…นั่นแหละ -..- ให้คลิกที่เฟรมในเลเยอร์ที่เราทำงายอยู่อ่ะ เฟรมไหนก็ได้ คลิกแล้วมาดูที่แถบ Properties จะเห็นแถบ 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
1.Shape Tween 2.Classic Tween 3.Motion Tween
Shape Tween
Classic Tweenคือ การสร้างแอนิเมชันโดยใช้ออบเจ็กต์เพียงชิ้นเดียว จากนั้นจึงสั่งให้มีการเคลื่อนไหวออบเจ็กต์นั้น Classic Tween สามารถใช้ในการเปลี่ยนแปลงคุณสมบัติของวัตถุ จากค่าหนึ่งไปเป็นอีกค่าหนึ่งได้โดยง่าย
Motion 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(ตัวอย่าง) จากนั้นแถบทางขวาเลือกตัวหมุนเช่นตามเข็มนาฬิกาหรือทวน
|