สร้างการเคลื่อนไหวด้วยภาพ Tween

ภาพเคลื่อนไหวล้วนเป็นเรื่องของการสร้างภาพลวงตาว่าเกิดการเคลื่อนที่ การทำ Tween คือส่วนสำคัญในการทำให้ภาพลวงตาที่ว่าดูสมจริง การทำ Tween ในงานภาพเคลื่อนไหวย่อมาจาก Inbetween เป็นกระบวนการสร้างรูปภาพที่จะแทรกระหว่างคีย์เฟรมต่างๆ

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

ในการสร้างภาพเคลื่อนไหวยุคแรกๆ นักวาดภาพเคลื่อนไหวคนหลักจะวาดคีย์เฟรมต่างๆ ให้นักวาดคนอื่นๆ ซึ่งเรียกว่า Inbetweener แปลตรงตัวว่าผู้อยู่ตรงกลาง ทำหน้าที่สร้างภาพเคลื่อนไหวเฟรมต่อเฟรมแทรกระหว่างคีย์เฟรมเหล่านั้น ภาพเคลื่อนไหวในปัจจุบันสามารถสร้างด้วยคอมพิวเตอร์ได้ กระบวนการจึงง่ายขึ้นมาก รวมถึงใช้เวลาและกินแรงน้อยลง

การทำ Tween ใน Adobe Animate

Adobe Animate จะทำกระบวนการ Tween โดยอัตโนมัติ ซึ่งหลายปีที่แล้วเป็นหน้าที่ของนักวาดผู้ช่วย โดยโปรแกรมจะทำให้คุณสามารถสร้างเฟรม Tween ตามตัวแปรหลายๆ อย่างและช่วยให้สามารถสร้างภาพเคลื่อนไหวหลากหลายสไตล์ได้สะดวก ใช้ Tween ใน Animate เพื่อเลื่อนวัตถุตามพิกัด X และ Y สองมิติหรือหมุนวัตถุแบบ 3D ตามแกน Z ตัวละครและวัตถุใน Animate สามารถเคลื่อนที่อย่างลื่นไหลตามแบบภาพเคลื่อนไหว Flash ในยุคแรกหรือจะกระตุกน้อยๆ อย่างภาพเคลื่อนไหววาดมือก็ได้ วัตถุสามารถเปลี่ยนรูป ยืด หรือเชื่อมต่อกันได้

Classic Tween และ Motion Tween

Tween ใน Animate มีสองประเภทหลักๆ ได้แก่ Classic Tween และ Motion Tween Classic Tween ใช้ในภาพเคลื่อนไหวแบบวิดีโอที่เราคุ้นเคยกันมากที่สุด ส่วน Motion Tween ใช้ในภาพเคลื่อนไหวแบบ Interactive เช่น เกมหรือกราฟิกเคลื่อนไหว

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

ดูวิธีใช้ Classic Tween ใน Adobe Animate

ดูข้อมูลเพิ่มเติมเกี่ยวกับการสร้างภาพเคลื่อนไหว Motion Tween

การควบคุม ความแม่นยำ และเวิร์กโฟลว์

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

Tween เหมือนกับองค์ประกอบอื่นๆ ใน Adobe Creative Cloud ที่สามารถย้ายจากแอปภาพเคลื่อนไหวหนึ่งไปยังอีกแอปหนึ่งได้อย่างง่ายดาย คุณสามารถบันทึก Tween เป็น Preset ไว้ใช้ซ้ำ และผสมผสานแอสเซทภาพเคลื่อนไหวที่มีอยู่แล้วสำหรับโปรเจกต์อื่นๆ ในอนาคตได้

ทำให้ภาพเคลื่อนไหวด้วย Animate

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