หน่วยที่ 6.2

1. หน่วยที่ 6.2
การใช้ประยุกต์ใช้ตัวอักษร
กับงานแอนิเมชั่น

2. ตัวอักษรกับงานกราฟิก : นามบัตร

3. ตัวอักษรกับงานแอนิเมชั่น

4. แอนิเมชั่น (Animation)
• แอนิเมชัน (animation) หมายถึง การสร้างภาพเคลื่อนไหวโดย
การฉายภาพนิ่งหลายๆ ภาพต่อเนื่องกันด้วยความเร็วสูง

5. Computer Animation VS Stop Motion
• การใช้คอมพิวเตอร์กราฟิกส์ในการคานวณสร้างภาพจะเรียกการสร้าง
ภาพเคลื่อนไหวด้วยคอมพิวเตอร์หรือ คอมพิวเตอร์แอนิเมชัน
• หากใช้เทคนิคการถ่ายภาพหรือวาดรูป หรือ หรือรูปถ่ายแต่ละขณะของ
หุ่นจาลองที่ค่อย ๆ ขยับ จะเรียกว่า ภาพเคลื่อนไหวแบบการเคลื่อนที่
หยุด หรือ สตอปโมชัน (stop motion)
• โดยหลักการแล้ว ไม่ว่าจะสร้างภาพ หรือเฟรมด้วยวิธีใดก็ตาม เมื่อนา
ภาพดังกล่าวมาฉายต่อกันด้วยความเร็ว ตัง้แต่ 16 เฟรมต่อวินาทีขึน้ไป
เราจะเห็นเหมือนว่า ภาพดังกล่าวเคลื่อนไหวได้ต่อเนื่องกัน ทัง้นี้
เนื่องจากการเห็นภาพติดตา

6. Computer Animation VS Stop Motion

7. การจัดเก็บภาพแบบแอนิเมชัน
• ในทางคอมพิวเตอร์ การจัดเก็บภาพแบบแอนิเมชันที่ใช้กันอย่าง
แพร่หลายในอินเทอร์เน็ต มีหลายรูปแบบไฟล์
เช่น GIF APNG MNG SVG แฟลช และไฟล์สาหรับเก็บวีดิทัศน์
ประเภทอื่นๆ

8. แอนิเมชั่น กับ ออกแบบเว็บไซต์
• การสร้าง Banner

9. แอนิเมชั่น กับ ออกแบบเว็บไซต์
• การสร้างปุ่ม หรือ ภาพโฆษณาต่างๆ

10. ชิ้นงาน : Website Banner
• นักเรียนได้รับมอบหมายให้ออกแบบ Banner เว็บไซต์
(โรงเรียน ร้านค้าออนไลน์ ข่าว แฟนคลับ ฯลฯ )
• ให้สร้าง Banner ขนาดไฟล์ 851 x 315 pixel
• ใช้เทคนิคแอนิเมชนั่ ทัง้รูปภาพและตัวอักษร
• ตัวอักษรให้ตกแต่งสี รูปแบบ ลวดลาย ตามความรู้ที่เรียนมา
• เซฟงาน ชัน้_เลขที่_ชื่อภาษาไทย_Unit6_Banner
เช่น 204_55_บังอร _Unit6_Banner
• ส่งานที่ 10.0.14.123

11. การประยุกต์ใช้ตัวอักษรกับแอนิเมชั่น
• การสร้างตัวอักษรกระพริบ
• คลิกเพื่อศึกษาวิธีทา

12. การประยุกต์ใช้ตัวอักษรกับแอนิเมชั่น
• การทาตัวอักษรเปลวไฟ
• คลิกเพื่อศึกษาวิธีทา

13. การประยุกต์ใช้ตัวอักษรกับแอนิเมชั่น
• การทาตัวอักษรกลิทเตอร์
• คลิกเพื่อศึกษาวิธีทา

14. การประยุกต์ใช้ตัวอักษรกับแอนิเมชั่น
• การหมุนบิดอักษรด้วยเทคนิด Rotate และ
Free Transform

15. แอนิเมชั่นกับงานรูปแบบอื่นๆ

16. แอนิเมชั่นกับงานรูปแบบอื่นๆ : E-Card

17. แนะนาเว็บไซต์ตกแต่งตัวอักษร
• http://www.xn--
72c1at5a7hwbwc.com/photoroom/index.php
?board=30.0
• http://www.webthaidd.com/photoshop/?pag
e=2

18. นับถอยหลัง...หมดเวลาสนุกแล้วสิ

19. BYE BYE