7

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

แนวความคด

ภาพท 2.1 ภาพแนวความคดในการท าภาคนพนธ

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

1. เอกลกษณของทางมหาวทยาลยสยาม 2. อาคาร ภายในมหาวทยาลยสยาม

ทฤษฎทเกยวของ ทฤษฎในการออกแบบ (Design Theory) องคประกอบงานกราฟก (Element Of Design) องคประกอบหลกๆ ในงานกราฟกจะแบงออกเปน 6 ชนดคอ เสน รปราง พนผว ทวาง ส และตวอกษร (ผเขยน : พรทพย เรองธรรม ปทพมพ :2556)

7

1. เสน (Line) ความหมายของเสนคอการทจดหลายๆ จด ถกน ามาวางตอเนองจนกลายเปน

เสนรปทรงตางๆ ขนมา รปทรงของเสนทจะสอออกมาถงความรสกท แตกตางกน

ออกไปสวนใหญแลวเสนจะมอยทกๆ งานออกแบบ เสนเปนสงทสอถงอารมณของ

ผลงานออกมาได ในแบบทตองการ

2. รปราง (Shape) รปทรง (Form) น าหนก (Value) รปรางเปนองคประกอบตอเนองจากเสน เกดจากการน าเสน มาตอกนจนไดรป 2 มต ทมความกวางและความยาว (หรอความสง) ในทางศลปะจะแบงรปรางออกเปน 2 แบบคอ รปรางทคนตา แบบทเหนแลวรวานนคออะไร เชนดอกไม คน ตนไม และรปรางแบบฟรฟอรมเปนแนวทใชรปรางสอความหมายทจนตนาการไวออกมาไมมรปทรงทแนนอนดแลวเกดจนตนาการถงอารมณทตองการสอได รปทรง เปนรปรางทมตเพมขนมากลายเปน 3 มต คอ มความลกเพมเขามาดวย น าหนก เปนสวนทมาเสรมใหดออกวารปทรงมน าหนกขนาดไหน เบา หรอหนก ทบ หรอโปรงแสง น าหนกจะเกดจากการเตมสและแสงแรงเงาลงไปในรปทรงจนได ผลลพธออกมาตามทตองการ

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

4. ทวาง (Space) อาจจะเกดจากความตงใจหรอไมตงใจของนกออกแบบ ทวางไมไดหมายความ ถงพนทวางเปลาในงานเพยงอยางเดยวแตรวมไปถงพนททไมส าคญหรอBackground ดวย ในการออกแบบงานกราฟกทวางจะเปนตวชวยในงานดไมหนกจนเกนไปและถาควบคมพนทวางนใหดๆ ทวางกจะเปนตวทชวยเสรมจดเดนใหเหนไดชดเจนมากขน

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

8

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

6. ตวอกษร (Type) ตวอกษรเปนสงส าคญ เมอตองท างานกราฟกอาจจะใชเพยงตวอกษรและสเปนสวนประกอบเพยงสองอยาง เพอสรางสรรคงานทสามารถสอความหมายออกมาไดในดไซนทสวยงาม

9

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

ภาพท 2.2 http://home.stkc.go.th/cd_download/

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

10

ภาพท 2.3 http://www.webthaidd.com/flash/

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

11

ภาพท 2.4 http:// www.youtube.com/user/totobedodee

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

12

ภาพท 2.5 http://www.jaid-project.com/webboard/index.php?board=3.0

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

13

ภาพท 2.6 http://www.f0nt.com/

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

14

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

ภาพท 2.7 Introduce the tourism place in ASEAN

เขมมกา เดชเฟอง ปรชญา แกวเคน และอรรถพล พนธทม (2555) ภาควชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม ท าโปรแกรม Introduce the tourism place in ASEAN เปนโปรแกรมทน าเสนอประเทศในสมาชกอาเซยน ในเ รองราวตางๆ ไดแก การน าเสนอสถานททองเทยว และสถานทส าคญของแตละประเทศในสมาชกอาเซยน โดยโปรแกรมนไดพฒนาโดยโปรแกรม Marcomedia Flash 8 ใชโปรแกรม Cool Edit 6.0 และโปรแกรม Adobe Photoshop 7.0

15

ภาพท 2.8 วทยาศาสตรเพอการเรยนร

พรสถตย อยยน ชลนชา ศรนวลประเสรฐ และณฐศกด อ านวยพรกลกจ (2551) ภาควชาคอมพวเตอรธรกจ คณะบรหารธรกจ มหาวทยาลยสยาม โปรแกรมวทยาศาสตรเพอการเรยนร แสดงใหเหนความส าคญวชาวทยาศาสตร เพมความสนกสนานในการเรยน และมแบบฝกหดทายบทใหทดสอบความร โปรแกรมวทยาศาสตรเพอการเรยนรพฒนาขนโดยโปรแกรม Marcomedia Player Flash 8

16

ภาพท 2.9 เกษตรอนทรย ทางเลอกใหมของเกษตรกร

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

17

ภาพท 2.10 สอการเรยนรภาษาจนกลาง

เอกพฒน เปรมสมบต และพรพมล ภทรวโชคชย (2556) ภาควชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม ไดท าโปรแกรมสอการเรยนรภาษาจนกลางแอนเมชน ซงเปนโปรแกรมทรวบรวมภาษาจนกลางตางๆ ไวโดย น าเสนอออกมาในดาน นทานสอนใจ ประโยคสนทนา และแบบฝกหด ซงโปรแกรมนไดพฒนาโดยโปรแกรมMarcomedia Flash 8

18

ภาพท 2.11โปรแกรมสอการสอน 3D Animation โยคะเพอสขภาพ

ธรทศน ไตรกตตว ฒนทตต มะโนรมยและ ภครพล กอบสขยง เจรญ (2552) ภาควชาคอมพวเตอรธรกจ คณะบรหารธรกจ มหาวทยาลยสยาม ไดพฒนาสอคอมพวเตอรชวยสอนเรองโปรแกรมสอการสอน 3D Animation โยคะเพอสขภาพซงชวยผทสนใจในการออกก าลงแบบโยคะ ไดศกษาผานสอการเรยนการสอน มท งทาทางในแตละขนตอน การเตรยมตวและบททดสอบ ซงโปรแกรมสอการสอน 3D Animation โยคะเพอสขภาพน ไดพฒนามาจาก โปรแกรม Photoshop cs3 Macromedia Flash 8และ illustrator