Top Banner
บทที2 แนวคิด ทฤษฎีที่เกี่ยวข้อง และงานวิจัยที่เกี่ยวข้อง แนวความคิด แอนิเมชัน เรื่องสุภาษิตไทย เป็นการ์ตูน 2 มิติ ที่ให้ความรู้แก่ผู้เรียน ได้รู้ถึงความหมายสานวน สุภาษิตไทย 3 เรื่อง ได้แก่ เรื่องเด็กเลี ้ยงแกะ เรื่องดินพอกหางหมู และเรื่องรักวัวให้ผูกรักลูกให้ตี เป็น การ์ตูนสร้างขึ ้นเพื่อให้ผู้เรียนได้เข้าใจและเห็นภาพชัดเจนยิ่งขึ ้น การ์ตูนแอนิเมชัน เรื่องสุภาษิตไทย ได้สอดแทรกความรู้ไว้มากมาย โดยการดาเนินเรื่องจะใช้ตัวละครหลัก 4 ตัว ได้แก่ ต้นกล้า แม่ของต้น กล้า คุณครูที่ปรึกษา และตัวดาเนินเรื่อง คอยให้ความรู้และความเพลิดเพลินแก่ผู้เรียน ซึ ่งการ์ตูน แอนิเมชัน 2 มิติ ได้นาเสนอเป็นภาพเคลื่อนไหว มีเสียงประกอบ และตัวหนังสือเพื่อความเข้าใจยิ่งขึ ้น ทฤษฎีที่เกี่ยวข้อง อิศเรศ ภาชนะกาญจน์ (2557) กล่าวถึง แอนิเมชันว่า คือ การสร้างภาพเคลื่อนไหว โดยการฉาย ภาพนิ่งหลายๆ ภาพต่อเนื่องกันด้วยความที่เหมาะสม ซึ ่งหลักการจะคล้าย ๆ กับการฉายภาพยนตร์ แตภาพยนตร์จะเป็นการใช้ฟิล์ม โดยในแต่ละเฟรมของฟิล์มก็จะเป็นภาพนิ่งเช่นกัน เมื่อนามาฉาย ภาพต่อเนื่องกันด้วยความเร็ว 24 เฟรมต่อวินาที ก็จะทาให้เกิดภาพเคลื่อนไหวที่เรียกว่าภาพยนตร์ นั่นเอง 1. ความหมายขอสตอรี่บอร์ด (Storboard) สตอรี่บอร์ด คือ การเขียนภาพนิ่งและข้อความเพื่อกาหนดแนวทางในการถ่ายทาหรือผลิต ภาพเคลื่อนไหวในรูปแบบต่าง ๆ เช่น ภาพยนตร์ โฆษณา การ์ตูน สารคดี เป็นต้น เพื่อกาหนดการเล่า เรื่อง ลาดับเรื่อง จัดมุมกล้อง กาหนดเวลา ซึ ่งภาพที่วาดไม่จาเป็นจะต้องละเอียดมาก แต่บอก องค์ประกอบสาคัญได้ มีการระบุถึงตาแหน่งของตัวละครที่มีความสัมพันธ์กับฉากและตัวละครอื่น ๆ กรอบแสดงภาพและมุมกล้อง แสงเงา เป็นการสเกตซ์ (Sketches) ภาพของเฟรม ( Frame) ต่าง ๆ จาก บท เปรียบเสมือนการวาดการ์ตูนในกรอบสี่เหลี่ยมแต่ละช่อง 2. ส่วนประกอบของสตอรี่บอร์ด สตอรี่บอร์ดจะประกอบไปด้วยชุดของภาพสเกตซ์ของเฟรมต่างๆ พร้อมคาบรรยายหรือบท สนทนาในเรื่อง ซึ ่งอาจจะเขียนเรื่องย่อและบทก่อนหรือ สเกตซ์ภาพก่อน แล้วจึงใส่คาบรรยายลงไป
14

แนวคิด ทฤษฎีที่เกี่ยวขอ้ง...

Jan 14, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

บทท 2

แนวคด ทฤษฎทเกยวของ และงานวจยทเกยวของ

แนวความคด

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

ทฤษฎทเกยวของ

อศเรศ ภาชนะกาญจน (2557) กลาวถง แอนเมชนวา คอ การสรางภาพเคลอนไหว โดยการฉายภาพนงหลายๆ ภาพตอเนองกนดวยความทเหมาะสม ซงหลกการจะคลาย ๆ กบการฉายภาพยนตร แตภาพยนตรจะเปนการใชฟลม โดยในแตละเฟรมของฟลมกจะเปนภาพนงเชนกน เมอน ามาฉายภาพตอเนองกนดวยความเรว 24 เฟรมตอวนาท กจะท าใหเกดภาพเคลอนไหวทเรยกวาภาพยนตรนนเอง 1. ความหมายขอสตอรบอรด (Storboard)

สตอรบอรด คอ การเขยนภาพนงและขอความเพอก าหนดแนวทางในการถายท าหรอผลตภาพเคลอนไหวในรปแบบตาง ๆ เชน ภาพยนตร โฆษณา การตน สารคด เปนตน เพอก าหนดการเลาเรอง ล าดบเรอง จดมมกลอง ก าหนดเวลา ซงภาพทวาดไมจ าเปนจะตองละเอยดมาก แตบอกองคประกอบส าคญได มการระบถงต าแหนงของตวละครทมความสมพนธกบฉากและตวละครอน ๆ กรอบแสดงภาพและมมกลอง แสงเงา เปนการสเกตซ (Sketches) ภาพของเฟรม (Frame) ตาง ๆ จากบท เปรยบเสมอนการวาดการตนในกรอบสเหลยมแตละชอง 2. สวนประกอบของสตอรบอรด

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

Page 2: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

7

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

Page 3: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

8

พเศษตางๆ การท าสตอรบอรดจงเปนการรางภาพ พรอมกบการระบรายละเอยดตาง ๆ ทจ าเปนทจะตองท าลงไป 6. หลกการเขยนสตอรบอรด

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

1. ตวละครหรอฉาก ไมวาจะเปนคน สตว สงของ สถานทหรอตวการตน และทส าคญ คอ พวกเขาก าลงเคลอนไหวอยางไร

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

8. วธการเขยนสตอรบอรด สตอรบอรด คอการเขยนกรอบแสดงเรองราวทสมบรณของภาพยนตรหรอหนงแตละเรอง โดย

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

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

10. ขนตอนการท าสตอรบอรด 1. วางโครงเรองหลก ไมวาจะเปนธม (Theme) ตวละครหลก ฉาก ฯลฯ 1.1 แนวเรอง 1.2 ฉาก 1.3 เนอเรองยอ

Page 4: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

9

1.4 ธม/แกน (ขอคด/สงทตองการจะสอ) 1.5 ตวละคร สงส าคญคอก าหนดรปลกษณของตวละครแตละตวใหโดดเดนไมคลายกนจนเกนไป ควรออกแบบรปลกษณของตวละครใหโดดเดนแตกตางกน และมองแลวสามารถสอถงลกษณะนสยของตวละครไดทนท 2. ล าดบเหตการณคราว ๆ จดส าคญคอ ทกเหตการณจะเปนเหตเปนผลซงกนและกน เหตการณกอนหนาจะท าใหเหตการณตอมามน าหนกมากขน และตองหา จดส าคญของเรองใหได จดนจะเปนจดทนาตนเตนทสดกอนทจะเฉลยปมทกอยางในเรอง การสรางปมใหผอานสงสยกเปนจดส าคญในการสรางเรอง ปมจะท าใหผอานเกดค าถามในใจและคาดเดาเนอเรองรวมถงตอนจบไปตาง ๆ 3. ก าหนดหนา 4. แตงบท เปนขนตอนสดทายกอนลงมอวาดสตอรบอรด ควรเขยนบทพดและบทความคดทจะใชเขยนลงในหนงออกมาโดยละเอยดเพอทจะไดก าหนดขนาดของบอลลนและจดวางลงบนหนากระดาษไดอยาเหมาะสม 5. ลงมอเขยนสตอรบอรด

Page 5: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

10

เวบไซตทเกยวของ

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

ภาพท 2.1 https://2acc1-downloads.phpnuke.org/en/c156208/adobe-flash-professional-cs6

เปนเวบไซตการดาวนโหลดโปรแกรม Adobe Flash Professional CS6 เปนโปรแกรมทชวยสรางการตนแอนเมชน ถอเปนโปรแกรมหลกในการท างาน เนองจากมเครองมอในการอ านวยความสะดวกในการสรางภาพเคลอนไหว

Page 6: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

11

ภาพท 2.2 http://www.kroojan.com/flash/content/flash-intro.html

เปนเวบไซตออนไลนทสามารถเขาไปเรยนรการวาดรป ลงส และการตดเสนเบองตนได

ตลอดเวลาและสามารถเรยนรไดดวยตวเอง

Page 7: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

12

ภาพท 2.3 http://www.f0nt.com/

เปนเวบไซตเกยวกบการโหลดตวอกษร ภายในเวบไซตจะมฟอนตตาง ๆ หลากหลายรปแบบ

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

Page 8: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

13

ภาพท 2.4 http://www.mediafire.com/download/degd6rpc5ig96jp/Sound+Effects

เปนเวบไซตทเกยวกบเสยงเอฟเฟคตาง ๆ เพอน ามาใชในการประกอบการท าการตนแอนเมชน เพอเพมความนาสนใจในการตน

Page 9: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

14

ภาพท 2.5 http://www.soundjay.com/

เปนเวบไซตเกยวกบการใชเทคนคเอฟเฟคดวย After Effect Ring ซงมเอฟเฟคหลากหลายแบบ และแยกประเภทตาง ๆ ไวใหลองเลอกใช และสามารถเลอกเสยงเอฟเฟคตาง ๆ เพอทดลองฟง อกทงยงสามารถดาวนโหลดเสยงเอฟเฟคตาง ๆ ทมภายในเวบไซต

Page 10: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

15

งานวจยทเกยวของ

ในการด าเนนงานนนผจดท าไดศกษาดโครงงานวจยตางๆ เพอน ามาประยกตใชในการท าภาค

นพนธครงน มดงน

ภาพท 2.6 แอนเมชน เรองประชาคมเศรษฐกจอาเซยน

กตศกด ฉตรทอง ศรลกษณ คนสาร และอนวด เทยมทน (2556) ภาควชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม ไดพฒนาแอนเมชน เรองประชาคมเศรษฐกจอาเซยนชวยสงเสรมใหเดกและผทสนใจมความรและความเขาใจเรองของการเปดประชาคมอาเซยนเศรษฐกจอาเซยน ประเทศสมาชก การแตงกายของแตละประเทศ การรวมมอกบประเทศนอกภมภาค ประโยชนของการรวมตว ผลกระทบหลงการรวมตวและ 8 อาชพทสามารถเคลอนยายอยางเสรเพอเปนการเตรยมความพรอมกอนการเปดประชาคมอาเซยนในป 2558 โดยโปรแกรมทใชพฒนาคอ Adobe Flash Professional CS6

Page 11: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

16

ภาพท 2.7 โปรแกรมสอการเรยนรภาษาจนกลาง

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

Page 12: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

17

ภาพท 2.8 แอนเมชน เรองแนะน าแหลงทองเทยวกลมประเทศอาเซยน

เขมมกา เดชเฟอง ปรชญา แกวเคน และอรรถพล พนธทม (2556) ภาควชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม แอนเมชนเรองนชวยแนะน าแหลงทองเทยวในกลมประเทศอาเซยนมากมาย และใหความรเกยวกบกลมประเทศอาเซยนเพอทจะใหคนรนใหมไดน าไปใชประโยชนในอนาคตขางหนาทเราจะเขาสประชาคมอาเซยน โดยใชโปรแกรมพฒนาคอ Adobe Illustrator CS5.1

Page 13: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

18

ภาพท 2.9 แอนเมชน เรองเกษตรทฤษฎใหม

กนกพรรณ กฤตบญญาลย ธนพทธ อาษานาม และบญฑรกษ พชรเมธา (2556) ภาควชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม แอนเมชน เรองเกษตรทฤษฎใหม ไดมเนอหาเกยวกบพระราชด ารเศรษฐกจพอเพยง เชน ยารกษาโรคของพช เกยวกบการปลกพช เปนตน ทงนในเนอหายงมความรทหนาสนใจอกมากมาย โดยโปรแกรมทใชพฒนาคอ Adobe Flash Professional CS6

Page 14: แนวคิด ทฤษฎีที่เกี่ยวขอ้ง และงานวิจยัที่เกี่ยวขอ้งresearch-system.siam.edu/images/IT_Department/Monrudee/2D_Animation_Thai_Proverbs/05...แอนิเมชัน

19

ภาพท 2.10 แอนเมชน เรองครอบครวชางคด

จรตนตภรณ ศรบญม สทธน ทรงทอง และสนสา กรมใจ (2556) คณะเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ ปราจนบร แอนเมชน เรองครอบครวชางคด ไดมเนอหาเกยวกบการน าของใชเกามาประยกตใชใหม โดยโปรเเกรมทใชพฒนาคอ Adobe Flash CS6 Professional