การสรางอนเมชนประชาสมพนธ

ภาควชาเทคโนโลยคอมพวเตอรดวย Adobe Flash

นายจรายทธ แตงจนทก

นางสาวสจตรา ขนชย

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

ภาควชาเทคโนโลยคอมพวเตอร สาขางานคอมพวเตอรฮารดแวร ปการศกษา 2559

ลขสทธเปนของวทยาลยเทคนคมหาสารคาม

การสรางอนเมชนประชาสมพนธ

ภาค วชาเทคโนโลยคอมพวเตอรดวย Adobe Flash

นายจรายทธ แตงจนทก

นางสาวสจตรา ขนชย

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

ภาควชาเทคโนโลยคอมพวเตอร สาขางานคอมพวเตอรฮารดแวร ปการศกษา 2559

ลขสทธเปนของวทยาลยเทคนคมหาสารคาม

ใบรบรองโครงการ

วทยาลยเทคนคมหาสารคาม

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

จดท าโดย

นายจรายทธ แตงจนทก รหส 5831280023

นางสาวสจตรา ขนชย รหส 5831280022

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

หลกสตรประกาศนยบตรวชาชพชนสง(ปวส.)ภาควชาเทคโนโลยคอมพวเตอร สาขางานคอมพวเตอร

ฮารดแวร

คณะกรรมการตรวจสอบโครงการ

…………………………………………..…ประธานกรรมการสอบ

(นายสรวศ พมมวง)

……………………………………………กรรมการสอบ

(นายณฐธญ สวรรณทา)

………………………………………...กรรมการสอบ

(นายสวทย วงษจ าปา)

…………………………………………….กรรมการและครทปรกษา

(นายวศรต การถก)

วนท 30 มนาคม พ.ศ. 2560

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

การศกษาคนควาโครงงานเรอง อนเมชนประชาสมพนธภาควชาคอมพวเตอร ส าเรจลลวงได

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

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

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

สง

ขอขอบคณเพอนๆ ภาควชาเทคโนโลยคอมพวเตอร สมาชกในครวครวทใหการชวยเหลอ

สนบสนนและใหก าลงใจในการศกษาคนควาครงน

คณคาและประโยชนในการศกษาคนควาฉบบน ผศกษาคนควาขอมอบบชาพระคณบดา มารดา

คร อาจารย และผมพระคณทกทาน

นายจรายทธ แตงจนทก

นางสาวสจตรา ขนชย

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

นางสาวสจตรา ขนชย วฒการศกษา ประกาศนยวชาชพชนสง ภาควชาเทคโนโลยคอมพวเตอร สาขาคอมพวเตอร

สาขาวชาคอมพวเตอรฮารดแวร สถานศกษา วทยาลยเทคนคมหาสารคาม ครทปรกษาโครงการ นายวศรต การถก จ านวน 64 หนา ปการศกษา 2559

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

สารบญ

เรอง า

กตตกรรมประกาศ……….………………………………………………………………………………………….……..……...ก บทคดยอ…………………………………………………………………………………………………………………….…..…….ข สารบญ………………………………………………………………………………………………………………………………….ค สารบญ (ตอ)…………………………………………………………………………………………………………………………..ง

สารบญภาพ……………………………………………………………………………………..…………………………………....จ สารบญภาพ (ตอ)…………………………………………………………………………………………………………………….ฉ สารบญตาราง………………………………………………………………………………………………………………………....ช สารบญแผนภม………………………………………………………………………………………………………………………..ช

บทท 1 บทน า

1.1 ความเปนมาของโครงงาน .............................................................................................. 1

1.2 วตถประสงคโครงงาน .................................................................................................... 1

1.3 ขอบเขตของโครงงาน .................................................................................................... 1

1.4 แผนการปฏบตงาน ........................................................................................................ 1

1.5 เครองมอตางๆทใชในโครงงาน ...................................................................................... 1

1.6 ประโยชนทคาดวาจะไดรบ............................................................................................. 2

1.7 ระยะเวลาการด าเนนงาน .............................................................................................. 2

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

2.1 แอนเมชน (Animation) ................................................................................................ 3

2.2 Adobe Flash ............................................................................................................... 5

2.3 Aducity ...................................................................................................................... 11

2.4 ประเภทของการตน ..................................................................................................... 13

2.5 พนฐานการสรางงานแอนเมชน .................................................................................... 13

สารบญ(ตอ)

เรอง า

2.6 การสรางแอนเมชน ...................................................................................................... 13

2.7 ทศนศลป (Visual Arts) .............................................................................................. 14

2.8 ทฤษฎส (Theory of Color) ....................................................................................... 14

2.9 ระบบของส ................................................................................................................. 15

2.10 หลกการจดภาพเบองตน หรอ องคประกอบศลปะ (Composition) ......................... 16

2.12 มมกลอง (Camera Angle) ....................................................................................... 19

2.13 การเคลอนกลอง (Camera Movement) ................................................................. 21

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

บทท 3 การออกแบบและขนตอนการด าเนนการ

3.1 วสด อปกรณและโปรแกรมทใชในการด าเนนงาน ........................................................... 24

3.2 ขนตอนในการด าเนนงาน ................................................................................................ 24

3.3 การก าหนดความตองการของการตนแอนเมชน ............................................................... 26

3.4 ขนตอนและวธการด าเนนงานการศกษา .......................................................................... 27

บทท4 ขนตอนการทดลอง

4.1 ลกษณะทวไปของระบบ .................................................................................................. 36

บทท 5 สรปผลและขอเสนอแนะ

5.1 สรปผลด าเนนงาน ....................................................................................................... 37

5.2 ปญหาและอปสรรค ..................................................................................................... 37

5.3 แนวทางการน าไปใช .................................................................................................... 46

บรรณานกรม ............................................................................................................................... 39

ภาคผนวก.................................................................................................................................... 40

สารบญภาพ

หนา

รปภาพท 2.1 รปแสดง Drawning Animation ................................................................................ 3

รปภาพท 2.2 รปแสดง Stop Motion Animation ........................................................................ 4

รปภาพท 2.3 รปแสดง Computer Animation ............................................................................. 4

รปภาพท 2.4 รปแสดง โปรแกรมAdobe Flash ............................................................................. 6

รปภาพท 2.5 รปแสดง โปรแกรมAdobe Flash ............................................................................. 6

รปภาพท 2.6 รปแสดงเกมบนเวบบราวเซอร .................................................................................... 7

รปภาพท 2.7 รปแสดงแทบเครองมอหลก ........................................................................................ 8

รปภาพท 2.8 รปแสดงเครองมอ ....................................................................................................... 8

รปภาพท 2.9 รปแสดงเครองมอกลมเลอก........................................................................................ 9

รปภาพท 2.10 รปแสดงเครองมอกลมเลอก ..................................................................................... 9

รปภาพท 2.11 รปแสดงเครองมอกลมเครองมอกลมมมมอง (View) ................................................ 9

รปภาพท 2.12 รปแสดงเครองมอกลมสเสนและสพน (Colors) .................................................... 10

รปภาพท 2.13 รปแสดงเครองมอกลมเครองมอกลมTimeline ..................................................... 10

รปภาพท 2.14 รปแสดงเครองมอกลมเครองมอกลมมมมอง (View) .............................................. 10

รปภาพท 2.15 รปแสดงการถายภาพไกลมาก ................................................................................ 18

รปภาพท 2.16 รปแสดงการถายภาพไกล ....................................................................................... 19

รปภาพท 2.17 รปแสดงการถายภาพใกล ....................................................................................... 19

รปภาพท 2.18 รปแสดงการถายภาพClose up ............................................................................ 20

รปภาพท 2.19 รปแสดงการถายภาพใกลมาก ................................................................................ 20

รปภาพท 2.20 รปแสดงการถายภาพ Bird's eye view ................................................................ 21

รปภาพท 2.21 รปแสดงการถายภาพ Hight Angle ...................................................................... 22

รปภาพท 2.22 รปแสดงการถายระดบสายตา ................................................................................. 22

รปภาพท 2.23 รปแสดงการถายมมกลองระดบต า ........................................................................ 23

สารบญภาพ(ตอ)

หนา

รปภาพท 2.24 รปแสดงการแพน ................................................................................................... 23

รปภาพท 2.25 รปแสดงการซม ...................................................................................................... 24

รปภาพท 2.26 รปแสดงการซม ...................................................................................................... 24

รปภาพท 2.27 รปแสดงการดอลล ................................................................................................. 25

รปภาพท 2.28 รปแสดงการทรกต.................................................................................................. 25

รปภาพท 3.1 รปแสดงออกแบบคณเดล ......................................................................................... 29

รปภาพท 3.2 รปแสดงออกแบบเดกผชาย ...................................................................................... 30

รปภาพท 3.3 รปแสดงออกแบบเดกผหญง ..................................................................................... 30

รปภาพท 3.4 รปแสดงออกแบบคณ it support ........................................................................... 31

รปภาพท 3.5 รปแสดงออกแบบคณ SE ........................................................................................ 31

รปภาพท 3.6 รปแสดงออกแบบคณ SA ........................................................................................ 32

รปภาพท 3.7 รปแสดงออกแบบคณ AppDev ............................................................................. 32

รปภาพท 3.8 รปแสดงออกแบบคณ WebDev ............................................................................ 33

สารบญตาราง

หนา

ตารางท 1 แผนการปฏบตงาน .............................................................................................................. 2

ตารางท 2 การผสมส ......................................................................................................................... 16

ตารางท 3 ความตองการของระบบ ..................................................................................................... 28

ตารางท 4 ความตองการระบบของผใชขนต า ..................................................................................... 28

ตารางท 5 Story board..................................................................................................................... 28

ตารางท 6 แสดงคาเฉลยคาสวนเบยงเบนมาตรฐานของคณภาพดานโครงสราง .................................. 43

ตารางท 7 แสดงคาเฉลยคาเบยงเบนมาตรฐานของคณภาพดานการใชงาน ......................................... 45

สารบญแผนภม

หนา

แผนภมท 1 แสดงการแบงแยกจ านวนชายและหญง ........................................................................... 42

แผนภมท 2 แสดงคาเฉลย คาสวนเบยงเบนมาตรฐานของคณภาพดานโครงสราง ............................... 44

แผนภมท 3 แสดงคาเฉลย คาเบยงเบนมาตรฐานของคณภาพดานการใชงาน ..................................... 45

บทท1

บทน า

1.1 ทมาและความส าคญของโครงงาน

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

1.2 วตถประสงค

1.2.1 เพอใหผสนใจเขาศกษาตอในภาควชาเทคโนโลยคอมพวเตอร

1.2.2 เพอนกศกษาระดบมธยมศกษาปท 3และมธยมศกษาป 6 ไดสนใจเกยวในการศกษาตอ

ทภาควชาเทคโนโลยคอมพวเตอร

1.2.3 เพอสราง Animation อนเมชนประชาสมพนธภาคภาควชาเทคโนโลยคอมพวเตอร

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

1.3 เปาหมาย

1.3.1 เพอสราง Animation อนเมชนประชาสมพนธภาคภาควชาเทคโนโลยคอมพวเตอร

1.3.2 สามารถสรางสอ Animationไดดวยโปรแกรมflash

1.4 ขอบเขตของโครงงาน

1.4.1 ขอจ ากดการท างาน

1.4.1.1 เปนไฟล SWF ความยาวไมเกน3นาท

1.4.1.2 ใช Flashในการสราง

1.5 เครองมอตางๆทใชในโครงงาน

1.5.1 โปรแกรม Adobe Flash cs6

1.5.2 Wacom intuos

1.5.3 โปรแกรม MediBang Paint Pro

1.6 ประโยชนทคาดวาจะไดรบ

1.6.1 เพออนเมชนประชาสมพนธภาคภาควชาเทคโนโลยคอมพวเตอร

1.6.2 เพอการใชความรทไดเรยนมาๆสรางเปนผลงาน

1.6.3 เพอเปนการสรางผลงานใหกบภาควชา

1.7 ระยะเวลาการด าเนนงาน

จากการก าหนดหวขอวตถประสงคขอบเขตการศกษา และผลทคาดวาจะไดรบพบวาขนตอนการท างานตางๆ สามารถแบงไดเปน 13 สปดาห ดงตารางท 1.1

ตารางท 1 ระยะเวลาการด าเนนงาน

สปดาหท 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

เตรยมโครงงาน

เสนอโครงงาน

ปฏบตงาน

จดท ารปเลม

ตรวจสอบ

น าเสนอชนงาน

บทท2

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

2.1 แอนเมชน (Animation)

แอนเมชน (Animation) หมายถง กระบวนการทเฟรมแตละเฟรมของภาพยนตร ถกผลตขน

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

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

ภาพดงกลาวมาฉาย ดวยความเรว ตงแต 16 เฟรมตอวนาท ขนไป เราจะเหนเหมอนวาภาพดงกลาว

เคลอนไหวไดตอเนองกน ทงนเนองจาก การเหนภาพตดตาในทาง คอมพวเตอร การจดเกบภาพแบบอน

เมชนทใชกนอยางแพรหลายในอนเทอรเนต ไดแกเกบในรปแบบ GIF MNG SVG และ Flash

ค าวา แอนเมชน (animation) รวมทงค าวา animate และ animator มากจากรากศพท

ละตน"animare" ซงมความหมายวา ท าใหมชวต ภาพยนตรแแอนเมชนจงหมายถงการสรางสรรค

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

2.1.1 ชนดของแแอนเมชนสามารถแบงออกไดเปนสามชนดคอ

2.1.1.1 Drawn Animation คอแแอนเมชนทเกดจากการวาดภาพหลายๆพนภาพ

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

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

และตนทนกสงตามไปดวย

รปภาพท 2.1 รปแสดง Drawning Animation

2.1.1.2 Stop Motion หรอเรยกวา Model Animation เปนการถายภาพแตละขณะ

ของหนจ าลองทคอยๆขยบ อาจจะเปนของเลนหรออาจจะสรางตวละครจาก Plasticine วสดทคลายกบ

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

สามารถถายท าไดหลายฉากในเวลาเดยวกน

แตการท า Stop Motmotion นนตองอาศยเวลาและความทมเทมาก เชน การผลตภาพยนตร

เรอง James and the Giant Peach สามารถผลตได 10 วนาทตอวนเทานน วธนเปนงานทตองอาศย

ความอดทนมาก

รปภาพท 2.2 รปแสดง Stop Motion Animation

2.1.1.3 Computer Animation ปจจบนมซอฟททสามารถชวยใหการท าแแอนเมชน

งายขน เชน โปรแกรม Maya, Macromediaและ 3D Studio Max เปนตน

รปภาพท 2.3 รปแสดง Computer Animation

2.2 Adobe Flash

รปภาพท 2.4 รปแสดง โปรแกรมAdobe Flash

อะโดบ แฟลช (Adobe Flash) (ในชอเดม ชอกเวฟแฟลช - Shockwave Flash และ แมโครมเดยแฟลช - Macromedia Flash) เปนโปรแกรมทใชในการเขยนสอมลตมเดยทเอาไวใชสรางเนอหาเกยวกบ Flash ซงตว Flash Player พฒนาและเผยแพรโดย อะโดบซสเตมส (เรมตนพฒนาโดยบรษท ฟวเจอรแวร ตอนหลงเปลยนเปน แมโครมเดย ซงภายหลงถกควบรวมกจการเขากบ อะโดบ ) ซงเปนโปรแกรมทท าให เวบเบราวเซอร สามารถแสดงตวมนได ซงมนมความสามารถในการรองรบ ภาพแบบเวกเตอร และ ภาพแบบแรสเตอร และมภาษาสครปตทเอาไวใชเขยนโดยเฉพาะเรยกวา แอกชนสครปต (ActionScript) และยงสามารถเลนเสยงและวดโอ แบบสเตรโอได

แตในความหมายจรงๆ แลว แฟลช คอโปรแกรมแบบ integrated development

environment (IDE) และ Flash Player คอ virtual machine ทใชในการท างานงานของไฟล แฟลช

ซงในภาษาพดเราจะเรยกทงสองค านในความหมายเดยวกน: "แฟลช" ยงสามารถความความถง

โปรแกรมเครองมอตางๆตวแสดงไฟลหรอ ไฟลโปรแกรม

แฟลชเรมมชอเสยงประมาณป ค.ศ. 1996 หลงจากนน เทคโนโลยแฟลชไดกลายมาเปนทนยม

ในการเสนอ แอนเมชน และ อนเตอรแอกทฟ ในเวบเพจ และในโปรแกรมหลายๆ โปรแกรมระบบ

2.2.1 ความสามารถในการสรางชนงาน Interactive

ชนงาน Interactive คอ ชนงานทมการตอบสนองกบผใช เชน ผใชสามารถคลกเลอกเมนตางๆ

ได ซงสวนใหญงานประเภท Interactive ทสรางดวยโปรแกรม Flash นนจะน าไปใชเปนสอการสอน า

หรอหนาจอควบคมการท างานของแผน CD เปนตน

รปภาพท 2.4 รปแสดง โปรแกรมAdobe Flash

2.2.2 ความสามารถในการสรางชนงาน Animation

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

รปภาพท 2.5 รปแสดง โปรแกรมAdobe Flash

2.2.3 ความสามารถในการสรางเวบไซต (Website)

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

2.2.4 ความสามารถในการสรางเกม (Game)

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

รปภาพท 2.6 รปแสดงเกมบนเวบบราวเซอร

2.2.4 เครองมอใน adobe flash 2.2.4.1 แถบเครองมอหลก (Main Toolbar) แถบเครองมอควบคมการท างานหลก

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

ควบคมใหแสดง หรอไมตองแสดงโดยคลกเลอกค าสง Window, Toolbars, Main

รปภาพท 2.7 รปแสดงแทบเครองมอหลก

2.2.4.2 แถบเครองมอ (Toolbox) กลมเครองมอสรางงานและจดการวตถ

ประกอบดวยปมเครองมอยอยตางๆ สามารถเปด/ ปดดวยค าสง Window, Tools โดยสามารถแบง

เครองมอเปนหมวดๆ ได 5 หมวด คอ เครองมอ หมวดเลอกวตถ (Selection) เครองมอหมวดวาดภาพ

(Drawing) เครองมอจดแตงวตถ (Modify) เครองมอควบคมมมมอง (View) และเครองมอควบคมส

(Color)

รปภาพท 2.8 รปแสดงแทบเครองมอ

2.2.4.3 รายละเอยดของเครองมอกลมเลอก

รปภาพท 2.9 รปแสดงเครองมอกลมเลอก

รปภาพท 2.10 รปแสดงเครองมอกลมเลอก

2.2.4.3 รายละเอยดของเครองมอกลมมมมอง (View)

รปภาพท 2.11 รปแสดงเครองมอกลมเครองมอกลมมมมอง (View)

2.2.4.4 รายละเอยดของเครองมอกลมสเสนและสพน (Colors)

รปภาพท 2.12 รปแสดงเครองมอกลมสเสนและสพน (Colors)

2.2.4.5 Timeline & Layer เปนสวนส าคญทท าหนาทควบคมการน าเสนอผลงาน

สามารถเปด/ปดดวยค าสง Window, Timeline

รปภาพท 2.13 รปแสดงเครองมอกลมเครองมอกลมTimeline

2.2.4.6 Layer สวนควบคมการสรางชนวตถ เพอใหการควบคมวตถแตละชน มอสระ

และสะดวก ตอการแกไข ปรบแตง

รปภาพท 2.14 รปแสดงเครองมอกลมเครองมอกลมมมมอง (View

2.3 Aducity

Audacity เปนโปรแกรมปรบแตงเสยงทสามารถบนทก เลน และผสมเสยงหรอท า effect ดวย

ฟลเตอรตาง ๆ สามารถแกไขเสยงดวยการ cut, copy และ paste ทงยง undoไดอยางไมจ ากด และยง

สามารถผสมเสยงหลาย ๆ track เขาดวยกน และบนทกเปนไฟลเสยงไดหลายฟอรแมต เชน WAV, Ogg

Vorbis และ AIFF หรอใชฟอรแมตสวนตวของ Audacityเพอการปรบแตงทมประสทธภาพ Audacity

สามารถรองรบฟอรแมต MP3 โดยใช LAME MP3 encoder ภายนอก Audacity ม amplitude

envelope editor, spectrogram mode ทปรบแตงได และ frequencyanalysis window ส าหรบ

การใชงานวเคราะหเสยง Audacity ม effect ทมประโยชนเชน เพมเบส, Wahwah และก าจดเสยง

รบกวน Audacity เปนโปรแกรมทเรวและเสถยร ท างานไดทงบน Windows, Linux และ Mac OS X

โปรแกรม Audacityเปนฝมอของ Dominic Mazzoni และ Roger Dannerberg สองนก

ศกษาแหงมหาวทยาลย คารเนก เมลลอล คดคนขนเมอป 1999 และในป 2000 และกลายเปน Project

ในSourgeforge.net ศนยรวมของนกพฒนา OpenSource ระดบโลก จนตอนน ทมงานพฒนาจากแค

สองคนกลายมาเปน 30 กวาคน

2.3.1 ความสามารถของ Audacity

อดจาก Microphone / Line in หรอแหลงเสยงอนๆ Dub เสยงไปบน Track เดมเพอสรางการอดแบบ Multi Track อนเสยง 16 Channel ไดพรอมกน (แตตองหา Hardware อดเสยง 16 Channel มา

รองรบดวย) ปรบ Level Meter ระหวาง อด หรอกอนและหลงอดเสยงกได รองรบไฟลตอไปน WAV / AIFF / AU / Ogg Vorbis / MP3 (ตองใช Plugin เสรม) / และ

ไฟล RAW ได สามารถ Cut / Copy / Paste / Delete หวงเสยงไดทกรปแบบ ท า Undo / Redo กครงกได ตดตอไฟลใหญๆไดอยางรวดเรว ตดตอและ Mix เสยงก Track กได Fade เสยงเขาหรออกแบบนมๆกท าได

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

ลบเสยงบรรยากาศ เชนพวกเสยง hiss / hum และอนๆได ปรบแตงเสยงดวย Equalizer ได ม Effect 4 แบบใหเลอกใช ไดแก Echo / Phraser / WahWah / Reverse และหาดาวน

โหลด effect มาใสเพมได อดเสยงไดบนระบบ 16 / 24 / 32 bit ความถทอดไดสงสดท 96 Khz

2.3.2 Recording

การบนทกสามารถท าไดจาก ไมโครโฟน เครองมกเซอร เครองเลนเสยงจากภายนอก เชน เครองเลนเทป เครองเลนซด-ดวด หรอแหลงเสยงอนๆ อาทเชน

- การบนทกสยงการดเสยง (Sound Card) จากวทยอนเทอรเนต (Streaming) - บนทกจาก ไมโครโฟน (Microphone) สายสญญานเสยงเขา (Line Input) แหลงเสยง

ตางๆ - บนทกเสยงแบบหลายชอง (Multi-Tracks) - บนทกเสยงไดมากถง 16 ชองพรอมๆกน (โดยท างานรวมกบ Multi-Channel

Hardware) มเครองวดระดบเสยง ทงขณะบนทก และขณะตดตอ

2.2.3.2 Import and Export

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

- น าเขาและสงออกไฟลเสยงประเภท WAV, AIFF, AU, และ Ogg Vorbis files. - น าเขาไฟลเสยง MPEG audio (รวมทง MP2 และ MP3) ดวยการดาวนโหลดโปรแกรมไลบราลเพมเตมทชอวา libmad. - สงออกเปนไฟลเสยง MP3s โดยการใชโปรแกรมไลบราลเพมเตมชอ LAME encoder library. - สรางไฟลรปแบบ WAV หรอ AIFF ทพรอมส าหรบการบนทกลงแผนซด

- น าเขาและสงออกไฟลทกชนดทสนบสนโดย libsndfile.

- สามารถเปดไฟลประเภท raw (ซงไมมสวนหวของไฟล) audio files โดยการใชค าสง “Import Raw”

2.4 ประเภทของการตน ประเภทของการตนสามารถแบงออกได 4 ประเภท ดงน

2.4.1 การตนภาพเดยว (Cartoon) หมายถงการตนทเขยนลงกระดาษหรอวสดอนใดอาจจะเปนภาพนารกสวยงาม

2.4.2 ภาพลอเลยน (Caricature) เปนภาพลอเลยนบคคลส าคญทมชอเสยงตางๆมลกษณะทลอเลยนการเมองเปนสวนใหญ

2.4.3 การตนภาพตอเนอง (Comic) เปนการตนทเขยนเปนเรองตอนๆ มเรองราวหรอตวหนงสอบรรยายและมบทสนทนาของตวการตน 2.4.4 นยายภาพ (Illustrated Tale) เปนลกษณะของการเลาเรองตวละครพรอมดวยภาพทมลกษณะของกายวภาคทสมจรงมแสงเงาและมรายละเอยดทชดเจนในการด าเนนเรองจนจบห

2.5 พนฐานการสรางงานแแอนเมชน

2.5.1 การสรางสตอรบอรด

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

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

2.5.1.2 วางองคประกอบภาพในขนหยาบ

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

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

2.5.1.3 สหนา อารมณและทาทางของตวละคร

1) สตอรบอรดท าหนาทถายทอดสถานการณในขณะทตวละครตองเผชญในชวงเหตการณใดเหตการณหนงอาทเชน สนกสนาน โศกเศรา เครงเครยด โกรธ

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

2.5.1.4 ควบคมความตอเนอง

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

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

.2.6 การสรางแแอนเมชน

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

การสรางการเคลอนไหว (Animation) เปนการก าหนดการเคลอนไหวของโมเดล ซงสามารถท าไดหลายแบบ ทงการใสโครงราง (Bones) ใหกบโมเดล การก าหนดเสนทางการเคลอนท ของ

วตถ การเคลอนทดวยการใชกลอง รวมทงการตงคยเฟรมใหโมเดลเคลอนไหวไปตามคยเฟรมนน สรางฉาก จดแสงเงาและการวางกลอง (Light & Camera) หลกจากมโมเดลเปน ตวละครหลก ตอมาคอ การสรางฉาก สงแวดลอม จากนนกใหจดไฟและมมกลองใหเขากบฉากทสรางขนดวย เพอใหฉากทไดมความสมจรงตามเรองราวทเราไดวางไว ใสเอฟเฟกตและตกแตงชนงาน (Effects) ในโปรแกรมสรางงาน 2 มตสามารถท าเอฟเฟกตไดมากมาย เชน ไฟ ลม น า สายฟา แสงเลเซอร ท าใหงานของเรามความนาสนใจมากขน และชวยเรองราวดตนเตน สมจรงมากขน ประมวลผลชนงานและน าไปตดตอ (Rendering & Compositing) ขนตอนสดทายนนคอการประมวลผลชนงานหรอการเรนเดอร เปนการท างานไดไฟลภาพเคลอนไหว แลวน าไปตดตอเพมเตมในโปรแกรมตดตอใหเกดความราบรนของเนอเรอง เพอใหงานออกมาสมบรณแบบมากทสด

2.7 ทศนศลป (Visual Arts)

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

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

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

2.8 ทฤษฎส (Theory of Color)

ส (Color) คอลกษณะของแสงทปรากฏแกสายตาใหเหนเปนส ในทางวทยาศาสตรใหค าจ ากดความของสวา เปนคลนแสงหรอความเขมของแสงทสายตาสามารถมองเหน ในทางศลปะ สคอ

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

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

วงจรส ( Color Circle ) ส

สขนท 1 (แมส) สแดง สเหลอง สน าเงน

สขนท 2 สทเกดจากสขนท 1 หรอแมสผสมกนในอตราสวนทเทากน จะท าใหเกดสใหม 3 ส

สแดง ผสมกบสเหลอง ได สสม

สแดง ผสมกบสน าเงน ได สมวง

สเหลอง ผสมกบสน าเงน ได สเขยว

สขนท 3 สทเกดจากสขนท 1 ผสมกบสขนท 2 ในอตราสวนทเทากน จะไดสอนๆ อก 6 ส

สแดง ผสมกบสสม ไดส สมแดง

สแดง ผสมกบสมวง ไดสมวงแดง

สเหลอง ผสมกบสเขยว ไดสเขยวเหลอง

สน าเงน ผสมกบสเขยว ไดสเขยวน าเงน

สน าเงน ผสมกบสมวง ไดสมวงน าเงน

สเหลอง ผสมกบสสม ไดสสมเหลอง

ตาราง 2 การผสมส

2.9 ระบบของส

สแท (Hue) เปนสทมความเขม เปนคณสมบตแทๆ โดยตวของมนเอง ไมตองผสมดวยสขาวหรอด า หรอสอนๆ เลย ไดแก สสม สแดง สเหลอง สเขยว สมวง เปนตน สออน (Tint) หรอสจาง เกดจากการผสมดวย

สขาว (Light) เพอลดความเขมของส ใหมน าหนกออนลง มองดนมนวล ไดแก สเทาออน สฟาออน สชมพ สเขยวออน สแก (Shade) หรอสเขม เกดจากการผสมดวยสด า หรอสทเขมกวา เพอเพมน าหนกของสใหแกขน มองดเขมแขง ไดแก สเทาเขม สแดงเขม สเขยวเขม เปนตน วรรณะของส คอสทใหความรสกรอน-เยน ในวงจรสจะมสรอน 7 ส และสเยน 7 ส ซงแบงท สมวงกบสเหลอง ซงเปนไดทงสองวรรณะ สตรงขาม หรอสตดกน หรอสคปฏปกษ เปนสทมคาความเขมของส ตดกนอยางรนแรง ในทางปฏบตไมนยมน ามาใชรวมกน เพราะจะท าใหแตละสไมสดใสเทาทควร การน าสตรงขามกนมาใชรวมกน อาจกระท าไดดงน

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

เปนการน าเอาทศนะธาตทส าคญ ไดแก เสน รปราง รปทรง ส แสงเงา มาจดวางไดอยางลงตว มความเหมาะสมสวยงาม กลมกลน โดยค านงถงหลกการ 3 ประการ ไดแก ก. เอกภาพ (Unity) เปนสงของทมเพยงหนงเดยว หรอมสงของหลายอยางแตจดใหรวมกนเปนหนงเดยว รวมเปนกลมเดยวกน จดใหมความสมพนธเชอมโยงกน ข. ความสมดล (Balance) คอ การจดลกษณะของภาพขางซายและขางขวาใหมความเหมาะสมกน อาศยความรสกในการดมากวาทจะน าสงของไปชงน าหนกวาเทากน ค. จดเดน หรอจดสนใจ (Dominance or Interesting Point) เปนการจดความชดเจน ความสวาง ความสดใส ความเขมใหปรากฏมากกวาสวนอน ชนดของการจดภาพ

2.11 ขนาดภาพ

ขนาดภาพจดวาเปนสงทมส าคญมากอยางหนงในการถายท าภาพยนตร เพราะวาภาพสามารถ ถายทอดความรสกของนกแสดงบอกเลาเรองราวตางๆ ใหกบผชมไดเขาใจถงเนอหาของภาพยนตร ขนาดภาพจงเปนตวก าหนดสงทตองการน าเสนอ วาตองการใหผชมเหนหรอไมเหนสงใดในฉากองคประกอบตางๆ เหลานเกดขนจากผสรางภาพยนตรทจะเลอกตงกลองในมมใด ระยะหางจากสงทถายเทาใด และใชภาพขนาดใดเปนตวบอกเลาเรอง ขนาดภาพจงเปนสงทจ าเปนมากทจะตองเรยนรพอๆ กบเรองอนในการสรางภาพยนตร 1. ภาพไกลมาก (Extreme Long Shot หรอ ELS) ลกษณะนกลองจะตงอยไกลจากสงทถายมาก ซงภาพทไดจะเปนขนาดภาพมม-กวาง ผชมสามารถมองเหนองคประกอบของฉากไดทงหมด สามารถมองเหนสงทถายไดเตมสดสวน แมสงทถายนนจะมขนาดเลกกตาม ซงภาพลกษณะน จะใชเปนภาพแนะน า-สถานท เหมาะส าหรบการปเรอง เรมเรอง ซงภาพยนตรในตางประเทศนยมใสไตเตลสวนหวไวในฉากประเภทนตอนทภาพยนตรเรมเขาเนอเรองภาพขนาดไกลนจะสรางความรสกโออา อลงการ แสดงออกถงความใหญโตของสถานท ความนาเกรงขาม ความยงใหญ และยงสามารถสรางความประทบใจรวมถงสรางความประทบใจใหกบผชมไดอกดวย เชน กลมเรอโจรสลดก าลงแลนเรอออกสทะเลกวางโดยมเรอของหวหนาโจรสลดแลนออกเปนล าหนา ตามดวยกลมเรอลกนองอกนบ 10 ล า โดยใชภาพขนาดไกลมาก ตงกลองในมมสงท าใหผชมเหนถงความยงใหญและนาเกรงขามของโจรสลดกลมน เปนตน

รปภาพท 2.15 รปแสดงการถายภาพไกลมาก

2. ภาพไกล (LongShot หรอ LS) ขนาดภาพแบบนไมสามารถทจะก าหนดระยะหางระหวางกลองกบสงทถายได แตจะก าหนดโดยประมาณวาสงทถายจะอยในกรอบภาพ (Frame) พอด ถาเปนคนศรษะจะพอดกบกรอบภาพดานบนสวนกรอบภาพดานลางจะพอดกบเทาหรอบางครงกอาจจะเหลอขอบเฟรมดานบนและลางไวบางทงนกขนอยกบความเหมาะสมของแตละซน ซงภาพลกษณะนสามารถเหนบคลกอากปกรยาการแสดง การเคลอนไหว ต าแหนงทอยในการแสดงหรอในฉาก ดวยเหตนจง

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

รปภาพท 2.16 รปแสดงการถายภาพไกล

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

รปภาพท 2.17 รปแสดงการถายภาพใกล

4. ภาพใกล (Close-Up หรอ CU, Close Shot หรอ CS) ผชมจะมองเหนนกแสดงตงแตไหลขนไปเปนขนาดภาพทผชมสามารถเขาถงอารมณของนกแสดงไดมากทสดเพราะการใชภาพขนาดใกลถายบรเวณใบหนาของนกแสดงจะสามารถถายทอดรายละเอยดเกยวกบอารมณความรสกทอยภายในของนกแสดงไดอยางชดเจนมาก นอกจากนยงจะท าใหผชมไดรสกใกลชดกบสงทถายอกดวย ทงนเพอท าใหเขาใจถงรายละเอยดของวตถตางๆ ตามเนอหาทก าลงน าเสนอ และภาพขนาดใกลนยงสามารถบงคบใหผชมสนใจในวตถทกลองก าลงถายหรอสงทก าลงน ามาเสนออยกได ดงรปท 2.17

รปท 2.18 รปแสดงการถายภาพClose up

5. ภาพใกลมาก (Extreme Close-Up Shot หรอ ECU, Big Close-Up Shot หรอ BCU) เปนภาพทถายในระยะใกลมากๆ ทงนเพอเปนการเนนสงทถาย เพอใหผชมเหนรายละเอยดของวตถ หรอเพอเพมความเขาใจในกรณทวตถมขนาดเลกมากๆ เชน การถายอปกรณอเลกทรอนกส เครองมอชางอาวธ เปนตน การถายใบหนานกแสดงเพอเปนการเนนอารมณของนกแสดง เชน จบภาพทดวงตาของนกแสดงท าใหเหนน าตาทก าลงไหลออกจากดวงตาและทงหมดนเปนขนาดภาพทนยมน ามาใชถายทอดเรองราวของภาพยนตร ซงตามความเปนจรงแลวสามารถทจะประยกตหรออาจดดแปลงขนาดภาพไปเปนอยางอนไดผดอะไรเพยงแตทงหมดนเปนขนาดภาพสากลทท าใหเขาใจตรงกนวาตองการใหภาพออกมาในลกษณะใดเทานน นอกจากนอารมณและความรสกทผชมจะไดรบขณะชมภาพยนตรไมไดขนอยกบขนาดภาพเพยงอยางเดยว แตตองอาศยองคประกอบของภาพยนตรอนๆ เขามาเปนตวชวยเสรมความนาเชอถอ และความเปนภาพยนตรมากยงขน

รปท 2.19 รปแสดงการถายภาพใกลมาก

2.12 มมกลอง (Camera Angle)

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

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

1. มมกลองระดบสายตานก (Bird's eye view) เปนการตงกลองในระดบเหนอศรษะหรอเหนอวตถทถาย ภาพทถกบนทกนนจะเหมอนกบภาพทนกมองลงมาดานลางเมอผชมเหน ภาพแบบนจะท าใหดเหมอนก าลงเฝามองเหตการณจากดานบน มมกลองในลกษณะน จะท าใหผชมรสกเหมอนตกอยในสถานการณทชวยเหลอตวเองไมได เวงวาง ไรอ านาจ ดงรปท 2.29

รปท 2.20 รปแสดงการถายภาพ Bird's eye view

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

รปท 2.21 รปแสดงการถายภาพ Hight Angle

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

รปท 2.22 รปแสดงการถายระดบสายตา

4. มมกลองระดบต า (Low Angle) เปนการตงกลองใหอยในระดบทต ากวาสงทถาย เวลาบนภาพตองเงยกลองขนภาพมมต านกมอทธพลตอความรสกของผชมไดเชนเดยวกนซงจะท าใหผชมรสกวาสงทถายนนมอ านาจ มคา นาเกรงขาม มความยงใหญซงจะตรงขามกบภาพมมสง นยมถายภาพโบราณสถาน สถาปตยกรรมแสดงถงความสงางาม ชยชนะและใชเปนการเนนจดสนใจของภาพไดดวย ดงรปท 2.21

รปท 2.23 รปแสดงการถายมมกลองระดบต า

2.13 การเคลอนกลอง (Camera Movement)

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

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

รปท 2.24 รปแสดงการแพน

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

รปท 2.25 รปแสดงการซม

3. การทลท (Tilting) เปนการเคลอนไหวกลองอกแบบ เชนเดยวกนกบการแพน แตเปนการแพนโดยวธการเคลอนกลองในแนวดง วธการถายภาพในแบบการทลท กลองถายยงคงรกษาระดบต าแหนงความสง – ต าคงท จะเปลยนแปลงไปกแตเพยงมมการบนทกภาพเทานน ทถกขยบไปในองศาทสงขนกวาเดม หรอองศาถกกดต ากวาเดม ซงกระท าไดโดยการกระดกกลองถายภาพขน หรอคอยๆ กดกลองใหมมรบภาพลงต าในระหวางการถายท า ถาหากในขณะทท าการถายภาพผถายกระดกกลองถายภาพใหสงขนกวาระดบเดมจะโดยเหตผลของการน าเสนอภาพเพอผลในการใดกตามดงทกลาวมาแลวเรยกกนวา Tilt-Up และในทางกลบกน ถาหากกดกลองใหมมรบภาพคอยๆ เปลยนในทศทางทต าลงกวาเดมเรยกวา Tilt-Down

รปท 2.26 รปแสดงการซม

4. การดอลล (Dollying) เปนวธการเคลอนไหวกลองในรปแบบของการตงอยบนพาหนะทมลอ ซงเคลอนไปมาบนพน หรอเลอนไปตามราง ท าใหสามารถเคลอนทตามภาพเหตการณไดในมมมองตาง ๆ กนเหมาะส าหรบการบนทกภาพอยางตอเนองเปนชอตยาว ดอลลจะมลกษณะการเคลอนกลองเขาหาสงทถาย เรยกวา Dolly-in และถาเคลอนกลองถอยหางจากสงทถาย เรยกวา Dolly-out

รปท 2.27 รปแสดงการดอลล

5. การทรกต (Trucking or Tracking) เปนการเคลอนไหวของกลอง ในลกษณะและวธการเคลอนไหวในรปแบบคลายกบดอลล แตกตางกนในเรองของการก าหนดทศทางเทานน ทศทางของการทรกต จะใชการเคลอนกลองในแนวทางขางเคยงสงทถาย ในบางกรณการเคลอนทของกลองอาจไมเปนแนวตรงแตจะเคลอนในลกษณะเฉยงโคง (Curve Track)

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

รปท 2.28 รปแสดงการทรกต

2.3 งานวจยตางๆ ทเกยวของ

2.3.1 ในป พ.ศ. 2553 นายณฐภม โชคด ารงสข นกศกษาสาขาวชาเทคโนโลยสารสนเทศและการสอสาร (เทคโนโลยมลตมเดย) คณะวทยาศาสตรและเทคโนโลยมหาวทยาลยราชภฏนครปฐมไดจดท าสอการตนแอนเมชนเรอง “ชวตนมคานก” ดวยโปรแกรม Adobe® Flash® Professional CS3ผลทไดคอการตน แอนเมชนเรอง “ชวตนมคานก” ทผานการทดสอบระบบการท างานเบองตนซงไมพบขอผดพลาดและสามารถน ามาใชงานไดจรงตรงตามวตถประสงค

2.3.2 ในป พ.ศ. 2552 นางสาวรสสคนธ ผวบวค า นกศกษาสาขาวชาเทคโนโลยสารสนเทศและการสอสาร (เทคโนโลยมลตมเดย) คณะวทยาศาสตรและเทคโนโลย มหาวทยาลยราชภฏนครปฐม ไดจดท าสอการสอนในรปแบบการตนมลตมเดย “เรองมลภาวะสงแวดลอม” ดวยโปรแกรม Adobe® Flash® Professional CS3 ผลทไดคอ สอการสอนในรปแบบการตนมลตมเดย เรองมลภาวะสงแวดลอม ซงผพฒนาไดท าการทดสอบสอการสอนเบองตนและพบวาสอการสอนเปนโปรแกรมทสามารถโตตอบกบผเรยนได เชน การท าแบบทดสอบกอนเรยน แบบทดสอบหลงเรยน ผเรยนสามารถประเมนผลการเรยนรของตนเองไดนอกจากนสอการสอนยงมเกมจบคขยะ และเกมเลอกคระดบเสยงเปนสวนเพมเตมทชวยสรางความเพลดเพลนใหแกผเรยน เมอผพฒนาไดท าการทดสอบโปรแกรมจงพบขอผดพลาดของโปรแกรม ผพฒนาจงไดน ามาปรบปรงแกไขและสงให

2.3.3 ในป พ.ศ. 2552 นางสาวจราวรรณ ภระหงษ นกศกษาสาขาวชาเทคโนโลยสารสนเทศและการสอสาร (เทคโนโลยมลตมเดย) คณะวทยาศาสตรฯ มหาวทยาลยราชภฏนครปฐมไดจดท าสอการตนแอนเมชนธรรมะ เรองธรรมะกบเยาวชน ดวยโปรแกรม Adobe® Flash® Professional CS3 ซงการท าโครงงานครงนมวตถประสงคเพอศกษาออกแบบและพฒนาการตนธรรมมะ เรองคนสามคนซงเปนงานแอนเมชนในรปแบบ 2 มต มความยาวทงหมดประมาณ 20 นาท มค าถามจ านวน 10 ขอ

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

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

2.3.5 ในป พ.ศ. 2552 นายฐาปนา พงเดช นกศกษาโปรแกรมวชาเทคโนโลยสารสนเทศและการสอสาร (เทคโนโลยมลตมเดย) มหาวทยาลยราชภฎนครปฐมไดจดท าโครงงานการตนสอการสอนเรองลดมลภาวะดวยการแยกขยะกอนทง สอการสอนนพฒนาขนโดยการใชซอฟตแวรโดยใช Adobe® Flash® CS3 เพอใชในการสรางการตนและเรองราวของตวละครฉากและขอความดวยการใชภาษาAction Script เพอควบคมปมตางๆและควบคมการโตตอบระหวางผเรยนกบผใชสอการสอนเรองลดมลภาวะดวยการแยกขยะกอนทงในสวนของการอดเสยงไดใชโปรแกรม Adobe® Soundbooth™ CS3 ในการอดเสยงบรรยายประกอบสอการสอน สอการสอนนมผเรยนในระดบชนประถมศกษาปท 6 ผเรยนแตละคนมความรความสามารถทแตกตางกนผพฒนาโปรแกรมท าหนาทในการออกแบบพฒนาและทดลองใชสอการสอนดวยตนเอง สวนผเรยนในระดบชนประถมศกษาปท 6 เปนผใชสอการสอนซงผเรยนสามารถประเมนความรของตนเองไดดวยการท าแบบทดสอบกอนเรยน แบบทดสอบหลงเรยนและสามารถทราบผลคะแนนหลงจากการท าแบบทดสอบเสรจสนนอกจากนสอการสอนยงมเกมจบคขยะทชวยสรางความเพลดเพลนใหแกผเรยนจากการทดลองใชสอการสอนเรองลดมลภาวะดวยการแยกขยะกอนทงผพฒนาไดท าการทดสอบโปรแกรมสอการสอนดวยตนเองซงสอการสอนสามารถน าใชงานไดตรงตามความตองการของผเรยนและผพฒนาไดสงใหผเชยวชาญดานสอมลตมเดยตรวจสอบเพอความถกตองและสมบรณมากยงขนสอการสอนเรองลดมลภาวะดวยการแยกขยะกอนทงยงสามารถน ามาใชงานไดจรงตรงตามวตถประสงค

2.3.6 ในป พ.ศ. 2551 นางสาววรรณวศา จนดบาง, นางสาวสทธน ธระกนก นกศกษาภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยขอนแกน ไดจดท าสอการสอนผสมแอนเมชน เรอง พจนานกรมรปภาพภาษาองกฤษ ส าหรบเดกในรปแบบโปรแกรมบนระบบอนเตอรเนต (Web Application) ดวยโปรแกรม Macromedia Flash MX 2004ประกอบการพฒนาสวนในดานการจดการระบบอนเตอรเนตโดยใชภาษา PHP และสวนในการจดการดานฐานขอมลนนไดใช mySQL ในการจดเกบขอมลของระบบ ผลทไดคอสอการสอนผสมแอนเมชน เรอง พจนานกรมรปภาพภาษาองกฤษ ส าหรบเดกตามทก าหนดไว ซงไดผานการทดสอบระบบการท างานเบองตนซงไมพบขอผดพลาดและสามารถน ามาใชงานไดจรงตรงตามวตถประสงค

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

2.3.8 ในป พ.ศ. 2552 นายกตตพงษ วยาสงห นกศกษาสาขาวชานทศศาสตรเกษตรสถาบนเทคโนโลยพระจอมเกลาเจาคณทหารลาดกระบงไดจดท าโครงงานมลตมเดยเพอการเรยนรเรอง ปาลมประดบ โดยมแนวคดมาจากในประเทศไทยถงแมพนธปาลมประดบจะมผนยมน ามาจดสวนอยจ านวนไมนอยแตกยงมอกมากทใหความสนใจและตองการอยากทราบถงคณลกษณะคณสมบตลกษณะนสยดงนนการจดท ามลตมเดยเพอการเรยนรเรอง ปาลมประดบจงเปนอกวธหนงทสามารถน ามาใชในการใหความรแกผทสนใจในเรองของปาลมประดบเพอน าไปใชในการเรยนร จากการประเมนประสทธภาพของมลตมเดยพบวาการประเมนจากผเชยวชาญดานสอมประสทธภาพอยในระดบดโดยมคาเฉลยเทากบ 4.09 และท าการประเมนจากผเชยวชาญดานเนอหามประสทธภาพอยในระดบปานกลางโดยมคาเฉลยเทากบ 3.46 การประเมนความพงพอใจในการใชงานจากกลมตวอยางมประสทธภาพอยในระดบดโดยมคาเฉลยเทากบ 4.29 และท าการประเมนผลสมฤทธทางการเรยนโดยเปรยบเทยบความรกอนเรยนและหลงเรยน พบวาคะแนนเฉลยหลงเรยนสงกวาคะแนนเฉลยหลงเรยนอยางมนยส าคญทางสถตทระดบ.01 แสดงวามลตมเดยเพอการเรยนรชดนมประสทธภาพ ผทสนใจเรองของปาลมประดบสามารถน าไปใชในการเรยนรไดดวยตนเองตอไป

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

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

บทท3

การออกแบบและขนตอนการด าเนนการ

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

3.1 วสด อปกรณและโปรแกรมทใชในการด าเนนงาน 3.1.1 เครองคอมพวเตอร 3.1.2 เมาสปากา 3.1.3 โปรแกรม AdobeFlash 3.1.4 โปรแกรม AdobePhotoshop 3.2 ขนตอนในการด าเนนงาน 3.2.1 คดหวขอโครงงานเพอน าเสนอตอครทปรกษา 3.2.2 ศกษาและคนควาขอมลทเกยวของ เชน เรอง ฮารดแวรตางทส าคญ และ ซอฟตแวรทจ าเปนตอการใชงานทวๆไป 3.2.3 จดท าโครงรางโครงงานคอมพวเตอรเพอน าเสนอครทปรกษา 3.2.4 จดท าโครงสราง story broad เพอใชในการสราง แอนเมชนโปรโมทภาควชาคอมพวเตอร 3.2.5 ปฏบตการจดท าโครงงานคอมพวเตอร แอนเมชนโปรโมทภาควชาคอมพวเตอร โดยสรางจาก story broad ทไดรางไว 3.2.7 น าเสนอรายงานความกาวหนาของโครงงานคอมพวเตอรใหแกครทปรกษาโครงงานเปนระยะๆ เพอใหจดท าเนอหาและการน าเสนอทนาสนใจตอไป ทงนเมอไดรบค าแนะน ากจะน ามาปรบปรงแกไขโครงงานใหดยงขน 3.2.8 จดท าเอกสารรายงานโครงงานคอมพวเตอร 3.2.9 น าเสนอโครงงานคอมพวเตอรแอนเมชนโปรโมทภาควชาคอมพวเตอรตอคณะกรรมการ 3.2.10 น าเสนอผานเวบ youtube เพอใหผทสนใจศกษาหาความรตอไป

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

เรม

ศกษาขอมล

จดท าโครงรางโครงงาน

ไดสอมลตมเดยอนเมชนFlashพรอมรบการประเมน

ผาน

ไมผาน

น าเสนอตออาจารย

ทปรกษา

ปรบปรงแกไข

สราง story broad

จดท าเอกสารรายงาน

โครงงานคอมพวเตอร

สรางสอมลตมเดยอนเมชนFlash

ปรบปรงแกไข

ผาน

ไมผาน

จบ

3.3 การก าหนดความตองการของการตนแอนเมชน

3.3.1 ผเรยน คอ เพอเปนการสงเสรมคณธรรมดานความกตญญเสรมสรางจนตนาการ ความคดสรางสรรคสามารถใชเวลาวางใหเปนประโยชน

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

ตารางท 3 ความตองการของระบบ

ตารางท 4 ความตองการระบบของผใชขนต า

ความตองการของระบบ

OS Windows 7

CPU (AMD Turion X2 Ultra ZM-82 2.2 GHz)

RAM 2 GB ขนไป

VIDEO สนบสนนการแสดงผลทความละเอยด 1600 x 900 High Color

SOUND สนบสนนการแสดงเสยงในรปแบบ Direct sound Compatible

HARD DRIVE SPACE มเนอทวางตงแต 320 MB ขนไป

ความตองการระบบของผใชขนต า

OS Windows XP

CPU Intel Pentium 4 ความเรว 2.40 GHz

RAM 1 GB

HARD DRIVE SPACE มเนอทวางตงแต 250 MB ขนไป

3.4 ขนตอนและวธการด าเนนงานการศกษา

ในการสรางการตนแแอนเมชนเรอง รามเกยรต ตอน ศกไมราพ โดยใชโปรแกรม Adobe Flash CS3 โดยมขนตอนดงน 3.4.1 ออกแบบตวละครและตวประกอบ

3.4.2 เขยน story board

3.4.3 ออกแบบฉากหลงและวสดประกอบฉาก

3.4.4 เขยนบทพากษประกอบภาพ

3.4.5 ปรบปรงและแกไขเอกสาร

3.4.1 ออกแบบตวละครและตวประกอบ (Character Design) การออกแบบตวละครเปนขนตอนของการสรางตวละครขนมาตามเนอเรองทเราสราง การออกแบบตวละครของการตนแแอนเมชน มดงน

3.4.1.1 การออกแบบตวละครท 1 คณเดล มตวเปนคนปกตแตมหวเปน all in one pc ใสชดของนกศกษาวทยาลยเทคนคมหาสารคาม ดงรปท 3.1

รปท 3.1 รปแสดงออกแบบคณเดล

3.3.4.1 การออกแบบตวละครท 2 เดกผชาย มทรงผมเปนกะลาครอบ ดงรปท 3.2

รปท 3.2 รปแสดงออกแบบเดกผชาย

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

ท 3.3

รปท 3.3 รปแสดงออกแบบเดกผหญง

3.3.4.1 การออกแบบตวละครท 4 คณ it support มหวเปน all in one pc เหมอน

คณเดลแตจะใสชดชางและถออปกรณเกยวกบชางอย ดงรปท 3.4

รปท 3.4 รปแสดงออกแบบคณ it support

3.3.4.1 การออกแบบตวละครท 5 คณSE มหวเปน all in one pc เหมอนคณเดลแต

จะมชดและสไทคตางออกไป ดงรปท 3.5

รปท 3.5 รปแสดงออกแบบคณ SE

3.3.4.1 การออกแบบตวละครท 6 คณSA มหวเปน all in one pc เหมอนคณเดลแต

จะมชดและสไทคตางออกไป ดงรปท 3.6

รปท 3.6 รปแสดงออกแบบคณ SA

3.3.4.1 การออกแบบตวละครท 7 คณAppDev มหวเปน all in one pc เหมอนคณ

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

รปท 3.7 รปแสดงออกแบบคณ AppDev

3.3.4.1 การออกแบบตวละครท 8 คณWebDev มหวเปน all in one pc เหมอน

คณเดลแตจะใสชดสบายๆและบนหวมโนตบค ดงรปท 3.8

รปท 3.8 รปแสดงออกแบบคณ WebDev

3.3.6 เขยนบทภาพ (Storyboard)

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

ล าดบ รปภาพ รายละเอยด การเคลอนไหว

1

การตนแอนเมชน โปรโมทภาควชา

คอมพวเตอร

Fade ด าแลวคอยๆfade ขน

Sound : intro rock man x4

ล าดบ รปภาพ รายละเอยด การเคลอนไหว

2

การตนแอนเมชน โปรโมทภาควชาคอมพวเตอร

ภาพปรากฏขนพรอม ปม play

Sound : intro rock man x4

3

การตนแอนเมชน โปรโมทภาควชาคอมพวเตอร

ภาพคอยๆ fade ด า

Sound : -

4

การตนแอนเมชน โปรโมทภาควชาคอมพวเตอร

ภาพของตวละครและตวหนงสอจากด าคอยๆขาวขน

Sound : stage select rock man x4

ล าดบ รปภาพ รายละเอยด การเคลอนไหว

5

การตนแอนเมชน โปรโมทภาควชา

คอมพวเตอร

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

Sound : It’s All Happening

6

การตนแอนเมชน โปรโมทภาควชา

คอมพวเตอร

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

Sound : It’s All Happening

7

การตนแอนเมชน โปรโมทภาควชา

คอมพวเตอร

มคณเดลขยบไปมาและบอลลนค าพด

Sound : It’s All Happening

8

การตนแอนเมชน โปรโมทภาควชา

คอมพวเตอร

มเหลานกเรยนตางๆโผลมาจากชอบจอ

Sound : It’s All Happening

ล าดบ รปภาพ รายละเอยด การเคลอนไหว

9

การตนแอนเมชน โปรโมทภาควชา

คอมพวเตอร

คณเดลเดนตดฉาก

Sound : It’s All Happening

10

การตนแอนเมชน โปรโมทภาควชา

คอมพวเตอร

ภาพคอยๆfade ขาว

Sound : It’s All Happening

11

การตนแอนเมชน โปรโมทภาควชา

คอมพวเตอร

มบอลลนค าพดและรปภาพคอยๆfadeขนมา

Sound : It’s All Happening

12

การตนแอนเมชน โปรโมทภาควชา

คอมพวเตอร

มไอคอนโผลขนจากบอลลนค าพด

Sound : It’s All Happening

ล าดบ รปภาพ รายละเอยด การเคลอนไหว

13

การตนแอนเมชน โปรโมทภาควชาคอมพวเตอร

sa,se,itsup,wdev,appdev คอยๆโผลออกจากหนาจอ

Sound : It’s All Happening

14

การตนแอนเมชน โปรโมทภาควชาคอมพวเตอร

ภาพ fade ด าและกขนตวอกษรจบ

Sound : Mario lose soud

ตารางท 5 story board

บทท 4 ผลการทดลอง

4.1 ลกษณะทวไปของระบบ

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

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

4.1.1.2 เปนการตนทสรางโดยการใชโปรแกรม medibang สรางตวละคร การสรางฉากตางๆ และองคประกอบตางๆ ใชโปรแกรม Adobe flash cs6 ในการน างานทสรางขนมาท าใหขยบทาทางในโปรแกรมใหเปนไปตามโครงเรองและกรยาทไดก าหนดไว ประกอบกบการสรางฉากและสงตางๆ และใชโปรแกรม Aducity ในการปรบแตงเสยงเพอกอใหเกดความนาสนใจสนกสนาน

4.2 ผลการวเคราะขอมล

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

1. ผลการวเคราะหขอมลความคดเหนของผประเมนคณภาพ 2. ผลการวเคราะหขอมลความคดเหนของผเชยวชาญทางดานโครงสราง 3. ผลการวเคราะหขอมลความคดเหนของผเชยวชาญทางดานการใชงาน

4.2 ผลการวเคราะหขอมลความคดเหนของผประเมนคณภาพ

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

75% รองลงมาคอเพศหญง คดเปนรอยละ 25% แสดงออกเปนแผนภมดงน

แผนภมท 1 แสดงการแบงแยกจ านวนชายและหญง

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

มาท าการวเคราะหขอมล โดยก าหนดคณภาพ ดงน

4.50 - 5.00 หมายถง มระดบคณภาพดมาก

3.50 - 4.49 หมายถง มระดบคณภาพด

2.50 - 3.49 หมายถง มระดบคณภาพพอใช

1.50 - 2.49 หมายถง มระดบคณภาพควรปรบปรง

1.00 - 1.49 หมายถง มระดบคณภาพตองปรบปรง

แสดงการแบงแยกจ านวนเพศชายและเพศหญงใน การประเมน

เพศหญง เพศชาย

25%

75%

4.3 ผลการวเคราะหขอมลความคดเหนของผเชยวชาญทางดานโครงสราง

ดานโครงสรางไดแบงการประเมนออกเปน 12 ขอผลการวเคราะหขอมลคณภาพของชนงาน

ผลปรากฏดงตารางท 2 และแผนภมท 3

ตารางท 6 แสดงคาเฉลยคาสวนเบยงเบนมาตรฐานของคณภาพดานโครงสราง

รายการประเมน S.D. ความหมาย

1.การออกแบบตวละคร 4.77 0.44 ดมาก 2.ความเหมาะสมของขนาดและรปราง 4.77 044 ดมาก

3.ความเหมาะสมของเนอหา 4.66 0.5 ดมาก

4.ความเหมาะสมของอปกรณทเลอกใช 4.33 0.5 ด 5.การจดวางภาพ 4.55 0.527 ดมาก

6.การออกแบบการไหลของภาพ 4.66 0.5 ดมาก 7.ความเหมาะสมของบทพด 4.66 0.5 ดมาก

8.ขนาดความเหมาะสมของไฟล 4.77 0.44 ดมาก

9.ความยาวของเนอหา 4.44 0.257 ด 10.ความเหมาะสมของเสยงประกอบ 4.66 0.5 ดมาก

11.การจดวางเฟรมตางๆ 4.66 0.5 ดมาก

12.ความเหมาะสมของการออกแบบโดยภาพรวม

4.66 0.5 ดมาก

เฉลยรวมดานโครงสราง 4.63 0.48 ดมาก

0

1

2

3

4

5

6

ขอ1 ขอ 2 ขอ 3 ขอ 4 ขอ 5 ขอ 6 ขอ 7 ขอ 8 ขอ 9 ขอ 10 ขอ 11 ขอ 12

คาเฉลย

แผนภมท 2 แสดงคาเฉลย คาสวนเบยงเบนมาตรฐานของคณภาพดานโครงสราง

จากตารางท 4.1 และแผนภมท 4.2 พบวาคณภาพของชนงานนน เฉลยรวม ดานโครงสรางอย

ในระดบดท เทากบ 4.63 และ S.D. เทากบ 0.48 เมอพจารณาเปนรายขอพบวาสวนใหญคณภาพ

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

และ S.D. เทากบ 0.527

0

0.5

1

1.5

2

2.5

3

3.5

4

4.5

5

ขอ 1 ขอ 2 ขอ 3 ขอ 4 ขอ 5 ขอ 6 ขอ 7 ขอ 8

คาเฉลย

4.4 ผลการวเคราะหขอมลความคดเหนของผเชยวชาญทางดานการใชงาน

ดานการใชงาน ไดแบงการประเมนออกเปน 8 ขอ ผลการวเคราะหขอมลการประเมนคณภาพของชนงาน ดานการใชงาน โดยผเชยวชาญ ผลปรากฏดงตารางท 4.2 และแผนภมท 4.3

รายการประเมน S.D. ความหมาย

1.ความสะดวกในการใชงาน 4.22 0.44 ด 2.การปรบระดบของชนงานท าไดงายไมซบซอน 4.44 0.52 ด

3.วธการใชงาน 4.44 0.52 ด

4.ประสทธภาพในการท างาน 4.55 0.52 ดมาก 5.มความสะดวกในการใชเครอง 4.33 05. ด

6.ความสะดวกในการดแลรกษา 4.66 0.5 ดมาก 7.ความสะดวกในการบ ารงรกษา 4.44 0.52 ด

8.ความสะดวกในการจดเกบ 4.55 .052 ดมาก

เฉลยรวมดานการใชงาน 4.45 0.505 ด

ตารางท 7 แสดงคาเฉลยคาเบยงเบนมาตรฐานของคณภาพดานการใชงาน

แผนภมท 3 แสดงคาเฉลย คาเบยงเบนมาตรฐานของคณภาพดานการใชงาน

ดานการใชงาน

จากตารางท 4.2 และกราฟท 4.3 พบวาคณภาพ เฉลยรวมดานการใชงานอยในระดบ ด ท เทากบ 4.45 และ S.D. เทากบ 0.505 เมอพจารณาเปนรายขอพบวาสวนใหญมคณภาพอยในระดบ ด

โดยมขอท 4 ประสทธภาพในการท างานอยในระดบ ดมากท เทากบ4.55 และ S.D. เทากบ0.52

ขอท 6 ความสะดวกในการดแลรกษาอยในระดบดมาก ท เทากบ4.66 และ S.D. เทากบ 0.5 และ

ขอท 8 ความสะดวกในการจดเกบได อยในระดบดมาก ท เทากบ 4.55 และ S.D. เทากบ 0.52 ผลการวเคราะหขอเสนอแนะจากแบบสอบถามปลายเปดดานการใชงาน ผรบการประเมนใหคะแนนคณภาพในแตละขออยในระดบ ด ถง ดมาก ผลการด าเนนงานหรอคนควาอน ๆ ผลการด าเนนงานและการคนควาไดมาจากแหลงตางๆ เชน หนงสอจากหองสมด สอบถามจากอาจารยทปรกษาสอบถามขอมลจากผมความรในดานเฉพาะ

บทท 5

สรปผลและขอเสนอแนะ

5.1 สรปผลการด าเนนงาน

ผลการวเคราะหขอมลการประเมนคณภาพของชนงานจากผรบการประเมนจ านวน 9 ทาน

โดยภาพรวมของชนงาน มคณภาพอยในระดบ ด ท เทากบ 4.49 และ S.D. เทากบ 0.49 และเมอพจารณาเปนรายดานพบวา

5.1.1 ดานโครงสรางมคณภาพอยในระดบ ดมาก ท เทากบ 4.63 และ S.D. เทากบ 0.48 และเมอพจารณาเปนรายขอจากแบบประเมนสวนใหญมคณภาพในระดบ ดมาก

5.1.1.1 ความเหมาะสมของอปกรณทเลอกใช มคณภาพอยในระดบ ด ท เทากบ 4.33 และ S.D. เทากบ 0.5

5.1.1.1 ความยาวของเนอหามคณภาพอยในระดบ ด ท เทากบ 4.44 และ S.D. เทากบ 0.257

5.1.2 ดานการใชงานมคณภาพอยในระดบ ด ท เทากบ 4.45 และ S.D. เทากบ 0.050 และเมอพจารณาเปนรายขอจากแบบประเมนสวนใหญมคณภาพในระดบ ด

5.1.2.1 ความสะดวกในการดแลรกษามคณภาพอยในระดบ ดมาก ท เทากบ 4.66 และ S.D. เทากบ 0.5

5.1.2.2 ความสะดวกในการจดเกบได มคณภาพอยในระดบ ดมาก ท เทากบ 4.55 และ S.D. เทากบ 0.52

5.2 ปญหาและอปสรรค

5.2.1 ดานการวาดตวละครดวยโปรแกรม Medibang

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

5.2.2 ดานความไมราบรนของฉากบางฉาก

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

5.2.3 ดานการเคลอนไหวของตวละคร

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

5.2.4 ดานเสยงประกอบตางๆ

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

5.2.5 ระดบเสยงไมเทากน

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

5.3 แนวทางการน าไปใช

การใชงานการตนแแอนเมชนโปรโมทภาควชาคอมพวเตอร มขนตอนการใชดงน 5.3.1 การใชงานการตนแแอนเมชนในรปแบบซดรอม

1) ใสแผนโปรแกรมการตนแแอนเมชนทชองซดรอม

2) ใหนกเรยนท าการดบเบลคลก CTCvcm.swf 3) เขาสหนาเมนหลกใหนกเรยนเลอกรายการทตองการทราบรายละเอยด

4) ถานกเรยนตองการออกจากโปรแกรม คลกทปมออกจากโปรแกรม

5.4 ขอเสนอแนะ

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

5.4.2 การสรางตวละคร ฉาก เสยงและสงตางๆ ในการใชด าเนนเรองตองชดเจนและอธบายลกษณะตวละครไวเปนอยางด

บรรณานกรม

ความหมายแอนเมชน(Animation). วธสบคนวสดสารสนเทศ. [ออนไลน]. เขาถงไดจาก:

:http:// www.kanlayanee.ac.th/animation/web/animation.htm. (วนทคนขอมล : 10 มนาคม

2560).

ความหมายการตน. วธสบคนวสดสารสนเทศ. [ออนไลน]. เขาถงไดจาก:

:http://www.kartoon-discovery.com. (วนทคนขอมล : 10 มนาคม 2560).

ทฤษฎส. วธสบคนวสดสารสนเทศ. [ออนไลน]. เขาถงไดจาก: :http://

www.kanlayanee.ac.th /animation/web/animation.htm. (วนทคนขอมล : 10 มนาคม

2560).

ขนาดภาพ. วธสบคนวสดสารสนเทศ. [ออนไลน]. เขาถงไดจาก: : http:// waltongreenm

.blogspot.com/2009_10_01_archive.html. (วนทคนขอมล : 10 มนาคม 2560).

มมกลอง. วธสบคนวสดสารสนเทศ. [ออนไลน]. เขาถงไดจาก: :http://

www.lankoliuy.ac.th /animation/web/animation.htm. (วนทคนขอมล : 10 มนาคม 2560).

ภาคผนวก

ภาคผนวก ก

แบบประเมนความคดเหน

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

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

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

1. หาคณภาพอนเมชนประชาสมพนธภาคภาควชาเทคโนโลยคอมพวเตอรโดยผเชยวชาญม

ความคดเหน

2. เกบรวบรวมขอมลจากผเชยวชาญเพอใชการวเคราะหผลในงานวจยครงน

แบบสอบถามฉบบนม 3 ตอน

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

ตอนท 1 แบบสอบถามทวไปของผเชยวชาญ

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

1. เพศ ชาย หญง

2. อาย 25-30 ป มากกวา 30 ปขนไป

3. วฒการศกษา ต ากวาปรญญาตร ปรญญาตรหรอเทยบเทา สงกวาปรญญาตร

4. อาชพ รบราชการ ลกจาง

ธรกจสวนตว อนๆโปรดระบ....................

5. ประสบการณในการท างาน ตงแต 5-10 ป

ตงแต 10-15 ป มากกวา 15 ปขนไป

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

ท รายการประเมน

ระดบคณภาพ

ดมาก

ด พอใช

ควรป

รบปร

ง

ตองป

รบปร

ง

ดานการใชงาน 1. ประสทธภาพของชนงาน

2. ความสวยงามของชนงาน 3. วธการใชงานของชนงาน

4. ประสทธภาพของชนงาน

5. ความสะดวกในการใช 6. ความลนไหลของเฟรม

7. เสยงประกอบการพากษ

8. เสยงประกอบพนหลง

ตอนท 3 ขอเสนอแนะ

3.1ดานการออกแบบ.....................................................................................................

…………………………………………………………………………………………………………………………………………………

…………………………………………………………………………………………………………………………………………………

3.2ดานคณภาพการท างาน ..........................................................................................................

…………………………………………………………………………………………………………………………………………………

…………………………………………………………………………………………………………………………………………………

ภาคผนวก ข แสดงภาพการราง sprite

รปท ก.1 แสดงการวาด sprite

รปท ก.2 แสดงการวาด sprite

รปท ก.3 แสดงการวาด sprite

รปท ก.4 แสดงการวาด sprite

ภาคผนวก ค ประวตของผจดท า

ประวตผจดท า

ชอ-ชอสกล นาย จรายทธ แตงจนทก วน เดอน ป เกด 26 พฤศจกายน 2539 ทอยปจจบน 141/31 ถนน ถนานนท ต าบล ตลาด อ าเภอ เมอง จงหวด มหาสารคาม 44000 เบอรโทร 099-464-3528 ประวตการศกษา

พ.ศ. 2551 จบชนประถมศกษาปท 6 โรงเรยนประชนณศร พ.ศ. 2554 จบชนมธยมศกษาปท 3 โรงเรยนอนบาลมหาสารคาม พ.ศ. 2557 จบชนประกาศนยบตรวชาชพ สาขาเทคนคอสาหกรรมฆ ภาควชาเทคโนโลย ซอมบ ารง ปจจบน ก าลงศกษาระดบประกาศนยบตรวชาชพชนสง สาขางานคอมพวเตอร ฮารดแวร ภาควชาเทคโนโลยคอมพวเตอร วทยาลยเทคนคมหาสารคาม

ประวตผจดท า

ชอ-ชอสกล นางสาว สจตรา ขนชย วน เดอน ป เกด 10 กมภาพนธ 2540 ทอยปจจบน บานเลขท 55 ต าบล สระแกว อ าเภอ เปอยนอย จงหวด ขอนแกน 40340 เบอรโทร 089-564-8928 ประวตการศกษา

พ.ศ. 2551 จบประถมศกษาปท6 ศนยนพตนาการศกษานอกระบบ หนองสองหอง พ.ศ. 2554 จบมทธยมศกษาปท3 โรงเรยเปอยนอยศกษา พ.ศ. 2557 จบมทธยมศกษาปท 6ศนยนพตนาการศกษานอกระบบ หนองสองหอง ปจจบน ก าลงศกษาระดบประกาศนยบตรวชาชพชนสง สาขางานคอมพวเตอร ฮารดแวร ภาควชาเทคโนโลยคอมพวเตอร วทยาลยเทคนคมหาสารคาม