ผกลาสงแวดลอม Environmentalists

จดท าโดย

นายพสกร ชนะพนธ

โครงการนเปนสวนหนงของวชาโครงการ หลกสตรประกาศนยบตรวชาชพชนสง สาขาวชาคอมพวเตอรกราฟก

สาขางานแอนเมชน วทยาลยเทคโนโลยอรรถวทยพณชยการ

ปการศกษา 2562

ค

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

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

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

คณะผจดท า

ง

คานา

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

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

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

คณะผจดทา

จ

สารบญ หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค คานา ง สารบญ จ สารบญรป ช สารบญตาราง ฌ บทท1 บทนา 1.1 ภมหลงและความเปนมา 1 1.2 วตถประสงคโครงการ 2 1.3 ขอบเขตการศกษา 2 1.4 ประโยชนทคาดวาจะไดรบ 2 1.5 ขนตอนการด าเนนงาน 2 1.6 แผนการด าเนนงาน (Gantt Chart) 3 1.7 กลมเปาหมาย 4 1.8 เครองมอ 4 1.9 งบประมาณการด าเนนงาน 4 บทท2 กรณศกษาและงานวจยทเกยวของ 2.1 ทฤษฎทเกยวของ 5 2.2 ศกษาประโยชน 20

2.3 รปแบบการน าเสนอ 20

2.4 กรณศกษาและงานวจยทเกยวของ 22

2.4 การน าคอมพวเตอรเขามาใชในระบบ 21 บทท3 วธการดาเนนงาน 3.1 ศกษาขอมลในการออกแบบ 24 3.2 แนวคดในการออกแบบ 24 3.3 การออกแบบตวละคร (Character design) 26

ฉ

สารบญ(ตอ) หนา

3.4 การออกแบบโครงรางตวละคร (Sketch) 27 3.5 การออกแบบ Flowchart 28 3.6 การออกแบบสตอรบอรด (Story Board) 29 บทท4 ผลการดาเนนงาน 4.1 การทดสอบโปรแกรม 34 4.2 ผลการทดสอบ 45 4.3 การปรบปรง 45

บทท5 สรปการทาโครงการ 5.1 ผลของการด าเนนการ 46

5.2 อภปรายผล 47

5.3 ขอเสนอแนะ 47

5.4 สรปแผนการด าเนนงาน (Gantt Chart) 48

5.5 สรปงบประมาณการด าเนนงาน 49 บรรณานกรม 50 บรรณานกรมรป 51 ภาคผนวก 52 - แบบประเมนหวขอโครงการ (CG01) - ใบขอเสนออาจารยทปรกษารวมโครงการ (CG02) - เสนออาจารยทปรกษารวมโครงการ (CG03) - ขอสอบโครงการ (CG04) - ใบบนทกรายงานความคบหนา อาจารยทปรกษาหลก และอาจารยทปรกษารวม (CG05) - ใบบนทกการเขาพบอาจารยทปรกษา (CG06) - แบบขออนมตสอบโครงการ สาขาวชาคอมพวเตอรกราฟก (CG07) ประวตผจดทาโครงการ 53

ช

สารบญรป หนา

รปท 2.1 การเดนแบบอนเมชน 6 รปท 2.2 ภาพจากการตน Howl's Moving Castle 7 รปท 2.3 ภาพจากแอนเมชนเรอง Dr.Stone 7 รปท 2.4 ภาพจากแอนเมชนเรอง ผกลาโลผงาด 8 รปท 2.5 Addictive Color (RGB) 11 รปท 2.6 แมสวตถธาต 13 รปท 2.7 วรรณะสเยน 13 รปท 2.8 วรรณะสรอน 14 รปท 2.9 วงจรส 14 รปท 2.10 ภาพจากโปรแกรม Adobe After Effect 18 รปท 2.11 รปเมอเปดโปรแกรม Adobe After Effect 19

รปท 2.12 โปรแกรมAdobe Flash CS6 19 รปท 2.13 ภาพ photoshop 20 รปท 2.14 ภายในโปรแกรม Adobe photoshop 20 รปท 2.15 ภาพประกอบเรอง YOUNAME 21 รปท 3.1 มารโอ เมาเรอ 23 รปท 3.2 เกา จราย ดายแดง 24 รปท 3.3 ออฟ ธตพงษ สเวก 25 รปท 3.4 แบบ มารโอ เมาเรอ (โอ) 26 รปท 3.5 แบบ เกา จราย ดายแดง (เอส) 27 รปท 3.6 แบบ ออฟ ธตพงษ สเวก (คนตดไม) 28

รปท 3.7 ฉากมตทสอง 29

รปท 3.8 ฉากมตแรก 29

รปท 3.9 Story Board เลาเรอง ผกลาสงแวดลอม 30 รปท 3.10 Story Board เลาเรอง ผกลาสงแวดลอม 31 รปท 3.11 Story Board เลาเรอง ผกลาสงแวดลอม 32 รปท 3.12 Story Board เลาเรอง ผกลาสงแวดลอมส าเรจ 33

ซ

สารบญรป(ตอ) หนา

รปท 3.13 สรางคาแรคเตอร 1 34 รปท 3.14 สรางคาแลคเตอร 2 34 รปท 3.15 สรางฉาก 1 35รปท 3.43 สรางฉาก 2 35รปท 4.3 ขนตอนการขยบตวละคร 36 รปท 3.45 ขนตอนน าฉากและตวละครมาใส 36

รปท 4.5 ขนตอนการโปรแกรม PS ตดกอนเมฆ 36

รปท 4.6 ใสเอฟเฟคเสยง 37

รปท 4.7 เรนเดอ ขนตอนโปรแกรม AE ตดเสยงซาวดเอฟเฟค 37

รปท 4.8 ผลงานสมบรณ 38

CG. 0301

เสนออาจารยทปรกษารวมโครงการ

สาขาวชาคอมพวเตอรกราฟก วทยาลยเทคโนโลยอรรถวทยพณชยการ

วนท 21 เดอนกรกฎาคม พ.ศ. 2562 เรอง ขอเรยนเชญอาจารยเปนทปรกษารวมโครงการ เรยน อาจารย สมนตรา แกนทาตาล ขาพเจา 1. นายพสกร ชนะพนธ รหสนกศกษา 37354 ระดบ ปวส. 2/36

มความประสงคจะขอเรยนเชญ อาจารย สมนตรา แกนทาตาล มาเปนทปรกษารวมโครงการของกลม

ขาพเจา ซงไดจดท าโครงการประเภท Animation 2D ชอโครงการภาษาไทย “ผกลาสงแวดลอม” พรอมนไดแนบเอกสารประกอบการเสนอหวขอโครงการมาดวย

จงเรยนมาเพอโปรดพจารณาอนมต ลายมอชอ................................................นกศกษา (นายพสกร ชนะพนธ)

ลายมอชอ................................................อาจารยทปรกษารวม (อาจารย สมนตรา แกนทาตาล)

ก

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

................................................... (อาจารยสรมาศ สภาพ)

อาจารยทปรกษา

................................................... (อาจารยสมนตรา แกนทาตาล)

อาจารยทปรกษารวม

................................................... (อาจารยสรมาศ สภาพ)

หวหนาสาขาวชาคอมพวเตอรกราฟก

ข

บทคดยอ

หวขอโครงการ ผกลาสงแวดลอม ผจดท าโครงการ นาย พสกร ชนะพนธ อาจารยทปรกษาหลก อาจารยสรมาศ สภาพ อาจารยทปรกษารวม อาจารยสมนตรา แกนทาตาล สาขาวชา สาขาวชาคอมพวเตอรกราฟก สาขางาน Animation 2D สถาบน วทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2562 --------------------------------------------------------------------------------------------------------------------------

บทคดยอ จากการท าโครงการ Animation 2D นนมจดมงหมายอยางหนงเพอใหนกศกษาทตองการศกษาเรอง การสราง Animation 2D และเพอใหผทสนใจในเรองนไดมความรและวธการ ท า Animation 2D โดยโปรแกรม Adobe Flash CS6 คณะผจดท าจงใชโปรแกรม Adobe Flash CS6 ในการสรางตว Character , Background ในการใสเสยงตดตอวดโอและสรางแอนเมชนโดยใชโปรแกรม Adobe Flash CS6 คณะผจดท าไดสราง Animation 2D เรอง ผกลาสงแวดลอม ขนเพอใหทานผชมไดรบประโยชนทจะศกษาเรอง Animation 2D ทพวกเราไดจดท าข นมา ผทจะศกษาจะไดรวธและขนตอนการท า Animation 2D ไดอยางถกวธ จากการใหผชม ตอบแบบสอบถามประเมนความพงพอใจ ผลการประเมนพบวามคา SD เทากบ 0.07 และคาเฉลย เทากบ 4.40ซงอยในระดบ มาก ตรงกบวตถประสงคของโครงการ

บทท 1

บทน ำ

1.1 ภมหลงและควำมเปนมำ ประวต Animation เมอตนครสตศตวรรษท 20 นกสรางภาพยนตรชาวญป นเรมทดลองใชเทคนคการสรางภาพยนตรการตนซง ก าลงถกพฒนาขนในสหรฐอเมรกาเพอสรางภาพยนตรการตนของตนเอง ในทศวรรษท1970 ภาพยนตรการตนญป นไดพฒนาลกษณะเฉพาะตวขนจนสามารถแบงแยกออกจาก ภาพยนตรการตนของสหรฐอเมรกาไดอยางชดเจน ยกตวอยางเชนภาพยนตรการตนหนยนตยกษซงไมสามารถหาไดในสหรฐ อเมรกาเลย ในทศวรรษท 1980 อะนเมะไดรบความนยมกวางขวางในญป น ท าใหธรกจการสรางอะนเมะเจรญเตบโตอยางรวดเรว และในทศวรรษท 1990 และ 2000 ชอเสยงของอะนเมะไดแพรขยายไปยงนอกประเทศญป น พรอมๆ กบการ ขยายตวของตลาดอนเมะนอกประเทศ ในปจจบน Animation 2D เปนสอ ทสามารถเขาถงไดงาย ทกเพศ ทกวย ทใหการหยบเรองราว อะไรกตามท ตองการทจะน าเสนอ มาท าเปน Animation 2D นน ไดรบความนยมคอนขางด น าเสนอใหคนทไดรบชม เขาใจไดงายและคอนขางทจะชดเจน เราจงน าเรองเกยวกบ การผจญภยและ รกษาสงแวดลอม การผจญภย และ รกษาสงแวดลอม คอการเดนทางไปในทตาง ๆ ซงจะท าใหทก ๆ คนไดรบรถงความหมาย ใน การผจญภย และ ไดสมผส ถงการออกเดนทาง การผจญภยและ รกษาสงแวดลอม หนงในปญหาของโลกเราทด าเนนเกดขนมาอยางเนนนาน นนกคอ ปญหาสงแวดลอม ปญหาสงแวดลอมเกดจากการทมนษยไดน าทรพยากรจากธรรมชาตมาใช จนเกดการเผาไหมขนไปบนชนบรรยากาศ หรอ ปญหาการทงขยะเนาลงในแมน าล าคลอง จนน าเกดความเนาเสย ท าลายระบบนเวศในน า กอใหเกดกาซพษ เปนตน เพราะฉะนนมนถงเวลาแลวทเราทกคนจะตองหนมาตระหนก และรวมมอรวมใจกนเพอชวยอนรกษธรรมชาตและสงแวดลอมใหคงอยสบตอไป วธการทเรายกมาแนะน าใหคณปฏบตตามในวนนเปนวธเรยบงาย สามารถท าไดในชวตจรงอยางไมล าบาก รวมทงคณสามารถปลกฝงลกหลานใหท าตามไดอกดวย ซงเนอหาของโครงการ Animation 2D น เราจะ น าเสนอเกยวกบ กลมวยรน ทตองการไป ชวยเหลอ สงแวดลอม แตตองไปพบกบ คนทก าลงท าราย สงแวดลอมอย แลวเกดเรองราว วนๆขน แลวเกดเรองราวหกมมตอนจบ

ส าหรบคนทไดเขามา โครงงาน Animation 2D น จะไดรบความรเกยวกบ การน าเสนอ เรองราว ของ Animation 2D เปนแอนเมชน ความยาว ประมาณ 3 นาท ทเสนอ เรองราว มมมอง

2

ของ ความกดดน และความสนกสนานไปกบการผจญภยและการรกษาสงแวดลอมออกมาเปนเรองมหศจรรย ในรปแบบ 2D และไดเหนจากตวละครในเรองวาจะสนกมากแคไหน 1.2 วตถประสงคโครงกำร 1.2.1 เพอท าใหขอมลทน าเสนอดนาสนใจ 1.2.2 เพอใหผคนไดเขาใจเรองของการรกษาสงแวดลอม 1.3 ขอบเขตกำรศกษำ 1.3.1 จดท า Animation 2D 1.3.2 ออกแบบ Character 1.4ประโยชนทคำดวำจะไดรบ 1.4.1 ขอมลมความนาสนใจและเขาใจได 1.4.2 ใหผคนหนมาสนใจในเรองของการรกษาสงแวดลอม 1.5 ขนตอนกำรด ำเนนงำน

1.5.1. ศกษาขอมลเบองตนท าการศกษาหาขอมลจรงทเกยวของกบเนอเรองทจะท าโครงการ

- ศกษาขอมลเบองตนเกยวกบการท า Animation 2D - การวางแนวคดของเนอเรอง สงแวดลอม 1.5.2. จดทาแบบราง คอบอกขนตอนในการดาเนนงาน - คดหวขอ, เนอเรองของโครงการทจะท า - ยนเสนอโครงการ Animation 2D - การท าแบบรางเนอเรอง , ตวละคร , และการท า Story Board - ท าการออกแบบตวละครทออกแบบไวดวยโปรแกรม - ท าโครงสรางของ Animation 2D - การใชโปรแกรม ในการท า Animation 2D

1.5.3. การวางแนวคด คอก าหนดแนวคดทตองการสอใหกบผรบชม เขาใจในเนอเรอง - อธบายเกยวกบ หลกการท างานของสงแวดลอม - ใชสอ Animation 2D ในการอธบายใหนาสนใจและเขาใจไดงายขน

3

1.6 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 62 กรกฎำคม 62 สงหำคม 62 กนยำยน 62

ระยะเวลำ 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

เสนอหวขอโครงการ รอบท 1 (บทท1)

25 มถนายน -

12 กรกฎาคม 62 ประกาศผลหวขอ

โครงการ รอบท 1

16 กรกฎาคม 62

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-19

กรกฎาคม 62 ประกาศผลหวขอ

โครงการ รอบท 2

20 กรกฎาคม 62

สงบทท 2 9 -16

สงหาคม 62

สงบทท 3 20-30 สงหาคม 62

สอบหวขอโครงการ (บทท 1-3)

3-7 กนยายน 62

สงความคบหนา 70% 10-14 กนยายน 62 สงความคบหนา 80% 14-28 กนยายน 62

รำยกำร พฤศจกำยน 62 ธนวำคม 62 มกรำคม 63 กมภำพนธ 63

หมำยเหต 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100% 1-9 พฤศจกายน

62 เปนตนไป

สอบโปรแกรม 24 พฤศจกายน 62

สงบทท 4 3-14 ธนวาคม 62 สงบทท 5 14-21 มกราคม 63 สงรปเลม ซด และคา

เขาเลม

22 มกราคม – 15 กมภาพนธ 63

ตำรำงท 1.1 แผนการด าเนนงาน(Gantt Chart)

4

1.7 กลมเปำหมำย 1.7.1 บคคลทวไปทมความสนใจรบชมงาน Animation 2D 1.7.3 บคคลทวไปทตองการศกษาหาขอมล 1.8 เครองมอ 1.8.1 Adobe Photoshop CC ใชในการแตงภาพและปรบขนาดภาพ 1.8.2 Adobe Flash CS6 ใชในกาท า animate 1.8.3Adobe After Effect 2019 ตดตอเสยง 1.9 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ 1 คากระดาษ A4 2 รม 300.00 บาท 2 คาหมกปรนเตอร 3 ตรบ 1,200.00 บาท 3 คาเขาเลมโครงการ 1 เลม 30.00 บาท 4 คาใชจายเบดเตรด - 30.00 บาท รวมเปนเงน 1960.00 บาท

ตำรำงท 1.2 งบประมาณการด าเนนงาน

บทท 2 เอกสารและขอมลทเกยวของ

เรอง ผกลาสงแวดลอม เปนงาน Animation 2D น าเสนอ เรองราวสนกสนานของวยรนสองคนท รกสงแวดลอม ตองไปเจอกบคนท ารายสงแวดลอม จนเกดเรองวนๆ ขน โดยเนอหาของเรองจะ สอดแทรกเกยวกบ สงแวดลอมตวละครภายในเรอง ใหเหนถงความหนานารก เกดแรงผลกดนมากๆ กบเหตการนวาจะ เปนแบบไหน และสงผลอยางไรออกมาและเพอใหไดเหนการท า และการน าเสนอ Animation 2Dวาจะออกมาในรปแบบ และ ทศทางไหน 2.1 ทฤษฎทเกยวของ 2.1.1 แอนเมชน 2 มต 2.1.2 ทฤษฎส จตวทยาของส 2.1.3 การออกแบบตวละคร (Character) 2.1.4 ทฤษฎสงแวดลอม 2.2 ศกษาประโยชน 2.2.1 ประโยชนของแอนเมชน 2 มต 2.2.1 รบรเกยกบสงแวดลอม 2.3 รปแบบการน าเสนอ 2.3.1 Animation 2D 2.4 โปรแกรมทใชในการออกแบบ 2.4.1 Adobe After Effect 2019 2.4.2 Adobe Photoshop CC 2.4.3 Adobe Flash CS6 2.5 กรณศกษาและงานวจยทเกยวของ 2.5.1 animation 2D เรอง YOUNAME 2.5.2 งานวจยการรกษาสงแวดลอม

2.1.1 แอนเมชน แอนเมชน (Animation) หมายถง กระบวนการทเฟรมแตละเฟรมของภาพยนตร ถกผลตขนตางหากจาก กนทละเฟรม แลวน ามารอยเรยงเขาดวยกน โดยการฉายตอเนองกน ไมวาจากวธการใชคอมพวเตอรกราฟก ถายภาพรปวาด หรอ หรอรปถายแตละขณะของหนจ าลองทคอย ๆ ขยบเมอนภาพดงกลาวมาฉาย ดวยความเรว ต งแต 16 เฟรมตอวนาท ขนไป เราจะเหนเหมอนวาภาพดงกลาวเคลอนไหวไดตอเนอง ทงนเนองจาก การเหนภาพตดตาในทาง คอมพวเตอร การจดเกบภาพแบบ อนเมชนทใชกนอยางแพรหลายในอนเทอรเนต ไดแกเกบในรปแบบ GIF MNG SVG และ แฟลชค าวา แอนเมชน (animation) รวมทงค าวา animate และ animator มากจากรากศพทละตน"animate" ซงมความหมายวา ท าใหมชวต ภาพยนตรแอนเมชนจงหมายถงการสรางสรรคลายเสนและรปทรงทไมมชวต ใหเคลอนไหวเกดมชวตขนมาได (Paul Wells , 1998 : 10 )แอนเมชน (Animation) หมายถง "การสรางภาพเคลอนไหว" ดวยการน าภาพนงมาเรยงล าดบกน และแสดงผลอยางตอเนอง ท าใหดวงตาเหนภาพทมการเคลอนไหวในลกษณะภาพตดตา(Persistence of Vision) เมอตามนษยมองเหนภาพทฉาย อยางตอเนอง เรตนาระรกษาภาพนไวในระยะสนๆ ประมาณ 1/3 วนาท หากมภาพอนแทรกเขามาในระยะเวลาดงกลาว สมองของมนษยจะเชอมโยงภาพทงสองเขาดวยกนท าใหเหนเป นภาพเคลอนไหวทมความตอเนองกน แมวาแอนเมชนจะใชหลกการเดยวกบวดโอ แตแอนเมชนสามารถน าไปประยกตใชกบงานตาง ๆไดมากมาย เชนงานภาพยนตร งานโทรทศน งานพฒนาเกมส งานสถาปตย งานกอสราง งานดานวทยาศาสตร หรองานพฒนาเวบไซต เปนตน สรปความหมายของแอนเมชนคอการสรางสรรคลายเสนรปทรงตางๆ ใหเกดการเคลอนไหวตาม ความคดหรอจนตนาการ

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

รปท 2.1 ภาพการเดนแบบแอนเมชน

6

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

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

รปท 2.2 ภาพจากการตน Howl's Moving Castle

Stop Motion หรอเรยกวา Model Animation เปนการถายภาพแตละขณะของหนจ าลองทคอยๆ

ขยบ อาจจะเปนของเลนหรออาจจะสรางตวละครจาก Plasticine วสดทคลายกบดนน ามนโดยโมเดลทสรางขนมาสามารถใชไดอกหลายครงและยงสามารถผลตไดหลายตว ท าใหสามารถถายท าไดหลายฉากในเวลาเดยวกน แตการท า Stop motion นนตองอาศยเวลาและความทมเทมาก เชน การผลตภาพยนตรเรอง James and the Giant Peach สามารถผลตได 10 วนาทตอวนเทานน วธนเปนงานทตองอาศยความอดทนมาก

รปท 2.3 ภาพจากแอนเมชนเรอง Dr.Stone

7

Computer Animation ปจจบนมซอฟททสามารถชวยใหการท าแอนเมชนงายขน เชนโปรแกรม Maya, Macromediaและ 2D Studio Max เปนตน วธนเป นวธทผประหยดเวลาการผลตและประหยดตนทนเปนอยางมาก เชน ภาพยนตรเรอง Toy Story ใชแอนเมเตอรเพยง 110 คนเทานน

รปท 2.4 ภาพจากแอนเมชนเรอง ผกลาโลผงาด

2.1.2 ทฤษฎส “ส” นบเปนสวนประกอบทส าคญมากในประสบการณการรบรสงตางๆของมนษย ยกตวอยาง

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

รปท 2.5 ภาพ Addictive Color (RGB)

RGB Color model รปแบบสทเกดจากแสงจะใชสแดง (Red), สเขยว (Green) และสน าเงน

(Blue) เปนแมสหลก เพอผลตแสงสในรปแบบตางๆ ยกตวอยาง เชนแสงสแดงผสมกบแสงสเขยวจะไดแสงสเหลอง หรอแสงสแดงผสมกบแสงสน าเงนกจะไดแสงสมวงแดง เปนตน

8

แนวคดของรปแบบส RGB นมพนฐานมาจากทฤษฎของนกฟสกส ‘ยงและเฮลมโฮลทซ’ (The Young-Helmholtz Theory – วาดวยการมองเหนสเกดขนเนองจากความแตกตางกนของเซลล Coneในเรตนา) RGB จงเปนรปแบบของสทใชอธบายปรากฏการณแสงเปนหลก ดงนนระบบดงกลาวจงถกน าไปใชประโยชนในการผลตสใหกบจอภาพแทบทกอยาง ไมวาจะเปนโทรทศน , โปรเจกเตอร และอนๆอกมากมายการรวมตวของสในรปแบบนเราเรยกกวาเป นการรวมตวแบบบวก (Addictive Color) เมอรวมตวกนทงสามแมสจะไดสขาว รปแบบของสทเกดจากวตถ (CMYK)

รปท 2.6 ภาพ Subtractive Color (CMYK)

CMYK เปนรปแบบสทถกก าหนดขนมาใหใชส าหรบงานศลปะหรองานสอสงพมพลงบนวตถประกอบดวย 4 แมสหลกไดแกสฟา (Cyan), สมวงแดง (Magenta), สเหลอง (Yellow) และสด า (Black)สาเหตทตองมสด าเนองจากวาการผสมสระหวางสฟา + สมวงแดง และสเหลองท าใหไดสด าทไมด าสนท ดงนนระบบพมพ 4 สจงหมายถง 4 แมสนนนเองการรวมตวของสในรปแบบนเราเรยกวาเปนการรวมตวแบบลบ (Subtractive Color) ทายทสดแลวการรวมตวของทกแมสจะไดสด า ซงตรงกนขามกบระบบ RGB

รปท 2.7 ภาพความสมพนธของ RGB และ CMYK

จากระบบสสองระบบทกลาวมานน ท าใหเราทราบถงความตรงกนขามของแตละแมสในทงสองระบบดวย ไดแก สแดงในระบบ RGB ตรงขามกบสฟาในระบบ CMYK, สเขยวในระบบ RGBตรงขามกบสมวงแดงในระบบ CMYK และ สน าเงนในระบบ RGB ตรงขามกบสเหลองในระบบ CMYK ทงหมดนเพราะสขาวในระบบแสงสตรงขามกบสด าในระบบสวตถธาต

9

รปท 2.8 ภาพวงลอส (Color Wheels)

หากผเรยนเคยเรยนวชาศลปะมากอน คงพอนกออกวามการพดถงวงลอสในลกษณะของแมสวตถธาต(รปแบบ RYB : จะใชสามแมสหลกคอ แดง – เหลอง – น าเงน ซงผสมแลวไดสด าเหมอนกบ CMYK)โดยน าแมสหลกมาผสมกน เมอไดสใดแลวใหแทรกระหวางสองแมสนนจนเปนการไลสในรปแบบวงลอ เราเรยกวาวงลอส (Color Wheel)ยกตวอยางรปแบบสจากวตถธาต : สเหลองผสมกบสน าเงนไดสเขยว, สแดงผสมกบสเหลองไดสสมผสมแบบนเรอยไปอยางทไดกลาวไวในชวงแรกวาไมวาจะเปนสจากระบบใดๆกตาม มความแตกตางของสทผลดไดอยเสมอ ผลลพธทไดนนจงไมใชวงลอสเพยงหนงเดยว หากแตเราไดวงลอสขนมาถงสามแบบ นนคอRYB, RGB และ CMYK (RGB ใชเปรยบเทยบความตรงกนขามของ CMYK แตเมอผลตสจรงๆแลวกยงมความคลาดเคลอนเสมอ)กายวภาคของส : สรอน, สเยน และสธรรมชาตผเรยนสงเกตบางหรอไมวา ‘ส’ คอ องคประกอบทส าคญมากในการน าเสนอภาพถาย ดงนนการทผเรยนมควรมความรความเขาใจเกยวกบสจงไมผดหากมความประสงคจะศกษาใหลกซงลงไป อยางไรกดการเลอกใชสตางๆในภาพถายนนควรมความสมพนธสอดคลองกบสงทตองการน าเสนอเพอมงเนนผลลพธใหไปในทศทางเดยวกนแจมชดมากยงขนกลมสตามชวงความยาวสเปกตรมขอแยกออกเปน 3 ชวงทจะไดพดถง ไดแก กลมสรอน (Warm Colors) : สแดง, สสม, สเหลอง และสชมพ, กลมสเยน (Cool Color) : สเขยว, สน าเงน และสมวง และกลมสดทายคอ กลมสธรรมชาต (Neutral Color) : สด า, สขาว, สเทา และสน าตาล กลมสรอน (Warm Colors) Red สแดง ความแขงแกรง, อารมณทฉนเฉยว, ความจดจาน, การเฉลมฉลอง, ความเจรญรงเรอง, ความเรว,พลงงาน, ความรอน, ความทะเยอทะยาน, ความเกรยวกราด, ความรก, ความรนแรง, ความส าเรจ เปนตน Orange สสม ความคดสรางสรรค, ความอบอน, ความสนกสนาน, พลงงาน, ความสมดล, การขยาย, ความเบกบาน,ความกระตอรอรน, ความเปลยนแปลง, ความเพลดเพลน, ความตนเตน เปนตน Yellow สเหลอง แสงแดด, ฤดรอน, ความคาดหวง, การมองโลกในแงด, จนตนาการ, ความเพอฝน, ความสข, ปรชญา,ความทจรต, ความขขลาด, ความหงหวง, การหลอกลวง,ความเจบป วย, มตรภาพ เปนตน

10

Magenta pink สชมพและมวงแดง สภาพสตร, ความหวาน, ความสะอาด, ความเปนเอกลกษณ, ความบรสทธ, ความคดสรางสรรค, การยอมรบ, การดแลเอาใจใส, ความรก, ความโรแมนตก,ความสงบ เปนตนกลมสเยน (Cool Colors) Green สเขยว ความสงบรมเยน , ความสดชน , ความชมชน, ความเอออาทร, ความสามคค , สขภาพ , เงนตรา, การฟนฟ,ความปลอดภย, การรกษา, ความเงยบสงบ, ความส าเรจ เปนตน Blue สฟาหรอสน าเงน สนตภาพ, ความสงบรมเยน, ความมนคง, ความสามคค, ความสามคค ความไววางใจ ความจรง ความเชอมนของ นกอนรกษ , การรกษาความปลอดภย ความสะอาด เพอ ความภกด , ฟ า , น า, เทคโนโลย ,ซมเศรา เปนตน Purple สมวง หวหนาหรอชนชนสง, จตวญญาณ, พธกรรม, ความลกลบ, การเปลยนแปลง, ภมปญญา, ตรสร,โหดราย, เกยรตยศ, หยงผยอง, การไวทกข, เทคโนโลย, สมยใหม, กาวหนา, ความกลาหาญ, ความมงคง เปนตน กลมสธรรมชาต (Neutral Colors) Black สด า ความมพลง, เอกลกษณแหงเพศ, ความซบซอน, ราคาแพง, ความเปนชาย, พธการ, ความสงางาม, ความมงคง, ความลกลบ, ความหวาดกลว, ความชวราย, ความทกข, ความลก, ความโศกเศรา, ส านกผด, นรนาม, การไวทกข, ความตาย White สขาว การแสดงความเคารพ , ความบรสทธ, การเกด, การตาย, ความเยอกเยน, ความเรยบงาย, ความสะอาด,ความสงบ, ความออนนอมถอมตน, ความแมนย า ,ความไรเดยงสา, การแตงงาน, เปนตน Grey สเทา การรกษาความปลอดภย, ความนาเชอถอ, ความฉลาด สขม, เจยมเนอเจยมตว, ศกดศร, การครบก าหนด,วยชรา, ความเศรา, ความนาเบอ, ความเปนทางการ, ความเปนมออาชพ เปนตน Brown สน าตาล โลก, ความมนคงเป นหลกเป นฐาน, ทอยอาศย, ความเป ดเผย, ความนาเชอถอ, ความสะดวกสบาย,ความอดทน, ความเรยบงาย เปนตน ทฤษฎของสถกน าไปใชในงานศลปะอยางแพรหลาย ถาหากผเรยนมความจรงจงและใสใจสตางๆ ทเลอกใชในงานยอมท าใหบรรลผลตรงตามความตองการไดงายมากยงขน เนอหาสวนนเปนเพยงภาคทฤษฎทชวยอธบายลกษณะของสตออารมณอยางกวางๆเทานน (เนองจากพนฐานทางความเปนจรงแลวมนษยแตละคนอาจมปฏกรยาตอบสนองตอสทตางกนออกไป)

11

2.1.3 การออกแบบตวละคร (Character) ปจจบนตวการตนไดกาวเขามามบทบาทส าคญอยางมากเชน สอภาพยนตรโฆษณา สอการเรยนการสอนและเกม การตนถกน าไปใชในหลายวตถประสงคดวยกน เนองจากเปนสอทชวยใหมนษยไดผอนคลายจากวถชวตในโลกแหงความเปนจรง การตนท าใหสามารถรบรและเขาใจเรองทตองการจะสอไดอยางรวดเรว เปนรปแบบทมการใชความรความเขาใจเกยวกบกายวภาคของคนและสตวมาชวยในการออกแบบ โดยใชวธการปรบเปลยนจากรปแบบปกตไปสการออกแบบทเกนจรง เชน จมกใหญปากหนา หกวาง มหาง สงส าคญอยทคณลกษณะและเอกลกษณของตวละครเป นหลก ตวละคร(character) หมายถงการตน สตวสงของ ทมบทบาทในการแสดงละคร ท าใหสามารถรบรและเขาใจเรองทตองการจะสอความหมายโดยโปรแกรมคอมพวเตอรกราฟก มหลกการออกแบบตวละครใหนาสนใจดงน

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

สวนประกอบส าคญในการออกแบบตวละคร การออกแบบตวละครคอ การจดองคประกอบเขาดวยกนใหเกดบคลกตาง ๆ ทสามารถสอบคลกของตวละครไดชดเจน การแบงสดสวนของตวละครจะแยกออกเปนสวนหว ตวแขน ขาและอน ๆ ไมควรมสดสวนเทากนเพราะจะท าใหดนาเบอ ตรงกนขามยงสดสวนมความแตกตางกนเทาไร ตวละครจะยงดเตะตามากขน เชน ตวใหญมากแตหวเลก หรอตวผอมแตหวโต เปนตน การสรางจดสนใจใหกบตวละครควรเนนทจดใดจดหนงเพยงจดเดยว เพราะหากวางจดสนใจไวหลายจดจะเกดการแขงกนเอง ท าใหบคลกตวละครดไมโดดเดนเทาทควร ซงการออกแบบตวละครขนอยกบสวนประกอบหลก 3 อยางคอขนาด (size) รปทรง (shape) และสดสวน(proportion) ดงน

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

2. รปทรง (shape) รปทรงหลก ๆ มอย 2 แบบ คอ Free Shape กบ Simple Shape โดย Free Shape คอรปทรงซงไมมโครงสรางและแบบแผนทแนนอน เชน ควนไฟ กอนเมฆ รอยหมกซมบนผา หรอแผนทประเทศตาง ๆ สวน Simple Shape คอรปทรงแบบงาย ๆ ไมยงยากไมสลบซบซอน มโครงสรางทแนนอน ไดแกวงกลม สามเหลยม สเหลยม ในการออกแบบตวละครศลปนกออกแบบจะใหความส าคญกบ Simple Shape มากกวา Free Shape เพราะ Simple Shape เปนรปทรงทสะดวกตอการใชงาน เตะตาผชมไดมากกวาจดจ างายและสามารถสอบคลกตวละครออกมาไดอยางชดเจน

12

3. สดสวน (proportion) ตวละครทมรปทรง (shape) และสดสวน (proportion) ผดเพยนไปจากความจรงมากเทาไรกจะยงมความเป นการตนมากขนเทาานน การสรางการตนจะตองเขยนใหเกนจรงหรอนอยกวา ความเปนจรง ซงสามารถท าไดหลายวธทงขยายใหใหญขนยดใหยาวออก บบใหเลกลง หรอหดหายไปเลยการเพม ลด ตดเนน เกยวของกบสดสวนอยางมาก

รปท 2.9 ตวอยางการแบงสดสวนตวละคร

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

รปท 2.10 ตวอยางการสรางสรรคสตวดวยรปทรงเรขาคณต

13

รปท 2.11 ตวอยางการสรางสรรคบานดวยรปทรงเรขาคณต

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

รปท 2.12 ตวอยางการออกแบบหนาตวละคร

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

รปท 2.13 ขนตอนการออกแบบตวละคร

14

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

รปธรรม (สามารถจบตองและมองเหนได) และนามธรรม (ตวอยางเชนวฒนธรรมแบบแผน ประเพณ ความเชอ) มอทธพลเกยวโยงถงกน เปนปจจยในการเกอหนนซงกนและกน ผลกระทบจากปจจยหนงจะมสวนเสรมสรางหรอท าลายอกสวนหนง อยางหลกเลยงมได สงแวดลอมเปนวงจรและวฏจกรทเกยวของกนไปทงระบบ 2.3 รปแบบการน าเสนอ 2.3.1 2D Animation2D Animation คอ ภาพเคลอนไหวแบบ 2 มต มองเหนทงความสงความกวาง ภาพทเหนจะมความเสมอนจรง เชน ภาพยนตรเรอง YOU NEAM เปนตนรปแบบของ Animation ม 3 แบบ คอ

1. Drawn Animation คอแอนเมชนทเกดจากการวาดภาพทละภาพหลายๆพนภาพ แตการฉายภาพเหลานนผานกลองอาจใชเวลาไมกวนาท ขอดของการท าแอนเมชนชนดน คอ มความเปนศลปะ สวยงาม นาชม แตขอเสย คอ ตองใชเวลาในการผลตมาก ตองใชแอนเมเตอรจ านวนมากและตนทนกสงตามไปดวย

2. Stop Motion หรอเรยกวา Model Animation เปนการถายภาพแตละขณะของหนจ าลองทคอยๆขยบ อาจจะเปนของเลนหรออาจจะสรางจาก plasticine วสดทคลายกบดนน ามน โดยโมเดลทสรางขนสามารถใชไดอกหลายครง และยงสามารถผลตไดหลายตว แตการท า stop motion ตองอาศยเวลาและความทมเทมาก เพราะบรษททผลตภาพยนตรเรอง James and Giant Peach สามารถผลตไดวนละ 10 วนาทเทานน 3. Computer Animation ปจจบนมซอฟแวรทสามารถชวยใหการท าแอนเมชนงายขน เชนโปรแกรม MAYA 3D MAX Adobe Flash เปนตน วธนเปนวธทประหยดเวลาการผลตและลดตนทนเปนอยางมาก เชน ภาพยนตรเรอง Toy Story ใชแอนเมเตอรเพยง 110 คนเทานน

15

2.4 โปรแกรมทใชในการออกแบบ 2.4.1 after effect

รปท 2.14 ภาพจากโปรแกรม after effect

after effect (โปรแกรมท าแอนเมชน สรางการตน Animation) โปรแกรม after effect โปรแกรมท าแอนเมชน 2 มต (2D) ชนสง ทหนงแอนเมชน ตางๆ นยมใชสรางกน นยมน าไปใชสรางการตน Animation 2 มต เรยกไดวาใครเปนนถอวาเทพเลยทเดยว โปรแกรม after effect ชนเทคโนโลยในการแสดงผลสมจรง โดดเดนกวา โปรแกรมท าแอนเมชน 2 มตในตลาดซอฟตแวรตอนนโดยโปรแกรมท าแอนเมชนนเป นโปรแกรมรปแบบ Open Architecture คอ งานทงหมดทคณไดสรางสรรคนนสามารถแปลงเป น Script ตางๆ ได รวมถงยงม API ทรองรบทง after effect Language (MEL), Python และภาษาอนๆ ไดนนเองการใชงานโปรแกรมท าแอนเมชน สรางการตน Animation นรองรบมาตรฐานตางๆ ดานงานกราฟก 3 มตทกประเภท เชน 2D Visual Effects, Computer Graphics และเครองมอในการ สรางการตนAnimation ราวกบวามทมงานสรางหนงแอนเมชน 2 มตอยใกลๆ ตวเลยครบ ดวยโปรแกรม Autodesk after effect คณสามารถจะสรางผลงานทว, พฒนาเกม และงานออกแบบตางๆ ไดอยางรวดเรวกลมเปาหมายของการใชงานโปรแกรม Autodesk Maya น คอ ผใชงานทกประเภทตงแตผเรมตนจนไปถงระดบ Professional เลยทเดยว ภายในโปรแกรมมวดสอนการใชงานโปรแกรมอยางครบถวนทกฟเจอร เชน การใช Keyframe, เลอกองคประกอบเฉพาะสวน และพรววการ Rendering เปนตน

16

2.4.2 Adobe After Effect โปรแกรม After Effect เปนโปรแกรมส าหรบงานทางดาน Video Compost หรองานซอนภาพวดโอ รวมถงงานทางดานการตกแตง หรอเพมเตม Effect พเศษใหกบภาพ โปรแกรม After Effect กคอโปรแกรม Photoshop เพยงแตเปลยนจากการท างานภาพนงมาเปนภาพเคลอนไหว ผทมพนทางดานการใชงานโปรแกรม Photoshop มากอน กจะสามารถใชงานโปรแกรม After Effect ไดงายมากข นโดยใชโปรแกรม Adobe After Effect ซงเปนโปรแกรมยอดนยมทางดาน Motion Graphic ใชในธรกจการตดตอภาพยนตร งานโทรทศน การสราง Project การใช Transition , Effect และ Plug in ตางๆ ในการท างาน การตดตองาน Motion Graphic เชน การบนทกเสยง , การท าเสยงพากย , การใสดนตร

รปท 2.15 รปเมอเปดโปรแกรม Adobe After Effect

ประกอบ นอกจากนยงมเทคนคพเศษตางๆ เชน การท าตวอกษรใหเคลอนไหว , การซอนภาพ รวมกบโปรแกรมยอดนยมตางๆ และการท า Mastering , การบนทกผลงานลงเทป DV , VHS และการแปลงไฟลเพอท า VCD , DVD After Effect เปนโปรแกรมทใส Effect ใหกบ ภาพยนตร ในข นตอนการตดตอ ไฟล ทน า เขามาใชในโปรแกรมนได เ กอบทกชนดไดท งภาพ นงภาพเคลอนไหวไฟลเสยง ยงถาเป นการท ามาจากโปรแกรม 3d แลวมาท าตอท After Effect จะท าใหงานสมบรณยงขน โดยทสามารถจะน าไฟลทงหลายเหลานมาใชงานรวมกน เพอใหไดงานทเปนภาพเคลอนไหวชนใหมออกมาจากโปรแกรม After Effects

17

รปท 2.16 ภาพภายในโปรแกรม Adobe After Effect

2.4.2 Adobe Photoshop CC

รปท 2.17 ภาพเปดโปรแกรม Adobe Photoshop CC

Adobe Photoshop CC ซงไดเพมคณสมบตใหมๆ เขาไปมากมายไมวาจะเปนการปรบแตงรปทมการสนไหวของกลองหรอการท ารปภาพใหกลายเปนภาพ 3 มตทมมตเพมมากขนกวาเดมและในรนนทางดานผพฒนาอยาง Adobe กไดเพมการขยายเวรกโฟลว 3 มตใหรองรบการใชงานกบหลายๆ ไฟลเชนไฟลจากโปรแกรม CAD หรอเครองสแกน 3 มตอนๆ เปนตน ในดานของความเรวในการใชงานนนกยงเพมประสทธภาพใหสามารถประมวลผลไดดยงขนพรอมกบการปรบปรงในดานของการสงพมพรป 3 มตใหดดมมตเหนจากชอหลายทานคงสงสยวาท าไมถงเปน CC ไมใช CS เหมอนทกท จรงๆ แลวน น โปรแกรม Adobe Photoshop CC นเปนโปรแกรมทพฒนามาตอจากโปรแกรม Adobe Photoshop CS รนตางๆ แตดวยทางผพฒนาโปรแกรมแตงรปอยาง Adobe ไดหยดการพฒนา โปรแกรม Adobe Photoshop CS แลวซงเราตางกทราบกนอยแลววา โปรแกรม Adobe Photoshop นนเปนโปรแกรมเครองมอขนเทพในการปรบแตง แกไขภาพหรอการสรางป ม ส าหรบการน าไปตอยอดในโปรแกรม Adobe Dream โดยในเวอรชน CC นกถดจดรวมมา

18

ใน Adobe Creative Cloud ซงไดรวมเอาโปรแกรม Adobe ทพฒนากวา 10 โปรแกรมมารวมไวดวยกน หากคณสามารถออกแบบมนไดคณกสามารถใช Adobe Photoshop CC ซงเปนซอฟตแวรเกยวกบภาพและการออกแบบกราฟกทดทสดในโลก คณสามารถสราง ปรบปรงภาพถายหรอภาพประกอบและงานศลปะ 3 มต ออกแบบเวบไซตและแอพมอถอ แกไขวดโอจ าลองภาพวาดในชวตจรงและอนๆ Adobe Photoshop CC คอทกสงทคณตองการเพอท าใหความคดของคณเปนจรง

รปท 2.18 ภายในโปรแกรม Adobe photoshop

2.4.3 Adobe Flash CS6

โปรแกรม Flash เปนซอฟตแวรท ชวยในการสรางสอมลตม เดย , ภาพเคลอนไหว (Animation), ภาพกราฟกทมความคมชด เนองจากเปนกราฟกแบบเวคเตอร(Vector), สามารถเลนเสยงและวดโอ แบบสเตรโอได, สามารถสรางงานใหโตตอบกบผใช(Interactive Multimedia) มฟงกชนส าหรบการเขยนโปรแกรม (Action Script) และยงท างานในลกษณะ CGI โดยเชอมตอกบการเขยนโปรแกรมภาษาอนๆ ไดมากมาย เชน ภาษา PHP, JSP, ASP, ASP.NET, C/C++, C#, C#.NET, VB, VB.NET, JAVAและอนๆ โดยเฉพาะขอดของโปรแกรม Flash คอ ความสามารถในการบบอดไฟลใหมขนาดเลก มผลท าใหแสดงผลไดอยางรวดเรว นอกจากนนยงแปลงไฟลไปอยในฟอรแมตอน ไดหลากหลาย เชน avi, mov, gif, wav, emf,eps, ai, dxf, bmp, jpg, gif, png เปนตน

โปรแกรม Flash เรมมชอเสยงประมาณป พ.ศ. 2539 จนถง ปจจบนไดถกน ามาใชงานอยางแพรหลาย โดยเฉพาะเทคโนโลยเวบ ท าใหการน าเสนอท าไดอยางนาสนใจ นอกจากน น โปรแกรม Flash ยงสามารถสรางแอพพลเคชน (Application) เพอใชท างานตางๆ รองรบการใชงานกบอปกรณท เชอมตอกบระบบเครอขายอนเตอรเนต และท างานไดกบหลายๆ แฟลตฟอรม (Platform)

19

รปท 2.19โปรแกรมAdobe Flash CS6 2.5 กรณศกษาและงานวจยทเกยวของ 2.5.1 YOUNAME เปนหนง ทถกสรางโดยทม เปนภาพยนตรอนเมะแนวจนตนมตของญป น ฉายใน ค.ศ. 2016 เขยนบทและก ากบโดยมาโกโตะ ชงไก สรางโดยคอมกซเวฟฟลม และจดจ าหนายโดย โทโฮ[2] อนเมะเรองนไดรบแรงบนดาลใจจากนวนยายเรอง เธอคอ... ทชงไกเขยน[3] สวนมาซาโยช ทานากะเปนผออกแบบตวละคร และแรดวมสแตงเพลงส าหรบภาพยนตรเปนงาน Animation 2D เกยวกบเรองราว มสฮะเปนเดกนกเรยนหญงในเมองอโตโมร เหนอยหนายกบชวตในชนบท และปรารถนาจะเปนหนมหลอ ณ กรงโตเกยวในชาตหนา ตอมา ทะกเดกนกเรยนชายในกรงโตเกยว ตนขนพบวา ตนเองคอมสฮะ สวนมสฮะกลบอยในรางของทะก ทะกและมสฮะเขาใจวา ตนสลบรางกน จงเรมตดตอสอสารกนโดยสงขอความทางกระดาษหรอโทรศพท ครนเวลาผานไป ตางคนเกดเรมคนชนกบราง และเรมกาวกายชวตของกน มสฮะชวยใหทะกสนทสนมกบมก โอะกเดะระ เพอนรวมงานหญง จนทงคนดหมายดใจกน สวนทะกกชวยใหมสฮะเปนดาวโรงเรยนภายหลง มสฮะบอกทะกวา จะมดาวหางในเรววนน สามารถมองเหนไดในเทศกาลทองถนเมองอโตโมร ตนตองการชมมาก วนถดมา ทะกจงตนขนพบวา ตนกลบอยในรางเดม แลวไปพบมกตามนดหมาย แตการดใจไมประสบผล นอกจากน ทะกยงตระหนกวา ตนและมสฮะไมสลบรางกนอกแลว ทะกจงตกลงใจออกตดตามหามสฮะ แตไมทราบแมแตชอบานชอเมองของเธอ จงเตรตระเวนไปทวชนบทญป น อาศยภาพทตนรางขนจากความทรงจ าในทสด พนกงานรานอาหารแหงหนงระลกไดวา ภาพนนคอเมองอโตโมร พนกงานคนนนแจงวา ดาวหางตกทเมองนเมอสามปกอน ท าลายเมองจนยอยยบ สงหารประชากรไปราวสามในส ทะกจงคนหาบนทกเกยวกบอบตการณครงนน

20

และพบวา มสฮะเปนหนงในผเคราะหรายทะกจงไปยงศาลเจาตระกลมสฮะ แลวพบวา ชวงเวลาของตนและมสฮะนนไมสมพนธกนเลย ทะกดมสาเกคชกะมกะเซะทมสฮะท าถวายไวในศาล หวงวาจะชวยใหตดตอกบรางมสฮะกอนเกดดาวตกได ฉะนน ทะกจงตนขนในรางของมสฮะ และพบวา ยงมเวลาชวยเมอง จงออกบอกเพอนฝงเรองดาวหาง และชวนกนโยกยายผคน ขณะนน ทะกเขาใจวา มสฮะบดนอยในรางตนทศาล จงมงหนาไปหาเธอทนนวญญาณของมสฮะตนขนในรางของทะก แลวออกเดนเรไปจนสดยอดภเขาทซงศาลตงอย แมจะรบรไดถงกนและกน แตทะกและมสฮะกลบหากนไมเจอ เพราะชวงเวลาของทงสองยงไมสมพนธกน ครนอาทตยตก ทะกและมสฮะระลกไดวา เปนยามโพลเพล ซงในภาษาญป นโบราณเรยก "คะวะตะเระ" (彼は誰) แปลตรงตววา "นนใครกน?" และยามโพลเพลนเองเปนเวลาททงคเคยคนสราง ดงนน ทงสองจงพบกบทะกบอกมสฮะใหชกน าบดาผหางเหนของเธอซงเปนนายกเทศมนตรเมองนนใหอพยพผคน ทงคจงเขยนชอกนและกนไวบนฝามอ จะไดหากนเจอเมอกลบสชวงเวลาของแตละคนแลว ทวา มสฮะอนตรธานไปกอนจะเขยนชอตนได สวนทะกนนกลบเขยนวา "ฉนรกเธอ" แทนชอของตน ดงนน เมอคนทงสองพยายามจะจ าชอของกน จงไรผล และทสดกลมเลอนซงกนแปดปใหหลง ปรากฏวา ชาวเมองอโตโมรทงหมดเอาชวตรอดจากเหตการณดาวตกได เพราะมสฮะชน าใหบดาด าเนนการอยางทนทวงท สวนทะกส าเรจการศกษาจากมหาวทยาลยและก าลงหางาน แตลก ๆ ยงคร าครวญหาอดตบางอยางมาตลอด ทะกพบวา ตนเองสนใจใครรเกยวกบเมองอโตโมรมาเสมอ เชน เมอเหนนตยสารเกยวกบเมองน หรอผคนจากเมองนทเคยพบพานมาในรางมสฮะ ครนแลว วนหนง ทะกและมสฮะกเหนกนขณะรถไฟทตนโดยสารผานพนกน ทงสองจงลงรถแลวออกคนหากน พวกเขาพบกน ณ ขนบนได ความรสกราวกบรจกกนมาเนนนานกเออทน กอนคนทงสองจะเอยปากถามชอกนและก

รปท 2.20 ภาพประกอบเรอง YOUNAME

21

2.5.2 งานวจยการรกษาสงแวดลอม การรสงแวดลอม ความตระหนกและแนวคดในการปรบตวตอสภาวะโลกรอน ของนกเรยนโรงเรยนสาธตมหาวทยาลยมหาสารคาม (ฝายมธยม) ชอนกวจย นายวฒศกด บญแนน ผสนบสนนทนวจย กองทนสขภาพกบสภาวะโลกรอน สถาบนสงแวดลอมไทย ปทผลงานวจยเสรจ 2558 ประเภทของงานวจย ประถม-มธยมศกษา บทคดยอ การวจยนมวตถประสงค เพอศกษาความรดานสงแวดลอม ความตระหนกตอสงแวดลอม และแนวคดการปรบตวตอสภาวะ โลกรอนของนกเรยนโรงเรยนสาธตมหาวทยาลยมหาสารคาม (ฝายมธยม) และเปรยบเทยบความร ความตระหนกตอสงแวดลอมและ แนวคดน าไปสการแสดงพฤตกรรมการปรบตวตอสภาวะโลกรอนโดยใชแบบวดความรเกยวกบสงแวดลอม แบบสอบถามความ ตระหนกตอสงแวดลอม และแบบสอบถามแนวคดการปรบตวตอสภาวะโลกรอน รวมกบกจกรรมรณรงคเกยวกบสงแวดลอมและ สภาวะโลกรอน กบนกเรยนกลมตวอยางทเปนนกเรยนระดบชนมธยมศกษาตอนปลายจ านวน 100 คน ผลการศกษาพบวา นกเรยน โรงเรยนสาธตมหาวทยาลยมหาสารคาม (ฝายมธยม)มความรทางสงแวดลอมในดานทรพยากรธรรมชาตและสงแวดลอม อยในระดบ ปานกลาง มความรดานนเวศวทยาอยในระดบสง แตมความรดานประเดนปญหาสงแวดลอมในระดบต า มความตระหนกตอ สงแวดลอมภาพรวมอยในระดบสงมความเขาใจและแนวคดการปรบตวตอสภาวะโลกรอนโดยรวมของนกเรยนพบวา อยในระดบทสง มากการเปรยบเทยบความร ความตระหนกทางสงแวดลอมของนกเรยนโรงเรยนสาธตมหาวทยาลยมหาสารคาม (ฝายมธยม) พบวา นกเรยนโรงเรยนสาธตมหาวทยาลยมหาสารคาม (ฝายมธยม) ทมเพศตางกนมความร ความตระหนกทางสงแวดลอม และแนวคดการ ปรบตวตอสภาวะโลกรอนในภาพรวม แตกตางกนอยางมนยส าคญทางสถตทระดบ .01จะเหนไดวา การจดการเรยนรมความส าคญตอ ความร ความตระหนกและแนวคดของนกเรยน ดงนนหากตองการใหนกเรยน เหนความส าคญของปญหาสงแวดลอมและสภาวะโลกรอน มความเขาใจทถกตอง โดยการเนนการบรณาการในการจดการเรยนรและการท ากจกรรม กจะสามารถพฒนา ความรเกยวกบ สงแวดลอม ความตระหนกตอสงแวดลอม และการเปลยนแปลงพฤตกรรมในการปรบตวตอสภาวะโลกรอนได

บทท 3 วธการดาเนนการศกษาศลปะนพนธ

3.1 ศกษาขอมลในการออกแบบ

งานAnimation 2Dไดจดท า โครงการเรอง ผกลาสงแวดลอมไดท าการศกษาจากงานวจยทเกยวของตาง ๆ ต งแตงานAnimation2Dทฤษฏสการออกแบบตวละคร และ การสรางเรองราว เกยวกบ เรองสนกสนาน ใหกลายเปนเรองราวเกยวกบ การรกษาสงแวดลอม ในโลกตางมต ซงน าเสนอ ออกมาในรปแบบของ Animation 2D จากการศกษาเรองของประโยชน ของ Animation 2D ท าใหไดรบรวา ปจจบนมการประยกตใช คอมพวเตอรกราฟกเขามางานรวมกบเทคโนโลยอน ๆ ตวอยางเชน การสรางภาพเคลอนไหวในงานภาพยนตร เกม สอประสมทมท งภาพและเสยง ศกษาบนเทง หรอภาพเคลอนไหวเสมอนจรง นอกจากการน า 2D อนเมชน มาประยกตใชกบสอตาง ๆเหลานแลว ยงน ามาใชอยางกวางขวางในงานดานออกแบบอกดวย และ เรองของการรกษาสงแวดลอม ทเราหยบมาน าเสนอ ในงาน Animation 2D ของเรา จะไดเหนถงความเปนลกษณะเดนของอนเมชน เรองราวใน Animation 2D เรองน 3.2 แนวคดในการออกแบบ เพอเปนการบอกเลาเรองราวของ การดแลสงแวดลอมของโลก และผลกระทบตางๆทกอใหเกดความสญเสยของธรรมชาตเพอใหผรบชมไดตระหนกถงความสญเสยในการตดตนไมท าลายปาและผลกระทบทตามมานน และหนมาใสใจดแลและรกษาสงแวดลอมใหมากขน 3.2.1 แนวความคดในการนาเสนอ เราตองการทจะน าเสนอ Animation 2D เรองนออกไป เนองดวย ปจจบน เรามกจะไดเหนงาน Animation 2D เยอะแยะมากมาย โดยสวนมาจะท าขนมาเพอนความบนเทงเปนหลก แตเราอยากจะน ามาปรบใหเกดประโยชนและใหสามารถเขาถงและเขาใจไดมากขนเกยวกบ สงแวดลอมเราจงน า 2 อยางนมารวมเขาดวยกนจนเกดเปนโครงงานน เพอนน าเสนอ ในรปแบบ Animation 2D ทสามารถดและเขาใจไดงายขน

23

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

2. เรองเนอจะเนนถงการถายทอดขอคดในการปลกฝง และสอออกมาในรปแบบของAnimation2D ทเขาถงการรกษาสงแวดลอมและการแกปญหาของการสญเสยการท ารายสงแวดลอม ทก าลงจะเกดขน 3.3 การออกแบบตวละคร การออกแบบตวละคร Character design ของงานจะมตวละครหลก ๆ อย 4 ตว ซงเราใชจดเดนของโครงเรองในการสรางตวละครออกมาใหเหมาะสมกบเนอเรองไดเปนอยางด ท าใหลกษณะของตว Character ออกมาในรปแบบทสามารถใชรวมกบตวงานไดเปนอยางด

3.3.1 การอางอง (Reference) โอ ขนตอนการออกแบบตวละคร Character นนตองมการอางองจากตวละครตนแบบอยางเชน มารโอ เมาเรอ ทมรปแบบ หนมวยรน ทด หาวเปน ผน า ชอบโดดเดน โดยจะดงลกษณะเดนของ มารโอ เมาเรอ ไมวาจะเปนใบหนา ผม รปราง ออกมาและท าการดดแปลงหรอแตง เตมตวละคร ในการ Design ตวละครออกมา

รปท 3.21มารโอ เมาเรอ

24

3.3.1 การอางอง (Reference) เอส ขนตอนการออกแบบตวละคร Character นนตองมการอางองจากตวละครตนแบบอยางเชน เกา จราย ดายแดง ทมรปแบบ หนมวยรน ทด เปนคน นงๆ ตามเพอน และเปนคน รกเพอนมาก จะดงลกษณะเดนของ เกา จราย ดายแดง ไมวาจะเปนใบหนา ผม รปราง ออกมาและท าการดดแปลงหรอแตงเตมตวละคร ในการ Design ตวละครออกมา

รปท 3.22 เกา จราย ดายแดง

25

3.3.1 การอางอง (Reference) คนตดไมขนตอนการออกแบบตวละคร Character นนตองมการอางองจากตวละครตนแบบอยางเชน ออฟ ธตพงษ สเวก ทมรปแบบ ชายวยท างาน ทตดตนไม ชอบท ารายสงแวดลอม โดยจะดงลกษณะเดนของ ออฟ ธตพงษ สเวก ไมวาจะเปนใบหนา ผม รปราง ออกมาและท าการดดแปลงหรอแตงเตมตวละคร ในการ Design ตวละครออกมา

รปท 3.23 ออฟ ธตพงษ สเวก

26

3.4 การออกแบบโครงราง ตวละคร 3.4.1 ตวละครทเปนรปแบบและ Character ทออกแบบแลว 1. ตวละครทเปนแบบ มารโอ เมาเรอ (โอ)

รปท 3.24 แบบ มารโอ เมาเรอ (โอ)

27

2. ตวละครทเปนแบบ เกา จราย ดายแดง (เอส)

รปท 3.25 แบบ เกา จราย ดายแดง (เอส)

28

4. ตวละครทเปนแบบ ออฟ ธตพงษ สเวก (คนตดไม)

รปท 3.26 แบบ ออฟ ธตพงษ สเวก (คนตดไม)

29

3.5 สถานทอางอง(Reference) ฉาก ฉากหลกๆในเรองนม ดวยกน 2 ฉาก

รปท 3.27 ฉากมตทสอง

รปท 3.28 ฉากมตแรก

30

3.6 Story Board เลาเรอง ผกลาสงแวดลอม ครงท 1

รปท 3.29 Story Board เลาเรอง ผกลาสงแวดลอม

31

3.7Story Board เลาเรอง ผกลาสงแวดลอม

ครงท 2

รปท 3.30 Story Board เลาเรอง ผกลาสงแวดลอม

32

3.8 Story Board เลาเรอง ผกลาสงแวดลอม ครงท3

รปท 3.31 Story Board เลาเรอง ผกลาสงแวดลอม

33

3.9 Story Board เลาเรอง ผกลาสงแวดลอม สาเรจแลว

รปท 3.32 Story Board เลาเรอง ผกลาสงแวดลอม

34

3.10 ขนตอนการดาเนนงาน

ในขนแรกตองเรมจากการขนโมเดลตวละครและฉากใชโปรแกรม Adobe Flash CS6

3.10 .1ขนตอนการปนโมเดลตวละคร

รปท 3.33 สรางคาแรคเตอร 1

3.10.2ขนตอนการปนโมเดลตวละคร

รปท 3.34 สรางคาแรคเตอร 2

35

3.10.3 ขนตอนการทาฉาก

จะเลอกค าสงอปกร Pencil Tool ในการวาดและท าเปนชนๆ

รปท 3.35 สรางฉาก 1

3.10.4 ขนตอนการทาฉาก

รปท 3.36 สรางฉาก 2

36

รปท3.37 ขนตอนการขยบตวละคร

รปท3.38 ขนตอนน าฉากและตวละครมาใส

37

รปท 3.39 ขนตอนการโปรแกรม PS ตดกอนเมฆ

รปท 3.40 ขนตอนโปรแกรม AE ตดเสยงซาวดเอฟเฟค

38

รปท 3.41 Animation2Dเสรจสมบรณ

บทท 4

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

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

ผจดท าไดสรางแบบฟอรม “แบบประเมนความพงพอใจทมตอโครงการ Animation2D เรอง ผกลาสงแวดลอม ใน Google Form เพอใหผเขาชมสะดวกในการเขาถง กลมเปาหมายทเปน ผสนใจสงแวดลอม นกเรยน นกศกษาทตองการรบชม ฯลฯ โดยใน กลมเปาหมายทเปน “ผสนใจสงแวดลอม” ทางผจดท าไดเขาไปสอบถามโดยใชการถามค าถาม เพอใหงายตอการประเมนกลมเปาหมาย มผเขารวมทดสอบและท าการประเมนจ านวน 5 คน ซงเปนบคคลทวไป โดยใชเครองมอแบบสอบถามในการประเมนมทงหมด 3 ตอน ประกอบดวย ตอนท 1 เปนขอมลสวนตวของผเขารบการประเมน ตอนท 2 แบบประเมนตอนท 2 เปนการประเมนความพงพอใจ ตอนท 3 ตอนท 3 ขอเสนอแนะ

แบบประเมนความพงพอใจทมตอสอ Animation2D เรอง ผกลาสงแวดลอม ค าชแจง แบบประเมนความพงพอใจทมตอสอ Animation2D เรอง ผกลาสงแวดลอม แบงเปน 3 ตอน

40

ตอนท 1 ขอมลสวนตวของผประเมน ค าชแจง กรณากรอกขอมลสวนตวของทานใหครบ เพศ ชาย หญง ระดบการศกษา อนบาล ประถม มธยมศกษาตอนตน มธยมตอนปลาย ปวช. ปวส. ปรญญาตร ปรญญาโท อาย 8-12 13-18 19-22 23 ขนไป แบบประเมนตอนท 2 เปนการประเมนความพงพอใจ ตอนท 2 ขอค าถามเกยวกบ Animation2D เรอง ผกลาสงแวดลอม ค าชแจง ท าเครองหมา ลงในชองวางทางดานขวาทตรงกบความคดเหนของทาน โดยเกณฑ การประเมนแบงออกเปน 5 ระดบ ดงน 5 หมายถง อยในระดบมากทสด 4 หมายถง อยในระดบมาก 3 หมายถง อยในระดบปานกลาง 2 หมายถง อยในระดบนอย 1 หมายถง อยในระดบนอยทสด

41

ดานเนอหา

หวขอประเมน ระดบความเหมาะสม

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

ตารางท 4.1 แบบฟอรมการประเมน

ดานการน าเสนอ

หวขอประเมน ระดบความเหมาะสม

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

ตารางท 4.2 แบบฟอรมการประเมน (ตอ)

ดานวตถประสงค

หวขอประเมน ระดบความเหมาะสม

5 4 3 2 1 1.ไดทราบขนตอนการท างาน Animation2D 2. ไดรบความรเกยวกบสงแวดลอม

ตารางท 4.3 แบบฟอรมการประเมน (ตอ)

42

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

รปท 4.1 ภาพแบบประเมนความพงพอใจ ใน Google Form

43

รปท 4.2 ภาพแบบประเมนความพงพอใจ ใน Google Form (ตอ)

44

รปท 4.3 ภาพแบบประเมนความพงพอใจ ใน Google Form (ตอ)

รปท 4.4 ภาพแบบประเมนความพงพอใจ ใน Google Form (ตอ)

45

รปท 4.5 ภาพแบบประเมนความพงพอใจ ใน Google Form (ตอ

43

4.2 ผลการทดสอบ ผลจากการประประเมนความพงพอใจของผเขารบชม Animation2D เรอง ผกลาสงแวดลอม พบวากลมเปาหมายทก าหนดไว มความพงพอใจในระดบท มาก ตามระดบความพงพอใจและเกณฑวดผลดงตอไปน 1.00 – 1.49 หมายถง มความพงพอใจ อยในระดบ นอยทสด 1.50 – 2.49 หมายถง มความพงพอใจ อยในระดบ นอย 2.50 – 3.49 หมายถง มความพงพอใจ อยในระดบ ปานกลาง 3.50 – 4.49 หมายถง มความพงพอใจ อยในระดบ มาก 4.50 – 5.49 หมายถง มความพงพอใจ อยในระดบ มากทสด ดานเนอหา

หวขอประเมน

ระดบความพงพอใจ (รอยละ)

คาเฉลย

S.D

ระดบความพงพอใจ

1. ความถกตองครบถวนสมบรณของเนอหา 4.8 0.45 มากทสด

2. ความชดเจนในการอธบายเนอหา 4.8 0.45 มากทสด

3. การเรยบเรยงเนอหาทเขาใจไดงาย 4.8 0.45 มากทสด

4. เนอหาสอดคลองคลองกบวตถประสงคของโครงงาน 4.6 0.55 มากทสด

5. เนอหามสาระและประโยชน สามารถน าไปประยกตใชงานไดในชวตประจ าวน

4.4 0.55 มาก

รวม 4.68 0.05 มากทสด

ตารางท 4.3 ผลการทดสอบความพงพอใจทมผลงาน

44

ดานการน าเสนอ

หวขอประเมน

ระดบความพงพอใจ (รอยละ)

คาเฉลย

S.D

ระดบความพงพอใจ

1. มความชดเจนของภาพ เสยง และตวอกษร 4.2 0.45 มาก

2. มการใชภาษาถกตองเหมาะสม 5 0.00 มากทสด

3. ความนาสนใจและเทคนคทใชในชนงาน 4.4 0.55 มาก

4. การด าเนนเรองอยางตอเนองเหมาะสมกบเวลา 4.8 0.45 มากทสด

5. การจดวางองคประกอบทเหมาะสม 4.8 0.45 มากทสด

รวม 4.64 0.22 มากทสด

ตารางท 4.4 ผลการทดสอบความพงพอใจทมผลงาน (ตอ)

ดานวตถประสงค

หวขอประเมน

ระดบความพงพอใจ (รอยละ)

คาเฉลย

S.D

ระดบความพงพอใจ

1. ไดทราบขนตอนการท างาน Animation2D 4.5 0.55 มากทสด

2. ไดรบความรเกยวกบสงแวดลอม 4.5 0.55 มากทสด

รวม 4.5 0 มากทสด

รวมทงหมด 4.61 0.11 มากทสด

ตารางท 4.5 ผลการทดสอบความพงพอใจทมผลงาน (ตอ)

4.3 การปรบปรง

- แกไขเรองเสยง เสยงพากยเบาไปเสยงพนพลงดงกวาเสยงพากย

บทท 5

สรปผลการท าโครงการ

5.1 ผลของการด าเนนการ

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

5.2.1 ไดทราบขนตอนการท างาน Animation 2D 5.2.2 ไดรบความรเกยวกบสงแวดลอม

5.3 อภปรายผล จากการด าเนนโครงการ Animation 2D เรอง ผ กลาสงแวดลอม ผ จดท าไดพฒนาสอ Animation 2D เรอง ผกลาสงแวดลอม เพอพฒนาทกษะการสรางและออกแบบ Animation 2D ในดานการท า Animation 2D ประเภท Animation 2D เรอง ผกลาสงแวดลอม นน มการใชโปรแกรม Adobe Illustrator CC ในการออกแบบคาแรคเตอร ใชโปรแกรม Adobe Flash CS6 ในการใสเอฟเฟคตาง ๆ เพอเปนการพฒนาความคดสรางสรรค และ การน าความรทไดจากการศกษาการออกแบบคาแรคเตอรมาใช

จากการทผชมไดรบชม Animation 2D และตอบแบบสอบถามประเมนความพงพอใจ ผลการประเมนพบวามคา SD เทากบ 0.11 และคาเฉลย เทากบ 4.61 ซงอยในระดบ มากทสด ตรงกบวตถประสงคของโครงการ

47

5.4 ปญหาทพบจากการท าโครงการ 5.4.1 เพอนรวมโครงการลาออก 5.4.2 การขยบตวของAnimation ซบซอน

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

5.5.1 ขอเสนอทวไป 1) ตวละครลกเลนยงนอยเกนไป 2) การน าเสนออาจยงไมสมบรณ 5.5.2 ขอเสนอแนะทางเทคนค 1) การใชเสยง Music Sound บางชวงทไมเขากบการเคลอนไหวของตวละคร 2) เสยงพากยยงเบาในบางชวง 3) การใชเอฟเฟคบางประเภททยงไมเหมาะสมกบตวคาแรคเตอร

48

5.6 สรปแผนการด าเนนงาน (Gantt Chart)

รายการ มถนายน 62 กรกฎาคม 62 สงหาคม 62 กนยายน 62

ระยะเวลา 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

เสนอหวขอโครงการ รอบท 1 (บทท1)

26-30 มถนายน 62

ประกาศผลหวขอโครงการ รอบท 1

6 กรกฎาคม 62

เสนอหวขอโครงการ รอบท 2 (บทท1)

11-13

กรกฎาคม 62 ประกาศผลหวขอโครงการ รอบท 2

17 กรกฎาคม 62

สงบทท 2 11-23

กรกฎาคม 62

สงบทท 3

26 ก.ค. –

20 ส.ค. 62 สอบหวขอโครงการ (บทท 1-3)

4-8 กนยายน 62

สงความคบหนา 70% 11-15 กนยายน 62 สงความคบหนา 80% 18-29 กนยายน 62

รายการ พฤศจกายน 62 ธนวาคม 62 มกราคม 63 กมภาพนธ 63

หมายเหต 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100% 1-3 พฤศจกายน 62 เปนตนไป

สอบโปรแกรม 11 พฤศจกายน

2562

สงบทท 4 1-15 ธนวาคม 62 สงบทท 5 15-19 มกราคม 63

สงรปเลม ซด และคาเขาเลม

22 มกราคม – 20 กมภาพนธ

2563

ตารางท 5.1 สรปแผนการด าเนนงาน(Gantt Chart)

49

5.7 สรปงบประมาณการด าเนนงาน

ล าดบ รายการ จ านวน ราคา

1 กระดาษ 1 ชด 300 บาท

2 หมกปรนเอกสาร 1 ชด 1,400 บาท 3 คาเยบเลมโครางการ 1 เลม 200 บาท 4 คาแผนซด 2 แผน 30 บาท 5 คาปรนแผนซด 2 แผน 30 บาท

รวม 1,960 บาท

ตารางท 5.2 งบประมาณการด าเนนงาน

50

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

ขอมล 20 กนยา 2562

Thanawat Boontan. (2558). การรกษาสงแวดลอมและธรรมชาต. คนขอมล วนท 23 กนยายน 2562, จาก

https://www.slideshare.net/thanawatboontan/animation-2d-1

Siriporn Chaimana. (2555). ความเปนมาของสงแวดลอม คนขอมล วนท 23 กนยายน 2562, จาก

http://siripornchaimana.blogspot.com/p/blog-page_4555.html

51

บรรณานกรมรป (2553). เครอง Adobe After Effects วนท 20 กนยายน 2562, จาก

https://www.rmutt.ac.th/download/20170405-AECS6.pdf (2555). เครองมอในโปรแกรม Adobe Flash CS6 วนท 20 กนยายน 2562, จาก

https://thesensei.info/illustrator/know-adobe-illustrator/ (2558). เครอง Adobe Photoshop CC วนท 20 กนยายน 2562, จาก

https://www.rmutt.ac.th/download/20170405-AECS6.pdf (2557). เครองมอวาดรปทรงเลขาคณตและรปทรงส าเรจรป วนท 20 กนยายน 2562, จาก

https://th.jobsdb.com/th-th/articles/rectangle-tool (2561). สขนท 1,2,3 วนท 20 กนยายน 2562, จาก

http://www.vorabhasd.co.th/Adv_Col_Wheel.htm

(2561). วงจรส วนท 20 กนยายน 2562, จาก

https://goterrestrial.com/2018/03/12/รจกกบ-color-wheel-วงจรส-และ-color-temperature/ (2561). สขนท 1,2,3 วนท 20 กนยายน 2562, จาก

http://www.vorabhasd.co.th/Adv_Col_Wheel.htm

(2561). สโทนรอนโทนเยน วนท 20 กนยายน 2562, จาก

http://www.vorabhasd.co.th/Adv_Col_Wheel.htm

(2558). พนฐานสรางการ แอนเมชน2D. คนขอมล วนท 23 กนยายน 2561, จาก https://www.slideshare.net/thanawatboontan/animation-2d-1 (2555). การออกแบบคาแรคเตอร. คนขอมล วนท 23 กนยายน 2561, จาก http://siripornchaimana.blogspot.com/p/blog-page_4555.html

51

53

ประวตคณะผจดท ำ

ชอ – สกล นายพสกร ชนะพนธ รหสนกศกษา 37354 วน / เดอน / ป เกด 7 ตลาคม 2541 ประวตการศกษา ปจจบนก าลงศกษาในระดบประกาศนยบตร

วชาชพชนสง (ปวส.) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561

ทอย แบรง48แยก2บานท288หม2อ าเภอเมองจงหวดสมทรปราการ

เบอรโทรศพท 0991238365 Facebook Passakorn Chanapun Line -

52

ภาคผนวก

- แบบประเมนหวขอโครงการ (CG01)

- เสนออนมตโครงการ (CG02)

- เสนอทปรกษารวมโครงการ (CG03)

- ขอสอบโครงการ (CG04)

- ใบบนทกรายงานความคบหนา อาจารยทปรกษาหลก และอาจารยทปรกษารวม (CG05)

- ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (CG06)

- ใบแบบฟอรมอนมตขนสอบโครงการ สาขาคอมพวเตอรกราฟก (CG07)

แบบประเมนหวขอโครงการ สาขาวชาคอมพวเตอรกราฟก CG 01

แบบประเมนหวขอโครงการ วนท 26 เดอนมถนายน พ.ศ. 2562

ประเภทโครงการ Animation 2D

ชอโครงการ ผกลาสงแวดลอมEnvironmentalists สมาชกคนท 1 นาย พสกร ชนะพนธ รหสนกศกษา 37354 ระดบ ปวส. 2/36 สวนท 1 รายการประเมน คะแนนเตมหวขอละ 4 คะแนน คะแนนเตม 20 คะแนน ประกอบดวย

1. ความเหมาะสมของหวขอ 2. ความเหมาะสมของเนอหาทมความสมพนธกบหวขอ 3. ความเหมาะสมของแนวคด 4. ประโยชนทรบจากโครงการ 5. ขอบเขตของโครงการ

*** เกณฑการประเมนทมระดบคะแนนตง 16 ขนไป จะไดรบการอนมตในการจดท าโครงการ *** กรณทไมผานตามเกณฑการประเมนใหนกศกษาท าการน าเสนอหวขอโครงการในครงตอไป

รายการ 20 คะแนน

1. ความเหมาะสมของหวขอ 2. ความเหมาะสมของเนอหาทมความสมพนธกบหวขอ

3. ความเหมาะสมของแนวคด

4. ประโยชนทรบจากโครงการ 5. ขอบเขตของโครงการ

รวม

ผาน ไมผาน สวนท 2 ความคดเหนของกรรมการ ......................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................... ________________________________________________________________________________________________________

ลงชอ ........................................ ลงชอ ........................................ คณะกรรมการ คณะกรรมการ ลงชอ ........................................ ลงชอ ........................................ คณะกรรมการ คณะกรรมการ

CG.02

ขอเสนอหวขอโครงการ

สาขาวชาคอมพวเตอรกราฟก วทยาลยเทคโนโลยอรรถวทยพณชยการ วนท 21 เดอน กรกฎาคม พ.ศ. 2562

เรอง ขอเสนออนมตท าโครงการ เรยน ประธานกรรมการพจารณาอนมตท าโครงการ ขาพเจา 1. นายพสกร ชนะพนธ รหสนกศกษา 37354 ระดบ ปว2. 2/36 มความประสงคท าโครงการ ประเภท Animation2D ชอโครงการภาษาไทย ผกลาสงแวดลอม ชอโครงการภาษาองกฤษ Environmentalists

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

ลายมอชอ................................................นกศกษา (พสกร ชนะพนธ) หวหนากลมโครงการ

ผาน ไมผาน ความคดเหนคณะกรรมการ ..................................................................................................................

............................................................................................................................................................................

ลงชอ ........................................ ลงชอ ........................................ คณะกรรมการ คณะกรรมการ

CG. 0301

เสนออาจารยทปรกษารวมโครงการ

สาขาวชาคอมพวเตอรกราฟก วทยาลยเทคโนโลยอรรถวทยพณชยการ

วนท 26 เดอนมถนายน พ.ศ. 2562 เรอง ขอเรยนเชญอาจารยเปนทปรกษารวมโครงการ เรยน อาจารย สรมาศ สภาพ ขาพเจา 1. นาย พสกร ชนะพนธ รหสนกศกษา 37354 ระดบ ปวส. 2/36 มความประสงคจะขอเรยนเชญ อาจารยสรมาศ สภาพ มาเปนทปรกษารวมโครงการของกลมขาพเจา ซงไดจดท าโครงการประเภท แอนเมชน 2 มต ชอโครงการภาษาไทย “ผกลาสงแวดลอม”

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

ลายมอชอ................................................อาจารยทปรกษารวม (นางสาวสมนตรา แกนทาตาล)

CG. 04

ขอสอบโครงการ

สาขาวชาคอมพวเตอรกราฟก วทยาลยเทคโนโลยอรรถวทยพณชยการ

วนท 21 เดอนกนยายน พ.ศ. 2562 เรอง ขอสอบโครงการ เรยน คณะกรรมการพจารณาการสอบปองกนโครงการ ขาพเจา 1. นายพสกร ชนะพนธ รหสนกศกษา 37354 ระดบ ปวส. 2/36 มความประสงคท าโครงการ ประเภท แอนเมชน2D ชอภาษาไทย ผกลาสงแวดลอม ชอภาษาองกฤษ Environmentalists โดยม อาจารยทปรกษาหลก คอ อาจารยสรมาศ สภาพ อาจารยทปรกษารวม คอ อาจารยสมนตรา แกนทาตาล พรอมนไดแนบเอกสารประกอบการขอสอบโครงการ ผลงานโปรเจค จ านวน 1 ชด เอกสารโครงการ (เอกสารบทท 1-3) จ านวน 1 ชด จงเรยนมาเพอโปรดพจารณาอนมต ------------------------------------------------------------------------------------------------------------------------------------- ลายมอชอ................................................นกศกษา (พสกร ชนะพนธ) หวหนากลมโครงการ

CG. 05 ใบบนทกรายงานความคบหนา อาจารยทปรกษาหลก และอาจารยทปรกษารวม

โครงการ ผกลาสงแวดลอม Environmentalists

---------------------------------------------------------------------------------------------------------------------- ทปรกษาหลกโครงการ อาจารยสรมาศ สภาพ

ทปรกษารวมโครงการ อาจารยสมนตรา แกนทาตาล ล าดบ รายการ วน/เดอน/ป อาจารยทปรกษาหลก อาจารยทปรกษารวม

ภาคเรยนท 1/2561 1 เสนอหวขอโครงการ รอบท 1 ....../....../...... 2 สงเอกสารบทท 1 ....../....../...... 3 สงเอกสารบทท 2 ....../....../...... 4 สงเอกสารบทท 3 ....../....../...... 5 สงเอกสาร และ PowerPoint เพอการ

น าเสนอ เอกสารบทท 1 - 3 ....../....../......

ภาคเรยนท 2/2562 6 สงคบหนาโปรแกรมโครงการ 70% ....../....../...... 7 สงคบหนาโปรแกรมโครงากร 80% ....../....../...... 8 สงคบหนาโปรแกรมโครงการ 100% ....../....../...... 9 สงเอกสาร และโปรแกรมโครงการ

เพอการน าเสนอ โปรแกรมโครงการ ....../....../......

10 สงโปรแกรมโครงการ ทแกไขแลว (ถาม)

....../....../......

11 สงเอกสารบทท 4 ....../....../...... 12 สงเอกสารบทท 5 ....../....../...... 13 สงเอกสารรปเลม ฉบบสมบรณ ....../....../...... 14 สงซด ....../....../...... 15 ช าระคาเขาเลม ....../....../......

CG. 06

ใบบนทกการเขาพบอาจารยทปรกษา สาขาวชาคอมพวเตอรกราฟก

วทยาลยเทคโนโลยอรรถวทยพณชยการ แผนท 1

ขาพเจา 1. นายพสกร ชนะพนธ รหสนกศกษา 37354 ระดบ ปวส. 2/364. นางสาวคอมพวเตอรปวช. 3/xx โครงการประเภท แอนเมชน2D เรอง ผกลาสงแวดลอม อาจารยทปรกษาหลก อาจารยสรมาศ สภาพ อาจารยทปรกษารวม อาจารยสมนตราแกนทาตาล

ครงท วนท หวขอการเขาพบ ลายเซน หมายเหต

CG. 07

แบบฟอรอนมตขนสอบโครงการ

แบบขออนมตสอบโครงการ สาขาวชาคอมพวเตอรกราฟก

วทยาลยเทคโนโลยอรรถวทยพณชยการ

วนท 21 เดอน กรกฎาคม พ.ศ 2562

เรอง ขอสอบโครงการ

เรยน ประธานกรรมการ ทปรกษาโครงการ

ขาพเจา 1. นายพสกร ชนะพนธ รหสนกศกษา 37354 ระดบ ปวส. 2/36

ขาพเจามความประสงคจะขอสอบโครงการเรอง ผกลาสงแวดลอม

ชอภาษาองกฤษ Environmentalists

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

1. ....................................................................... ประธานกรรมการ ลงนาม…………..……………………………….

2. ............................................................................ กรรมการ ลงนาม....................................................................

และก าหนดสอบโครงการ ในวนท…………………………………………….เวลา…………………..น. คณะผจดท าขอ

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

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

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

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

(ลงชอ)......................................................นกศกษา

(........................................................)

ความเหนประธานกรรมทปรกษาโครงการ ความเหนของอาจารยทปรกษารวมโครงการ

เรยน ประธานสาขาวชาคอมพวเตอรกราฟก …………………………………………. ………………………………………….

………………………………… ( นางสาวสรมาศ สภาพ )

ประธานสาขาวชาคอมพวเตอรกราฟก วนท………./……/………

เรยน อาจารยทปรกษารวมโครงการ …………………………………………. ………………………………………….

………………………………… (…………………………………)

อาจารยทปรกษารวม วนท………./……/………