การสรางอนเมชนประชาสมพนธ
ภาควชาเทคโนโลยคอมพวเตอรดวย 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ศนยนพตนาการศกษานอกระบบ หนองสองหอง ปจจบน ก าลงศกษาระดบประกาศนยบตรวชาชพชนสง สาขางานคอมพวเตอร ฮารดแวร ภาควชาเทคโนโลยคอมพวเตอร วทยาลยเทคนคมหาสารคาม
Top Related