13
บทที่ 2 แนวคิด ทฤษฎี และงานวิจัยที่เกี่ยวข้อง คณะผู้จัดทาได้ศึกษาแนวคิด ทฤษฎี และงานวิจัยที่เกี่ยวข้องดังนี 1. แนวความคิดการณรงค์การลดปัญหากลุ่มเด็กนักเรียนทะเลาะกัน 2. ทฤษฎีที่เกี่ยวข้อง 3. เว็บไซต์ที่เกี่ยวข้อง 4. งานวิจัยที่ได้รับ 1. แนวความคิดการณรงค์การลดปัญหากลุ่มเด็กนักเรียนทะเลาะกัน สื่อการเรียนการสอนประเภทการ์ตูน 2 มิติ เรื่อง นักเรียนขาโจ๋เป็นแอนิเมชันที่ให้ข้อคิดและ แฝงไปด้วยคติสอนใจ เป็นแอนนิเมชันที่สร้างขึ ้นเพื่อถ่ายทอดการกระทาที่ใช้อารมณ์อยู่เหนือสติโดย เนื ้อเรื่องจะตระหนักถึงผลของการกระทา และที่สาคัญที่ได้นาเอาแอนิเมชันมาใช้ก็เพราะแอนิเมชัน เป็ นสื่อที่น่าสนใจ รูปภาพและสีสัน ภาพเคลื่อนไหวที่น่าสนใจ พร้อมบรรยายและเสียงประกอบ ต่างๆ โดยผู้ชมสามารถนาไปถ่ายทอดให้แก่ผู้อื่นได้อย่างเข้าใจ โดยมีเนื ้อเรื่องย่อคือ มีกลุ่มนักเรียน 2 กลุ่ม ยืนรอรถอยู่ที่ป้ ายรถเมล์ แล้วได้เกิดมีปากเสียง แล้วนักเรียน 2 กลุ่ม เกิดการทะเลาะขึ ้น ฝ่ายที่แพ้ ที่ตามไปหาเรื่องที่บ้านแต่ผลที่ตามมาคือแม่ได้รับบาดเจ็บแทนผู้เป็นลูกจึงทาให้นักเรียนขาโจ๋ได้ สานึกผิด คิดกลับตัวกลับใจ ตั ้งใจเรียน แต่งกายถูกกฎระเบียบจนจบการศึกษาและทางานเลี ้ยงแม่ ตามที่ได้ตั ้งใจไว 2. ทฤษฎีที่เกี่ยวข้อง - ทฤษฎีการทาแอนิเมชัน ทวีศักดิ กาญจนสุวรรณ(2557) ได้สรุปหลักการแอนิเมชันเอาไว้ดังนี "การสร้างภาพเคลื่อนไหว" ด้วยการนาภาพนิ่งมาเรียงลาดับกัน และแสดงผลอย่างต่อเนื่อง ทาให้ดวงตาเห็นภาพที่มีการเคลื่อนไหวในลักษณะภาพติดตา ( Persistence of Vision) เมื่อตามมนุษย์

บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

บทท 2

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

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

1. แนวความคดการณรงคการลดปญหากลมเดกนกเรยนทะเลาะกน

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

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

4. งานวจยทไดรบ

1. แนวความคดการณรงคการลดปญหากลมเดกนกเรยนทะเลาะกน

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

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

- ทฤษฎการท าแอนเมชน

ทวศกด กาญจนสวรรณ(2557) ไดสรปหลกการแอนเมชนเอาไวดงน

"การสรางภาพเคลอนไหว" ดวยการน าภาพนงมาเรยงล าดบกน และแสดงผลอยางตอเนอง ท าใหดวงตาเหนภาพทมการเคลอนไหวในลกษณะภาพตดตา (Persistence of Vision) เมอตามมนษย

Page 2: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

7

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

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

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

- ทฤษฎการออกแบบตวละคร

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

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

1. เนอเรอง

2. แนวคด

Page 3: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

8

3. ขอมลของตวละคร

4. รปแบบในทางทตองการ

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

-ทฤษฎการออกแบบเสยง

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

วนวสาข ฤทธส าเรจ (2556) ไดกลาวไววา เพอใหการตนทสมบรณการพากยเสยงทเปนธรรมชาตและสอดคลองไปกบสหนา ทาทางตวละครกจะท าใหไดการตนทสมบรณมากขน หลกในการพากยเสยง มคณสมบตของการพากยเสยงทดคอ

1.เสยงมพลง

2.ชดถอยชดค าโดยการเปลงเสยงใหถกตองตามอกขระ

3.พากยเสยงตสมคาแรคเตอรของตวละครแสดงอารมณตางๆ ผานเสยงได

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

Page 4: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

9

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

ภาพท2.1 http://www.apivat.com/joomla/index.php/component/content/article/12-games-as3/51-1-flash-as3

เวบไซต ทใหความรเกยวกบสวนประกอบของ โปรแกรม Adobe FlashCS6 และขนตอนการ

สรางงานตงแตเรมท าโปรแกรม Adobe Flash CS6

Page 5: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

10

ภาพท 2.2 http://www.jaid-project.com/tutorial

เปนเวบไซตทรวบรวบเนอหาเกยวกบการใช โปรแกรม Adobe FlashCS6 ไดครอบคลม และอธบายเนอหาแบบ VDO ไดอยางเขาใจ

Page 6: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

11

ภาพท2.3 http://www.kroojan.com/flash/content/animate/frame-by-frame.html

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

Page 7: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

12

ภาพท2.4 http://thaistickman.0forum.biz/t1782-topic

เปนเวบไซตทสอนเกยวกบการใสเสยงเอฟเฟคในโปรแกรม Adobe FlashCS6

Page 8: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

13

ภาพท 2.5 https://www.youtube.com/watch?v=NHD7OW-Z26A

เปนเวบไซตทรวมเรองราวการปรบแตงเสยงตางๆดวยโปรแกรม Adobe Audition CS6

Page 9: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

14

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

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

ภาพท 2.6 การตนแอนเมชน 2 มต เรอง หนมาล

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

Page 10: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

15

ภาพท 2.7 การตนแอนเมชน 2 มตSuper ขาวเหนยว

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

Page 11: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

16

ภาพท 2.8 การตนแอนเมชน 2 มต เรอง ครอบครวชางคด

Jirattiporn Sribunmee (2556) มหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอปราจนบร สรางการตนแอนเมชน2 มต เรอง ครอบครวชางคด โดยใชการออกแบบดวยโปรแกรม Adobe Flash CS6 ชวยในการสรางงานมจดเดนทการใชกลองเพราะเปนการท าใหภาพมองศามตเพมมากขน

Page 12: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

17

ภาพท 2.9 การตนแอนเมชน 2 มต เรอง ความดยอมชนะทกสง

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

Page 13: บทที่ Z แนวคิด ทฤษฎีและงานวิจยั ...research-system.siam.edu/images/IT_Department/Nittaya/...บทท Z แนวค ด ทฤษฎ

18

ภาพท 2.10 การตนแอนเมชน 2 มต เรองการละเมดลขสทธซอฟตแวร

Thanyatep Luttiwan (2557) สาขาระบบสารสนเทศเพอการจดการ คณะบรหารศาสตรมหาวทยาลยอบลราชธาน ไดจดท าโครงงาน เรองการละเมดลขสทธซอฟตแวรโดยใชการออกแบบดวยโปรแกรมAdobe Flash CS6 ชวยในการสรางงานมจดเดนทตวละครทเปนตวเดกนกเรยนซงมตวละครทเปนเอกลกษณ และการพากยทชดเจนจงน ามาเปนแบบอยาง

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