Animation Health

1,621 views

Published on

การทำสื่อการศึกษาแบบ 2D Animation

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Animation Health

  1. 1. การทำสื่อการศึกษาแบบ 2D Animation งานประชุมวิชาการประจำปี ครั้งที่ ๑๐ เทคโนโลยีสารสนเทศเพื่อสุขภาพถ้วนหน้า วันศุกร์ที่ ๒๓ พฤศจิกายน ๒๕๔๔ โดย บุญเลิศ อรุณพิบูลย์ - นพเก้า นาคามดี http://www.nectec.or.th/courseware [email_address]
  2. 2. Animation Graphic <ul><li>ภาพเคลื่อนไหว </li></ul><ul><li>ชุดลำดับของภาพนิ่ง </li></ul><ul><li>การ นำ ภาพนิ่งหลายๆ ภาพ มาลำดับกันอย่างต่อเนื่อง เพื่อให้ปรากฏเป็นการเคลื่อนไหวบนแผ่นระนาบ </li></ul><ul><li>แผ่นระนาบ - > จอภาพ , แผ่นกระดาษ </li></ul><ul><li>ปรากฏการณ์ “ภาพติดตา” - Persistence of vision </li></ul>
  3. 3. Computer & Animation <ul><li>คอมพิวเตอร์ถูกนำมาใช้เป็นเครื่องมือสร้าง ลำดับภาพเคลื่อนไหว </li></ul><ul><li>สร้างภาพกราฟิกทีละภาพ ( หรือเรียกว่า “เฟรม” ) </li></ul><ul><li>วัตถุแต่ละเฟรม มีการเปลี่ยนแปลงของ “ตัวแปร” ทีละน้อย </li></ul><ul><li>ตัวแปร เช่น ตำแหน่งวัตถุ , ขนาด , การหมุน , การแปลงรูปร่าง , สี เป็นต้น </li></ul><ul><li>การเปลี่ยนแปลงของตัวแปรเหล่านั้น อาศัย “หลักการประมาณค่าในช่วงระหว่างภาพแรก กับภาพถัดไป” </li></ul>
  4. 5. Types <ul><li>Video Format - Video for Windows, QuickTime, MPEG </li></ul><ul><li>Flash Movie </li></ul><ul><li>GIF Animation </li></ul><ul><li>Programming - JavaScript, Java, DirectX </li></ul>
  5. 6. Using <ul><li>PowerPoint 95/97 Presentation </li></ul><ul><li>PowerPoint 2000 Presentation </li></ul><ul><li>CAI </li></ul><ul><li>Web </li></ul>Video for Windows (.avi) Video for Windows (.avi), GIF Animation Video format, GIF Animation, Flash Movie Video format, GIF Animation, Flash Movie, Web Programming
  6. 7. Processing <ul><li>Video Clip </li></ul><ul><li>Video Converter (.mpg -> .avi , .qt -> avi) </li></ul><ul><ul><li>www.download.com - video converter </li></ul></ul><ul><li>Video Capture </li></ul><ul><li>DigitalViewCam </li></ul><ul><li>DigitalCamera </li></ul><ul><li>Paint Software - Adobe PhotoShop, Flash, CorelDraw </li></ul><ul><li>Animator Software - Ulead GIF Animator, Flash, Xara3D, Cool3D </li></ul>
  7. 8. Video Capture <ul><li>อุปกรณ์แปลงสัญญาณภาพแบบ Analog เป็นสัญญาณ Digital เพื่อนำเสนอบนจอภาพ </li></ul><ul><li>ภาพที่ผ่านการแปลงสัญญาณ สามารถตกแต่งเพิ่มเติมได้ง่าย </li></ul><ul><li>อาศัยโปรแกรมในการปรับแต่ง และบันทึกฟอร์แมตภาพ </li></ul>
  8. 9. DigitalViewCam
  9. 10. Digital Camera <ul><li>MPEG Movie </li></ul><ul><li>Clip Motion Animated GIF </li></ul>
  10. 11. <ul><li>ชุดภาพนิ่ง ----- > ภาพเคลื่อนไหว </li></ul><ul><ul><li>GIF Animation </li></ul></ul><ul><ul><li>Video for Windows (.avi) </li></ul></ul><ul><ul><li>Execute File (.exe) </li></ul></ul><ul><ul><li>Flash Movie </li></ul></ul><ul><li>แปลง avi < ----- > .gif/.exe/.swf </li></ul>
  11. 12. <ul><li>Text Animation </li></ul><ul><li>GIF Animation </li></ul><ul><li>Video for Windows (.avi) </li></ul>
  12. 13. <ul><li>โปรแกรมสร้าง ตกแต่งภาพ </li></ul><ul><li>สร้าง ออกแบบภาพต้นฉบับเพื่อนำมาใช้เป็นทำชุดลำดับของภาพเคลื่อนไหว </li></ul><ul><li>มีเครื่องมือ และคำสั่งสำหรับสร้าง และ ตกแต่งภาพครบถ้วน </li></ul><ul><li>ไฟล์ฟอร์แมตสำหรับนำไปใช้งาน มีให้เลือกหลายฟอร์แมต </li></ul><ul><li>บางภาพอาจจะต้องสร้างต้นแบบภาพด้วยการวาดลายเส้น </li></ul>
  13. 16. Macromedia Flash <ul><li>เซอฟต์แวร์ที่ช่วยในการสร้างสื่อมัลติมีเดีย , กราฟิกสำหรับงานเว็บ </li></ul><ul><li>ผลิตภัณฑ์ของบริษัท Macromedia </li></ul><ul><li>สื่อภาพนิ่ง ภาพเคลื่อนไหว สื่อมัลติมีเดีย ตลอดจนสื่อที่มีระบบโต้ตอบกับผู้ใช้ (Interactive Multimedia) </li></ul><ul><li>สามารถนำเสนอได้ทั้งบนเว็บ หรือผ่านโปรแกรม Flash Player หรือสร้างเป็น exe file เพื่อเรียกใช้งานได้ทันที นอกจากนี้ยังสามารถแปลงไฟล์ไปอยู่ในฟอร์แมตอื่นได้ด้วย เช่น Animation Gif, AVI, QuickTime </li></ul>
  14. 17. การสร้างสื่อภาพเคลื่อนไหวด้วย Flash <ul><li>Frame by Frame </li></ul><ul><li>Motion Tweening </li></ul><ul><li>Shape Tweening </li></ul>
  15. 18. เทคนิคของ Flash ที่น่าสนใจ <ul><li>แบ่งวัตถุด้วย Layer </li></ul><ul><li>ควบคุมการทำงานด้วย Timeline & Keyframe </li></ul><ul><li>มีฟังก์ชันควบคุมการทำภาพเคลื่อนไหว </li></ul><ul><li>แปลงภาพเป็นฟอร์แมตต่างๆ ได้หลากหลาย </li></ul><ul><li>ทำระบบโต้ตอบกับผู้ใช้ด้วยภาษา Action Script </li></ul>

×