เอกสารประกอบการบรรยาย Motion Infographic

1. ผศ.ดร.กุลชัย กุลตวนิช
MOTION INFOGRAPHIC

2. ผศ.ดร.กุลชัย กุลตวนิช
กลุ่มวิชากราฟิก สิ่งพิมพ์ และสื่อดิจิทัล
สาขาวิชานิเทศศาสตร์เกษตร สจล.

3. สเตตัสตัวหนา
และใหญ!!
เคยเห็นอะไรแบบนี้หรือไม?
พิมพโพสตยาวมากขึ้น ๆ
“Read more” ซะอยางงั้น!?

4. FONT
ตัวอักษรขนาดใหญไมเกิน 35 ตัวอักษร
LINE
แสดงผลสถานะไมเกิน 7 บรรทัด
LIKE
รูปภาพ Like มักจะเยอะกวาตัวอักษร

5. Social Media Trend
Visual Content

6. 90%คือ รูปภาพ
คนเราตองการขอมูลที่ถูกแปลงเปนรูปภาพ
ดังนั้นขอมูลรูปแบบนี้จึงแพรหลายอยางรวดเร็ว
ของขอมูลที่ถายทอดไปยังสมอง
การทําขอมูลใหเปนภาพชวยแกไขปญหาเกี่ยวกับขอมูล
(เยอะเกินไป ไมนาเชื่อถือ ไมนาสนใจ ขาดความโปรงใส)

8. MOTION GRAPHIC
MOTION + GRAPHIC
คือ “การทําใหภาพเคลื่อนไหว”
เนนการอธิบายพรอมเสียงประกอบ ไมคอยมีตัวละครดําเนินเรื่อง
และฉากตัดสลับแบบภาพยนตร ความยาวมักจะอยูที่ 1 – 2 นาที

9. Interest
In Motion Graphic
ในผูเรียน 100 คน 80 คนจะใหความสนใจ
ในการรับชมภาพเคลื่อนไหวมากกวาอาน
ตัวหนังสือ
จุดเดนของ
Motion Graphic
สามารถแสดงและอธิบายรายละเอียดตาง ๆ
ใหจดจําไดมากกวาสื่อประเภทอื่น
เกินรอยละ 50
Memory
Capacity
เปนสื่อที่จูงใจและเอื้อตอการเรียนรู
เขาใจงาย เหมาะกับทุกเพศทุกวัย
Engagement
In Learning

10. Script Writer
Graphic Designer
Motion Designer
Sound & Video Editor
การสรางสรรคผลงาน Motion Graphic
เกี่ยวของกับ...

11. Animate
Storyboard
Script
Mood Board
Direction
concept
Mix Sound

12. สิ่งที่ตองการจะถายทอดคอนเซปตของเนื้อหา
เปนอยางไร ทิศทางในการนําเสนอควรเปนอยางไร?
ผูเรียนมีความชื่นชอบหรือคุนเคยกับอะไร?
ควรแตกความคิดใหไดหลายทิศทาง
Direction concept

13. กําหนดอารมณของงาน (mood) และหาแบบอางอิง (references)
โดยสามารถกําหนดชุดสีที่จะใชงานรูปแบบลายเสน ตัวอักษร
ลักษณะของการขยับ โดยใชวิดีโองานอื่นที่มีความใกลเคียง
กับสื่งที่วางเอาไวในการอางอิง
Mood board

14. การเขียน Script โดยสามารถแบงไดออกเปน 3 สวน ไดแก
1) Introduction สวนนํา มักจะตั้งคําถาม หรือกระตุน
ใหผูเรียนคิดและคลอยตามจากเรื่องหรือประเด็นที่นาสนใจ
2) Main idea สวนเนื้อหาหลัก มักจะเปนการอธิบาย
สิ่งตาง ๆ ที่ตองการถายทอด
3) Ending สวนสรุป กจะสรุปเนื้อหาดวยประโยคสั้น ๆ
ชวนจดจํา หรือคําพูดที่สรางความประทับใจใหกับผูเรียน
Script

15. รางลําดับภาพ โดยแบงออกไดเปน 2 ขั้นตอน ไดแก
1) Storyboard เขียนมือ เปนงานวาดลงสีงายๆ ดวยมือ เพื่อให
สามารถเห็นลําดับภาพเหตุการณและมีความเขาใจภาพรวมทั้งหมด
2) Storyboard คอมพิวเตอรเมื่อ Storyboard วาดมือเปนที่นาพึง
พอใจแลว ขั้นตอนตอมาคือนํางานไปออกแบบในโปรแกรมกราฟก
เชน Adobe illustrator เพื่อนําไปใชงานการขยับตอไป
Storyboard

16. นําฉากที่สรางใน Adobe illustrator มาแยก layer
และทําใหเคลื่อนไหวไดใน Adobe after effect
โดยกอนสรางการเคลื่อนไหว ควรกดอัดเสียงแบบคราว ๆ
ตาม Script กอน เพื่อที่จะขยับภาพตามเสียงไดตรงจังหวะเวลา
Animate

17. เมื่อไดภาพเคลื่อนไหวแลว นําเอาวิดีโอมาใสรายละเอียดเสียงอื่นๆ
เชน เอฟเฟกตดนตรีประกอบ เสียงบรรยายจริง
ในโปรแกรม Adobe Premiere
Mix Sound

18. เครื่องมือในการสราง Motion Graphic

19. Workshop: Overview

20. Import
Layers
Display
Timeline
Tools
Menu
Effects
Preview

24. ขอบพระคุณทุกทานสําหรับการรับฟง
หากมีคําถาม หรือ ขอสงสัย ติดตอผมไดที่
kulachai.ku@kmitl.ac.th
ดาวนโหลดสไลดไดที่:
www.kulachai.com

25. THANK YOU...