Headlines

หน่วยที่ 1 ความรู้พื้นฐานเกี่ยวกับภาพเคลื่อนไหว

(Introduction to Animation)

สาระสำคัญ

ภาพเคลื่อนไหว (Animation) เป็นสื่อดิจิทัลที่นำภาพนิ่งหลายภาพมาเรียงต่อกันอย่างรวดเร็ว เพื่อให้เกิดการรับรู้ว่าเกิดการเคลื่อนไหว สามารถนำไปประยุกต์ใช้ได้หลากหลาย เช่น งานโฆษณา เกม ภาพยนตร์ การศึกษา และสื่อออนไลน์ การเรียนรู้พื้นฐานของภาพเคลื่อนไหวจะช่วยให้ผู้เรียนเข้าใจหลักการทำงาน กระบวนการออกแบบ และสามารถพัฒนางานแอนิเมชันได้อย่างมีประสิทธิภาพ


จุดประสงค์การเรียนรู้

เมื่อเรียนจบหน่วยนี้แล้ว ผู้เรียนสามารถ

  1. อธิบายความหมายของ Animation ได้
  2. จำแนกประเภทของ Animation ได้
  3. อธิบายหลักการพื้นฐานของ Animation ได้

1. ความหมายของ Animation

Animation หรือ “ภาพเคลื่อนไหว” คือ กระบวนการทำให้ภาพนิ่งหลายภาพเกิดการเคลื่อนไหวต่อเนื่อง เมื่อแสดงผลด้วยความเร็วที่เหมาะสม โดยอาศัยหลักการมองเห็นภาพติดตา (Persistence of Vision)การสร้างภาพเคลื่อนไหวสามารถทำได้ทั้งแบบวาดด้วยมือและแบบใช้โปรแกรมคอมพิวเตอร์ ซึ่งนิยมใช้ในงานสื่อดิจิทัลสมัยใหม่ เช่น

ความสำคัญของ Animation

  • ช่วยดึงดูดความสนใจ
  • สื่อสารข้อมูลได้เข้าใจง่าย
  • เพิ่มความน่าสนใจให้กับสื่อดิจิทัล
  • ใช้สร้างเอกลักษณ์ของแบรนด์
  • ส่งเสริมธุรกิจดิจิทัลและการตลาดออนไลน์

2. ประเภทของ Animation

Animation สามารถแบ่งออกได้หลายประเภท ดังนี้

2. ประเภทของ Animation

Animation สามารถแบ่งออกได้หลายประเภท ดังนี้

2.1 Traditional Animation

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

ลักษณะเด่น

  • ใช้การวาดภาพด้วยมือ
  • ต้องใช้เวลามาก
  • มีเอกลักษณ์เฉพาะตัว

ตัวอย่าง


2.2 2D Animation

เป็นภาพเคลื่อนไหวแบบสองมิติ ใช้ความกว้างและความสูง

ลักษณะเด่น

  • นิยมใช้ในงานสื่อออนไลน์
  • สร้างด้วยโปรแกรมคอมพิวเตอร์
  • เหมาะกับงาน Motion Graphic

ตัวอย่างโปรแกรม

  • Adobe Animate
  • Toon Boom
  • OpenToonz

2.3 3D Animation

เป็นภาพเคลื่อนไหวแบบสามมิติ มีความลึกของภาพ

ลักษณะเด่น

  • ภาพสมจริง
  • ใช้ในภาพยนตร์ เกม และโฆษณา
  • ต้องใช้ทักษะสูง

ตัวอย่างโปรแกรม

  • Blender
  • Maya
  • 3ds Max

2.4 Stop Motion

เป็นการนำวัตถุจริงมาถ่ายภาพทีละเฟรม แล้วนำมาเรียงต่อกัน

ลักษณะเด่น

  • ใช้วัตถุจริง
  • มีเอกลักษณ์เฉพาะตัว
  • นิยมใช้กับงานศิลปะและภาพยนตร์

ตัวอย่าง

  • Clay Animation
  • Puppet Animation

2.5 Motion Graphic

เป็นการนำข้อความ รูปภาพ และกราฟิกมาสร้างการเคลื่อนไหว

ลักษณะเด่น

  • นิยมใช้ในงานโฆษณา
  • ใช้สื่อสารข้อมูล
  • เหมาะกับสื่อออนไลน์

2.2 2D Animation

เป็นภาพเคลื่อนไหวแบบสองมิติ ใช้ความกว้างและความสูง

ลักษณะเด่น

  • นิยมใช้ในงานสื่อออนไลน์
  • สร้างด้วยโปรแกรมคอมพิวเตอร์
  • เหมาะกับงาน Motion Graphic

ตัวอย่างโปรแกรม

  • Adobe Animate
  • Toon Boom
  • OpenToonz

2.3 3D Animation

เป็นภาพเคลื่อนไหวแบบสามมิติ มีความลึกของภาพ

ลักษณะเด่น

  • ภาพสมจริง
  • ใช้ในภาพยนตร์ เกม และโฆษณา
  • ต้องใช้ทักษะสูง

ตัวอย่างโปรแกรม

  • Blender
  • Maya
  • 3ds Max

2.4 Stop Motion

เป็นการนำวัตถุจริงมาถ่ายภาพทีละเฟรม แล้วนำมาเรียงต่อกัน

ลักษณะเด่น

  • ใช้วัตถุจริง
  • มีเอกลักษณ์เฉพาะตัว
  • นิยมใช้กับงานศิลปะและภาพยนตร์

ตัวอย่าง

  • Clay Animation
  • Puppet Animation

2.5 Motion Graphic

เป็นการนำข้อความ รูปภาพ และกราฟิกมาสร้างการเคลื่อนไหว

ลักษณะเด่น

  • นิยมใช้ในงานโฆษณา
  • ใช้สื่อสารข้อมูล
  • เหมาะกับสื่อออนไลน์

3. หลักการพื้นฐานของ Animation

12 Principles of Animation

หลักการ 12 ประการของแอนิเมชัน ถูกพัฒนาโดยนักสร้างแอนิเมชันของ Disney เพื่อช่วยให้การเคลื่อนไหวดูสมจริงและน่าสนใจ


1. Squash and Stretch

การยืดและหดของวัตถุเพื่อแสดงน้ำหนักและความยืดหยุ่น

ตัวอย่าง

  • ลูกบอลกระเด้ง

2. Anticipation

การเตรียมท่าทางก่อนการเคลื่อนไหวหลัก

ตัวอย่าง

  • งอเข่าก่อนกระโดด

3. Staging

การจัดองค์ประกอบเพื่อให้ผู้ชมเข้าใจจุดสำคัญ


4. Straight Ahead Action and Pose to Pose

เทคนิคการสร้างภาพเคลื่อนไหวแบบวาดต่อเนื่อง และแบบกำหนดท่าหลักก่อน


5. Follow Through and Overlapping Action

การเคลื่อนไหวต่อเนื่องหลังจากการกระทำหลักหยุดลง

ตัวอย่าง

  • ผมและเสื้อยังเคลื่อนไหวหลังหยุดเดิน

6. Slow In and Slow Out

การเริ่มต้นและหยุดการเคลื่อนไหวอย่างนุ่มนวล


7. Arc

การเคลื่อนไหวตามแนวโค้งธรรมชาติ


8. Secondary Action

การเคลื่อนไหวรองที่ช่วยเสริมการกระทำหลัก


9. Timing

จังหวะและความเร็วของการเคลื่อนไหว


10. Exaggeration

การแสดงอารมณ์หรือการเคลื่อนไหวให้เด่นชัดเกินจริง


11. Solid Drawing

การวาดภาพให้มีมิติ น้ำหนัก และสมดุล


12. Appeal

การออกแบบตัวละครให้มีเสน่ห์และน่าสนใจ

4. การประยุกต์ใช้งาน Animation

ปัจจุบัน Animation ถูกนำไปใช้ในหลากหลายด้าน ได้แก่

4.1 ด้านการศึกษา

  • สื่อการเรียนการสอน
  • สื่ออธิบายเนื้อหาที่ยากให้เข้าใจง่าย

4.2 ด้านธุรกิจและการตลาด

  • โฆษณาสินค้า
  • โปรโมตแบรนด์
  • Motion Graphic

4.3 ด้านบันเทิง

  • ภาพยนตร์การ์ตูน
  • เกม
  • มิวสิกวิดีโอ

4.4 ด้านสื่อออนไลน์

  • YouTube Animation
  • TikTok Animation
  • Social Media Content

4.5 ด้านงานออกแบบและธุรกิจดิจิทัล

  • UX/UI Animation
  • Presentation
  • Interactive Media

สรุป

Animation เป็นเทคโนโลยีที่ช่วยสร้างการเคลื่อนไหวให้กับภาพนิ่ง โดยมีหลากหลายประเภทและสามารถนำไปประยุกต์ใช้ในงานด้านต่าง ๆ ได้อย่างกว้างขวาง การเรียนรู้หลักการพื้นฐาน โดยเฉพาะ 12 Principles of Animation จะช่วยให้ผู้เรียนสามารถออกแบบและสร้างงาน Animation ได้อย่างมีคุณภาพและเหมาะสมกับงานธุรกิจดิจิทัลในยุคปัจจุบัน


คำศัพท์สำคัญ

คำศัพท์ความหมาย
Animationภาพเคลื่อนไหว
Frameภาพแต่ละภาพในลำดับการเคลื่อนไหว
Keyframeภาพหลักของการเคลื่อนไหว
Motion Graphicกราฟิกเคลื่อนไหว
Storyboardแผนภาพลำดับเหตุการณ์
Timelineแถบควบคุมลำดับเวลา

แบบฝึกหัดท้ายหน่วย

  1. Animation คืออะไร
  2. จงอธิบายความแตกต่างระหว่าง 2D และ 3D Animation
  3. Stop Motion มีลักษณะเด่นอย่างไร
  4. หลักการ Squash and Stretch คืออะไร
  5. ยกตัวอย่างการนำ Animation ไปใช้ในธุรกิจดิจิทัลมา 3 ตัวอย่าง