การนำเสนอแบบสื่อประสม

วชิ า ว30283 การนาเสนอแบบสื่อประสม ชน้ั มัธยมศกึ ษาปีที่ 5 ครผู ู้สอน ครูวรวรรณ พทุ ธพิ ัฒน์ 1

ผลการเรยี นรู้ท่คี าดหวัง • 1. นกั เรยี นมีความรคู้ วามเขา้ ใจเก่ียวกบั ส่ือมัลติมีเดยี ในรปู แบบแอนิเมชนั • 2. นกั เรยี นมีความรคู้ วามเขา้ ใจเก่ียวกับโปรแกรมสร้างงานแอนิเมชัน • 3. นกั เรียนมคี วามรู้ความเข้าใจเกยี่ วกับการสร้างภาพโดยใชโ้ ปรแกรม สรา้ งงานแอนเิ มชัน • 4. ผู้เรยี นสามารถประยุกตใ์ นงานแอนิเมชนั ในทางสรา้ งสรรค์อย่างมี จิตสานึก และรับผิดชอบ 2

เกณฑก์ ารใหค้ ะแนน • 1. ช้ินงาน 50 คะแนน • 2. Workshop 30 คะแนน • 3. สอบปลายภาค 20 คะแนน 100 คะแนน รวม 3

ทำควำมรู้จกั กับประเภทของภำพ 4

ประเภทของภำพ ภาพที่ใช้งานด้านกราฟฟกิ มอี ยดู่ ว้ ยกัน 2 แบบ คือ - ภาพ Bitmap หรอื ภาพ Raster - ภาพ Vector 5

ภำพบิตแมป (Bitmap Graphic) หรือ ภำพรำสเตอร์ (Raster Graphic) 6

Bitmap Graphic ภาพบิตแมป (Bitmap) เป็นภาพแบบดิจิตอลท่ีเกิดจากการรวมกันของจุดสี หรือพิกเซล ซ่ึงมีลักษณะเป็นรูปส่ีเหล่ียมเล็กๆ จานวนมาก ถ้าขยายขนาดของภาพจะ ทาให้จุดสมี ีขนาดใหญข่ น้ึ เช่น ภาพถ่ายจากกล้องดิจิตอล หรือภาพสแกน นิยมนาไปใช้ ประกอบการนาเสนอข่าวสาร หรือภาพท่ีใชใ้ นเว็บไซต์ 7

ภำพเวกเตอร์ (Vector Graphic) 8

Vector Graphic ภาพเวกเตอร์ (Voctor) จะใช้ความสัมพันธ์ทางคณิตศาสตร์ในการ วาดรปู ทรงตา่ งๆ สามารถขยายขนาดภาพไดโ้ ดยไม่เสียคุณภาพ และแก้ไขได้ ง่าย เป็นไฟล์ขนาดเล็ก โปรแกรมท่ีใช้ในการสร้างภาพเวกเตอร์ ได้แก่ Illustrator หรือ Flash 9

ทำควำมรจู้ กั กบั แอนเิ มช่นั 10

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

วิธกี ำรสร้ำงแอนเิ มช่นั 12

Drawn Animation การสร้างแอนิเมชั่นด้วยการวาด (Drawn Animation) คือ แอนิเมช่ันที่เกิดจากการวาดภาพหลายๆ พันภาพ แต่การฉายภาพเหล่าน้ัน ผ่านกล้องอาจใช้เวลาไม่ก่ีนาที ข้อดีของการทาแอนิเมช่ันชนิดน้ีคือ มีความ เป็นศิลปะ สวยงาม น่าชม แต่ข้อเสีย คือ ต้องใช้เวลาในการผลิต มาก ตอ้ งใช้แอนเิ มช่นั จานวนมากและตน้ ทุนก็สูงตามไปดว้ ย 13

Drawn Animation 14

Drawn Animation 15

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

Stop Motion การสร้างแอนิเมช่ันด้วยโมเดล (Stop..Motion หรือเรียกว่า Model Animation) เป็นการถ่ายภาพแต่ละขณะของหุ่นจาลองที่ค่อยๆ ขยับ อาจจะเป็นของเล่น วัสดุที่คล้ายกับดินน้ามันโดยโมเดลที่สร้างข้ึนมา สามารถใช้ได้อีกหลายคร้ังและยังสามารถผลิตได้หลายตัว ทาให้สามารถ ถ่ายทาไดห้ ลายฉากในเวลาเดยี วกัน การทา Stop Motmotion น้ันต้องอาศัยเวลาและความทุ่มเทมาก เช่น การผลิตภาพยนตร์เรื่อง James and the Giant Peach สามารถผลิต ได้ 10 วนิ าทตี ่อวันเทา่ นนั้ วิธนี เี้ ปน็ งานท่ีต้องอาศัยความอดทนมาก 17

ภาพยนตรเ์ รอื่ ง James and the Giant Peach 18

Computer Animation การสร้างแอนิเมชั่นด้วยคอมพิวเตอร์ (Computer Animation) เป็นการนาคอมพิวเตอร์มาช่วยในการสร้างแอนิเมชั่นโดยใช้โปรแกรมต่างๆ เช่น Adobe Flash, 3D Studio Max หรือ Maya เป็นต้น โดยจะใช้ เคร่ืองมือที่โปรแกรมได้จัดเตรียมไว้ สามารถกาหนดอัตราการแสดง ผลภาพได้ว่าจะให้แสดงผลด้วยความเร็วกี่เฟรมต่อวินาที วิธีนี้เป็นวิธีที่ ประหยดั เวลาการผลติ และประหยดั ต้นทนุ เป็นอยา่ งมาก 19

ภาพยนตรเ์ รอื่ ง Toy Story 20

แอนเิ มชัน่ 2 มติ ิ และ 3 มติ ิ 21

แอนเิ มช่ัน 2 มิติ และ 3 มิติ แอนิเมช่ัน 2..มิติจะเป็นการแสดงวัตถุแบบแบนราบโดยไม่คานึงถึง ความลึก โดยมองวัตถุในระบบพิกัดแบบ 2 แกน คือ แกน X และ Y เท่านั้น สว่ นแอนเิ มชน่ั 3 มิติ จะพิจารณาถึงความลกึ ของวตั ถุดว้ ย ซ่ึงจาเป็นต้องสร้าง แบบจาลองของวัตถุ (Model) ขึ้นมา แล้วนาไป Render รวมท้ังสร้าง คุณสมบัติต่างๆ ให้กับพื้นผิวของวัตถุนั้น โดยจะใช้ระบบพิกัดแบบ 3..มิติ ซึ่ง ประกอบดว้ ยแกน X, Y และ Z 22

วตั ถแุ บบ 2 มติ ิ วตั ถแุ บบ 3 มติ ิ 23

ตัวอยา่ งการ์ตนู แอนิเมช่ัน 2 มติ ิ 24

ตัวอยา่ งการ์ตนู แอนิเมช่ัน 3 มติ ิ 25

ตัวอยา่ งภาพวาด 3 มติ ิ 26

รปู แบบไฟล์แอนิเมช่นั 27

รูปแบบไฟลแ์ อนเิ มช่นั ชือ่ ไฟล์ นามสกลุ คุณลักษณะ GIF .gif เป็นไฟล์แอนเิ มชนั่ ที่ไดร้ ับความนิยมมาก เนือ่ งจากมขี นาด Animation เล็ก ประหยัดพ้นื ทใ่ี นการจัดเก็บ เหมาะสาหรบั งานบน เว็บไซต์ MNG .mng เปน็ ไฟล์แอนิเมช่ันทส่ี ามารถใช้งานกับบราวเซอร์ตา่ งๆ ได้ ANI หลากหลาย เชน่ Firefox, Internet Explorer .ani เป็นไฟลภ์ าพท่ีใชง้ านกบั Animation Cursor บนแพล็ต ฟอร์มของ Windows ซง่ึ จะจดั เกบ็ องค์ประกอบต่างๆ แบบ แยกเปน็ เฟรมตามแอนเิ มช่นั 28

ชอื่ ไฟล์ นามสกุล คณุ ลักษณะ SWF .swf เปน็ ไฟลท์ ี่ถูกสรา้ งจากโปรแกรม Adobe Flash สามารถเลน่ ไฟลไ์ ดด้ ้วย Flash Player นยิ มนาไปใช้บนเวบ็ ไซต์ เนือ่ งจาก FLC/FLI มขี นาดเลก็ MAX .flc/.fli เปน็ ไฟลส์ าหรับแอนิเมชัน่ ทีถ่ ูกพฒั นาโดย Autodesk ซึ่งสรา้ ง จากโปรแกรม Autodesk Animation Studio และ Autodesk 3D Studio Program สามารถแสดงผลได้ 256 สี .max เป็นไฟล์แอนเิ มช่นั ที่สร้างจาก 3D Studio MAX ได้รบั การ พัฒนาโดย Autodesk Media&Entertainment ได้รบั ความ นิยมมากในปจั จุบัน เหมาะสาหรับใชง้ านบนแพล็ตฟอร์ม Windows ซึ่งสามารถแกไ้ ขคณุ สมบัติตา่ งๆ ของออ็ บเจ็กตไ์ ด้ เช่น โครงสรา้ ง พน้ื ผิว และแสง เปน็ ตน้ ไฟล์ชนดิ นีอ้ าจแปลง ใหเ้ ปน็ ไฟล์ AVI ในลกั ษณะวดี ีโอคลปิ ได้ 29

ซอฟต์แวรส์ ำหรับงำนแอนเิ มชน่ั 30

ซอฟตแ์ วร์สำหรับงำนแอนิเมชัน่ ชือ่ โปรแกรม คาอธิบาย Adobe Director เปน็ โปรแกรมทส่ี ามารถสร้างงานมลั ตมิ ีเดยี คณุ ภาพสูง Adobe Flash เป็นโปรแกรมท่ชี ว่ ยในการสรา้ งแอนเิ มชัน่ และกราฟฟิกสาหรบั มัลตมิ เี ดยี บนเว็บ TrueSpace โปรแกรมสรา้ งรปู ทรง 3 มิติ สามารถใชส้ รา้ งภาพมนษุ ย์ ใบหนา้ การแสดงอารมณ์ตา่ งๆ และวาดรปู ทรงเรขาคณิตได้ GIF Animation โปรแกรมสรา้ งภาพ GIF Animation สามารถพรีววิ ภาพตัวอยา่ ง และสามารถกาหนดรายละเอยี ดของภาพในแต่ละเฟรมได้ 31

ช่ือโปรแกรม คาอธิบาย Cad4 โปรแกรมสาหรบั งานออกแบบภายใน เชน่ อาคาร บา้ นเรอื น และโรงงาน เปน็ ตน้ 3D Browser โปรแกรมสร้างภาพ 2 มิติ และ 3 มติ ิ Light Mosaic Magic โปรแกรมสาหรับสร้างภาพโมเสก Ulead Cool 3D โปรแกรม Ulead Cool 3D เปน็ โปรแกรมสาหรบั สร้างแอนเิ มชั่นทงั้ GIF Animation และไฟล์ AVI เพ่อื นาไปใชง้ านกบั เว็บหรอื งานนาเสนอตา่ งๆ SwiSH โปรแกรมสาหรับสรา้ งเว็บเพจในรูปแบบอนิ เตอรแ์ อ๊กทฟี (Interactive) เชน่ เดยี วกบั Adobe Flash 3D Canvas โปรแกรมสร้างภาพ 3 มติ ิ แบบเรียลไทม์ Moho โปรแกรมสาหรับสร้างการ์ตนู หรอื แอนเิ มชัน่ ในรปู แบบ 2 มติ ิ 32

ช่ือโปรแกรม คาอธิบาย CADMAX Solid โปรแกรมสาหรับสร้างแบบจาลองทั้ง 2 มิติ และ 3 มติ ิ Master SendPic เป็นโปรแกรมสาหรับแก้ไขและดัดแปลงคุณลักษณะต่างๆ ของ รูปภาพ Famous 3D producer โปรแกรมสาหรบั การสร้างภาพแอนิเมชัน่ แบบเหมอื นจรงิ Xara X โปรแกรมสาหรับสรา้ งภาพแบบ Vector Graphic CoffeeCup โปรแกรมสาหรบั สรา้ ง Flash Animation Firestarter 3D Explortion โปรแกรมสาหรบั สร้างภาพ 3 มิติ AdobeAtmosphere โปรแกรมสาหรับออกแบบภาพกราฟฟกิ แบบ 3 มิติ Design CAD โปรแกรมสาหรบั ออกแบบสงิ่ พิมพแ์ ละงานมลั ติมเี ดยี ตา่ งๆ 33

ชือ่ โปรแกรม คาอธิบาย Babarosa โปรแกรมสาหรบั การสรา้ งภาพ GIF Animation หรือสรา้ ง Amorphium แบนเนอรบ์ นเวบ็ Bryce โปรแกรมสาหรบั สรา้ งและแก้ไขแบบจาลองแบบ 3 มติ ิ Maya โปรแกรมสาหรบั สร้างภาพภูมทิ ัศน์ เช่น ภาพภูเขา ทะเล รวมถึง Blender สรา้ งภาพจินตนาการ เชน่ บรรยากาศบนดวงดาว 3D Studio Max เป็นโปรแกรมที่นยิ มใช้กันมากทส่ี ดุ ในธรุ กจิ ภาพยนตร์ สามารถ นามาใชส้ ร้างแอนิเมช่นั งานออกแบบตกแต่งภายใน และออกแบบ ผลติ ภัณฑไ์ ด้ โปรแกรม Blender เป็นโปรแกรมสาหรับสรา้ งแบบจาลองแบบ 3 มติ ิทมี่ ีความสามารถในการสร้างรูปทรงตา่ งๆ และกาหนดพื้นผิว หรอื ลวดลายให้กบั วตั ถุ รวมถึงสร้างเกมสไ์ ด้ โปรแกรมสาหรบั สร้างแอนเิ มชน่ั และกราฟฟิกแบบ 3 มิติ นิยมใช้ ในการสร้างส่ือมลั ติมเี ดยี และงานภาพยนตร์ 34

อำชพี เกีย่ วกบั แอนเิ มช่นั 35

• สรา้ งการต์ นู แอนเิ มช่นั 36

• สร้างส่ือในการนาเสนอ ตวั อย่าง Present แต่งงาน 37

• ออกแบบเกม 38

• ออกแบบอนิ เตอรเ์ ฟสและเวบ็ ไซต์ 39

40