รูปเล่มสารนิพนธ์

การสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอน

หลกการพนฐานในงานแอนเมชน The Implement and Efficiency of Computer Assisted Instruction

on Animation’s Basic Principles

ฉตรฑพงศ เพชรบรณน ชยมงคล สงรง

ธนาวฒ บญอม

สารนพนธนเปนสวนหนงของการศกษาตามหลกสตรเทคโนโลยบณฑต สาขาวชาเทคโนโลยคอมพวเตอรอตสาหกรรม คณะเทคโนโลยการเกษตร

มหาวทยาลยราชภฏเพชรบรณ ปการศกษา 2555

สารนพนธ

การสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอน หลกการพนฐานในงานแอนเมชน

ฉตรฑพงศ เพชรบรณน ชยมงคล สงรง


สารนพนธนเปนสวนหนงของการศกษาตามหลกสตรเทคโนโลยบณฑต สาขาวชาเทคโนโลยคอมพวเตอรอตสาหกรรม คณะเทคโนโลยการเกษตร

มหาวทยาลยราชภฏเพชรบรณ ปการศกษา 2555

ลขสทธเปนของมหาวทยาลยราชภฏเพชรบรณ

ใบรบรองสารนพนธ คณะเทคโนโลยการเกษตร

มหาวทยาลยราชภฏเพชรบรณ

เรอง การสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน The Implement and Efficiency of Computer Assisted Instruction on Animation’s Basic Principles

โดย นายธนาวฒ บญอม นายฉตรฑพงศ เพชรบรณน นายชยมงคล สงรง ไดรบการอนมตใหเปนสวนหนงของการศกษาตามหลกสตรเทคโนโลยบณฑต สาขาวชา เทคโนโลยคอมพวเตอรอตสาหกรรม คณะเทคโนโลยการเกษตร ..............................................ประธานหลกสตร วนท..................เดอน.......................พ.ศ............ คณะกรรมการสอบ ทปรกษาสารนพนธ ....................................................ประธานกรรมการสอบ ....................................................ทปรกษาสารนพนธ (อาจารยยศวรรธน จนทนา) (อาจารยพรวฒน สขเกษม) ....................................................คณะกรรมการ ....................................................ทปรกษาสารนพนธรวม(อาจารยณฐพล ชยทวชธานนท) (อาจารยณฐพล ชยทวชธานนท) ....................................................คณะกรรมการ (อาจารยพรวฒน สขเกษม)

....................................................คณะกรรมการ (อาจารยวาสนา วงศษา)

ค

ชอ : ธนาวฒ บญอม

: ชยมงคล สงรง

: ฉตรฑพงศ เพชรบรณน

ชอเรอง : การสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอน

หลกการพนฐานในงานแอนเมชน

: The Implement and Efficiency of Computer Assisted Instruction

on Animation’s Basic Principles.

คณะ : เทคโนโลยการเกษตร

ทปรกษาสารนพนธ : อาจารยพรวฒน สขเกษม

: อาจารยณฐพล ชยทวชธานนท

ปการศกษา : 2555

บทคดยอ

สารนพนธฉบบนจดท าขน เพอน าสอทางการศกษาเขามาชวยแกปญหาการเขาถง การเรยนร

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

ทางเลอกส าหรบผเรยนทตองการความรเพมเตมนอกต าราเรยน ดวยบทเรยนคอมพวเตอรชวยสอน ซง

สามารถน าสอผสมคอ ขอความ ภาพนง กราฟก วดโอ เสยง พรอมกบการแกไขปญหาทางการศกษาและ

ปรบปรงคณภาพการเรยนการสอนโดยมวตถประสงค คอ เพอสรางบทเรยนชวยสอนหลกการพนฐานใน

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

พนฐานในงานแอนเมชน

เครองมอทใชในการคนควาคอ บทเรยนคอมพวเตอรชวยสอนหลกการพนฐานของแอนเมชน

ซงคณะผจดท าสารนพนธไดท าการสรางและพฒนาขน โดยท าการสรางและแกไขตามค าแนะน าของ

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

นกศกษามหาวทยาลยราชภฏเพชรบรณและบคคลทวไปทสนใจจ านวน 30 คน โดยใชแบบประเมน

ประสทธภาพดานความเปนสอการสอน

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

อย ในเกณฑทด ดานแบบฝกหดอย ในเกณฑทด ดานออกแบบเนอหาอย ในเกณฑทด และดาน

โสตทศนปกรณอยในเกณฑทด

ง

กตตกรรมประกาศ

สารนพนธฉบบน ส า เ ร จ ไ ดด ว ย คว ามอนเ ค ร า ะหจ า กอาจ า ร ยพร ว ฒ น ส ข เ กษม

อาจารยณฐพล ชยทวชธานนท และอาจารยยศวรรธน จนทนา ทไดใหค าแนะน าและขอเสนอแนะทเปน

ประโยชนตอการด าเนนการท าสารนพนธ ตลอดจนการตรวจสอบแกไขขอบกพรองตางๆ จนสารนพนธ

ฉบบนส าเรจไปดวยด คณะผจดท าขอกราบขอบพระคณเปนอยางสงมา ณ โอกาสน

ขอขอบพระคณ บดา – มารดา ทเปนทรกของขาพเจาทคอยอยเคยงขางกบขาพเจาตลอดคอยให

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

สารนพนธเลมนส าเรจสมบรณไปดวยด

ทายสดนคณะผจดท า ขอขอบพระคณผทเกยวของทกทานทมไดกลาวนามไวทนดวยทให

ค าแนะน าและความชวยเหลอ จนสารนพนธฉบบนส าเรจลลวงไปไดดวยด ขอขอบพระคณ ณ โอกาสน


ชยมงคล สงรง

ฉตรฑพงศ เพชรบรณน

จ

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

หนา ค

ง จ ซ ฌ

1 1 2 2 3 3

4 4

16 16 18

23 23 23 24 51 52

53 54 55 55 56 57

ฉ

หนา บทท 5 สรปผล 58 สรปผล 58 อภปรายผล 59 ปญหาและการแกไข 59 ขอเสนอแนะ 60 บรรณานกรม 61 ภาคผนวก 63 ภาคผนวก ก ภาพกจกรรม 64 ภาคผนวก ข ตวอยางแบบประเมนประสทธภาพดานความสอการสอน 68 ประวตผเขยน 74

ช

สารบญตาราง

ตารางท หนา 3.1 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 1 27 3.2 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 2 27 3.3 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 3 28 3.4 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 4 28 3.5 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 5 29 3.6 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 6 30 3.7 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 7 30 3.8 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 8 31 3.9 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 9 31 3.10 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 10 32 3.11 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 11 33 3.12 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 12 34 3.13 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 13 34 3.14 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 14 35 3.15 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 15 35 3.16 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 16 36 3.17 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 17 36 3.18 สตอรบอรดบทเรยนคอมพวเตอรชวยสอนฯ ซนท 18 37 3.19 ค าแนะน าการใชคยลด 38 3.20 ค าสงเบองตนในการควบคม InputText, DynamicText 41 3.21 การแปลความหมายคาน าหนกตามวธของลเคอรท 51 3.22 การแปลความหมายของเกณฑคะแนนเฉลย 52 4.1 ผลการประเมนดานเนอหา (N=30) 54 4.2 ผลการประเมนดานแบบฝกหด (N=30) 55 4.3 ผลการประเมนดานการออกแบบเนอหา (N=30) 56 4.4 ผลการประเมนดานโสตทศนปกรณ (N=30) 56 4.5 ผลการประเมนรวมทกดาน (N=30) 57

ซ

สารบญภาพ

ภาพท หนา 2.1 ภาพแสดงการเคลอนไหวแบบ Timing 6 2.2 ภาพแสดงการแกวงของลกตมแสดง Ease in และ Ease out 7 2.3 ภาพแสดงการเคลอนไหวแบบ Arcs 8 2.4 ภาพแสดงการเคลอนไหวแบบ Anticipation 9 2.5 ภาพแสดงการเคลอนไหวแบบ Exaggeration ของการกระพรบตา 10 2.6 Squash and Stretch การยดและหด 11 2.7 แสดงการเคลอนไหวแบบ Secondary Action หรอแอคชนเสรม 12 2.8 ภาพแสดงการเคลอนไหวแบบ Overlapping Action 13 2.9 การท าภาพเคลอนไหวแบบ Pose To Pose 14 3.1 โลโกมหาวทยาลยราชภฏเพชรบรณ 42 3.2 หนาตางตอนรบผใชงาน 42 3.3 หนาตางลงทะเบยน 43 3.4 หนาตางยนยนการลงทะเบยน 43 3.5 หนาตางเมนหลก 44 3.6 หนาตางจดประสงคการเรยนร 44 3.7 หนาตางแบบทดสอบกอนเรยน(ค าชแจง) 45 3.8 หนาตางแบบทดสอบกอนเรยน 45 3.9 หนาตางแบบทดสอบหลงเรยน(ค าชแจง) 46 3.10 หนาตางแบบทดสอบหลงเรยน 46 3.11 หนาตางสรปคะแนนแบบทดสอบ 47 3.12 หนาตางแนะน าโปรแกรมของบทเรยนคอมพวเตอรชวยสอน 47 3.13 หนาตางแหลงอางอง 48 3.14 หนาตางแสดงผลการประเมนการเรยนทงหมด 48 3.15 หนาตางขอมลผจดท าบทเรยนคอมพวเตอรชวยสอน 49 3.16 หนาตางเมนบทเรยนของบทเรยนคอมพวเตอรชวยสอน 49 3.17 หนาตางเนอหาในแตละบท 50 3.18 หนาตางตวอยางประกอบเนอหาของบทเรยนในแตละบท 50

ฌ

สารบญแผนภม

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

ชวยสอนหลกพนฐานในงานแอนเมชน 24 3.2 ขนตอนการท างานบทเรยนคอมพวเตอรชวยสอนบทเรยนคอมพวเตอร

ชวยสอนหลกพนฐานในงานแอนเมชน 25 3.3 โครงสรางบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน 26

บทท 1

บทน ำ

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

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

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

2

วตถประสงค 1. เพอสราง CAI สอการสอนหลกพนฐานของแอนเมชน 2. เพอหาประสทธภาพของ CAI สอการสอนหลกพนฐานของแอนเมชน

ขอบเขตของกำรศกษำคนควำ 1. เนอหา

1.1 เนอหาหลก 12 บทเรยน - Timing ระยะเวลา - Ease in and Ease out แรงเฉอย - Arcs การเคลอนไหวในแนววถโคง - Anticipation ทาเตรยมพรอม - Exaggeration ความเกนจรง - Squash and Stretch การยด หด ของวตถ - Secondary Action ทาทางรอง - Follow Through and Overlapping Action การเคลอนไหวตามธรรมชาต - Straight Ahead and Pose to Pose การวาดไปขางหนาวาดและแบบจดตอจด - Staging องคประกอบของฉาก - Appeal เสนห - Personality บคลกภาพ

1.2 แบบทดสอบ - แบบทดสอบกอนเรยน - แบบทดสอบหลงเรยน

2. อปกรณทใช 2.1 Adobe Flash Professionals CS5 2.2 Adobe After Effect CS5 2.3 Adobe Audition CS5 2.4 Adobe Photoshop CS5

3

3. การหาประสทธภาพ 2.1 กลมตวอยาง

- นกศกษาและบคคลทวไปทสนใจในดานแอนเมชนจ านวน 30 คน 2.2 แบบประเมนประสทธภาพดานความเปนสอการสอน

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

วธกำรศกษำคนควำ 1. ขนตอนการสรางบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน

- ศกษาสภาพปญหาและก าหนดวตถประสงคเพอเขยนโครงการสารนพนธ - ปรกษาอาจารยทปรกษาและเขยนโครงการสารนพนธ - ศกษาทฤษฎหลกการ เอกสารและงานวจยทเกยวของกบหลกพนฐานของแอนเมชน - ออกแบบโครงสรางบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอน -

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

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

สอนจากผใชงานบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน

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

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

น ามาประยกตใชไดในอนาคต

บทท 2

เอกสารและงานวจยทเกยวของ

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

1. แอนเมชน (Animation) 2. หลกการออกแบบสอมลตมเดย 3. ทฤษฎสกบการออกแบบ 4. เอกสารและงานวจยทเกยวของ

แอนเมชน (Animation)

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

ความหมายของแอนเมชน นกวชาการศกษาได ใหความหมายของแอน เมชน (Animat ion) ทคล ายคล งกนดงน

ธรรมปพน ลอ านวยโชค (2550:13) ไดใหความหมายของแอนเมชนหมายถงการสรางภาพเคลอนไหวโดยการน าภาพนงหลายๆภาพทมความตอเนองมาฉายดวยความเรวทเหมาะสมท าใหเกดภาพลวงตาของการเคลอนไหว

ธรรมศกด เออรกสกล (2547:1) ไดใหความหมายของแอนเมชนไววาค าวาแอนเมชนเปนค าทบศพทภาษาองกฤษวา Animation สามารถอานไดหลายแบบเชน อะ-น-เม-ชน, แอ-น-เม-ชน ซงหมายถงการท าภาพใหเคลอนไหว

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

5

เรยงตอกนเกดเปนภาพเคลอนไหวหรอการสรางสรรคดวยเทคนคคอมพวเตอรกราฟกในโปรแกรมสรางสรรคผลงานแอนเมชนโดยการฉายดวยความเรวโดยประมาณ 24 เฟรมตอวนาทขนไป

ประเภทของงานแอนเมชน งานแอนเมชนแบงออกเปนประเภทตางๆ ตามวธการสรางผลงานได 2 ประเภทดงน (ธรรมศกด เออรกสกล, 2547 : 1)

1. Traditional Animation หมายถงการสรางแอนเมชนโดยใชเครองมอธรรมดายงไมมการใชคอมพวเตอรชวยในการสรางเทคนคแบงออกเปนดงน 1.1. 2D Animation คอการวาดภาพทมการเคลอนไหวดวยเทคนค 2 มต โดยวาดภาพทมการ

เคลอนไหวตอเนองกนไมวาจะเปนการวาดดวยมอบนกระดาษหรอการวาดบนแผนใส 1.2. Cut-Out Animation คอการสรางภาพเคลอนไหว 2 มตดวยเทคนคการตดกระดาษใหเปน

รปทรงหรอตวการตนตางๆและใชกลองถายทละภาพเมอมการขยบหรอเปลยนแปลงเคลอนยายต าแหนงของรปทรงในภาพ

1.3. Clay Animation-Stop Motion คอการปนการสรางโมเดลโดยใชดนน ามนหรอวสดใดๆกตาม ในการสรางจะใชวธขยบโมเดลทละนดเพอใหเกดการเคลอนไหวและใชกลองบนทกภาพทกขณะทท าการขยบหรอเปลยนแปลงต าแหนงของวตถ

2. Digital Computer Animation หมายถงการสรางงานแอนเมชนดวยระบบดจตอลโดยใชโปรแกรมกราฟกตางๆทง 2 มตหรอ 3 มตเชน ภาพยนตรเรอง สปรตอเวย (Spirited away) ไฟนดงนโม (Finding Nemo) เปนตน

หลกในการสรางภาพเคลอนไหว (Principle of Animation) การท าแอนเมชนคอท าใหภาพนงเสมอนมชวตขนมา การท าใหผลงานแอนเมชนนนมความ

สมจรงนมนวลและเปนธรรมชาต ตรงตามจงหวะการเคลอนไหวจรงจ าเปนทจะตองเรยนรหลกการเบองตนในการสรางสรรคผลงานแอนเมชนซงในอดตผท าแอนเมชน ดสนย แอนเมชน สตดโอ (Disney Animation Studio) ไดท าการวเคราะหเกยวกบแนวทางสรางภาพเคลอนไหวใหมชวต และหลงจากความส าเรจจากการสรางการตนเรอง สโนไวท (Snow White) ดสนยกไดเสนอแนวทางในการสรางแอนเมชนไว 12 ขอเพอเปนแนวทางในการสรางแอนเมชนใหดนาสนใจ ดนาเชอถอเรยกวา The Fundamental Principles of Animation ซงกลายมาเปนแบบแผนของการท าแอนเมชนในปจจบนมโดยมรายละเอยดดงน

6

1. Timing and Spacing (ระยะเวลา) Timing เปนเรองของเวลา การเคลอนไหวทาทางใดกแลวแต ถงแมจะมลกษณะการ

เคลอนไหวทเหมอนกน แตถาก าหนดความสนยาวตางกนกจะไดทาทางของอารมณนนๆ จะมความ

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

ระยะหางของ Spacing และการวางต าแนงคยเฟรมบนไทมไลน หากจะใหทาทางนนชาลงหรอเรวขน ก

ปรบลดหรอเลอนเฟรมนนๆ ออกไป

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

ตอมากเปนการเนนจดส าคญและวางลกษณะวาควรมจงหวะอยางไร เชน ชา-ชา-เรว-ชา หรอ เรว-ชา-เรว-

เรว กจะท าใหเรานกถงทาทางทเราออกแบบไว ไดวาแอคชนเกดขนเปนแบบไหนไดบาง

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

ได เชน วตถหรอตวการตนทมขนาดตวคอนขางใหญ กจะมทาทางการเคลอนไหวทเชองชากวาวตถหรอตว

การตนทมขนาดตวเลกกวา ซงสงเหลานจะเปนตวก าหนดจ านวนของภาพทน ามาใชในชวงของทาทางนน

ๆ นอกจากนยงสามารถใช Timing ชวยในการหนวงอารมณ หรอสรางความรสกใหผชมเขาใจในบทบาท

ของตวการตนในขณะนนไดมากขนอกดวยเชน การเคลอนไหวเชองชาอาจหมายถงตวการตนก าลงงวงซม

หรอผอนคลายและการเคลอนไหววองไว รวดเรว กอาจหมายถงตวการตนทก าลงตนเตนหรอตกใจกลว

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

ภาพท 2.1 ภาพแสดงการเคลอนไหวแบบ Timing (ทมา : Richard Williams. (2001))

7

2. Ease In and Out (แรงเฉอย) Ease In and Out ในบางต าราใชค าวา Slow In And Out หลกการนเรยกแบบทวไปคอ

“แรงเฉอย” การเคลอนไหวจากจดหนงไปยงอกจดหนงเชนจากจด A ไปหาจด B จากจด B ไปหาจด C จากจด C ไปหาจด D และจนถงจดสนสดในคทนนๆ ตรงนจะสมพนธกบเรองของ Timing และ Arcs การเคลอนไหวทมทาทางเหมอนกน แตตางกนดวยปจจยและสถานการณทเกดขนกบสงนน กจะไดรปแบบการเคลอนไหวทแตกตางกน

หลกของการเรงและลดโดยปกตหากสงเกตการเคลอนทของวตถนนจะเรมตนการเคลอนทจากชาและเรวขนตามล าดบ จนความเรวคงทในระดบหนง และชาลงเมอเรมหยดการเคลอนไหวจนกระทงหยดสนท วตถจะไมเรมตนโดยใชความเรวอยางเตมทหรอใชความเรวทเทากนตลอดการเคลอนไหว ทงนเปนเรองของความเรงและแรงเฉอยทเกดขนตามธรรมชาต ยกตวอยางเชน การเคลอนทของรถ ตวอยางพนฐานเดม ๆ ทใชบอยและเหนชดทสดกคอการเดงของลกบอล ซงจะมความแรงและเรวในการตกชวงแรกและชาลงเรอย ๆ ลดหลนกนไป ชวงของความชา-เรวจะขนอยกบจ านวนของภาพ In-betweens ทน ามาใช

ดงนน Ease In and Out คอลกษณะการเคลอนไหวทมการเคลอนทโดยมการเพมความเรวและลดความเรวของสงนนหรอเปนการเคลอนทโดยแรงเฉอยของสงนน ซงเปนลกษณะตามธรรมชาตของการเคลอนทของวตถอยแลว การเคลอนทเรมจากชา ๆ และเพมความเรวขนไปจนถงจดสนสด นนเรยกวา Slow In เชน การตกของผลไมทรวงจากตน ผลไมเมอหลดออกจากตนกจะตกลงสพนการเคลอนทสพนกจะเรมจากชาและเพมความเรวขนจนตกถงพนสวนการเคลอนทเรมจากเรวแลวชาลง นนเรยกวา Slow Out ดงแสดงในภาพท 2.2

ภาพท 2.2 ภาพแสดงการแกวงของลกตมแสดง Ease in และ Ease out (ทมา : Richard Williams.(2001))

8

3. Arcs (การเคลอนไหวในวถโคง)

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

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

ภาพท 2.3 ภาพแสดงการเคลอนไหวแบบ Arcs (ทมา : Gustavo Carneiro (1987))

4. Anticipation (ทาเตรยมพรอม)

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

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

9

ดงนน Anticipation จะถกเรยกกนอยางเขาใจกนเองในภาษาไทยวา “ทาเตรยม” เปนสวนทสรางความสมพนธใหคนดตดตาม action ทก าลงจะเกดขน โดยเราตองใส Anticipation ไปกอน action ซง Anticipation อาจจะเปนทาทางทชดเจนอยางการเงอไมกอลฟกอนสวง หรอสงเลกๆนอยๆอยางการกระพรบตากอนหนหนากได

ภาพท 2.4 ภาพแสดงการเคลอนไหวแบบ Anticipation (ทมา : Richard Williams. (2001))

5. Exaggeration (ความเกนจรง)

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

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

เทคนคทน ามาใชในหลกของ Exaggeration อาทเชน เรองของ take และ double take ซงเทคนค take จะหมายถงอาการของ reaction ทเกดขนมากเกนกวาปกต สวน double take นนจะเปนอาการทเกดขนมากกวา take ขนไปอก และทงสองเทคนคมกจะน าหลกของ squash และ stretch มาใชผสมผสานเขาไปดวย เพอใหอารมณดรนแรงขนจนผดเพยนไปจากปกตดงนน Exaggeration จงคลายกบการแสดงท over action แตแทจรงแลว Exaggeration คอการเนนใหแอนเมชนของเราเหนอารมณทชดเจนยงขน ไมวาจะเปนทาอากปกรยาตางๆ ดงแสดงในภาพท 2.5

10

ภาพท 2.5 ภาพแสดงการเคลอนไหวแบบ Exaggeration ของการกระพรบตา (ทมา : Richard Williams.(2001))

6. Squash and Stretch (การยด หด ของวตถ) ความหมายคอ บบ แบน ยบ แผออก ยนออก การยดเกดขอบเขต ถาพดถงหลกการในขอน คง

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

Squash and Stretch คอ หลกพนฐานทมกใชเปนบทแรกในการสอนหรอฝกหดการสรางแอนเมชน ลกษณะของ squash จะเหมอนวตถนนถกกดใหแบนหรอหดลง ซงสามารถเกดขนไดจากแรงกดจากภายนอก หรออาจจะเกดจากแรงของวตถเอง ตวอยางเชน ลกบอลทเดงลงกระทบกบพน ภาพวงกลมของลกบอลจะตองมลกษณะแบนเปนวงรเหมอนถกกดลง เราเรยกลกษณะภาพแบบนวาการ squash สวนในลกษณะของการ stretch นนเปนลกษณะของการยดภาพใหดสงขนหรอยดออกไปดานบนและลาง เพอท าใหเกดความรสกวาวตถหรอตวการตนก าลงพงใหความรสกแรงและเรว ในขณะททง squash และ stretch จะแสดงถงการเปลยนแปลงลกษณะทางกายภาพแลว ยงแสดงถงความสมพนธแตละสวนดวย เชน ลกษณะของหนาตาทเปลยนแปลงไปตามทาทางทเกดขน

ดงนน Squash and Stretch จงเปนการเปลยนแปลงมวลของ object ซงในทางแอนเมชนนนไมไดหมายความวาจะเปลยนกบของแขงไมได เราสามารถใชหลกการ Squash และ Stretch กบของแขงไดโดยการเปลยน Pose และ Acting กไดซงใจความส าคญของการใส Squash และ Stretch ใหกบแอนเมชนนนคอให “แครสกแตอยาใหเหน” ดงแสดงในภาพท 2.6

11

ภาพท 2.6 Squash and Stretch การยดและหด (ทมา : Ralph A. de Stefano (1987))

7. Secondary Action (ทาทางรอง)

Secondary Action เปนลกษณะการเคลอนไหวทเกดขน รองจากการเคลอนไหวหลก (Primary Action) เพอใหการเคลอนไหวทมความสมบรณและเปนสวนทใชแสดงบคลกเฉพาะของตวละครนนๆ ไดอกดวย เพราะตวละครแตละตวลวนมลกษณะทแตกตางกน เชน อาจเปนมนษยตางดาวมหนวดเหมอนปลาหมก หรออกตวอาจมทงปกและหาง ซงสงเหลานกจะท าให Secondary Action ของตวละครแตกตางกนไปดวย

แอนเมเตอรจะก าหนดการเคลอนไหวตอเนองตาม Thumbnail Sketches ทไดออกแบบไว โดยจะตองก าหนดทาทางหลก (Key poses) ใหมความชดเจนกอนแลวคอยมาท าการปรบแตงรายละเอยดของการเคลอนไหวรอง

ทาทางรองใช เพอเสรมใหทาทางหลก (main action หรอ primary action) มความชดเจนโดยจะตองเปนทาทางทไมเดนกวาหรอแยงความส าคญจากทาทางหลกไป จนกระทงท าใหผชมเบยงเบนความสนใจจากทาทางหลกหรออาจจะเรยกไดวาเปนทาทางทเกดขนโดยปฏกรยาอตโนมตของรางกาย ซงมกเกดขนพรอมกบทาทางหลก ตวอยางเชน การกระโดดของตวการตนทาทางหลกของตวการตนคอการกระโดด ซงใหความส าคญกบลกษณะของขาและเทาเปนหลก ใหสงเกตทาทางทตามมาคอ มการแกวงตามของแขนซงเปนทาทางรอง เรยกการแกวงตามของแขนในลกษณะแบบนวา secondary action

ดงนน Secondary Action จงหมายถงสวนทแสดงเขาไปเสรมการแสดงหลก เพอใหงานดมชวตแตการเลาเรองตองไมเปลยนไป อยางเชน นกแสดงก าลงอานหนงสอพมพแตกดมกาแฟไปดวย การอานหนงสอพมพคอ primary action สวนการดมกาแฟคอ secondary action ดงแสดงตวอยางในภาพท 2.7

12

ภาพท 2.7 แสดงการเคลอนไหวแบบ Secondary Action หรอแอคชนเสรม (ทมา : Ollie Johnston, Frank Thomas (1986))

8. Follow Through and Overlapping Action (การเคลอนไหวโดยธรรมชาต) Overlapping Action เปนการเคลอนไหวของตวละครทเปนเอกลกษณ คน สตว หรอ สงของ

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

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

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

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

13

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

ภาพท 2.8 ภาพแสดงการเคลอนไหวแบบ Overlapping Action (ทมา : Richard Williams.(2001))

9. Straight Ahead Action and Pose-To-Pose Action (การวาดไปขางหนาและการวาดแบบจดตอจด)

การวาดหรอขยบตวละครใหมการเคลอนไหวมอย 2 วธ คอ แบบ Straight Ahead Action และ Pose-To-Pose Action ยคกอนในสมยทยงไมมการพฒนาเทคนคการท าท าแอนเมชน นกแอนเมชนมกนยมใชวธการท างานแบบ Straight Ahead Action มาโดยตลอด ไมวาจะเปนความสะดวกสวนตวหรอวธการท างานของสตดโอทท างานรวมอยดวย แตเมอมการพฒนาเทคนคตางๆ จากศลปนนกคดนกสรางสรรคทตองการวธการท างานทมความรวดเรว ประหยดตนทน และสามารถทจะสรางสรรคผลงานทมประสทธภาพไมยงหยอนไปกวาวธการท างานแบบเดมๆ จงท าใหเกดวธการท างานอกแบบหนงทเรยกวา Pose-To-Pose Action ซงเปนทนยมกนอยางมากจนถงปจจบน

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

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

14

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

ขนตอนการท าแอนเมชนทงสองวธมทงขอดและขอเสย จะตองพจารณาเลอกใชตามความเหมาะสม แตในการท างานวธทดทสดกคอ การประยกตใชทง 2 วธการท างานเขาดวยกน ซงจะท าใหผลงานออกมาดนาสนใจ โดยอาจเรมตนดวยการท างานแบบ Pose to Pose ในการจดทาทางหลกในทาสดทาย เมอจดทาทางหลกเสรจเรยบรอยแลว กจะเตมรายละเอยดในระหวางชวงคยตางๆ โดยใชวธการท างานในรปแบบ Straight Ahead Animation

ภาพท 2.9 การท าภาพเคลอนไหวแบบ Pose To Pose (ทมา : Richard Williams.(2001))

10. Staging (องคประกอบฉาก)

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

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

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

15

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

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

11. Appeal (เสนหของตวละคร)

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

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

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

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

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

12. Personality (บคลกภาพ) ในการออกแบบการเคลอนไหวของตวเองตวละครตองศกษาในสวนรายละเอยดของตวละครท

เราจะท าการแอนเมตดวย วามรายละเอยดอะไรบาง เชน สถานะตวละคร (เพศ) นสย ความชอบ

16

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

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

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

หวเรอง, เปาหมาย, วตถประสงค และกลมเปาหมายผใช จากนนกท าการ วเคราะห (Analysis), ออกแบบ (Design), พฒนา (Development), สราง (Implementation), ประเมนผล (Evaluation) และน าออกเผยแพร (Publication) ซงการสรางสอมลตมเดย ทกลาวมาน จะเหนไดวา การจดท าสอมลตมเดย นเปนเรองทงายมากๆ ซงหมายความวาใครๆ ทมความรทางคอมพวเตอรกสามารถจะสรางสอมลตมเดยได ในทนจะกลาวถงการสราง สอการสอน CAI:หลกพนฐานของแอนเมชนและก าหนดขนตอนการสราง ดงน

1. ขนการเตรยมขอมล 1.1. ก าหนดเปาหมายและวตถประสงค 1.2. รวบรวมขอมล จากต ารา หนงสอ เอกสารทางวชาการ หนงสออางองตาง ๆ

2. ขนตอนการออกแบบ 2.1. ขนตอนการเขยนผงงาน 2.2. ขนตอนการสรางสตอรบอรด

3. ขนตอนการสรางและการเขยนโปรแกรม 4. ขนตอนการประเมนผลและแกไขบทเรยน

ทฤษฎสกบการออกแบบ การออกแบบสเปนองคประกอบทส าคญประการหนงทจ าเปนตอการสรางสรรคศลปะทก

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

1. การใชสตามทฤษฎสทางวทยาศาสตรคอการศกษาการผสมสของแสงซงจะเปนประโยชนในการออกแบบงานทตองใชแสงสวางเชนการออกแบบปายไฟตางๆ

2. การใชสตามทฤษฎสทางศลปะคอการศกษาเนอสและผลของการผสมรวมทงวธการระบายสในงานศลปะทสามารถน าไปใชในการออกแบบตนฉบบสงพมพงานสญลกษณเปนตน

17

3. การใชสตามทฤษฎสของการพมพคอการศกษาการผสมสของหมกพมพซงจะเปนประโยชนในการออกแบบสงพมพตางๆ

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

4.1 ทองบนแดงหรอทองบนเหลองหมายถงความสขทมมากขนเรอยๆ 4.2 แดงบนเหลองหมายถงเรองราวเกยวกบกษตรยหรอความโชคด 4.3 ฟาบนเหลองหมายถงความเศรา 4.4 เหลองบนด าหมายถงการตาย

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

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

- สแดงใหความรสกตนเตนกลาแสดงออก กลาตดสนใจมความมนใจสง ความมชวตชวาตองการดงดดความสนใจ ความรนแรง การตอส การเรยกรอง ความไมสงบ การตกอยในภาวะอนตราย

- สเหลองใหความรสกถงการอยในศลธรรมความออนโยนการผลดอกออกผลหรอการเตบโตระยะแรก

- สสมใหความรสกสดใส ทาทาย บรรยากาศของฤดรอน หรอในบางครงใหความรสกถงความมนใจ กลาแสดงออก

- สเขยวใหความรสกผอนคลาย เจรญงอกงาม บรรยากาศสดชน การอนรกษสงแวดลอมความมอนามย ความสะอาด การรกษาสขภาพ

- สขาวใหความรสกถงความมอนามย สขภาพด ความบรสทธ ความสะอาด ความมสมาธ ความสงบ ความสภาพ ความบรสทธใจ ความปลอดโปรงโลงสบาย ความถกตอง

18

- สด าใหความรสกถงความทบตน ความอดอด ความทกข ความเงยบ ความเดดขาดในการตดสนใจ แตในบางวฒนธรรมสด าจะแสดงถงความเปนทางการ ความเปนมออาชพ ความเปนผบรหารหรอเจานาย ความจรงจง ความสงางาม

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

- สน าตาลใหความรสกหนกแนนมน าหนกมาก เกาแก สงบเสงยม อยในกฏเกณฑ - สมวงใหความรสกกงวล สงบ หนกใจ นาสงสย ความเศรา ลกลบ การเปนหมาย การอยคน

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

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

งานวจยทเกยวของ จณภค รามสต (2550) ไดท าการศกษาเรอง “การสรางสอการตนภาพเคลอนไหวเพอพฒนา

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

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

2. การสรา งสอการตนภาพเคลอนไหว เ พอพฒนาทกษะความฉลาดท างอารมณส าหรบเดกอนบาลนนสามารถชวยเสรมสรางและพฒนาทกษะความฉลาดทางอารมณของเดกอนบาลไดอยางมประสทธภาพ

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

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

นพมาศ แพงทม (2542) ไดศกษาเรอง“การเปรยบเทยบผลสมฤทธทางการเรยนและความชอบตอรปแบบของหนงสอการตนระหวางการอานหนงสอการตนแบบลอของจรงทมตวด าเนนเรองเปนการตน

19

คนและการตนสตวของนกเรยนชนประถมศกษาปท 3” เสนอตอมหาวทยาลยขอนแกน มวตถประสงคเพอเพอเปรยบเทยบผลสมฤทธทางการเรยนและความชอบตอรปแบบของหนงสอการตนระหวางการอานหนงสอการตนแบบลอของจรงทมตวด าเนนเรอง เปนการตนคนและการตนสตวของนกเรยนชนประถมศกษาปท 3 ซงการศกษาครงนเปนแบบวจยเชงทดลองเลอกกลมตวอยางแบบการสมเปนกลมแบบสม 2 ครง (Two Stage Cluster Random Sampling)

ประชากรกลมตวอยางเปนนกเรยนชนประถมศกษาปท 3 โรงเรยนบานปากปวน อ าเภอวงสะพง จงหวดเลย จ านวน 42 คนประกอบดวยชนประถมศกษาปท 3/1 จ านวน 21 คนและชนประถมศกษาปท 3/2 จ านวน 21 คน แลวน าผลการศกษาไปหาสถตวเคราะหหาคาเฉลยคารอยละคาสวนเบยงเบนมาตรฐาน (S.D.) เปรยบเทยบความแตกตางโดยใชสถตท (t-test) แบบสองกลมอสระเปรยบเทยบความชอบภาพการตนโดยน ามาวเคราะหไคสแควร

ผลสมฤทธทางการเรยนของนกเรยนทงสองกลมแตกตางกนอยางไมมนยส าคญทางสถตและนกเรยนมความชอบภาพการตนทงสองรปแบบแตกตางกน โดยนกเรยนชอบภาพการตนทมตวด าเนนเรองเปนสตวมากกวาการตนทมตวด าเนนเรองเปนคนอยางมนยส าคญทางสถต ทระดบ 0.05

ปถพร วรรณกล (2550) ไดท าการศกษาเรอง “การพฒนาสอมลตมเดยเพอเสรมสรางการเรยนรเรองเศรษฐกจพอเพยงใหแกนกเรยนระดบชนมธยมศกษาปท 1โรงเรยนหนาพระลาน (พบลสงเคราะห) จงหวดสระบร” เสนอตอมหาวทยาลยเชยงใหมโดยมวตถประสงคเพอ

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

ตวอยางทใชในการศกษาคอนกเรยนระดบชนมธยมศกษาปท 1 โรงเรยนหนาพระลาน (พบลสงเคราะห) จงหวดสระบร จ านวน 125 คน

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

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

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

20

3.3. นกเรยนระดบชนมธยมศกษาปท 1 โรงเรยนหนาพระลาน (พบลสงเคราะห) จงหวดสระบร มความพงพอใจอยางมากตอสอมลตมเดยเรองเศรษฐกจพอเพยงทประกอบดวยภาพการตนเคลอนไหว เสยงเพลงตางๆและเสยงพากย

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

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

1. ผลสมฤทธทางการเรยนของนกเรยนระดบประถมศกษาหลงเรยนสงกว ากอนเรยนจากการตนเคลอนไหวเรองการทองเทยวเชงนเวศอยางมนยส าคญทางสถต ทระดบ 0.05

2. เนอหาในการตนเคลอนไหวเรองการทองเทยวเชงนเวศจะสามารถท าใหผเรยนเกดความรความเขาใจในเรองการทองเทยวอยางถกตอง ซงจะสงผลใหผเรยนมจตส านกในการทองเทยวอยางถกตองมากขนตอไป ทองม รปสง และคณะ(2547) ไดจดท างานวจย การพฒนาบทเรยนคอมพวเตอรชวยสอน (การออกแบบคอมพวเตอรชวยสอน)

การพฒนาบทเรยนคอมพวเตอรชวยสอน (การออกแบบคอมพวเตอรชวยสอน) วจยครงนมวตถประสงคเพอสรางระบบมลตมเดย เพอสอนการออกแบบบทเรยนคอมพวเตอรชวยสอนและเพอประเมนการออกแบบและพฒนาบทเรยนคอมพวเตอรชวยสอนทพฒนาขน ซงกระบวนการพฒนาไดเรมขนจากการวเคราะหเนอหาก าหนดจดประสงคการเรยน ตรวจสอบเนอหาโดยผเชยวชาญ และล าดบขนตอนการท างานโดยการเขยนแผนผงและสตอรบอรด ด าเนนการสรางบทเรยนดวยโปรแกรมออรเธอรแวร 6 ตรวจสอบการท างานของโปรแกรมและปรบปรงแกไขจากนนท าการสรางเครองมอแบบทดสอบและแบบประเมนการออกแบบและเสนอผเชยวชาญปรบปรงแกไขและหาความเทยงธรรม การทดลองโปรแกรมกบกลมตวอยาง 1 คน และกลมยอย 15 คน เพอหาความยากงายและอ านาจจ าแนกของแบบทดสอบ เพอปรบปรงแกไขบทเรยน หลงจากนนท าการทดลองโดยกลมตวอยางเลอกแบบเจาะจง ไดแก นสตปรญญาตรภาคปกตชนปท 2 จ านวน 30 คน โดยเพอท าการประเมนประสทธภาพและการออกแบบของบทเรยนและผลจากการวจยนนท าใหบทเรยนคอมพวเตอรชวยสอนการออกแบบคอมพวเตอรชวยสอนมประสทธภาพ 86.72 / 89 ซงอยในระดบด

21

บวหลน คงมง (2549) ไดท างานวจย CAI สอสอนการใชงานโปรแกรม Adobe After Effect 6.5 ไดมการจดท าเพอน าสอทางการศกษาเขามาชวยแกปญหาดานการเรยนการสอนและเปนทางเลอกส าหรบผสอน ทจะน าเครองมอหรออปกรณทางการศกษา มาชวยแกปญหาทางการศกษาและปรบปรงคณภาพการเรยนการสอน ซงคอมพวเตอรชวยสอนกถอเปนสอการเรยนการสอนไดอกรปแบบหนง ทน ามาใชในการเรยนการสอนซงสามารถน าสอผสม คอ ขอความ ภาพนง การฟก วดโอ ใหใกลเคยงกบการสอนจรงมากทสด โดยการน าเสนอเนอหาทจอภาพ ซงเปนรปแบบการน าเสนอจะขนอยกบโครงสรางเนอหาโดยเปาหมายส าคญ คอสามารถดงดดความสนใจและกระตนใหผเรยนตองการทจะเรยนร CAI สอสอนการใชโปรแกรม Adobe After Effect 6.5 ไดแบงเนอหาออกเปน 2 สวนคอ สวนแรกเนอหาเกยวกบขนพนฐานในการใชงานโปรแกรม Adobe After Effect 6.5 สวนทสองเนอหาเกยวกบการสรางเอฟเฟกตใหกบวดโอและไดท าการแกไขตามค าแนะน าของอาจารยทปรกษากอนทดลองใชกบนกศกษา จ านวน 30 คน ซงเปนนกศกษามหาวทยาลยราชภฏเพชรบรณ ต าบลสะเดยง อ าเภอเมอง จงหวดเพชรบรณ แลวไดท าการประเมนโดยใชแบบสอบถาม CAI สอสอน การใชงานโปรแกรม Adobe After Effect 6.5 สรางจากโปรแกรม Macromedia Authorware 7.0 จากการทดลองใช CAI สอสอนการใชงานโปรแกรม Adobe After Effect 6.5 จากกลมตวอยางนกศกษามหาวทยาลยราชภฏเพชรบรณ แบงการวเคราะหผลการทดลองเปน 3 ดาน คอการประมวลผล ดานรปลกษณอยในเกณฑทมความเหมาะสมมาก, ดานการใชประโยชนอยในเกณฑทมความเหมาะสมมาก, ดานการใชงานอยในเกณฑทมความเหมาะสมมาก

จ ารส กลนหน (2544) ไดจดท าวจย การพฒนาบทเรยนคอมพวเตอรชวยสอนวชาเทคโนโลยสารสนเทศเพอการเรยนรส าหรบการเรยนผานเครอขายอนเตอรเนต

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

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

22

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

เอกรนทร วจตตพนธ (2546) ไดจดท าวจยการพฒนาบทเรยน E-Learning วชาการสอสารขอมลส าหรบนกศกษาระดบประกาศนยบตรวชาชพชนสง สาขาวชาเทคนคคอมพวเตอรสถาบนเทคโนโลยราชมงคล

การวจยครงนเปนการวจยเชงทดลองเพอพฒนาบทเรยน E-Learning แบบ WBI ส าหรบเครอขาย KMITNBonline วชาการสอสารขอมลส าหรบนกศกษาระดบประกาศนยบตรวชาชพชนสง สาขาวชาเทคนคคอมพวเตอร สถาบนเทคโนโลยราชมงคล กลมตวอยางในครงนนกศกษาระดบ ปวส.ชนปท 1 สาขาวชาเทคนคคอมพวเตอร สถาบนเทคโนโลยราชมงคลวทยาเขตวงไกลกงวลในภาคเรยนท 2/2546 ทไดจากการเลอกแบบเจาะจงจ านวน 40 คน เครองมอในการวจยครงนประกอบดวยแบบทดสอบกอนเรยนและแบบทดสอบระหวางเรยนแบบทดสอบหลงเรยน แบบสอบถามส าหรบผเรยนและแบบสอบถามส าหรบผเชยวชาญดานเนอหาและดานเทคนควชาการ

ผลของการวจยบทเรยนมประสทธภาพ 91.47 / 85.42 สงกวาเกณฑ 88 / 85 ทตงสมมตฐานไวและหาผลสมฤทธทางการเรยนรของผเรยนโดยการทดสอบคาท (T-test) พบวาผลสมฤทธทางการเรยนหลงเรยนสงกวากอนเรยนอยางมนยส าคญทางสถตทระดบ 0.01 และจากการวเคราะหความคดเหนของผใชบทเรยนอยในระดบด (คาเฉลยรวมอยท 4.31 และคาเบยงเบนมาตรฐานอยท 0.39) สรปไดวามประสทธภาพเปนไปตามเกณฑทก าหนดและสามารถน าไปใชในการเรยนการสอนวชาสอสารขอมลส าหรบนกศกษาระดบประกาศนยบตรวชาชพชนสงตามหลกสตรของสถาบนเทคโนโลยราชมงคลได

บทท 3

วธการด าเนนการวจย

การศกษาคนควา เรอง การสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน ใหมประสทธภาพสามารถน าไปใชในการศ กษาหาความรหลกการพนฐานในงานแอนเมชนไดมรายละเอยดตางๆ ในการด าเนนการศกษาคนควาดงน

1. ประชากรและกลมตวอยาง

2. เครองมอทใชในงานวจย

3. การเกบรวบรมขอมล 4. สถตทใชในงานวจย

ประชากรและกลมตวอยาง

กลมตวอยาง คอ นกศกษาระดบปรญญาตร สาขาวชาเทคโนโลยคอมพวเตอรอตสาหกรรม คณะเทคโนโลยการเกษตร มหาวทยาลบราชภฏเพชรบรณ จ านวน 30 คน ใชการคดเลอกกลมตวอยางแบบเจาะจง (purposive sample)

เครองมอทใชในการวจย

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

1. บทเรยนคอมพวเตอรชวยสอนการสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน

2. แบบสอบถามบทเรยนคอมพวเตอรชวยสอนการสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน

24

ขนตอนการสรางบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน

1. ขนตอนการออกแบบบทเรยนคอมพวเตอรชวยสอน

แผนภมท 3.1 ขนตอนการออกแบบการสรางและการหาประสทธภาพ

บทเรยนคอมพวเตอรชวยหลกการพนฐานในงานแอนเมชน

No แกไข

No แกไข

แกไขปรบปรง

ศกษาเนอหาหลกการแอนเมชน

ศกษาโปรแกรมทใชในการสราง

ออกแบบบทเรยนคอมพวเตอรชวยสอน

สรางบทเรยนคอมพวเตอรชวยสอน

ทดลองใชบทเรยนคอมพวเตอรชวยสอน

ไดบทเรยนคอมพวเตอรชวยสอน

อาจารยทปรกษาตรวจสอบ

อาจารยทปรกษาตรวจสอบ

Yes

Yes

25

2. ขนตอนการท างานของบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน

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

Start

ไตเตล

ลงทะเบยน

เนอหา

End

26

แผนภมท 3.3 โครงสรางบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน

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

แนะน าการใช

ผจดท า

ขอมลผเรยน

แหลงอางอง

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

จดประสงค

บทท 3

บทท 10

บทท 12

บทท 4

บทท 5

บทท 6

บทท 7

บทท 8

บทท 9

บทท 11

บทท 2

บทท 1

บทเรยนคอมพวเตอรชวยสอน

ไตเตล

ลงทะเบยน

เมนหลก ออกจากระบบ เมนบทเรยน

27

3. สตอรบอรด (Storyboard) บทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน ตารางท 3.1 สตอรบอรด (Storyboard) บทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชนซน (Scene) ท 1

Subject :หลกการพนฐานในงานแอนเมชน Scene No. : 1 Screen Layout Media

Background : สขาวควนบหร เหมอนภาพแนวโลโม Text : มหาวทยาลยราชภฏเพชรบรณ www.pcru.ac.th Image : Video : - Sound :เพลงลกอม บรรเลงเปยโน

Presentation technique Link โลโกมหาวทยาลยเดงออกมาจากใจกลางแลวหมนสวงกลบไปขางหลงพรอมทงปรากฏชอมหาวทยาลยและทอยเวบไซดของมหาวทยาลย

- ไป Scene 2 อตโนมต

ตารางท 3.2 สตอรบอรด (Storyboard) บทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชนซน (Scene) ท 2

Subject : หลกการพนฐานในงานแอนเมชน Scene No. : 2 Screen Layout Media

Background : ววธรรมชาต Text : ชอชนงาน Image : - Video : - Sound : เพลงลกอม บรรเลงเปยโน

Presentation technique Link ชอชนงาน - ไป Scene 3 เมอกดปม“start”

28



Background : ววธรรมชาต Text : กรณาพมพชอ Image : - Video : - Sound :

Presentation technique Link - 1“กลบในสวนเลอกชอ” - 2“จ านวนผใชงานทเคยใช” - 3“ชอผใชงานทมอยแลว” - 4“ไปขางหนาในสวนเลอกชอ” - 5“ลางขอมล” - 6“ชองใสขอมลชอ” - กรณาใสชอ - Bottom ลงทะเบยน

- ไป Scene 4 โดยกดปม ลงทะเบยน



Background : ววธรรมชาต Text : ยนดตอนรบ Image : - Video : - Sound : -

29

Presentation technique Link - Text : ยนดตอนรบ - 6 “ชอผใชงาน” - Bottom ยนยน

- ไป Scene 5 โดยกดปม ยนยน



Background : ววธรรมชาต Text : เมนหลก Image : - Video : - Sound : -

Presentation technique Link - Text : เมนหลก - Bottom 1 จดประสงค - Bottom 2 แบบทดสอบกอนเรยน - Bottom 3 บทเรยน - Bottom 4 แบบทดสอบหลงเรยน - Bottom 5 แนะน าโปรแกรม - Bottom 6 แหลงอางอง - Bottom 7 ขอมลผเรยน - Bottom 8 คณะผจดท า - Bottom 9 ออกจากโปรแกรม

- ไป Scene 6 โดยกดปม 1 - ไป Scene 7 โดยกดปม 2 - ไป Scene 10 โดยกดปม 3 - ไป Scene 12 โดยกดปม 4 - ไป Scene 15 โดยกดปม 5 - ไป Scene 16 โดยกดปม 6 - ไป Scene 17 โดยกดปม 7 - ไป Scene 18 โดยกดปม 8 - ออกจากโปรแกรม โดยกดปม 9

30



Background : ววธรรมชาต Text : จดประสงค,ค าชแจงจดประสงค Image : - Video : - Sound : -

Presentation technique Link - Text : จดประสงค , ค าชแจงจดประสงค - Bottom กลบเมนหลก

- ไป Scene 5 โดยกดปม กลบเมนหลก


Subject : หลกการพนฐานในงานแอนเมชน Scene No. : 7(7.1 - 7.20) Screen Layout Media

Background : ววธรรมชาต Text : แบบทดสอบกอนเรยน,ค าชแจงแบบทดสอบ Image : - Video : - Sound : -

Presentation technique Link - Text : แบบทดสอบกอนเรยน, ค าชแจงแบบทดสอบ - Bottom เรม - Bottom กลบเมนหลก

- ไป Scene 8 (8.1-8.20) โดยกดปม “เรม” - ไป Scene 5 โดยกดปม กลบเมนหลก

31


Subject : หลกการพนฐานในงานแอนเมชน Scene No. : 8(8.1-8.20) Screen Layout Media

Background : ววธรรมชาต Text : แบบทดสอบกอนเรยน , แบบทดสอบ Image : - Video : - Sound : เพลงลกอม บรรเลงเปยโน

Presentation technique Link - Text : แบบทดสอบกอนเรยน , แบบทดสอบ - Bottom กลบเมนหลก

- ไปขอถดไปเมอเลอกค าตอบ - ไป Scene 5 โดยกดปม กลบเมนหลก



Background : ววธรรมชาต Text : แบบทดสอบกอนเรยน ,สรปคะแนน คะแนน Image : - Video : - Sound :

Presentation technique Link - Bottom กลบเมนหลก - ผลคะแนนแบบทดสอบทท าได


32

ตารางท 3.10 สตอรบอรด( Storyboard) บทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชนซน (Scene) ท 10


Background : ววธรรมชาต Text : เมนบทเรยน,รายชอบทเรยนทง 12 บท Image : - Video : - Sound : -

Presentation technique Link Text : เมนบทเรยน,รายชอบทเรยนทง 12 บท - Bottom 1 บทท 1 - Bottom 2 บทท 2 - Bottom 3 บทท 3 - Bottom 4 บทท 4 - Bottom 5 บทท 5 - Bottom 6 บทท 6 - Bottom 7 บทท 7 - Bottom 8 บทท 8 - Bottom 9 บทท 9 - Bottom 10 บทท 10 - Bottom 11 บทท 11 - Bottom 12 บทท 12 - Bottom กลบเมนหลก

- ไป Scene 13(13.1-13.12) โดยกดปม เลอกรายชอบทเรยนทง 12 บท - ไป Scene 5 โดยกดปม กลบเมนหลก

33



Background :ววธรรมชาต Text : ชอบทเรยน , เนอหาบทเรยน Image : - Video : - Sound : -

Presentation technique Link Text : ชอบทเรยน , เนอหาบทเรยน - Bottom 1 ยอนกลบ - Bottom 2 เลขทหนา - Bottom 3 ถดไป - Bottom กลบเมนบทเรยน

- ไป Scene 10 โดยกดปม เมนบทเรยน - ไป Scene ตอไป โดยกดปม ถดไป - ไป Scene กอนหนา โดยกดปม ยอนกลบ

34



Background : ววธรรมชาต Text : แบบทดสอบหลงเรยน , ค าชแจงแบบทดสอบหลงเรยน Image : ตวการตน Video : - Sound : -

Presentation technique Link Text : แบบทดสอบหลงเรยน , ค าชแจงแบบทดสอบหลงเรยน - Bottom เรม - Bottom กลบเมนหลก

- ไป Scene 13(13.1-13.20) โดยกดปม “เรม” - ไป Scene 5 โดยกดปม กลบเมนหลก



Background : ววธรรมชาต Text : แบบทดสอบหลงเรยน Image : - Video : - Sound : -

Presentation technique Link - Text : แบบทดสอบกอนเรยน , แบบทดสอบ - Bottom กลบเมนหลก

- ไปขอถดไปเมอเลอกค าตอบ - ไป Scene 5 โดยกดปม กลบเมนหลก

35



Background : ววธรรมชาต Text : แบบทดสอบหลงเรยน ,สรปผลคะแนน Image : - Video : - Sound : -

Presentation technique Link - Bottom กลบเมนหลก - ผลคะแนะแบบทดสอบทท าได




Background : ววธรรมชาต Text : แนะน าโปรแกรม , ค าชแจงแนะน าโปรแกรม Image : - Video : - Sound : -

Presentation technique Link Text : แนะน าโปรแกรม , ค าชแจงแนะน าโปรแกรม - Bottom กลบเมนหลก


36



Background : ววธรรมชาต Text : แหลงอางอง , ค าชแจงแหลงอางอง Image : - Video : - Sound : -

Presentation technique Link Text : แหลงอางอง , ค าชแจงแหลงอางอง โปรแกรม - Bottom กลบเมนหลก




Background : ววธรรมชาต Text : ขอมลผเรยน , ผลบนทกคะแนนทงหมด Image : - Video : - Sound : -

Presentation technique Link Text : ขอมลผเรยน , ผลบนทกคะแนนทงหมด - Bottom กลบเมนหลก


37



Background : ววธรรมชาต Text : คณะผจดท า , ขอมลผจดท า Image : รปผจดท า Video : - Sound : -

Presentation technique Link Text : คณะผจดท า , ขอมลผจดท า - Bottom กลบเมนหลก


4. การพฒนาบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน

ทรพยากรทจะน ามาใชกบสอ CAI : Online ทรพยากรทจะน ามาใชกบสอ CAI : Online เชน ภาพนง ภาพเคลอนไหว วดโอ เสยง หรออนๆ

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

Format ของไฟลทแนะน าส าหรบการท าสอ และเปนทนยม ไมท าใหคณภาพทรพยากรเสยคณภาพมากเกนไป ดงน

ภาพนง --> .jpg, .png ภาพเคลอนไหว --> .swf, .gif ภาพวดโอ --> .flv เสยง --> .mp3 (ถาเปน .wav ใหใชเสยงสนๆ)

38

ตารางท 3.19 ค าแนะน าการใชคยลด

กดปมทแปนพมพ การแสดงผล F5 การ Insert Frame F6 การ Insert Key Frame F7 การ Insert Blank Frame F8 การ Convert to Symbol F9 เปดหนาตาง Action Shift + F5 การลบ Frame Ctrl + Enter Test Movie ทดสอบดงานทงหมด Ctrl + Alt + Enter Test Scene ทดสอบเฉพาะ Scene ทเปดอย Ctrl + Alt + B ทดสอบการท างานของปม ถาตองการยกเลกใหกดซ าอกครง Enter ทดสอบการเลนของ Time Line นนๆ Ctrl + G การจดกลมวตถเขาดวยกน Ctrl + B การท า Break Apart ขอความหรอวตถ Ctrl + Z การยอนกลบหลงเมอท าผด Ctrl +C การคดลอก Ctrl + V การวางวตถทท าการคดลอก Ctrl + Shift + V การวางวตถทท าการคดลอกไวต าแหนงเดม Ctrl + s การบนทกงาน

ActionScript และการควบคม Movie Clip ActionScript เปนภาษาทใชตดตอกบ Flash ฉะนนจงควรท าความเขาใจกบภาษา

ActionScript เพอสงใหโปรแกรมทสราง ท างานตามทตองการได ในทนจะเปน ActionScript 2.0

ตวแปร (Variable) ส าหรบตวแปรนน มหนาทโดยพนฐานกคอการเกบคา (value) ตางๆ ซงบางครงอาจจะ

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

หรอเครองหมาย underscore (_) หามมเครองหมายพเศษอนๆ เชน - , หรอ “ ” และการเวนวรรค 2. ไมสามารถตงชอตวแปรเหมอน keyword หรอค าเฉพาะของFlash เชน String, true, var

เปนตน(สงเกตไดจากเวลาพมพลงหนาตาง ActionScript จะเปนตวสน าเงน) 3. ไมควรตงชอตวแปรซ ากน

39

var myname:String; var age:Number;

var myname:String=”แตง”; var age:Number=18;

gotoAndPlay(1);

on (release) { goto AndPlay(1);

}

การประกาศตวแปร – เปนการประกาศให Flash ไดทราบวาจะมการใชงานตวแปรชอใดบาง เชน

เราใช var ตามดวยชอตวแปร ขนดวย : (colon) ตามดวยชนดของตวแปร และจบดวย ; (semicolon) การประกาศตวแปรแบบนเปนการประกาศตวแปรเฉยๆ แตจะน าไปใชทหลง สรปกคอเปนตวแปรทยงไมคาอะไรทงสน

ส าหรบกรณนเปนการประกาศตวแปรพรอมก าหนดคาดวยเครองหมายเทากบ (=) ถาเปนตวแปรแบบ String เปนชนดของตวแปรทประกอบดวยชดตวอกษร ตวเลข เครองหมาย ซงถกก าหนดภายใตเครองหมาย “ ” ขอมลของตวแปรประเภทนจะน าไปค านวณไมได ถาเปนตวแปรแบบ Number เปนชนดของตวแปรทเกบคาเปนจ านวน สามารถน าไปค านวณดวยเครองหมาย + - * / ได วธเขยน ActionScript

เราสามารถเขยน ActionScript ไดทงหมด 3 ทหลกๆ คอ 1. เขยนไวบน Frame โดยท าการคลกทเฟรมใดๆ แลวกเขยนโคดลงไป 2. เขยนไวบน instance (Movie clip หรอ Button) โดยคลกทตว instance ทตองการแลวใส

โคดลงไป โดยมเงอนไขพเศษ คอ ตองท าการก าหนด event กอนเสมอมฉะนนโปรแกรมจะแจงเตอน error

3. เขยนโคดไว ในไฟลนามสกล as ซ งวธการน ามาใชนนมหลายรปแบบ ท งการใชค าส ง include เพอดงเขามา

ตวอยางค าสง goto ใหผลเหมอนกน แตงใชตางกน

- เขยนทเฟรม

- เขยนทปม

40

onClipEvent (lond) { goto AndPlay(1);

}

attachMovie(“My_mc”, “mc1”,getNextHighestDepth());

- เขยนท mc

ค าสงเบองตนในการควบคม mc

- My_mc.enabled=false; //ยกเลกการท างานของ My_mc - My_mc.enabled=true; //ให My_mc ท างาน - My_mc._alpha=40; //ก าหนดให My_mc มคาความโปรงใสเทากบ 40 - My_mc._alpha=100; //ก าหนดให My_mc มคาความโปรงใสเทากบ 100 - My_mc._x=0; //ก าหนดให My_mc อยในพกด 0 - My_mc._y=0; //ก าหนดให My_mc อยในพกด 0 - My_mc._xscale=50; //ก าหนดให My_mc มขนาดในแกน x เทากบ 50 - My_mc._yscale=50; //ก าหนดให My_mc มขนาดในแกน y เทากบ 50 - attachMovie(“My_mc”,”mc1”,getNextHighestDepth()); //ค าสงดง My_mc จาก

Libraly มาแสดง ( mc ตองท า Linkege กอน)

วธการท า Linkege 1. ทหนาตาง Libraly ใหคลกขวาท mc ทตองการ แลวเลอก Linkege 2. จะปรากฏหนาตา ง Linkege Propert ies ทชอ ง Identif ier ใหต งช อ

My_mc (หรออนๆตามตองการ) และเชคถกทชอง Export for ActionScript และ Export for Runtime sharing

3. ใสค าสงทเฟรมทเราตองการให mc แสดงผล ดงน

ทดสอบการแสดงผลโดยการกด Ctrl+Enter กจะปรากฏ mc ทสรางขนบท Stage

ค าสงเบองตนในการควบคม InputText, DynamicText

Input1_txt หมายถง ชอของ InputText หรอ DynamicText

41

ตารางท 3.20 ค าสงเบองตนในการควบคม

ค าสง ค าอธบาย Input1_txt.restrict = “^ ”; //หาม space bar Input1_txt.restrict = “^0-9” ; //หามพมพเลข 0-9 และ space bar Input1_txt.restrict = “^ก-ฮ” ; //หามพมพอกษร ก-ฮ Input1_txt.restrict = “ok” ; //ก าหนดวาตองมตว ok เทานน Input1_txt.maxChars = 5 ; //จ ากดจ านวนตวอกษรเพยง 5 ตว Input1_txt.onChanged=function(){จะใหเกดอะไรเขยนทน}

//เมอ Input1_txt. มการเปลยนแปลง คอมการพมพเขาไปจะใหเกดเหตการณอะไร

Input1_txt.text= “” ; //ก าหนดให Input1_txt.text มคาวางเปลา

Input1_txt.text= “กรณาพมพชอทน” ; //ก าหนดให Input1_txt.text มขอความ “กรณาพมพชอทน”

a=Number(input1_txt.text); //การก าหนดใหตวแปร a เกบคาตวเลขใน Input1_txt เพอใชในการค านวณ

Input1_txt.text= “กรณาพมพชอ”; Input1_txt.onSetFocus = function(){ if(input1_txt.text == “กรณาพมพชอ”) Input1_txt.text = “”; }

//คลกแลวขอความ “กรณาพมพชอ”หาย

Input1_txt.tabEnabled = false; //ไมใหกด tab

Input1t_txt.backgroundColor = 0xFF0000;

//ก าหนดสพนกลองขอความ

Input1_txt.borderColor=0xFF0000; //ก าหนดสเสนขอบ

42

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

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

รปแบบการใชงานบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน

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

ภาพท 3.1 โลโกมหาวทยาลยราชภฏเพชรบรณ

2. หนาตางตอนรบกอนเขาสเมนหลกของบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานใน

งานแอนเมชน หนาตางนจะมเสยงบรรยายตอนรบผใชงาน ดงภาพท 3.2

ภาพท 3.2 หนาตางตอนรบผใชงาน

43

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

ภาพท 3.3 หนาตางลงทะเบยน

4. หนาตางยนยนการลงทะเบยนของบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอ

นเมชน กดปมยนยนเพอเขาสเมนหลก ดงภาพท 3.4

ภาพท 3.4 หนาตางยนยนการลงทะเบยน

44

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

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

งานแอนเมชน ดงภาพท 3.6

ภาพท 3.6 หนาตางจดประสงคการเรยนร

7. หนาตางค าชแจงกอนเขาไปยงหนาตางแบบทดสอบกอนเรยนของบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน คลกทไอคอน "เรมท าแบบทดสอบ" เพอเรมท าแบบทดสอบกอนเรยน ดงภาพท 3.7

45

ภาพท 3.7 หนาตางแบบทดสอบกอนเรยน (ค าชแจง)

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

ภาพท 3.8 หนาตางแบบทดสอบกอนเรยน

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

ชวยสอนหลกการพนฐานในงานแอนเมชน คลกทไอคอน "เรมท าแบบทดสอบ" เพอเรมท าแบบทดสอบหลงเรยน ดงภาพท 3.9

46

ภาพท 3.9 หนาตางแบบทดสอบหลงเรยน(ค าชแจง)

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

ภาพท 3.10 หนาตางแบบทดสอบหลงเรยน

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

47

ภาพท 3.11 หนาตางสรปคะแนนแบบทดสอบ

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

เมชน หนาตางนจะกลาวถงลกษณะโดยรวมของโปรแกรม ดงภาพท 3.12

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

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

48

ภาพท 3.13 หนาตางแหลงอางอง

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

ภาพท 3.14 หนาตางแสดงผลการประเมนการเรยนทงหมด

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

49

ภาพท 3.15 หนาตางขอมลผจดท าบทเรยนคอมพวเตอรชวยสอน

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

ภาพท 3.16 หนาตางเมนบทเรยนของบทเรยนคอมพวเตอรชวยสอน

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

50

ภาพท 3.17 หนาตางเนอหาในแตละบท

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

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

ภาพท 3.18 หนาตางตวอยางประกอบเนอหาของบทเรยนในแตละบท

51

การเกบรวบรวมขอมล การเกบรวบรวมขอมลเ พอประกอบการจดท าสารนพนธ เรอง การสรางและการหา

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

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

2. สรางแบบประเมนความพงพอใจ เพอใชในการสอบถามความคดเหนของผใชงานบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน ซงประกอบดวยค าถาม 2 ตอนดงตอไปน ตอนท 1 เปนแบบประเมนความคดเหนแบบมาตราสวนประมาณคา 5 ระดบ ตามวธการของบญชม ศรสะอาด และบญสง นลแกว (บญชม ศรสะอาด,2535 : 2324) และของเบสท (Best,1977 : 174) โดยใหน าหนกคะแนนเปรยบเทยบกบระดบความคดเหน ดงตารางท 3.1 ตารางท 3.21 การแปลความหมายคาน าหนกคะแนน

น าหนกคะแนน ระดบความคดเหน 5 4 3 2 1

ดมาก ด

ปานกลาง ปรบปรง ใชไมได

โดยแบบประเมนส าหรบผใชงานโปรแกรม มทงหมด 16 ขอแบงเปน 4 ดานคอ

1) ดานเนอหาม 5 ขอ

2) ดานแบบทดสอบม 5 ขอ

3) ดานการออกแบบเนอหาม 5 ขอ

4) ดานโสตทศนปกรณม 5 ขอ

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

เพมเตมและใหขอเสนอแนะตางๆ

52

สถตทใชในการศกษาคนควา

1. การวเคราะหขอมล

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

คาเฉลยเลขคณต (Mean) รวมของแบบประเมนใชสตร (ลวน, 2543 : 59)

N

xiN

i

1

เมอ

= แทนคาเฉลยของกลมตวอยาง

xi = แทนผลรวมทงหมดของขอมล

= แทนผลรวมของขอมลทงหมด

2. แปลผลการวเคราะหขอมล

ในการวจยครงนไดแปลความหมายผลการวจย เรอง การสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน และการวเคราะหระดบคะแนนเฉลยจะใชเกณฑก าหนดชวงคะแนนเฉลยไว เพอสะดวกในการแปลความหมาย ดงตารางท 3.15

ตารางท 3.22 การแปลความหมายของเกณฑคะแนนเฉลย

ชวงคะแนนเฉลย การแปลความหมาย

สมรรถภาพนนมคณสมบตอยในเกณฑ 4.51 ถง 5.00 3.51 ถง 4.50 2.51 ถง 3.50 1.51 ถง 2.50 1.00 ถง 1.50

ดมาก ด

ปานกลาง ปรบปรง ใชไมได

บทท 4

ผลการด าเนนงาน

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

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

ดงน

1. ดานเนอหา

1.1 เนอหาวชาสมบรณครบถวน ถกตอง

1.2 เนอหาวชาครอบคลมวตถประสงค

1.3 เนอหาวชาท าใหเกดการพฒนาการเรยนร

1.4 รายละเอยดของเนอหาวชาจดเรยงล าดบความยากงาย

1.5 การใชค าและภาษาชดเจน

2. ดานแบบฝกหด

2.1 แบบฝกหดสอดคลองกบเนอหา

2.2 แบบฝกหดมมากพอทท าใหมความมนใจในความรทไดรบ

2.3 แบบฝกหดเปนความรเบองตนกอนเขาศกษา

3. การออกแบบเนอหา

3.1 ความเหมาะสมของการจดล าดบเนอหา

3.2 ความเพยงพอของสารสนเทศเบองตน

3.3 บทเรยนชวยใหผเรยนเกดองคความรในรายวชาทเรยน

3.4 วธสอนเหมาะกบเนอหาและผเรยน

4. โสตทศนปกรณ

4.1 ตวอกษรมความชดเจน

4.2 สแบคกราวดประกอบเหมาะสม

4.3 ภาพประกอบตรงเนอหาเหมาะกบกลมผเรยน

4.4 เสยงบรรยายชดเจน เหมาะสมสอดคลองกบเนอหา

54

แบบประเมนประสทธภาพดานความเปนสอการสอนเปนแบบมาตราสวนประมาณคา 5 ระดบ

ตามวธการของลเคอรท (Likert) (ลวน สายยศ และองคณา สายยศ,2538) โดยใหน าหนกคะแนน

เปรยบเทยบกบระดบความคดเหน ดงน

- ระดบความคดเหน 5 หมายถง ระดบความพงพอใจมากทสด

- ระดบความคดเหน 4 หมายถง ระดบความพงพอใจมาก

- ระดบความคดเหน 3 หมายถง ระดบความพงพอใจปานกลาง

- ระดบความคดเหน 2 หมายถง ระดบความพงพอใจนอย

- ระดบความคดเหน 1 หมายถง ระดบความพงพอใจนอยทสด

ดานเนอหา

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

รวบรวมผลของการตอบแบบสอบถามของผใชงานจ านวน 30 ทาน ไดผลตามตารางท 4.1

ตารางท 4.1 ผลการประเมนดานเนอหา (N=30)

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

3.70 ด

5. การใชค าและภาษาชดเจน 4.07 ด คาเฉลยรวม 3.77 ด

55

จากตารางท 4.1 เมอพจารณาคาความพงพอใจเฉลยของผใชงานบทเรยนคอมพวเตอรชวยสอน

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

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

ท 3.60 โดยมคาเฉลยรวมเทากบ 4.77 ทงหมดอยในเกณฑด

ดานแบบฝกหด

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

ไดรวบรวมผลของการตอบแบบสอบถามของผใชจ านวน 30 ทานไดผลตามตารางท 4.2

ตารางท 4.2 ผลการประเมนดานแบบฝกหด (N=30)

ความคดเหนของผตอบแบบสอบถาม คาเฉลย การแปลความหมาย 1. แบบฝกหดสอดคลองกบเนอหา 3.87 ด 2. แบบฝกหดมมากพอทท าใหมความมนใจในความรทไดรบ

4.00 ด

3. แบบฝกหดเปนความรเบองตนกอนเขาศกษา 3.83 ด คาเฉลยรวม 3.90 ด

จากตารางท 4.2 เมอพจารณาคาความพงพอใจเฉลยของผใชบทเรยนคอมพวเตอรชวยสอน

ดานแบบฝกหด พบวามคาเฉลยสงสดคอ แบบฝกหดมมากพอทท าใหมนใจในความรทไดรบมคาเฉลย

เทากบ 4.00 และมคาเฉลยต าสดคอแบบฝกหดเปนความรเบองตนกอนเขาศกษามคาเฉลยเทากบ 3.83

โดยมคาเฉลยรวมเทากบ 3.90 ทงหมดอยในเกณฑด

ดานการออกแบบเนอหา

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

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

ตารางท 4.3

56

ตารางท 4.3 ผลการประเมนดานการออกแบบเนอหา (N=30)

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

3.57 ด

4. วธสอนเหมาะกบเนอหาและผเรยน 4.07 ด คาเฉลยรวม 3.83 ด

จากตารางท 4.3 เมอพจารณาคาของผใชงานบทเรยนคอมพวเตอรชวยสอนแลว ดานการ

ออกแบบเนอหา พบวาหวขอมคาเฉลยสงสดกวธสอนเหมาะกบเนอหาและผเรยนเทากบ 4.07 และม

คาเฉลยต าสดคอ บทเรยนชวยใหผเรยนเกดองคความรในรายวชาทเรยนมคาเฉลยเทากบ 3.57 โดยม

คาเฉลยรวมเทากบ 3.83 ทงหมดอยในเกณฑด

ดานโสตทศนปกรณ

ผลการประเมนประสทธภาพดานโสตทศนปกรณของกลมผทรวบรวมผลของการแบบสอบถาม

ของผใชงานจ านวน 30 ทานไดผลตามตารางท 4.4

ตารางท 4.4 ผลการประเมนดานโสตทศนปกรณ (N=30)

ความคดเหนของผตอบแบบสอบถาม คาเฉลย การแปลความหมาย 1. ตวอกษรมความชดเจน 3.60 ด 2. สแบคกราวดประกอบเหมาะสม 3.93 ด 3. ภาพประกอบตรงเนอหาเหมาะกบกลมผเรยน 4.03 ด 4. เสยงบรรยายชดเจน เหมาะสมสอดคลองกบเนอหา

3.93 ด

คาเฉลยรวม 3.87 ด

57

จากตารางท 4.4 เมอพจารณาคาเฉลยของผทไดใชงานบทเรยนคอมพวเตอรชวยสอนในดาน

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

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

คาเฉลยเทา 3.60 โดยมคาเฉลยเทากบ 3.87 ทงหมดอยในเกณฑด

คาเฉลยรวมทง 4 ดาน

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

รวบรวมผลของการตอบแบบสอบถามของผใชงานจ านวน 30 ทานไดตาม ตารางท 4.5

ตารางท 4.5 ผลการประเมนรวมทกดาน (N=30)

ความคดเหนของผตอบแบบสอบถาม คาเฉลย การแปลความหมาย 1. ดานเนอหา 3.77 ด 2. ดานแบบฝกหด 3.90 ด 3. ดานการออกแบบเนอหา 3.83 ด 4. โสตทศนปกรณ 3.87 ด คาเฉลยรวม 3.84 ด

จากตารางท 4.5 เมอพจารณาคาเฉลยของผใชงานบทเรยนคอมพวเตอรชวยสอนรวมหมดทก

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

เมชนโดยน ามาหาคาเฉลยความพงพอใจจากกลมตวอยางทงหมด 30 ทาน ผลทไดอยในเกณฑด เปนไป

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

เมชนทตงไว

บทท 5

สรปผล

สารนพนธเรอง การสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอนหลกการ

พนฐานในงานแอนเมชน จากทท าการประเมนประสทธภาพดานความเปนสอการสอนของผทได

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

ปญหาและการแกไขพรอมทงไดใหขอเสนอแนะ ดงน

สรปผล

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

การเรยนและพฒนาการองคความร การศกษาพนฐานเปนสงจ าเปนส าหรบบคคลากรทจะกาวขนมา

เปนนกแอนเมเตอรชนน าในอนาคต แตดวยพนฐานของบคคลทยงไมเคยศกษาดานแอนเมชนมากอน

จงท าใหการท าความเขาใจในเนอหานนเปนเรองยาก ดงนนการพฒนากรรมวธการสอนทสามารถ

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

บคคลเหลานจงเปนสงทควรสงเสรมไมวาจะเปนดานองคความรหรอความสะดวกรวดเรวในการเขาถง

องคความรนนๆ

เมอคณะผจดท าสารนพนธไดท าการศกษารวบรวมองคความรในดานแอนเมชน จงได

พฒนาบทเรยนคอมพวเตอรชวยสอนเกยวกบองคความรดานแอน เมชนขนมา และไดตงชอวา

“บทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชน” คณะผจดท าสารนพนธไดปรบปรง

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

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

สนใจ ไดทดลองใชและกรอกแบบประเมนประสทธภาพดานความเปนสอการสอน

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

จากนกศกษามหาวทยาลยราชภฏเพชรบรณและบคคลทมความสนใจทงสน 30 คน โดยการแบงการ

ประเมนผลเปน 4 ดาน พบวา ระดบการประเมนผลดานเนอหา มคาเฉลยเทากบ 3.77 ระดบการ

59

ประเมนผลดานแบบฝกหด มคาเฉลยเทากบ 3.90 อยในเกณฑทด ดานการออกแบบเนอหา มคาเฉลย

รวมเทากบ 3.83 อยในเกณฑทด และสดทายดานโสตทศนปกรณโดยมคาเฉลยรวมเทากบ 3.87 อย

ในเกณฑทด รวมทง 4 ดานพบวามคาเฉลยรวมอยท 3.84 อยในเกณฑทด

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

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

อภปรายผล

บทเรยนคอมพวเตอรชวยสอนหลกการพนฐานในงานแอนเมชนมเนอหาทงหมด 12 หวขอ

ไดแก Timing, Ease in and Ease out, Arcs, Anticipation, Exaggeration, Squash and

Stretch, Secondary Action, Follow Through and Overlapping Action, Straight Ahead and

Pose to Pose, Staging, Appeal และ Personality น าไปหาประสทธภาพและทดลองใช พบวาม

คาเฉลยรวมอยท 3.84/5.00 ถอวามประสทธภาพในระดบทด สามารถใชงานไดจรงและตรงตาม

วตถประสงคทตงไว ซงสอดคลองกบผลการวจยของ บวหลน คงมง (2549) ทไดท างานวจยและสราง

CAI สอสอนการใชงานโปรแกรม Adobe After Effect 6.5 หลงการทดลอง CAI สอสอนการใชงาน

โปรแกรม Adobe After Effect 6.5 มผลการประเมนอยในเกณฑทมความเหมาะสมมาก หลงการ

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

นเมชนและ CAI สอสอนการใชงานโปรแกรม Adobe After Effect 6.5 พบวามความสอดคลองกน

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

ปญหาและการแกไข

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

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

ในงานแอนเมชนส าเรจพรอมทจะใชงานไดมปญหาตางๆ เกดขนมากมาย อาทเชน

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

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

จดเกดความคลาดเคลอนท าใหแสดงผลไดไมสมบรณ

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

สอนแสดงผลแบบเตมจอ (Full Screen) โดยอตโนมต

60

2. ปญหาเกยวกบการท าความเขาใจเนอหาของบทเรยนคอมพวเตอรชวยสอนหลกการ

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

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

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

ของคณะอาจารยทปรกษาสารนพนธ

3. ปญหาเกยวกบระบบปฏบตการคอมพวเตอรทใชในการพฒนาบทเรยนคอมพวเตอร

ชวยสอนหลกการพนฐานในงานแอนเมชน เนองจากโปรแกรม Windows ทใชเดมเปน Windows 8

ซงไมรองรบการท างานของโปรแกรม Adobe Flash Professionals CS5 ไดอยางครบถวน เกดการ

ผดพลาดของโปรแกรมบอยครง

การแกปญหา โดยการลง Windows ใหมใหเปน Windows Seven Professionals

ขอเสนอแนะ

1. ภาพเคลอนไหวและเสยงบรรยายควรใหมความเหมาะสมกบเนอหามากขน

2. การอดบนทกเสยงควรใชผทมความช านาญเฉพาะดาน เชน ประชาสมพนธหรอผ

ด าเนนรายการทางวทย เปนตน

บรรณานกรม จณภค รามสต. (2550). การสรางสอการตนภาพเคลอนไหวเพอพฒนาทกษะความฉลาดทางอารมณ

ส าหรบเดกอนบาล. ศลปะศาสตรมหาบณฑต มหาวทยาลยเชยงใหม. จ ารส กลนหน. 2544. การพฒนาบทเรยนคอมพวเตอรชวยสอน วชาเทคโนโลยสารสนเทศเพอการเรยนร

ส าหรบเรยน ทางอนเตอรเนต. วทยานพนธ. สถาบนราชภฏเชยงราย. เชยงราย

ฉววรรณ คหาภนนท. (2527). การจดท าหนงสอส าหรบเดก. กรงเทพฯ : อมรการพมพ. ชมพนท คณเลศกจ. (2530). พฒนาการและพฤตกรรมเดก. ภาควชาทนตกรรมส าหรบเดกคณะทตน

แพทยศาสตร มหาวทยาลยเชยงใหม. ทวรสม ธนาคม. (2525). พฒนาการเดก. กรงเทพฯ: สมาคมคหเศรษฐศาสตรแหงประเทศไทย ในพระ

บรมราชนปถมป. ทองม รปสง. 2547. การพฒนาเรยนคอมพวเตอรชวยสอน เรอง การออกแบบบทเรยนคอมพวเตอร

ชวยสอน. วทยานพนธ. มหาวทยาลยบรพา. ชลบร. ธรรมปพน ลอ านวยโชค. (2550). Intro to Animation : คมอส าหรบการเรยนรแอนเมชนเบองตน.

กรงเทพฯ: ฐานบค. ธรรมศกด เออรกสกล. (2547). การสรางภาพยนตร 2D อนเมชน : How to make 2D Animation.

กรงเทพฯ: มเดย อนเทลลเจนซ เทคโนโลย. นรนทรชย พฒนพงศา. (2542). การสอสาร-รณรงคเชงยทธศาสตรเพอเปลยนพฤตกรรมมนษย.

กรงเทพฯ: รวเขยว. นพนธ คณารกษ. (2547). หลกการวจารณภาพยนตรแอนเมชน [ระบบออนไลน]. แหลงทมา

http://home.kku.ac.th/faa_new/e-learning/Animation.htm. (25 มถนายน 2555). นพมาศ แพงพม. 2542. การเปรยบเทยบผลสมฤทธทางการเรยนและความชอบตอรปแบบของหนงสอ

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

บญชม ศรสะอาด และบญสง นลแกว. (กรกฎาคม 2535). การอางองกลมประชากรเพอใชเครองมอแบบมาตราสวนประมาณคากบกลมตวอยางการวดผลการศกษา . มหาวทยาลยศรนครนทรวโรฒมหาสารคาม. 3(1) : 22-25

บวหลน คงมง. 2549 . CAI สอสอนการใชงานโปรแกรม Adobe After Effect 6.5 .สารนพนธ วทยาศาสตรบญฑต.คณะเทคโนโลยการเกษตร มหาวทยาลยราชภฏเพชรบรณ. เพชรบรณ.

ปถพร วรรณกล. (2549). การพฒนาสอมลตมเดยเพอเสรมสรางการเรยนรเรองเศรษฐกจพอเพยง ใหแกนกเรยนชนมธยมศกษาปท 1 โรงเรยนหนาพระลาน (พบลสงเคราะห) จงหวดสระบร. ศลปะศาสตรมหาบณฑต มหาวทยาลยเชยงใหม.

ปราโมทย แสงพลสทธ. (2540). การออกแบบนเทศศลป 1. กรงเทพฯ: คณะศลปกรรมศาสตร สถาบนราชภฏสวนดสต.

พรประภา ธนเศรษฐ. (2546). ผลสมฤทธการเรยนของนกเรยนระดบประถมศกษา เรอง การทองเทยวเชง นเวศ ดวยการตนเคลอนไหว. ปรญญาศกษาศาสตรมหาบณฑต มหาวทยาลยเกษตรศาสตร.146

สรางค โควตระกล. (2544). จตวทยาศกษา. กรงเทพฯ: ส านกพมพจฬาลงกรณมหาวทยาลย. ส าราญ ผลด.(2547). พมพครงท 1. มอใหมหดเขยนการตน. กรงเทพฯ: วาดศลป.

ศรกาญจน ยมประยต. (2548). อทธพลของสอตอวยรน. วารสารวชาการคณะวทยาการจดการ มหาวทยาลยราชภฎอตรดตถบญเลศ.

อธกานต อนจะน า. (2549). การศกษาและพฒนาสอการตนภาพเคลอนไหวเพอสอนทกษะการคดส าหรบนกเรยนชนมธยมศกษาปท 1. ศลปะศาสตรมหาบณฑต มหาวทยาลยเชยงใหม.

อาร พนธมณ. (2546). จตวทยาสรางสรรคการเรยนการสอน. พมพครงท 1. กรงเทพ: ไยไหม เอดดเคท. บณฑตวทยาลย มหาวทยาลยบรพา .2547 .รวมบทคดยอวทยานพนธ ปการศกษา 2547 .ชลบร : มหาวทยาลยบรพา .(หนา 233)

อาจารยและนกศกษาสถาบนราชภฏชยงราย. 2544-2545. บทคดยองานวจย. เชยงราย. ส านกวจยและ บรการวชาการ. (หนา 135)

เอกรนทร วจตตพนธ. 2546. การพฒนาบทเรยน E-Learning วชาการสอสารขอมลส าหรบนกศกษาระดบประกาศนยบตรวชาชพชนสง สาขาวชาเทคนคคอมพวเตอร . สถาบนเทคโนโลยราชมงคลเทคโนโลยคอมพวเตอร. ปทมธาน.

Best, John W. (1977). Research in Education. (3rd ed). New Jersey : Prentice Hall. Electronic Visualization Laboratory (M/C 154) University of Illinois at Chicago 851 South

Morgan Street, Room 1120 SEO Chicago, Illinois, 60607-7053 Ollie Johnston, Frank Thomas. (1986).The ILLUSION OF LIFE: DISNEY ANIMATION. USA Richard Taylor. (2003). The Encyclopedia of Animation Techniques. New Jersey:

Chartwell Books. Richard Williams. (2001). The Animator’s Survival Kit. New York: Faber and Faber Inc.

ภาคผนวก

ภาคผนวก ก

ภาพกจกรรม

ภาคผนวก ข

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

ประวตผเขยน


ชอ นายฉตรฑพงศ เพชรบรณน สารนพนธเรอง การสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอน หลกการพนฐานในงานแอนเมชน สาขาวชา เทคโนโลยคอมพวเตอรอตสาหกรรม ประวตสวนตว วน เดอน ป เกด 15 ธนวาคม 2529 สถานทเกด โรงพยาบาลเพชรบรณ ทอยปจจบน 91/1 หม 4 ต.นางว อ.เมองเพชรบรณ จ.เพชรบรณ 6000 เบอรโทรศพท 081-6042157 ประวตการศกษา วฒ ชอสถานศกษา ปการศกษาทส าเรจ ประถมศกษา โรงเรยนอนบาลเพชรบรณ 2542 มธยมศกษาตอนตน โรงเรยนเพชรพทยาคม 2545 มธยมศกษาตอนปลาย กศน. อ าเภอเมองเพชรบรณ 2551 ปรญญาตร มหาวทยาลยราชภฏเพชรบรณ 2555 ประสบการณการท างาน พ.ศ. 2553 ไดรบการแตงตงใหท าหนาทรองประธานสโมสรนกศกษา คณะเทคโนโลยการเกษตร มหาวทยาลยราชภฏเพชรบรณ พ.ศ. 2554 ไดรบการแตงตงใหท าหนาทรองประธานสโมสรนกศกษา คณะเทคโนโลยการเกษตร มหาวทยาลยราชภฏเพชรบรณ พ.ศ. 2555 เขารบการฝกประสบการณวชาชพท บ.เดอะซสเตม เพชรบรณ จ ากด (Advice สาขา เพชรบรณ)


ชอ นายธนาวฒ บญอม สารนพนธเรอง การสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอน หลกการพนฐานในงานแอนเมชน สาขาวชา เทคโนโลยคอมพวเตอรอตสาหกรรม ประวตสวนตว วน เดอน ป เกด 22 กนยายน 2533 สถานทเกด โรงพยาบาลเพชรบรณ ทอยปจจบน 80 หม 3 ต.ชอนไพร อ.เมองเพชรบรณ จ.เพชรบรณ 67000 เบอรโทรศพท 080-9719607 ประวตการศกษา วฒ ชอสถานศกษา ปการศกษาทส าเรจ ประถมศกษา โรงเรยนอนบาลเพชรบรณ 2545 มธยมศกษาตอนตน โรงเรยนเพชรพทยาคม 2548 มธยมศกษาตอนปลาย โรงเรยนเพชรพทยาคม 2551 ปรญญาตร มหาวทยาลยราชภฏเพชรบรณ 2555 ประสบการณการท างาน พ.ศ. 2553 ไดรบการแตงตงใหท าหนาทคณะกรรมการสโมสรนกศกษา คณะเทคโนโลยการเกษตร มหาวทยาลยราชภฏเพชรบรณ พ.ศ. 2554 ไดรบการแตงตงใหท าหนาทเลขานการประธานสโมสรนกศกษา คณะเทคโนโลยการเกษตร มหาวทยาลยราชภฏเพชรบรณ พ.ศ. 2555 เขารบการฝกประสบการณวชาชพท ราน เยส ไอ ด กราฟฟค แอนด มลตมเดย เพชรบรณ


ชอ นายชยมงคล สงรง สารนพนธเรอง การสรางและการหาประสทธภาพบทเรยนคอมพวเตอรชวยสอน หลกการพนฐานในงานแอนเมชน สาขาวชา เทคโนโลยคอมพวเตอรอตสาหกรรม ประวตสวนตว วน เดอน ป เกด 8 กนยายน 2533 สถานทเกด โรงพยาบาลหลมสก ทอยปจจบน 55/1 ถ.ผดงราษฎร ต.หลมสก อ.หลมสก จ.เพชรบรณ 67110 เบอรโทรศพท 080-3406599 ประวตการศกษา วฒ ชอสถานศกษา ปการศกษาทส าเรจ ประถมศกษา โรงเรยนเทศบาลบานศรมงคล 2545 มธยมศกษาตอนตน โรงเรยนหลมสกวทยาคม 2548 มธยมศกษาตอนปลาย โรงเรยนหลมสกวทยาคม 2551 ปรญญาตร มหาวทยาลยราชภฏเพชรบรณ 2555 ประสบการณการท างาน พ.ศ. 2553 ไดรบการแตงตงใหท าหนาทคณะกรรมการสโมสรนกศกษา คณะเทคโนโลยการเกษตร มหาวทยาลยราชภฏเพชรบรณ พ.ศ. 2554 ไดรบการแตงตงใหท าหนาทคณะกรรมการสโมสรนกศกษา คณะเทคโนโลยการเกษตร มหาวทยาลยราชภฏเพชรบรณ พ.ศ. 2555 เขารบการฝกประสบการณวชาชพท บ.เดอะซสเตม เพชรบรณ จ ากด (Advice สาขา เพชรบรณ)

Documents

รูปเล่มสารนิพนธ์