ชุดการเรียนด้วยสื่อประสม · 2016. 3. 10. · 3. ใบกิจกรรมที่ 1.1 เรื่อง ความรู้ทั่วไปเกี่ยวกับสื่อประสม

วชา สอประสม ง 32243

ชดการเรยนดวยสอประสม

ชนมธยมศกษาปท 5

เรอง สอประสมการตนแอนเมชนเบองตน

นางสาวพมพพร เพชอนทร ต าแหนงคร วทยฐานะครช านาญการ

โรงเรยนเสาไห “วมลวทยานกล” อ าเภอเสาไห จงหวดสระบร ส านกงานเขตพนทการศกษามธยมศกษา เขต 4

ส านกงานคณะกรรมการการศกษาขนพนฐาน กระทรวงศกษาธการ

หนวยท

1

ขนตอนการใชชดสอประสมส าหรบนกเรยน รายวชาสอประสม ง 32243 หนวยท 1 เรอง สอประสมการตนแอนเมชนเบองตน

ไมผาน

รบฟงค าอธบายบทบาทหนาทของนกเรยนจากคร

ศกษาโครงสรางชดสอประสม

ท าแบบทดสอบกอนเรยน

ศกษาเนอหาจากใบความร

รวมกนอภปรายเพอหาขอสรป

ท าใบกจกรรมท 1-2

ตรวจเฉลยใบกจกรรมท 1-2

ศกษาหนวยท 2

ตรวจแบบทดสอบหลงเรยน

ท าแบบทดสอบหลงเรยน

ผาน

อานขนตอนใหเขาใจกอนนะ

1. อธบายความหมายและความส าคญของสอประสมได 2. สามารถวางแผนและออกแบบสอประสมการตนแอนเมชนได

1. บอกประวตและความหมายของสอประสมได 2. ระบองคประกอบของสอประสมได 3. บอกประโยชนของสอประสมได

4. บอกความหมายของสอประสมการตนแอนนเมชนได 5. วางแผนสรางสอประสมการตนแอนนเมชนได

1. ประวตและความหมายของสอประสม

2. องคประกอบของสอประสม 3. ประโยชนของสอประสม 4. ความหมายของสอประสมการตนแอนนเมชน

5. ขนตอนการวางแผนสรางสอประสมการตนแอนนเมชน 1. แบบทดสอบกอนเรยน

2. ใบความรท 1 เรอง สอประสมการตนแอนเมชนเบองตน 3. ใบกจกรรมท 1.1 เรอง ความรทวไปเกยวกบสอประสม 4. ใบกจกรรมท 1.2 เรอง การวางแผนสรางสอประสมการตนแอนนเมชน 5. ใบกจกรรมท 1.3 เรอง การเขยนสตอรบอรด

6. แบบทดสอบหลงเรยน

จดประสงคการเรยนร

ผลการเรยนร

สาระการเรยนร

องคประกอบ

เวลาเรยน 6 ชวโมง

โครงสรางชดสอประสม หนวยท 1 สอประสมการตนแอนเมชนเบองตน

ค าชแจง ใหนกเรยนเลอกค าตอทถกทสดเพยงค าตอบเดยว ท าเครองหมาย ลงในกระดาษค าตอบ

จดประสงคการเรยนรท 1 บอกประวตและความหมายของสอประสมได

1. ขอใดจดเปนสอประสมททนสมยทสดในปจจบน ก. ข. ค. ง.

2. ค ากลาวในขอใดตอไปนหมายถงสอประสม ก. การน าเสนองานโดยสอหลากหลายประเภท ข. การน าเสนองานโดยใชโปรแกรมคอมพวเตอร

ค. การน าเสนองานโดยใชโปรแกรมคอมพวเตอรควบคมสอหลากหลายประเภท ง. การใชโปรแกรมคอมพวเตอรควบคมการแสดงผลขององคประกอบของสอประสม

จดประสงคการเรยนรท 2 ระบองคประกอบของสอประสมได

3. ขอใดจดเปนองคประกอบของสอประสมทสมบรณ ก. ขอความหรอตวอกษร ภาพนง ภาพเคลอนไหว เสยง และภาพวดโอ ข. ขอความหรอตวอกษร ภาพนง ภาพเคลอนไหว เสยง ภาพวดโอ และการเชอมโยง ค. ขอความหรอตวอกษร ภาพนง ภาพเคลอนไหว เสยง และภาพวดโอ อปกรณแสดงผล ง. ขอความหรอตวอกษร ภาพนง ภาพเคลอนไหว เสยง และภาพวดโอ โปรแกรมคอมพวเตอร

4. ขอใดจดเปนองคประกอบทส าคญทสดของสอประสม ก. เสยง ข. ภาพนง ค. ภาพเคลอนไหว ง. ขอความหรอตวอกษร

แบบทดสอบกอนเรยน วชาสอประสม ง32243 หนวยท 1 เรอง สอประสมการตนแอนเมชนเบองตน ชนมธยมศกษาปท 5

จ านวน 10 ขอ คะแนน 10 คะแนน เวลา 10 นาท

โรงเรยนเสาไห “วมลวทยานกล” กลมสาระการเรยนรการงานอาชพและเทคโนโลย

จดประสงคการเรยนรท 3 บอกประโยชนของสอประสมได 5. ขอใดไมจดเปนการประยกตใชสอประสมทางดานการศกษา

ก. การใชเปนหองสมด ข. สอการเรยนการสอน ค. การพมพหนงสออเลกทรอนกส ง. การแลกเปลยนขอมลอเลกทรอนกส

6. ขอใดคอจดเดนของสอประสม ก. ทนสมย ข. สวยงาม ค. ปฏสมพนธกบผใชงาน ง. ใชในการกระตนความร

จดประสงคการเรยนรท 4 บอกความหมายของสอประสมการตนแอนนเมชนได

7. ค ากลาวในขอใดตอไปนหมายถงสอประสมการตนแอนเมชน ก. การใชโปรแกรมคอมพวเตอรควบคมการแสดงผลภาพการตน ข. การใชโปรแกรมคอมพวเตอรควบคมการเคลอนไหวของภาพการตน ค. การใชโปรแกรมคอมพวเตอรควบคมการเคลอนไหวของภาพการตนและ สอหลากหลายประเภท ง. การใชโปรแกรมคอมพวเตอรควบคมการแสดงผลภาพการตนรวมกบองคประกอบ ของสอประสม

จดประสงคการเรยนรท 5 วางแผนสรางสอประสมการตนแอนนเมชนได

8. ขอใดคอขนตอนแรกในการผลตสอประสมการตนแอนเมชน ก. สครปต ข. โครงเรอง ค. แรงบนดาลใจ

ง. บอรดภาพนง 9. จากภาพคอขนตอนใดในการวางแผนสรางสอประสมการตนแอนนเมชน ก. การเขยนโครงเรอง ข. การสรางแอนเมชน ค. การเขยนบทหรอเนอหา ง. การเขยนล าดบภาพหรอสตอรบอรด

10. ขอใดคอการสรางบอรดภาพนงหรอสตอรบอรด

ก. การเขยนสครปต ข. การน าเสนองานดวยคอมพวเตอร ค. การเตรยมขอมลเพอผลตงานแอนเมชน ง. การสรางภาพใหเหนล าดบขนตอนตามเนอเรอง

ตงใจท าขอสอบ นะครบ

ขอ ค าตอบ

แบบทดสอบกอนเรยน รายวชาสอประสม ง32243 หนวย 1 เรอง สอประสมการตนแอนเมชนเบองตน ชนมธยมศกษาปท 5


1 ข 2 ง 3 ข 4 ค 5 ง 6 ค 7 ง 8 ค 9 ง 10 ง

เฉลย

สอประสมไดเขามามบทบาทมากขนในวงการการศกษา วงการบนเทง วงการธรกจและ วงการอตสาหกรรมโดยเฉพาะไดน ามาใชเปนสอการเรยนการสอน การการฝกอบรมและใหความบนเทง จดวาเปนสออกชนดหนงทไดรบความนยมใชงานกนอยางแพรหลาย ทงในการน าเสนอขอมลเกยวกบ การเรยนการสอน ผลตภณฑหรอบรการของสนคา การน าเสนอผลงานตางๆ ในบทนจะกลาวถงความรเบองตนเกยวกบสอประสมการตนแอนเมชน

สอประสม หรอ มลตมเดย (Multimedia) มาจากค าวา มลต (Multi) ซงแปลวา ความหลากหลายและมเดย (Media) ซงแปลวา สอ

ระบบสอประสม คอ การท าให เครองคอมพวเตอรสามารถแสดงผลไดหลายๆ รปแบบ เชน ขอความ กราฟก ภาพเคลอนไหวและเสยง ซงเปนการรวมวชาการหลายๆ สาขามาประยกต เขากน ปจจบนเปนทนยมใชในงานดานการศกษาเปนอยางมากเรยกวา การใชคอมพวเตอรชวยสอน (Computer Assisted Instruction : CAI) ผเรยนสามารถเรยนไดตามความสามารถของแตละบคคล โดยมการโตตอบกบเครองคอมพวเตอรแสดงผลใหผเรยนเหนผานทางจอภาพทส าคญ เทคโนโลยนสามารถใชสอประสมหลายๆ ชนดเขาดวยกนไมวาจะเปนขอความ กราฟก ภาพเคลอนไหว หรอเสยง สอการเรยนรปแบบนจงสามารถสรางแรงจงใจในการเรยนมากขน สอประสม หมายถง การน าสอหลายๆ ประเภทมาใชรวมกนทงวสด อปกรณและวธการเพอ ใหเกดประสทธภาพและประสทธผลสงสดในการเรยนการสอน โดยการใชสอแตละอยางตามล า ดบ ขนตอนของเนอหาและในปจจบนมการน าคอมพวเตอรมาใชรวมดวยเพอการผลตหรอการควบคม การท างานของอปกรณตางๆ ในการเสนอขอมล ทงตวอกษร ภาพกราฟก ภาพถาย ภาพเคลอนไหว และเสยงเปนตน

1. ความหมายของสอประสม

ผลการเรยนรทคาดหวง อธบายความหมายและความส าคญของสอประสมได

ใบความรท 1 สอประสมเบองตน

2. ววฒนาการของสอประสม

ความหมายของสอประสมจะแตกตางกนไปตามสมย เมอสมยกอนเมอกลาวถง สอประสมหมายถง การน าสอหลายๆ ประเภทมาใชรวมกน เชน รปภาพ เครองฉายแผนโปรงใส เทปบนทกเสยง เพอใหการเสนอผลงานหรอการเรยนการสอนสามารถด าเนนไปไดอยางมประสทธภาพโดยการน าเสนอเนอหาในรปแบบตางๆ นอกเหนอจากการบรรยายเพยงอยางเดยวโดยทผฟงหรอผเรยนไมไดมปฏสมพนธตอสอนนโดยตรงปจจบนบทบาทของเทคโนโลยคอมพวเตอรสวนบคคลทมเพมมากขนในการท างานจงท าใหความหมายของสอประสมเพมขนจากเดม ความหมายของสอประสมทเพมขนในปจจบน หมายถง สอประสมเชงโตตอบ (Interactive Multimedia) โดยการเพมปฏสมพนธระหวางสอและผใช สอประสมในปจจบน หมายถง การน าอปกรณตางๆ เชน เครองเลมซดรอม เครองเสยงระบบดจทล เครองเลนแผนวดทศน ฯลฯ มาใชรวมกนเพอ เสนอเนอหาขอมลทเปนตวอกษร ภาพกราฟก ภาพถาย ภาพเคลอนไหวแบบวดทศน และเสยงในระบบสเตรโอ โดยการใชเทคโนโลยคอมพวเตอรชวย ในการผลต การน าเสนอเนอหาเปนการใหผใชหรอผเรยนมใชเพยงแตนงดหรอฟงขอมลจากสอทเสนอมาเทานน แตผใชสามารถควบคมใหคอมพวเตอรท างานในการตอบสนองตอค าสงและใหขอมลปอนกลบในรปแบบตางๆ ไดอยางเตมท ผใชสอสามารถมปฏสมพนธตอบสนองซงกนและกนไดทนท ววฒนาการของสอประสม เปนสอสมยใหมทใชคอมพวเตอรน าเอาตวหนงสอแสดงขอความ ภาพ และเสยง บนทกไวในรปของขอมลดจทล มาแสดงผลแปลงเปนตวหนงสอแสดงขอความ ภาพและเสยงทางจอภาพและล าโพงผสมผสานกน รวมทงควบคมการแสดงผลของสอเหลานน โดยโปรแกรม การสงงานคอมพวเตอร ท าใหสอเหลานนมลกษณะพเศษขน มพลงในการสอสารอยางมชวตชวามากกวาสอทเกดจากการใชอปกรณอนๆ

ค าวา “ สอประสม ” อาจมความหมาย เพยงการแสดงผลของขอความภาพและเสยงพรอมๆ กนในลกษณะใดลกษณะหน ง เชน สอโทรทศน ภาพยนตรสไลดประกอบเสยง หรอการใชวสดอปกรณ ตางๆ ในการสาธตหรอการสอน แตสอเหลานอาจใช ค าเฉพาะทสามารถอธบายความหมายไดชดเจนมากกวา ค าวาสอประสม จงหมายถง สอทม ลกษณะพเศษท เกยวของกบอปกรณคอมพวเตอร

ภาพท 1 ภาพแสดงววฒนาการของสอประสม

ในสมยกอนมนษยใชสอทเปนภาพและตวอกษรในการบนทกเพอถายทอดเรองราวตางๆ โดยการสลกภาพและอกษรลงบนแผนหน หรอขดเขยนลงบนวสดชนดอนทมความแขงแรง ตอมาไดมการวาดหรอเขยนลงบนกระดาษ ตวยาง เชน การบนทกความรและเหตการณตางๆ โดยการจารกลงบนใบลาน หรอกระดาษ กลางครสตศตวรรษท 15 มววฒนาการดานการพมพและหนงสอซงเปนสอทเกดขนในยโรป เปนสอทท าใหความรหรอการศกษาแพรขยายออกไป เปนการเรมตนการเปลยนแปลง และกอใหเกดความเจรญกาวหนาทางวทยาศาสตรอยางรวดเรวในอก 300 ปตอมา

ค.ศ. 1877 ทอมส แอลวา เอดสน (Thomas Alva Edison; ค. ศ. 1874 – 1931) นกประดษฐชาวอเมรกา ไดประดษฐระบบ บนทกเสยงขน ซงเปนการบนทกเสยงเกบ ไวไดเปนครงแรก

คศ. 1888 จอรจ อสตแมน (George Eastman ; คศ. 1854 – 1932 ) นกประดษฐ ชาวอเมรกนไดประดษฐอปกรณทสามารถบนทกภาพโดยใชสงประดษฐทง 2 อยางท าใหเกด สอประเภทเสยงและมรปแบบใหมในการบนทกภาพ นอกเหนอจากการวาด เขยน และพมพ ลงบนกระดาษ

ศตวรรษท 20 เรมมการบนทกภาพดวย กลองถายรป และไดพฒนาไปสการถายภาพเคลอนไหว จงท าใหการบนทกและถายทอดเรองราวแมนย า ตรงกบความจรง และนาสนใจยงขน ซงเปนทมา ของสอประเภทภาพยนตร

ครงหลงของ คศ. ท 20 มนษยคนพบสงประดษฐคอมพวเตอร เทคโนโลยดจทล เปลยนการสอสารของมนษยครงส าคญ โดยการน าเขาสระบบสอประสม แทนการใชคอมพวเตอรเฉพาะการพมพ และจดเกบขอมล ซงสามารถน ามาใชและโยชนในดานการสอสารไดหลากหลายขน

ภาพท 2 ภาพแสดงแสดงสงประดษฐระบบบนทกเสยง บนทกเสยง

ภาพท 3 ภาพแสดงภาพกลองถายรป บนทกเสยง

ภาพท 4 ภาพแสดงระบบสอประสม

บนทกเสยง

http://www.anglia-asia.com/UserFiles/Image/anglia_cando.jpg

3. องคประกอบของสอประสม

1.

สอประสมสามารถจ าแนกองคประกอบของสอตางๆ ไดเปน 6 ชนด คอ ขอความ หรอ ตวอกษร ภาพนง ภาพเคลอนไหว เสยง วดโอ และการเชอมโยง น ามาผสมผสานเขา ดวยกน เพอใชส าหรบการโตตอบระหวางคอมพวเตอรกบผใช ซงถอไดวาเปนกจกรรมท ผใชสามารถเลอกกระท าตอสอประสมไดตามความตองการ ตวอยางเชน ผใชไดท าการเลอกรายการและตอบค าถามผานทางจอภาพของเครองคอมพวเตอร จากนนระบบคอมพวเตอรกจะท าการประมวลผล แลวแสดงผลลพธยอนกลบผานทางจอภาพใหผใชเหนอกครง นอกจากน ยงมการโตตอบในรปแบบอนๆ อกมากมาย ทงนขนอยกบเครองมอและรปแบบ ทจะน ามาประยกตใชงาน ตวอยางเชน การสรางปมหรอขอความทมสแตกตางจากขอความปกต เมอผใชมการโตตอบกบสวนน ระบบกจะเชอมโยงไปยงสวนอนๆ ทเกยวของซ งอาจเปน ไปไดทงขอความ ภาพนง ภาพเคลอนไหว เสยงหรอ วดโอ ตามทไดมการออกแบบไว ดงนนจงถอไดวาการโตตอบในสอประสมเปนสวนหนงทมความส าคญไมนอยไปกวาสวนอนๆ 3.1 ขอความหรอตวอกษร เปนองคประกอบพนฐานทส าคญของสอประสม โยสอประสมทน าเสนอผานจอภาพของเครองคอมพวเตอรโดยมากจะมตวอกษรใหเลอกไดหลายแบบ และสามารถทจะเลอกสของตวอกษรไดตามตองการ นอกจากนนยงสามารถก าหนดขนาดของตวอกษรได การโตตอบกบผใชกยงนยมใชตวอกษร รวมถงการใชตวอกษรในการเชอมโยงเชงโตตอบได เชน การคลกไปทตวอกษรเพอเ ชอมโยงไปยงการน าเสนอในรปของเสยง ภาพกราฟกหรอเลนวดทศน นอกจากนตวอกษรยงสามารถน ามาจดเปนลกษณะ ของเมน เพอใหผใชเลอกขอมลทจะศกษาไดโดยคลกไปทบรเวณปมโตตอบ

ภาพท 5 ภาพแสดงขอความหรอตวอกษร


สาระนาร สอประสมทสมบรณควรจะตองประกอบดวยสอมากกวาสองสอตามองคประกอบ คอ ตวอกษร ภาพนง เสยง ภาพเคลอนไหว การเชอมโยงเชงโตตอบ และวดโอ

3.2 ภาพนง คอ ภาพทไมมการเคลอนไหว เชน ภาพถาย ภาพวาด และภาพลายเสน ภาพนง มบทบาทมากกวาขอความหรอตวอกษร เนองจากภาพจะใหผลในเชงการเรยนรหรอรบร ดวยการมองเหนไดดกวา นอกจากนยงสามารถถายทอดความหมายไดลกซงมากกวาขอความหรอตวอกษร ซงขอความหรอตวอกษรจะมขอจ ากดทางดานความแตกตางของแตละภาษา แตภาพสามารถสอความหมายไดกบทกชนชาต ภาพนงมกจะแสดงอยบนสอชนดตางๆ เชนโทรทศน หนงสอพมพ หรอวารสารวชาการ เปนตน ชนดของภาพนงแบงออกเปน 2 ชนดไดแก ภาพบตแมพ (Bitmap) และภาพเวกเตอร (Vector)

ภาพบตแมพ (Bitmap) เปนภาพทมการเกบขอมลแบบพกเซล หรอจดเลกๆ ทแสดงคาส ดงนนภาพหนงๆ จงเกดจากจดเลกๆ หลายๆ จดประกอบกน ท าใหรปภาพแตละรป เกบขอมลจ านวนมาก เมอจะน ามาใช จงมเทคนคการบบอดขอมล รปแบบของภาพบตแมพ ทรจกกนด ไดแก .BMP, .PCX, .GIF, .JPG, .TIF

ภาพเวกเตอร (Vector) เปนภาพทสรางดวยสวนประกอบของเสนลกษณะ ซ งสรางจากการค านวณทางคณตศาสตร เชน ภาพของคนจะถกสรางดวยจดของเสนหลายๆ จด เปนลกษณะของโครงราง และสของคนกเกดจากสของเสนโครงรางนนๆ กบพนทผวภายในเมอมการแกไขภาพกจะเปนการแกไขคณสมบตของเสน ท าใหภาพไมสญเสยความละเอยด เมอมการขยายภาพ ภาพแบบเวกเตอร รปแบบ

ภาพท 6 ภาพแสดงภาพนง


ภาพท 7 ภาพแสดงภาพประเภทภาพบตแมพ บนทกเสยง

ของภาพททรจกกนด ไดแก .wmf ซงเปน clipart ของ Microsoft Office นอกจากนยงสามารถพบภาพรปแบบนไดจากโปรแกรม Illustrator หรอ Macromedia Freehand

3.3 ภาพเคลอนไหว คอ ภาพกราฟกทมการเคลอนท เคลอนไหว เชน การเดนของตวละคร ในการตนแอนเมชน ท าใหสามารถเขาใจระบบการเคลอนท ดงนนภาพเคลอนไหวจงมขอบขายตงแตการสรางภาพดวยกราฟกอยางงายพรอมทงการเคลอนไหวภาพกราฟกนน จนถงกราฟกทมรายละเอยดแสดงการเคลอนไหว โปรแกรมทใชในการสรางภาพเคลอนไหว เชนโปรแกรม Flash โปรแกรม Autodesk Animator ซงโปรแกรมเหลานมคณสมบตในดานของการออกแบบกราฟกส าหรบใชในสอประสมไดตามตองการ 3.4 เสยง เปนองคประกอบทส าคญของสอประสม โดยถกจดเกบอยในรปของสญญาณดจตอลซงสามารถเลนซ ากลบไปกลบมาได โดยใชโปรแกรมทออกแบบมาโดยเฉพาะส าหรบท างานดานเสยงหากในงานมลตมเดยมการใชเสยงทเราใจและสอดคลองกบเนอหาในการน าเสนอ จะชวยใหระบบมลตมเดยนนเกดความสมบรณแบบมากยงขน นอกจากนยงชวยสรางความนาสนใจและนาตดตามในเรองราวตางๆ ไดเปนอยางด ลกษณะของเสยง ประกอบดวยคลนเสยงแบบ Audio ซงมรปแบบของเสยง ไดแก .wav, .au

3.5 วดโอ เปนองคประกอบของสอประสมทมความส าคญเปนอยางมาก เนองจากวดโอในระบบดจตอลสามารถน าเสนอขอความหรอรปภาพ (ภาพนงหรอภาพเคลอนไหว) ประกอบกบเสยงไดสมบรณมากกวาองคประกอบชนดอนๆ รปแบบของวดโอ ไดแก .avi, .mpg, .mov

3.6 การเชอมโยงโตตอบ คอ การทผใชสอประสมสามารถเลอกขอมลไดตามตองการโดยคลกเมาส ทตวอกษร หรอปมทก าหนดใหเปนตวน าทางการเชอมโยงส าหรบตวอกษรทจะสามารถเชอมโยงไดจะเปนตวอกษรทออกแบบใหมสแตกตางจากอกษรตวอนๆ สวนปมกจะมลกษณะคลายกบปมเพอชมภาพยนตร หรอคลกลงบนปมเพอเขาหาขอมลทตองการหรอเปลยนหนาตางไปยงขอมลถดไป

ภาพท 8 ภาพแสดงภาพประเภทเวกเตอร บนทกเสยง

4. ประโยชนของสอประสม

2.

5. สอประสมการตนแอนเมชน

3.

ประโยชนของสอประสมมอยหลากหลายรปแบบทงนขนอยกบวตถประสงคของการน าไปใชงาน เชน 4.1 ใชเปนบทเรยนส าเรจรปส าหรบกลมผใช ในเพอการศกษาและฝกอบรม ใชเปนหองสมด หนงสออเลกทรอนกส 4.2 ใชเปนสอน าเสนอสนคาและบรการส าหรบการโฆษณาในเพอธรกจ 4.3 ใชประยกตในธรกจรานคาและอตสาหกรรม 4.4 ใชส าหรบนนทนาการ เชน ภาพยนตร เกม 4.5 ใชในการใหบรการ การด าเนนการทางดานการแลกเปลยนขอมลอเลกทรอนกสของทหาร การกฬา การแพทยและสาธารณสข 4.6 ใชสรางแหลงความร เชน สารานกรม หองสมดเพอใหบรการแกประชาชน 4.7 ใชน าเสนอขาวสารในรปแบบทไมจ าเปนตองเรยงล าดบ เชน บทเรยนมลตมเดย 4.8 ใชสรางสอเพอความบนเทง สอโฆษณา หรอประชาสมพนธ

การน าสอประสมมาประยกตใชงานรวมกบโปรแกรมคอมพวเตอร เพอเพมผลผลต ผพฒนาจงจ าเปนตองมการจดท าใหมรปลกษณทเหมาะสมและงายตอการใชงานตามกลมเปาหมายเพอประโยชน ในการเพมประสทธภาพของการปฏบตงาน

สอประสมการตนแอนเมชน เปนสอทไดรบความนยมในปจจบน สรางขนเพอความบนเทง นอกจากนนยงสามารถน าไปประยกตใชเพอประโยชนอนๆ เชน สอประชาสมพนธ สอการสอน สอโฆษณา สอประสมการตนแอนเมชนทพบเหน เชน เรองกานกลวย เรองยกษ เรองอนมะ เปนตน ซงสอประสมการตนแอนเมชน มความหมายดงน

แอนเมชน (Animation) มาจากค าภาษาละตนวา “Anima” แปลวา วญญาณหรอลมหายใจ ดงนน ค าวา แอนเมชน (Animation) จงมความหมายวา การท าใหมชวตจตใจหลกการท างานแอนเมชนอาศยภาพลวงตาท าให เหนและเชอวามอะไรบางอยางเคลอนทได เชน การมองเหนภาพยานอวกาศทเคลอนทได ลกเทนนสกระเดงจากพน ตกแตนทก าลงกระโดดไปมา

แอนเมชน (Animation) หมายถง การแสดงภาพนง 2 มต 3 มต หลายๆ ภาพเรยงตอเนองกนซงภาพแตละภาพจะเรยกวา “เฟรม” และฉายภาพอยางรวดเรวเพอสรางภาพเคลอนไหวแบบลวงตา เรยกอกอยางวา ปรากฏการณภาพตดตา โดยปกตความสามารถในการมองเหนของมนษยเมอมการเพงมองเหนภาพใดภาพหนงเปนเวลาชวคร แตหากภาพนนเกดหายไปทนทสายตาของมนษยจะยงเกบภาพไว ท เรตนาเปนชวงเวลาสนๆ ราว 1/15 วนาท จงท าใหเกดความรสกวาภาพเคลอนไหวได ตวอยาง เชน หากในเฟรมแรกเปนภาพของกระตายทก าลงวง โดยใชขาขางขวาเพอรบน าหนกและในเฟรมถดไป หรอเฟรมทสอง กระตายไดออกแรงยกขาขางซาย ถบตวจนกระทงลอยตวแลวเปลยนมาใชขาขางซายเพอรบน าหนกอกครง ท าเชนนสลบกนตอไปเรอยๆ ในแตละเฟรมเหลานจงเปนหลกการส าคญทนกแอมเตอรทงหลายไดน าภาพนงหลายๆ ภาพมาเรยงล าดบตอเนองกนไปท าใหเหนเปนการเคลอนท

ภาพท 9 ภาพแสดงหลกการเคลอนทของการตนแอนเมชน

การตน หมายถง ภาพวาดลายเสน คน สตว สงของ ในรปแบบทเหมอนหรอมเคาโครงทใกลเคยงกบของจรงหรอตางจากของจรงตามจนตนาการของผวาดการตน เชน ภาพคน ภาพสตว หรอภาพสงของทมห มตา มปาก

การตนแอนเมชน หมายถง การแสดงภาพการตน 2 มต 3 มต หลายๆ ภาพเรยงตอเนองกนและฉายภาพอยางรวดเรวเพอสรางภาพเคลอนไหวแบบลวงตา หรอ เรยกอกอยางวา ปรากฏการณภาพตดตาดวยเทคนคคอมพวเตอรกราฟกในโปรแกรมสรางสรรคผลงานแอนเมชน

สอประสมการตนแอนเมชน หมายถง การแสดงภาพการตน 2 มต 3 มต หลายๆ ภาพเรยงตอเนองกนและฉายภาพอยางรวดเรวเพอสรางภาพเคลอนไหวแบบลวงตามาน าเสนอรวมกบตวอกษร ภาพกราฟก ภาพถาย และเสยง โดยโปรแกรมการสงงานคอมพวเตอรควบคมการแสดงผลของสอเหลานน ท าใหสอเหลานนมลกษณะพเศษขน มพลงในการสอสารอยางมชวตชวาดวยเทคนคคอมพวเตอรกราฟกในโปรแกรมสรางสรรคผลงานสอประสมการตนแอนเมชน

Frame1 Frame 2 Frame 3 Frame 4 Frame 5 Frame 6 Frame 7 Frame 8 Frame 9 Frame 10

6. โปรแกรมสรางสอประสมการตนแอนเมชน

4.

เนองจากการสรางสอประสมการตนแอนเมชนในแบบ Computer Animation ตองมคอมพวเตอร เปนสวนประกอบจงจ าเปนตองมซอฟตแวรส าหรบท าแอนเมชน ซงมกจะมหลากหลายรปแบบ โดยทปจจบนนนยมใชกน ไดแก

1) โปรแกรม Flash เปนโปรแกรมทชวยในการสรางแอนเมชนและกราฟกส าหรบมลตมเดยบนเวบไซต 2) โปรแกรม Auto Maya เปนโปรแกรมทนยมใชกนมากทสดในธรกจภาพยนตรการตนนเมชน

สามารถน า ไปใชสรางแอนเมชนงานออกแบบตกแตงภายในและออกแบบผลตภณฑ 3) โปรแกรม 3D Studio Max เปนโปรแกรมส าหรบสรางแอน เมชนและกราฟก 3 ม ต นยมใช

สราง สอมลตมเดยและงานภาพยนตร 4) โปรแกรม Cinema 4D เปนโปรแกรมส าหรบสรางแอนเมชน 3 มต ทมความเปนกราฟกใน

การแสดงผล นยมใชในการสรางรายการและงานออกแบบผลตภณฑแตมขอจากดในตวของโปรแกรมสงมาก 5) โปรแกรม Blender เปนโปรแกรมส าหรบสรางแอน เมชน 3 มต ทผลตโดยนกพฒนาซ งม

ความหลายหลาก ของเครองมอขนอยกบนกพฒนาในประเทศนนๆ จะท าการออกแบบเปนโปรแกรมทตดตงโดยไมเสยคา ใชจาย

6) โปรแกรม Adobe Director เปนโปรแกรมทสามารถสรางงานมลตมเดยคณภาพสง 7) โปรแกรม GIF Animation เปนโปรแกรมสรางภาพ GIF Animation สามารถดภาพตวอยาง

และสามารถก าหนดรายละเอยดของภาพในแตละเฟรมได 8) โปรแกรม Autocad เปนโปรแกรมสาหรบออกแบบภาพใน เชน อาคาร บานเรอนและโรงงาน 9) โปรแกรม 3D Browser Light เปนโปรแกรมส าหรบสรางภาพ 2 มต และ 3 มต

10) โปรแกรม Swish เปนโปรแกรมส าหรบสรางเวบเพจในรปแบบอนเตอรแอกทฟ 11) โปรแกรม Moho เปนโปรแกรมส าหรบสรางการตนหรอแอนเมชนในรปแบบ 2 มต 12) โปรแกรม Lightwave เปนโปรแกรมส าหรบสรางภาพแอนเมชนแบบ 3 มต นยมใชเพอสรางงานภาพยนตร 13) Nuke เปนโปรแกรมสาหรบซอนภาพแอนเมชน หรองานภาพยนตร นยมใชกนในตางประเทศ 14) Adobe After effect เปนโปรแกรมส าหรบซอนภาพแอนเมชน หรองานภาพยนตรและสรางงานแอนเมชนรปแบบ 2 มต และกง 3 มต

ผลการเรยนรทคาดหวง อธบายความหมายและความส าคญของสอประสมได

ค าชแจง ใหนกเรยนปฏบตดงตอไปน 1. นกเรยนเขาไปศกษาใบความรท 1 ความรทวไปเกยวกบสอประสม 2. ใหนกเรยนตอบค าถามดงตอไปน

1. ใหนกเรยนจบคความหมายของค าศพทตอไปนใหถกตอง ………สอ ก. มลต ………ความหลากหลาย ข. มเดย ………การท าใหมชวตจตใจ ค. การตน ………ภาพวาดลายเสนเสมอนจรง ง. สอประสม ………การรวมสอประสมหลายๆชนดเขาดวยกน จ. แอนเมชน ………การแสดงภาพเคลอนไหวของการตน 2 มต 3 มต ฉ. ระบบสอประสม ………การใชโปรแกรมคอมพวเตอรควบคมการแสดงผลของ ช. การตนแอนเมชน องคประกอบของสอประสม ซ. สอประสมการตนแอนเมชน ………การใชโปรแกรมคอมพวเตอรควบคมการแสดงผลภาพ การตนรวมกบองคประกอบของสอประสม

2. ใหนกเรยนจบคความสมพนธของขอมลตอไปน ………ระบบสอประสม ก. หนงสอ ………สอประเภทภาพยนตร ข. จอรจ อสตแมน ………ประดษฐระบบบนทกเสยง ค. ทอมส แอลวา เอดสน ………อปกรณทสามารถบนทกภาพโดยใชแสง ง. เรมตนครสตศตวรรษท20 ………เกดขนในยโรปในกลางครสตศตวรรษท 15 จ. ครงหลงของครสตศตวรรษท 20

ชอ……………….…………….สกล………………………….ชน………เลขท………คะแนนทได………

ใบกจกรรมท 1 เรอง ความรทวไปเกยวกบสอประสม

กจกรรม เดยว

3. ใหนกเรยนระบองคประกอบทส าคญของสอประสมมทงหมด…………ชนด เรยงล าดบความส าคญได ดงน………………………………………............................................................................................................... ………………………………………………………………………………………………………………………………………………..

4. ใหนกเรยนเรยงล าดบความส าคญของประโยชนทนกเรยนไดรบจากสอประสม ก. การสรางเกม ล าดบท............................. ข. การใชเปนสอการเรยนร ล าดบท............................. ค. การสรางแคตตาลอกขายสนคาบนเฟสบค ล าดบท............................. ง. การสรางสอเพอเผยแพรความสามารถสวนตว ล าดบท............................. จ. การสรางแหลงเรยนรเผยแพรขอมลในโรงเรยน ล าดบท............................. 5. ใหนกเรยนระบคณสมบตของโปรแกรมส าหรบสรางสอประสมการตนแอนเมชนตอไปน ก. โปรแกรม Flash ...................................................................................................................... ข. โปรแกรม Illustrator .............................................................................................................. ค. โปรแกรม Swish Max ........................................................................................................... ง. โปรแกรม Auto Maya............................................................................................................ จ. โปรแกรม Swish Max ..........................................................................................................

ตงใจท า นะครบ

ผลการเรยนรทคาดหวง

อธบายความหมายและความส าคญของสอประสมได

ค าชแจง ใหนกเรยนปฏบตดงตอไปน 1. นกเรยนเขาไปศกษาใบความรท 1 ความรทวไปเกยวกบสอประสม 2. ใหนกเรยนตอบค าถามดงตอไปน

1. ใหนกเรยนจบคความหมายของค าศพทตอไปนใหถกตอง

…ข…สอ ก. มลต …ก…ความหลากหลาย ข. มเดย …จ…การท าใหมชวตจตใจ ค. การตน …ค…ภาพวาดลายเสนเสมอนจรง ง. สอประสม …ง…การรวมสอประสมหลายๆชนดเขาดวยกน จ. แอนเมชน …ช…การแสดงภาพเคลอนไหวของการตน 2 มต 3 มต ฉ. ระบบสอประสม …ฉ…การใชโปรแกรมคอมพวเตอรควบคมการแสดงผลของ ช. การตนแอนเมชน องคประกอบของสอประสม ซ. สอประสมการตนแอนเมชน …ซ…การใชโปรแกรมคอมพวเตอรควบคมการแสดงผลภาพ การตนรวมกบองคประกอบของสอประสม

2. ใหนกเรยนจบคความสมพนธของขอมลตอไปน …จ…ระบบสอประสม ก. หนงสอ …ง.…สอประเภทภาพยนตร ข. จอรจ อสตมน …ค…ประดษฐระบบบนทกเสยง ค. ทอมส แอลวา เอดสน …ข…อปกรณทสามารถบนทกภาพโดยใชแสง ง. เรมตนครสตศตวรรษท 20 …ก…เกดขนในยโรปในกลางครสตศตวรรษท 15 จ. ครงหลงของครสตศตวรรษท 20

ใบกจกรรมท 1 เรอง ความรทวไปเกยวกบสอประสม

เฉลย

3. ใหนกเรยนระบองคประกอบทส าคญของสอประสมมทงหมด….6……ชนด เรยงล าดบความส าคญได ดงน…1. ภาพวดโอ 2. ภาพเคลอนไหว 3. ภาพนง 4. เสยง 5. ขอความหรอตวอกษร 6. การเชอมโยง

4. ใหนกเรยนเรยงล าดบความส าคญของประโยชนทนกเรยนไดรบจากสอประสม ก. การสรางเกม ล าดบท..........5.................. ข. การใชเปนสอการเรยนร ล าดบท..........2.................. ค. การสรางแคตตาลอกขายสนคาบนเฟสบค ล าดบท..........4.................. ง. การสรางสอเพอเผยแพรความสามารถสวนตว ล าดบท...........3................. จ. การสรางแหลงเรยนรเผยแพรขอมลในโรงเรยน ล าดบท...........1.................

5. ใหนกเรยนระบคณสมบตของโปรแกรมส าหรบสรางสอประสมการตนแอนเมชนตอไปน ก. โปรแกรม Flash ...การสรางงานกราฟก ทงภาพนงและภาพเคลอนไหว…………………… ข. โปรแกรม Illustrator ...วาดภาพลายเสน...วาดภาพกราฟฟก........................................ ค. โปรแกรม Swish Max ..ใชสรางภาพเคลอนไหว............................................................ ง. โปรแกรม Auto Maya...สรางแอนเมชนงานออกแบบตกแตงภายใน และออกแบบ

ผลตภณฑ จ. โปรแกรม Swish Max ..สรางภาพเคลอนไหว...............................................................

1. ขนตอนและวธการสรางสอประสมการตนแอนเมชน

5.

การวางแผนและออกแบบสอประสมการตนแอนเมชน ไดแก การก าหนดหวเรอง การวางโครงเรองคราวๆ

การเขยนเนอหาและบทความบรรยาย การเขยนล าดบภาพ การจดเตรยมเสยงประกอบและการลงมอท าสอประสมการตนแอนเมชนตามทไดวางแผนไว

การสรางการตนแอนเมชนจ าเปนตองมความละเอยด ประณตและวางแผนการท างานอยางดแบงการท างานออกเปน 3 ขนตอนดงน

1. ขนตอนกอนการผลต เปนขนตอนการวางแผน เขยนบท เตรยมไฟลประกอบอ นๆ เชน ไฟลเสยง เขยนสตอรบอรด กอนน าไปลงมอท ามล าดบการท างานดงน 1) ไอเดย เปนสงแรกทผสรางจะตองสรางสรรค จนตนาการความคดวา ผชมควรเปนใคร อะไรทตองการใหผชมทราบภายหลงจากทชมไปแลว ควรใหเรองทสรางออกมาเปนรปแบบใด ซงอาจจะมาจากประสบการณ สงรอบๆ ตว สงทไดอานไดพบเหน

2) เนอเรอง โดยผสรางจะน าความคดของเรองทตนสรางน าไปเขยนเปนบทเพอน าไปวาดเปนภาพวาดส าหรบการล าดบเรองในการถายท าอยางคราว ๆ 3) สครปต เปนขนตอนในการจบใจความส าคญของเนอเรองใหออกมาในแตละฉาก พรอมทงก าหนดมมกลอง เทคนคพเศษ รวมถงระยะเวลาของการเคลอนไหวโดยใหรายละเอยดตางๆ ในการวางแผนงานเพอเตรยมขอมลตางๆ เชน ตวละคร ฉาก เสยงดนตร เสยงประกอบ 4) สตอรบอรด เปนการใชภาพในการเลาเรองใหไดครบถวนทงเหตการณทเกดขน อารมณในเหตการณนนๆ สหนา ทาทาง ลกษณะตางๆ ของตวละคร ภาพวาดทงหมดจะเรยงตอเนองกนไปตามล าดบของเรองจากตนจนจบ โดยภาพแตละภาพจะมความตอเนองเปนเหตเปนผลกน เมอดแลวสามารถเขาใจเรองราวทเกดขนไดอยางชดเจน

ใบความรท 2 การวางแปนสรางสอประสมการตนแอนเมชน

ผลการเรยนรทคาดหวง สามารถวางแผนและออกแบบสอประสมการตนแอนเมชนได

2. การวางแผนและสรางสอประสมการตนแอนเมชน

6.

2. ขนตอนการผลต เปนขนตอนทตองลงมอท างานตอจากเขยนสตอรบอรด ทเตรยมไวจนไดงานการตนแอนเมชนทเกอบสมบรณ มล าดบการท างานดงน 1) ขนตอนการสรางภาพใหกบตวละครและฉาก โดยการวาดตวละครและฉากดวยโปรแกรมคอมพวเตอร และก าหนดทาทางการเคลอนไหวใหกบตวละครและฉากดวยโปรแกรมคอมพวเตอร 2) ขนตอนการบนทกเสยง เปนการอดเสยง การอดเสยงประกอบแอน เมชนจะแยกตามประเภทของเสยง ไดแก เสยงหลก ไดแก เสยงบรรยายตามบทบาทของตวละคร เสยงประกอบ ไดแก เสยงทนอกเหนอจากเสยงบรรยาย เชน เสยงเพลง เสยงฟารอง ท าใหเกดความรสกสมจรงสมจง มจนตนาการเหมอนกบไดเขาไปอยในเหตการณหรอสถานทนนดวย

3) ขนตอนการตรวจความเรยบรอยของแอน เมชน เปนการน าภาพตวละคร และฉากทวาด มาประกอบกนเขาเปนเรองราวพรอมเสยง ประโยชนของการตรวจความเรยบรอยของแอนเมชน คอเวลาน าเสนองานแอนเมชน จะไมหยาบ สามารถทบทวนแนวความคดกอนทจะท าการผลต เปน สอประสมการตนแอน เมชน ทบทวนกรอบเวลา การด าเนนเรองราวเหตผลทสามารถอธบายได อย างตอเนอง สามารถปรบแตง เพมเตมภาพหรอตดเขาสฉากอนไดทนท เพอใหไดงานทมอารมณ จงหวะและองคประกอบ ทใกลเคยงกอนการท าแอนเมชนจรง

4) ขนตอนการปรบแตงชนงาน หลงจากทไดตรวจความเรยบรอยของแอนเมชนแลว จะตองน าไปปรบปรง ตกแตงแกไขสตอร บอรด ในขนตอนอน ๆ โดยละเอยด เชน ลกษณะตวละคร ฉากหลง เสยง เวลา และสวนประกอบอน ๆ

5) ขนตอนการใสเสยงประกอบ ใหนาสนใจ สอดคลองกบเรองราว เนอหา 3. ขนตอนหลงการผลต เปนขนตอนสดทายโดยเนนเกบรายละเอยด เชน ตดตอภาพตางๆ หรอ

ตกแตงเสยงใหสมบรณพรอมทจะน าไปใชงาน หลงจากไดชนงานจากโปรแกรมในการสรางสอประสมการตนแอนเมชน หรอ ชนงานอาจจะไมสามารถน าไปใชไดทนท ตองน ามาแปลงในรปแบบอนๆ เพอใหเหมาะสมกบการน าไปใชงาน เชน การแปลงใหอยในรปวดโอ ซงสามารถน าไปปรบแตง ใสเทคนคพ เศษส าหรบการปรบแตงงานแอนเมชน น าไปใชบนเวบไซต กอนลงมอสรางสอประสมการตนแอนเมชน ตองมการวางแผนและก าหนดวตถประสงคหรอทศทางของการตนแอนเมชน วาจะน าเสนอเรองเกยวกบอะไร น าเสนอดวยรปแบบใด จ านวนเวลากนาท โครงเรองเปนอยางไร แลวจงน าไปเขยนบทและล าดบภาพเพอน าไปสรางชนงานสอประสมการตนแอนเมชน ซงการวางแผนกระบวนการท างานเชนนจะท าใหเหนภาพรวม และทศทางการท างานทชดเจน สามารถสรางแอนเมชนออกมาไดอยางรวดเรว และตรงตามวตถประสงค ไมหลดจากกรอบทตองการสอใหผชมเขาใจ แบงเปนขนตอนดงน

2.1 การก าหนดหวเรองทตองการน าเสนอ กอนลงมอสรางสอประสมการตนแอนเมชน สงทส าคญคอ การหาเนอหาเรองราวทสามารถดงดดความสนใจของผชม ซงอาจมาจากประสบการณทพบเหนในชวตประจ าวน จากแรงบนดาลใจและไอเดย ในการสรางสอประสมการตนแอนเมชน โดยตองก าหนดหวเรองขนมาใหชดเจนวาตองการท าเพอสอสารเรองอะไร โดยหวเรองอาจมาจากความตองการของคนรอบขาง หรอจากตวเอง ซงอาจน าหวเรองมาตงเปนชอเรองกได เชน

สอประสมการตนแอนเมชนงานแตง ตองเปนแนวเรองความรก ซงจะเปนแบบไหน อาจจะตองมการสมภาษณรายละเอยดจากคแตงงานวาเรองราวความรกของเขาสรปไดวาอยางไร เชน รกทอดทน รกทรหด จดจบแหงการคนหา การเตมเตม เปนตน สอประสมการตนแอนเมชนส าหรบเดก ตองมหวเรองวาจะน าเสนอหรอสอนเรองอะไร เชน สอนวทยาศาสตร เรองวฏจกรของน า เรองกระบวนการหายใจของพช ฯลฯ สอประสมการตนแอนเมชนโฆษณาหรอขาวประชาสมพนธ ตองทราบความตองการวาจะโฆษณาสนคาอะไร หรอประกาศขาวใหทราบเรองอะไร จงสามารถน าความตองการมาตงเปนหวเรองได นอกจากนนยงมประเภทของสออนๆ ทสามารถน ามาคดเปนหวเรองในการน าเสนองาน เชน การน าเสนอมวสควดโอการตน

2.2 การก าหนดรปแบบและจ านวนเวลาในการน าเสนอ การก าหนดรปแบบและจ านวนเวลาในการน าเสนอ เปนการก าหนดรปแบบการน าเสนองาน

สอประสมการตนแอนเมชน วาตองการน าเสนอในรปแบบใด จ านวนเวลาหรอขดจ ากดเทาใด เชน รปแบบท 1 น าเสนอดวยการตนแอนเมชน มการด าเนนเปนเรองราว เวลา 15 นาท รปแบบท 2 น าเสนอดวยการตนบางชวงแลวเปนภาพนงสไลดประกอบการบรรยาย เวลา 10 นาท รปแบบท 3 น าเสนอดวยเกมโตตอบกบผใช จ านวน 3 เกม เวลา 10 นาท รปแบบท 4 น าเสนอผลงานดวยเรองราวภาพนงประกอบวดโอ เวลา 3 นาท

2.3 การเขยนโครงเรอง การเขยนโครงเรองสอประสมการตแอนเมชน ทเปนเรองราว ใหก าหนดโครงเรองคราวๆ

หรอก าหนดทศทางขนมากอนวา ใคร ท าอะไร ทไหน เกดจดขดแยงอยางไร เพอใหนาสนใจ และนาตดตามการด าเนนเรองราวตอไป จดจบอยางไร สรปใจความตอนจบวาอะไร โดยโครงเรองจะตองวางใหสอดคลองกบหวเรองทก าหนดไวในตอนแรก เมอ ผชม ชมการน าเสนอเรองแลว เขาจะทราบไดตรงตามทตองการสอสารเมอจบการน าเสนอ

สงทควรพจารณาในการเขยนโครงเรอง ในการพจารณาโครงเรองตองขยายหวเรองใหกลาย เปนโครงเรองสอประสมการตแอนเมชน ซงตองอธบายอยางละเอยดมากขน โดยอาศยจนตนาการ โดยพจารณาเหตผลตางๆ ประกอบ ไดแก การสอสารใหผชมรบรไดวาจะออกมาในรปแบบใด เพอ เปนการก าหนดอารมณของผชมและก าหนดทศทางความคดของผออกแบบ เชน ถาจะเขยนบทในแนวตลกขบขน เรองนนควรประกอบดวยเหตการณใดบาง ในแนวสบสวนควรจะมความลกลบซบซอน ส าหรบการก าหนดรปแบบหรอสไตลของแอนเมชนตางๆ จะใชเกณฑทางดานการน าเสนอเนอหาและอารมณ เปนตวก าหนด โดยแบงออกเปนประเภทตางๆ ดงน

ประเภทท 1 แนวสบสวน ฆาตกรรม (Murder) ประเภทท 2 แนวไซไฟ วทยาศาสตร (Sci-Fi) ประเภทท 3 แนวตลก ข าขน เบาสมอง (Comedy) ประเภทท 4 แนวแฟนตาซ (Fantasy) ประเภทท 5 แนวชวต (Drama) ประเภทท 6 แนวรกหวานซง โรแมนตก (Romance) ประเภทท 7 แนวแอคชน บแหลก (Action) ประเภทท 8 แนวผจญภย (Adventure) ประเภทท 9 แนวลกลบ (Mystery) ประเภทท 10 แนวเขยาขวญ สยองขวญ (Scary, Horror, Thriller) ประเภทท 11 แนวประวตศาสตร (History)

2.4 การเขยนบท การเขยนบท เปนการจดการเขยนเรองราวใหมรายละเอยดมากขน ดงนนการเขยนเนอเรอง

คอ การเขยนวาแตละฉากเกดอะไรขนบาง บรรยากาศเปนอยางไร ทไหน ใครพดอะไร ใครท าอะไร อารมณไหน เขยนใหละเอยดทสดและใหแบงเขยนเปนฉากๆ ล าดบถดไปคอขนตอนการเขยน Screenplay ดงน 1) ระบล าดบฉากหรอ Scene

2) บอกสถานทและเวลาของ Scene 3) เขยนเลาเหตการณทเกดขนใน Scene นนแบบคราวๆ 4) เขยนบทพดโตตอบกนของตวละคร หรอถาไมมบทพดใหใชทาทางและภาพสอสารแทน

โดยใสรายละเอยดของเหตการณทเกดขน

2.5 การเขยนสตอรบอรด การเขยนสตอรบอรด เปนกระบวนการทส าคญมากในการสรางสอประสมการตนแอนเมชน

สตอรบอรดเปรยบเสมอนการพดดวยภาพ หรอการใชภาพเลาเรอง สามารถบรรยายเหตการณทเกดขน ทงอารมณในเหตการณ สหนาและทาทางของตวละครออกมา เปนภาพวาดในกรอบสเหลยมผนผา ซงมขนาดสดสวนความกวางยาวตามขนาดจอภาพของสอทออกฉาย ชวยใหเหนภาพทมาจากจนตนาการของนกออกแบบและนกเขยนบทไดอยางเปนรปธรรม และยงชวยสรางความเขาใจใหตรงกนภายในทมงานไดการเขยนสตอรบอรดเปนการน าบททเปนสครปตทเลาเรองราวตางๆ ดวยตวอกษรมาแปลเปนภาษาภาพทใหความหมาย และสามารถสอสารเปนภาพการ ตน ในแตละฉากใหดสวยงาม โดยอาศยหลกการจดองคประกอบภาพและเทคนคในการวาดภาพ การเขยนสตอรบอรดชวยใหฝกและพฒนาการใชภาพสอสารอารมณทใหความหมายของเรองราวตางๆ กอนทจะเปนสอประสมการตนแอนเมชน ดงนนควรศกษาการสอสารขอความ แนวความคด และรปแบบตางๆ ในการจดวางองคประกอบภาพ ทศทางของภาพจนถงการเคลอนทของกลอง ซ ง ตองอาศยความเขาใจเหลานในการขยายความคดและถายทอดเรองราวลงบนสตอรบอรดใหมความหลากหลาย และชดเจนมากขน

2.6. การจดหาเสยงประกอบ

การจดหาเสยงประกอบ จะชวยใหงานสอประสมการตนแอนเมชนดมชวตชวา มสสนและบรรยากาศใกลเคยงของจรง ซงสามารถแทรกเสยงตามทระบไวในสตอรบอรด เชน เสยงเอฟเฟกตตางๆ เชน เสยงคลนทะเล เสยงน าตก เสยงนกรอง เสยงของหลน เสยงโทรศพท เสยงเพลงหรอดนตรบรรเลงประกอบอาจเปนเพลงทมเนอรอง หรอดนตรบรรเลงในจงหวะตางๆ น ามาประกอบเพอใหงานแอนเมชนสออารมณตางๆ ออกมาเชนท าใหเกดอารมณสนกสนาน ผอนคลาย ซาบซง เสยงบรรยายหรอเสยงพากยการตนอาจเปนเสยงบรรยายฉากหรอบรรยายความรประกอบในแอนเมชน หรอบทสนทนาของการ ตน ซงจะมกระบวนการอดเสยงและตดตอเสยงเพมเขามา เพอเตรยมเสยงใหพรอมทจะน ามาใชงาน

2.7 ลงมอท าประสมการตนแอนเมชน การลงมอท าสอประสมการตนแอนเมชนเปนขนตอนสดทาย ขนตอนการวาดและสรางภาพเคลอนไหวตามทไดเตรยมไว ในขนตอนตางๆ โดยในการวาดตวละครและฉากสามารถวาดไดในโปรแกรม Illustrator และในโปรแกรม Flash สวนการท าแอน เมชนหรอภาพเคลอนไหวจะท า ดวยโปรแกรม Flash

ตวอยางกระบวนการวางแผนสรางสอประสมการตนแอนเมชน ชอเรอง เดกด รปแบบ เรองราวการตนทมบทสนทนาตลอดเรอง (ความยาวประมาณ 10 นาท) โครงเรอง / Plot เดกดตงใจแนวแนวาปนเขาตองไดรบรางวล “นกเรยนตนเชาทสด” โดยจะตองมาถง โรงเรยนแตเชาทกวนและไมขาดเรยนเลย เดกด จงตงใจจะตนแตเชาไปโรงเรยน เปนคนแรกของทกวน ตงใจเรยนหนงสอไมคยกนเวลาเรยน สงการบานทกวน พกผอนตอนบาย โดยไมดอไมซน แตมอยวนหนงทเดกดมวแตชวยแมวทหลงทาง ท าใหรจกกบเพอนใหมชอสมจดและท าใหไปโรงเรยนสายและถกท าโทษ เดกดจงไมไดรบรางวลนกเรยนตนเชาแตไดรบรางวลเดกดมน าใจแทน เขยนบท

Scene 1 เดกดตนแตเชาไปถงโรงเรยนเปนคนแรก ความยาว 1.30 นาท (2,250 เฟรม) Scene 2 เดกดน าการบานไปสง มเพอนมาขอลอกการบานแตเดกดบอกวาตองซอสตย ไมลอก การบาน และกขอโทษเพอนแลวน าการบานไปสงคร ความยาว 2 นาท (3,000 เฟรม) Scene 3 เดกดตงใจเรยนไมดอไมซน แตมเพอนๆ บางคนไมฟงคร เ ลนกนรนแรงจนลมและม

แผลถลอกเลกนอย ความยาว 2.30 นาท (3,750 เฟรม)

Scene 4 เชาวนตอมาเดกดไปถงโรงเรยนคนแรกเหมอนเดม แตพบวามลกแมวตวหนงบาดเจบ และหลงทางอยหนาโรงเรยน จงน าผาเชดหนาพนแผลใหแมวและพบเจาของทตามหา

ลกแมว คอสมจด ซงเปนเดกผหญงทเพงยายมาอยใหม ท าใหเดกดกบสมจดเปนเพอนกน แตวนนเดกดไปโรงเรยนสาย จงถกครใหยนคาบไมบรรทดหนาหอง ความยาว 5 นาท (7,500 เฟรม)

Scene 5 เชาวนตอมามนกเรยนใหมชอสมจดเขามาเรยนหองเดยวกบเดกด ความยาว 2 นาท (3,000 เฟรม)

Scene 6 วนมอบรางวลกอนปดเทอม เดกดไดรบรางวลไมไดรบรางวลนกเรยนตนแตเชา แตไ ด รบรางวล “เดกดมน าใจ” เพราะสมจดไดเลาเรองเดกดชวย ลกแมวใหเพอนๆ ของเธอ ฟง เพอนๆ จงโหวตใหเดกดรบรางวล “เดกมน าใจ”

ความยาว 4.30 นาท (6,750 เฟรม)

ตวอยางการเขยนล าดบภาพสตอรบอรด เรอง เดกด Scene 1 เวลา 1.30 นาท

ล าดบท 1

รายละเอยด ภาพบานเดกด ดวงอาทตยโผลขนมาจากรมขอบฟา 5 วนาท/125 เฟรม

เสยงประกอบ 1.เสยงไกขน 2.เสยงนกรอง 3. ดนตรประกอบเบาๆ เสยงบรรยาย/สนทนา

ไมม ไมม

ล าดบท 2

รายละเอยด

ภาพนาฬกาปลกท างานเวลา 6 โมงเชา 10 วนาท/250 เฟรม

เสยงประกอบ ดนตรประกอบเบาๆตอเนอง/นาฬกาปลก เสยงบรรยาย/สนทนา

ไมม ไมม

ล าดบท 3

รายละเอยด ภาพประตดานหนาหองนอนเดกด แมก าลงเคาะประตเรยก

10 วนาท/250 เฟรม เสยงประกอบ 1. เสยงเคาะประต 2.ดนตรประกอบเบาๆตอเนอง เสยงบรรยาย/สนทนา

ไมม แม : เดกดตนไดแลวลก เชาแลวนะ ไดเวลาไปโรงเรยนแลว เดยวไปโรงเรยนสายนะคะ

ล าดบท 4

รายละเอยด ภาพเดกดอยบนเตยงและสะดงตนพลางพดกบตวเอง แลวกระโดดลงจากเตยง

10 วนาท/250 เฟรม เสยงประกอบ 1. ดนตรประกอบเบาๆ 2. เสยงประกอบ เดกดลกขนจากเตยง เสยงบรรยาย/สนทนา

เดกด : เชาแลวซเนยตองรบซะแลว ไมม

ล าดบท 5

รายละเอยด ภาพเดกดท ากจวตรประจ าวน ลกษณะเปนภาพถายปลวมาทละภาพ

10 วนาท/250 เฟรม เสยงประกอบ เสยงอาบน า เสยงบรรยาย/สนทนา

เดกด : ตองแปรงฟนใหสะอาด, อาบน าสระผมใหเรยบรอย, แตงตวดวยตวเอง แลวรบประทานอาหารเชาอยางรวดเรว

ล าดบท 6

รายละเอยด ภาพเดกดสะพายกระเปาพรอมทจะไปโรงเรยน ลงมาคยกบแม

15 วนาท/375เฟรม เสยงประกอบ ไมม เสยงบรรยาย/สนทนา

เดกด : เสรจเรยบรอยแลวขอบคณมากนะคะแมทชวยปลก แม : จา!! รบไปโรงเรยนเถอะ จะไดไปถงเปนคนแรกไง เดกด : คะแม ไปแลวนะคะ (เดกดวงออกจากฉากไปทางขวา)

ล าดบท 7

รายละเอยด ภาพดานหนาโรงเรยน คณพอขบรถจอดสงเดกดไปโรงเรยน เดกดสวสดคณพอ

คณพอขบรถไปท างานตอ 15 วนาท/375เฟรม เสยงประกอบ 1. เสยงรถยนตตดเครองจอดอย 2. เสยงรถยนตวงออกไป เสยงบรรยาย/สนทนา

พอ : ถงโรงเรยนแลว เปนเดกดนะ พอไปท างานกอนเดยวตอนเยนพอมารบ เดกด : คะพอ…สวสดคะ (ท าทาสวสด) พอ : “จะ” (พอขบรถออกจากฉากไปดานหนา)

ผลการเรยนรทคาดหวง สามารถวางแผน และออกแบบสอประสมการตนแอนเมชนได

ค าชแจง ใหนกเรยนปฏบตดงตอไปน 1. นกเรยนเขาไปศกษาใบความรท 2 การวางแผนสรางสอประสมการตนแอนนเมชน 2. ใหนกเรยนวางแผนสรางสอประสมการตนแอนนเมชน 1 เรอง ทนกเรยนมความร ความถนด และสนใจ โดยท าการเขยนรายละเอยดลงในใบกจกรรม

1. ชอเรอง________________________________________________________________ 2. รปแบบ________________________________________________________________ 3. โครงเรอง______________________________________________________________

_____________________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ _____________________________________________________________________

4. เขยนบท______________________________________________________________ Scene 1______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 2______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 3______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________

ชอ……………………..………..สกล……………………………ชน………เลขท………คะแนนทได………

กจกรรม

เดยว

ใบกจกรรมท 2 เรอง การวางแผนสรางสอประสมการตนแอนนเมชน

Scene 4______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 5______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 6______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 7______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 8______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 9______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 10______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 11______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 12______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________ Scene 13______________________________________________________________ _____________________________________________________________________ _____________________________________________________________________

ประเดน การประเมน

เกณฑการใหคะแนน 5 4 3 2 1

ชอเรอง 1. สามารถน าไป ปฏบตได 2. นาสนใจใน ปจจบน 3. สามารถน าไป ประยกตใชใน ชวตประจ าวน 4. สรางสรรค 5. มจนตนาการ

1. สามารถน าไป ปฏบตได 2. นาสนใจใน ปจจบน 3. สามารถน าไป ประยกตใชใน ชวตประจ าวน 4. สรางสรรค

1. สามารถน าไป ปฏบตได 2. นาสนใจใน ปจจบน 3. สามารถน าไป ประยกตใชใน ชวตประจ าวน

1. สามารถน าไป ปฏบตได 2. นาสนใจใน ปจจบน

1. สามารถน าไป ปฏบตได

โครงเรอง 1. มการใชภาษา อยางถกตอง 2. ประโยค สอดคลอง กบ เนอหา 3. สะกดค า ถกตองทกค า 4. ใชภาษาอยาง สรางสรรค

1. มการใชภาษา อยางถกตอง 2. ประโยค สอดคลอง กบ เนอหา 3. สะกดค าผด นอยกวา 3 ค า 4. ใชภาษาอยาง สรางสรรค

1. มการใชภาษา อยางถกตอง 2. ประโยค สอดคลอง กบเนอหา 3. สะกดค าผด 3 -5 ค า

1. มการใชภาษา อยางถกตอง 2. สะกดค าผด 3 -5 ค า

1. มการใชภาษา อยางถกตอง 2. สะกดค าผด มากกวา 10 ค า

เขยนบท 1. เนอหาตรงตาม หวขอเรอง 2. เนอหาถกตอง เชอมโยงภาษา ไดดรายละเอยด ครอบคลม

1. เนอหาตรง ตามหวขอเรอง 2. เนอหาถกตอง เชอมโยงภาษา ไดด 3. รายละเอยด ครอบคลม

1. เนอหาตรง ตามหวขอ เรอง 2. เนอหาถกตอง เชอมโยงภาษา ไดด

1. เนอหาตรง ตามหวขอ เรอง 2. เนอหาถกตอง

1. เนอหาตรง ตามหวขอ เรอง

เกณฑการประเมนใบกจกรรมท 2

เรอง การวางแผนสรางสอประสมการตนแอนนเมชน

ผลการเรยนรทคาดหวง

สามารถวางแผน และออกแบบสอประสมการตนแอนเมชนได ค าชแจง ใหนกเรยนปฏบตดงตอไปน 1. นกเรยนเขาไปศกษาใบความรท 2 การวางแผนสรางสอประสมการตนแอนนเมชน 2. ใหนกเรยนเขยนสตอรบอรดการตนแอนนเมชน 1 เรอง ทนกเรยนมความร ความถนด และสนใจ ก าหนดจ านวนสตอรบอรดใหเหมาะสมกบเรองทจดท า

สตอรบอรด เรอง…………………………………………………………………………………………………………………….

Scene :……………….…….………. เวลา :........................................ เสยงประกอบ……………….……... เสยงบรรยาย………….....………… …………………………….….………… บทสนทนา………………….……… ………………………….……….……… ……………….………………….………


ชอ……………………..………..สกล……………………………ชน………เลขท………คะแนนทได………

ใบกจกรรมท 3 เรอง การเขยนสตอรบอรด

กจกรรม

เดยว




ประเดน การประเมน

เกณฑการใหคะแนน 5 4 3 2 1

1. การใชภาษา 1. ใชค า/ ขอความ ได เหมาะสม 2. เขยนสะกดค า ไดถกตองม ผดไมเกน 3 ค า

1. ใชค า/ ขอความ ได เหมาะสม 2. เขยนสะกดค า ไดถกตองม ผดไมเกน 3 ค า

1. ใชค า/ ขอความได เหมาะสม 2. เขยนสะกดค า ไดถกตอง มผด

ไมเกน 4 ค า

1. ใชค า/ ขอความ ได เหมาะสม ปานกลาง 2. เขยนสะกด ค าไดถกตอง มผดไมเกน 5 ค า

1. ใชค า/ ขอความ ไดไม เหมาะสม 2. เขยนสะกดค า ไดถกตองม ผดไม เกน 5 ค า

2. สวนประกอบ ของสตอรบอรด

1. จดท า storyboard มากกวา 10 Scene 2. รปภาพ สมพนธ กบเนอหา 3. รปภาพม สสนสวยงาม

1. จดท า storyboard 8- 9 Scene 2. รปภาพ สมพนธ กบเนอหา 3. รปภาพม สสนสวยงาม

1. จดท า storyboard 7-8 Scene 2. รปภาพ สมพนธ กบเนอหา 3. รปภาพม สสนสวยงาม

1. จดท า storyboard 5-6 Scene 2. รปภาพ สมพนธ กบเนอหา 3. รปภาพม สสนสวยงาม

1. จดท า storyboard นอยกวา 4 Scene 2. รปภาพ สมพนธ กบเนอหา 3. รปภาพม สสนสวยงาม

3. เวลา สงชนงานกอนเวลาทก าหนด

สงชนงานภายใน เวลาทก าหนด

สงชนงานชากวา ก าหนด 1 วน

สงชนงานชากวาก าหนด 2 วน

สงชนงานชากวาก าหนดเกน 2 วนขนไป

เกณฑการประเมนใบกจกรรมท 3

เรอง การเขยนสตอรบอรด

ค าชแจง ใหนกเรยนเลอกค าตอทถกทสดเพยงค าตอบเดยว ท าเครองหมาย ลงในกระดาษค าตอบ จดประสงคการเรยนรท 1 บอกประวตและความหมายของสอประสมได

1. ค ากลาวในขอใดตอไปนหมายถงสอประสม ก. การน าเสนองานโดยสอหลากหลายประเภท ข. การน าเสนองานโดยใชโปรแกรมคอมพวเตอร ค. การน าเสนองานโดยใชโปรแกรมคอมพวเตอรควบคมสอหลากหลายประเภท

ง. การใชโปรแกรมคอมพวเตอรควบคมการแสดงผลขององคประกอบของสอประสม 2. ขอใดจดเปนสอประสมททนสมยทสดในปจจบน

ก. ข. ค.

ง.

จดประสงคการเรยนรท 2 ระบองคประกอบของสอประสมได

3. ขอใดจดเปนองคประกอบทส าคญทสดของสอประสม ก. เสยง ข. ภาพนง ค. ภาพเคลอนไหว ง. ขอความหรอตวอกษร 4. ขอใดจดเปนองคประกอบของสอประสมทสมบรณ ก. ขอความหรอตวอกษร ภาพนง ภาพเคลอนไหว เสยง และภาพวดโอ ข. ขอความหรอตวอกษร ภาพนง ภาพเคลอนไหว เสยง ภาพวดโอ และการเชอมโยง ค. ขอความหรอตวอกษร ภาพนง ภาพเคลอนไหว เสยง และภาพวดโอ อปกรณแสดงผล ง. ขอความหรอตวอกษร ภาพนง ภาพเคลอนไหว เสยง และภาพวดโอ โปรแกรมคอมพวเตอร

แบบทดสอบหลงเรยน วชาสอประสม ง32243 หนวยท 1 เรอง สอประสมการตนแอนเมชนเบองตน ชนมธยมศกษาปท 5


โรงเรยนเสาไห “วมลวทยานกล” กลมสาระการเรยนรการงานอาชพและเทคโนโลย

จดประสงคการเรยนรท 3 บอกประโยชนของสอประสมได 5. ขอใดคอจดเดนของสอประสม

ก. ทนสมย ข. สวยงาม ค. ปฏสมพนธกบผใชงาน ง. ใชในการกระตนความร

6. ขอใดไมจดเปนการประยกตใชสอประสมทางดานการศกษา ก. การใชเปนหองสมด ข. สอการเรยนการสอน ค. การพมพหนงสออเลกทรอนกส ง. การแลกเปลยนขอมลอเลกทรอนกส

จดประสงคการเรยนรท 4 บอกความหมายของสอประสมการตนแอนนเมชนได

7. ค ากลาวในขอใดตอไปนหมายถงสอประสมการตนแอนเมชน ก. การใชโปรแกรมคอมพวเตอรควบคมการแสดงผลภาพการตน ข. การใชโปรแกรมคอมพวเตอรควบคมการเคลอนไหวของภาพการตน ค. การใชโปรแกรมคอมพวเตอรควบคมการเคลอนไหวของภาพการตนและสอหลากหลายประเภท ง. การใชโปรแกรมคอมพวเตอรควบคมการแสดงผลภาพการตนรวมกบองคประกอบของสอประสม

จดประสงคการเรยนรท 5 วางแผนสรางสอประสมการตนแอนนเมชนได

8. จากภาพคอขนตอนใดในการวางแผนสรางสอประสมการตนแอนนเมชน ก. การเขยนโครงเรอง ข. การสรางแอนเมชน ค. การเขยนบทหรอเนอหา ง. การเขยนล าดบภาพหรอสตอรบอรด

9. ขอใดคอขนตอนแรกในการผลตสอประสมการตนแอนเมชน ก. สครปต ข. โครงเรอง ค. แรงบนดาลใจ ง. สตอรบอรด

10. ขอใดคอการสรางสตอรบอรด ก. การเขยนสครปต

ข. การน าเสนองานดวยคอมพวเตอร ค. การเตรยมขอมลเพอผลตงานแอนเมชน ง. การสรางภาพใหเหนล าดบขนตอนตามเนอเรอง

ขอ ค าตอบ

1 ง 2 ข 3 ค 4 ข 5 ค 6 ง 7 ง 8 ง 9 ค 10 ง

แบบทดสอบหลงเรยน รายวชาสอประสม ง32243 หนวย 1 เรอง สอประสมการตนแอนเมชนเบองตน

เฉลย

Documents

ชุดการเรียนด้วยสื่อประสม · 2016. 3. 10. · 3. ใบกิจกรรมที่ 1.1 เรื่อง ความรู้ทั่วไปเกี่ยวกับสื่อประสม