project design 3d motion graphic animation: …...การประช มว...

การประชมวชาการระดบชาต มหาวทยาลยรงสต ประจาป 2559 (RSU National Research Conference 2016) วนท 29 เมษายน 2559

544

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

Project Design 3D Motion Graphic Animation: Promotion of Khon Kean Tourism

ชยานนท พพฒนไชยศร1* พรรณเพญ ฉายปรชา2 และ ชยพร พานชรทตวงศ3

Chayanon Pipatchaisiri1* Panphen ChaiPheecha2and Chaiporn Panichrutiwong3

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

ถนนพหลโยธน ตาบลหลกหก อาเภอเมอง จงหวดปทมธาน 12000 2อาจารยประจาหลกสตรศลปมหาบณฑต สาขาวชาคอมพวเตอรอารต คณะดจทลอารต มหาวทยาลยรงสต

ถนนพหลโยธน ตาบลหลกหก อาเภอเมอง จงหวดปทมธาน 12000 3หวหนาหลกสตรศลปมหาบณฑต สาขาคอมพวเตอรอารต คณะดจทลอารต มหาวทยาลยรงสตถนนพหลโยธน

ตาบลหลกหก อาเภอเมอง จงหวดปทมธาน 12000 1*Graduate Student in Master of Fine Arts (Computer Art) of Digital Art Faculty, Rangsit University,

Phahonyothin Rd, Lak-hok, Patumtanee, Thailand 12000 2Lecturerin Master of Fine Arts (Computer Art) of Digital Art Faculty, Rangsit University,

Phahonyothin Rd, Lak-hok, Patumtanee, Thailand 12000 3Master Chief in Master of Fine Arts (Computer Art) of Digital Art Faculty, Rangsit University,

Phahonyothin Rd, Lak-hok, Patumtanee, Thailand 12000 *Corresponding author, E-mail: [email protected]

บทคดยอ

การศกษานมวตถประสงคเพอออกแบบสอแอนเมชนทมรปแบบกราฟกเคลอนไหว 3 มต เพอนาเสนอและ

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

เคลอนไหว 3 มต ทใชในการสรางสอประชาสมพนธสถานทหรอองคกรตางๆทเคยสรางมากอนหนาน 2.ศกษาขอมล

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

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

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

ในจงหวดขอนแกน สรปวาสอประชาสมพนธรปแบบโมชนกราฟกสามารถนามาสรางสอประชาสมพนธจงหวด

ขอนแกนได

คาสาคญ: กราฟกเคลอนไหว

มหาวทยาลยรงสต


545

Abstract

The purpose of this study is to design motion graphics animation with 3D graphics program to present and

promote tourism in Khon Kaen Province by analyzing two parts: 1. to Create a 3d animation motion graphics used in

public relation media and organization. 2. To study information and tourism attractions in Khon Kaen Province by

simulating a unique animation by creating various places for showing atmosphere, art and design in city to promote

the town, impress the tourist interested in visiting cultural attractions in this province. From a sample of 20 people

that showed interest in Khon Kaen; the media format can be used to create motion graphics and media relations for

Khon Kaen.

Keywords: Motion graphic

1. บทนา

ในปจจบนงานออกแบบแอนเมชน 3 มต เรม

มการใชในการประชาสมพนธ การศกษาแนวทางการ

ออกแบบแอนเมชน 3 มตเพอประชาสมพนธและ

โฆษณา เปนสอทสามารถใหขอมล ทเปนภาพ เสยง

และมความตอเนองของเรองราวทจะสอสาร ทาให

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

และเพอให เขาถงกลมบคคล ส งคมและยคสมย

ปจจบน การศกษาพฒนาแนวทาง เทคนคไปสการใช

งานจรง สอ ทว อนเตอรเนต ซงเปนสอทมจานวนคน

ทใชมากขน

การสรางสอประชาสมพนธและโฆษณาภาพ

แ อ น เม ชน 3 ม ต ส าร าร ถ น าไป ป ร ะยก ต ใชได

หลากหลาย เชนการประชาสมพนธ โฆษณาใหกบ

หนวยงานหรอองกรตางๆไดจงนาผลการศกษา

แนวทางสรางสรรคสอประชาพนธภาพเคลอนไหว 3

มต ทไดมาผลตสอประชาสมพนธเกยวกบสถานท

ทองเทยว

จงหวดขอนแกนมความพรอมในหลายๆ

ดานและในปจจบนเปนเมองทมความสาคญในฐานะ

เมองทองเทยวอกแหงหนงของประเทศไทย (ทมา:

การทองเทยวแหงประเทศไทย)แตในงานวจยกบ

พบวาสอประชาสมพนธกลบมนอยเกนไปและ

ตอ งก าร เพ ม (ท ม า : งาน วจย เร อ ง ทศ น ค ต แ ล ะ

พฤตกรรมของนกทองเทยวทมาเทยวในจงหวด

ขอนแกน โดย จารวรรณ อชาด . 2554.) และการ

สรางสรรคแอน เมชนและกราฟกเคลอนไหวใน

รปแบบ 3 มต เปนการบอกเลาเนอหาและสถานท

ทองเทยวผสมผสานกบการออกแบบทผวจยศกษา

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

ออกแบบเพอใชในการประชาสมพนธเปนแอนเมชน

ผสมผสานงานกราฟก และนาเสนอตอนกทองเทยวทง

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

2. วตถประสงค

ศกษาการออกแบบแอนเมชนแนวโมชน

กราฟก 3 มต รปแบบสอสรางสรรคทใชในการนาเสนอ

และพฒนารปแบบสอโมชนกราฟกทมอยในปจจบน

เพอใชนาเสนอสถานททองเทยวจงหวดขอนแกนใหกบ

กลมเปาหมายบคคลทวไปอายระหวาง 15-40 ป



546

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

โครงการออกแบบแอนเมชนแนวกราฟก

เคลอนไหว 3 มต เพอสรางสรรคสอประชาสมพนธ

การทองเทยวจงหวดขอนแกนไดแบงหวขอการศกษา

ออกเปน การออกแบบนแอน เมชนแนวกราฟ ก

เคลอนไหว 3 มต ในการทาสอประชาสมพนธ และ

ศกษารปแบบสถานททองเทยวทนาสนใจในจงหวด

ขอนแกนสาหรบใชเปนขอมลในการจาลองวตถ 3 มต

สาหรบงานแอนเมชนรปแบบกราฟกเคลอนไหว เรม

เกดขนเมอประมาณป 1921 โดย Walther Ruttmann

สรางภาพยนตรนามธรรมขนชอวา "Lichtspiel: Opus

I" และศลปนทมความโดดเดนตอมาไดแก Saul Bass

ในการเปดตวกอนเขาภาพยนตรเรอง The man with

the golden arm ป 1960 (Spencer Drate,2006) แ ล ะ

ในชวงเดยวกนวงการโทรทศกใช logo เคลอนไหวกบ

รายการขาวและมการพฒนารปแบบไปตามเทคโนโลย

ททนสมย รปแบบของงานแอนเมชนแนวกราฟก

เคลอนไหวม 2 มต ซงจะเปนชวงเรมตน และ 3 มตซง

พฒนาตามเทคโนโลย

และจากการวเคราะหรปแบบงานทใชในการ

ประชาสมพนธ จะเนนทการสรางวตถจาลองรปทรง

ห รอส ถาน ท แต ม การป รบ ให เห ม าะส ม กบ งาน

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

การผสมผสานตวอกษรหรอกราฟก เพอเปนลกเลน

และบอกเลาเรองราว แตตองอาศยความเหมาะสมและ

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

ถาสามารถบรรยายถงสถานทหรอสงตางๆไดดวยภาพ

ทเพยงพอ

ใน ส วน ท ส องจะศกษ าเกยวกบ จงห วด

ขอนแกน จงหวดขอนแกนดนแดนศนยกลางและเมอง

หลกของภาคตะวนออกเฉยงเหนอทมศกยภาพและ

ความ พรอมหลาย ๆ เฉพาะถน (รายงานการประชม

ป ระชาพ จารณ โครงการวจย เพ อ เส น อแน ะการ

ปรบปรงสงแวด ลอมของแหลงทองเทยวในเขต

จงหวดขอนแกน และจงหวดใกลเคยง, 2540 อางถงใน

จารวรรณ อชาด,2554.)

ดานการทองเทยว การเดนทางทองเทยวของ

จงหวดขอนแกนในป 2550 พบวา อตราการเตบโต

ของจานวนผเยยมเยอนรวมมการปรบตวเพมขนรอย

ละ 4.52 โดยคนไทยปรบตวเพ ม ขน รอยละ 4.92

ขณะท ชาวตางชาตปรบตวลดลงรอยละ 7.77 อยางไร

กตามขอนแกนถอเปนจงหวดท มรายไดจากการ

ท อ ง เท ยว เป น อน ดบ ท 2 ข อ งภ ม ภ าค ร อ งจ าก

นครราชสมาเทากบ 5,711.93 ลานบาท (กระทรวงการ

ทองเทยวและกฬา. 2550)

แ ต จ า ก ผ ล ก า ร ว จ ย เ ร อ ง ท ศ น ค ต แ ล ะ

พฤตกรรมของนกทองเทยวทมาเทยวในจงหวด

ขอนแกน (จารวรรณ อชาด. 2554.) ขอมลทไดจาก

นกทองเทยวท ตอบแบบสอบถามขอเสนอแนะ

เกยวกบการทองเทยวในจงหวดขอนแกนอนดบหนง

คอ นกทองเทยวตองการใหจงหวดขอนแกนมการ

ประชาสมพนธสถานททองเทยว ใหเปนทรจก โดย

การโฆษณาแหลงทองเทยวและจากการสมภาษณ

ผ เชยวชาญ ไดเสนอและสามารถสรปไดวา การ

ป ร ะ ช า ส ม พ น ธ จ ง ห วด ข อ น แ ก น ตอ ง ม ก า ร

ประชาสมพนธดานการทองเทยวใหมากขน ไมวาจะ

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

เทศกาลตางๆ

หลงจากทไดทาการศกษาขอมลและทฤษฎ

ตางๆทเกยวของกบงานวจย ขนตอนถดไปคอการนา

ความรทไดรบมาทดลองสรางแอนเมชน 3 มต ความ

ยาวไมเกน 2 นาท โดยเปนเรองราวเรมขน การต ง

คาถามเกยวกบสถานททองเทยวจงหวดขอนแกน

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

รถ ไปยงสถานทตางๆในเขตอาเภทเมอง ประกอบไป

ดวยสถานท สนามบน ประตเมอง วดหนองแวง บง



547

แกนนคร ตลาดตนตาล สวนเรองแสง การเคลอนไหว

ของเสนนาสายตาและกราฟกเคลอนไหวเปนการนา

สายตา การเดนทางเรมจากหนารอน ฝน และ หนาว

กลางวนและกลางคน จบดวยพลขนชวงกลางคนฤด

หนาว ขนโลโกและขอความ หลกจากไดแนวทาง

ภาพยนตรแลวขนตอนถดไปคอการพฒนาภาพการเลา

เรองออกแบบเปนงานอนเมชนดงแสดงรปท 1

รปท 1 บทภาพ (storyboard)

ถดมาคอการออกแบบศลปะแนวความคด

เพอกาหนดรปแบบภาพรวมของงาน ดงแสดงในรปท

2 คอรายละเอยดของสภาพแวดลอมและบรรยากาศ

ของเมอง สาหรบใชเปนแบบในการจาลองภาพ 3 มต

ซงในภาพและการนาเสนอจะมสถานทตาง ๆ เชน

ประต เมอง ศาลหลกเมอง ว ด สถานท ทองเทยว

รถยนต ผคน เปนบรรยากาศภายในเมอง

รปท 2 การออกแบบศลปะแนวความคด

ใน ส วน ข อ งการผลต ผลงาน Animation

ผวจยไดเลอกใชเครองมอและโปรแกรม Autodesk

Maya สาหรบงาน 3 มต และ Adobe Photoshop และ

Adobe Illustrator สาหรบสรางโมเดลทมาลวดลายมาก

และโปรแกรม Adobe After Effects สาหรบการตดตอ

และซอนภาพ

การสราง Model 3 ม ต จะเรมจากการนา

ภาพวาดดานหนาและดานขางของพมพเขยวทได

ออกแบบไว มาใสในโปรแกรม Autodesk Maya เพอ

อางองตาแหนงในการปน โดยเรมจากรปทรงพนฐาน

ทโปรแกรมไดเตรยมไวให (Polygon) กอนจะใช

เค รองม อป รบ แต งรป ท รง จน ได Model 3 ม ต ท

ตองการ ดงแสดงในรปท 3

รปท 3 แบบจาลอง 3 มต

ตอมาเปนการสรางลวดลายบนพนผว 3 มต

ใหกบวตถจาลอง3มตโดยอาศยการสรางภาพ 2 มต

(UV) เพอโยงแกนเขาหาขอมล 3 มต (XYZ) สาหรบ

การสรางภาพเคลอนไหวจะเรมจากยานพาหนะ เชน

เรองบน รถยนต และตวอกษร อนภาคทเคลอนไหวได

หลงจากสรางภาพเคลอนไหวเสรจแลว ขนตอตอมา

คอจดแสง โดยใชโปรแกรม Maya สาหรบคานวณคา

ของสและแสง ซงสามารถคาควณ ท งเวลากลางวน

และกลางคน ระยะใกลและระยะไกล ซงสรางความ

เบลอของภาพใหเกดระยะสดทายคอการตดตอ โดยนา

ภาพทไดประมวลผลแบบแยกสวนมารวมเขากนผาน

โปรแกรม Adobe After Effects แลวปรบสของภาพให

ออกมาตามภาพศลปะแนวความคด



548

ผวจยใชแบบสอบถามจากกลมตวอยางเพอ

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

ผเชยวชาญ เชน บคคลทสามารถใหคาแนะนาดาน

อตสาหกรรมแอน เมชน ห รอ ผ ทรงคณ วฒ ดาน

การศกษาทเกยวของ

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

ไขกอนเปนผลงานแบงเปน 4 ระยะ คอ 1. ผวจยได

นาเสนอตอผเชยวชาญ ในรปแบบ หวขอและแอนเม

ตก (Animatic) หรอรปแบบตวอยางภาพเคลอนไหวท

กาหนดระยะเวลาตวงานเบองตน 2. ผวจยไดนาเสนอ

Animation หรอการทาขนตอนภาพเคลอนไหวทเสรจ

หรอปรมาตรงาน 60% ตอผเชยวชาญ 3. ผวจยนาเสนอ

งาน 90 % หรอ งาน Animation ท มการทาข นตอน

ห ลงถายทา (Post Production) ตอผ เช ยวชาญ และ

พฒนาตอ 4. นาเสนอผลงาน 100 % ตอผเชยวชาญ

ผ ทรงคณวฒ และบคคลทวไป และนาขอคดเหน

ขอเสนอแนะมาสรปผลงานวจย

4. ผลการวจย

ผลทไดรบจากการผลตงานแอนเมชน ความ

ยาวไมเกน 2 นาท โดยอาศยทฤษฎการประชาสมพนธ

โดยนาเสนอจดเดนเพอใหผชมเกดความสนใจ รวมกบ

การใชภาษาภาพยนตเพอสอสารความหมายทางดาน

ภาพเชนมมกลอง แสง ส และดนตรประกอบ โดย

ผสมตวอกษรในการบอกเลา

โครงการออกแบบแอนเมชน 3 มต แนวโม

ชนกราฟก เพอประชาสมพนธการทองเทยวจงหวด

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

ขอมลภาพในลกษณะภาพเคลอนไหว ทมสถานทตาง

ๆ และรปแบบการออกแบบกราฟก 3 มต เปนการบร

ณาการเพอสรางสรรคการออกแบบและพฒนารปแบบ

สอทมอยในปจจบน ซงเปนการนาเสนอขอมลดวย

ภาพโดยใชหลกภาษาภาพยนตร ในการนาเสนอ ให

แตกตางจากสอแบบเดม ๆ เชน สอสงพมพ

ในสวนของการออกแบบสถานทไดมการ

ออกแบบใหมความเปนกราฟกการตนเพอสอดคลอง

กบตวงานแอนเมชน จะชวยใหการนาเสนอโมชน

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

การออกแบบและการนาเสนอใหม ๆ

ดานการผลตผลงานแอนเมชนแบบ 3 มต

ผ ว จยไดคน พ บ รป แ บ บ แ ล ะว ธ ก าร ท น าส น ใจ

ดงตอไปน

การสรางวตถทมรปทรงทมความโคงในงาน

3 มต โดยขนตอนจะเรมรางแบบภาพดวยดนสอ และ

ถายภาพหรอสแกนเขาคอมพวเตอร มาคดลอกใน

โปรแกรม Adobe Illustrator และนาเขาโปรแกรม

Maya จะไดเปนเสน (curve) แลวจงสรางจากเสนใหม

พน ทดวยคาส ง Planar จะเปนหนวยของ NURBS

จากน นจงแปลงใหเปนหนวย Polygon เพอสามารถ

เพมใหมปรมาตรของรปทรงดวยคาสง Extrude จะ

สรางรปทรงทมความโคงใหมปรมาตรได

จากก ารนาไป ท ด ลอ งนาเส น อ ให ก ล ม

ตวอยาง ซงเปนบคคลทวไปทมชวงอายระหวาง 15-

40ป จานวน 40 คน ทาการชมสอภาพยนตร พบวา

สามารถสรางความสนใจในจงหวดขอนแกนให

เกดขนไดในขนตน แตเนอหาดานสถานทในจงหวด

อกหลายสวนทตวแอนเมชนไมไดกลาวถง จาตอง

อาศยสอประเภทอน ๆ ทสามารถศกษาไดในขนตอไป

เชน สอสงพมพ เวปไซด สาหรบผชมทสนใจ

5. การอภปรายผล

จ าก ผ ล ก าร ศ ก ษ าพ บ ว า ก าร ส ร าง ส อ

ประชาสมพนธ สามารถชวยใหคนเกดความสนใจใน

จงหวดขอนแกนเพมขนได โดยอาศยการนาเสนอท



549

เปนแอนเมชนหรอภาพเคลนไหว โดยหลกการภาษา

ภาพยนตรและดนตรประกอบจงสามารถสรางความ

สนใจได สอดคลองกบสมมตฐานทตงไว ทงนเพราะ

การสรางสอประชาสมพนธรปแบบใหมจากทเคยมอย

และสอดคลองกบผลงานวจยของจารวรรณ อชาด

6. บทสรป

การศกษาการนาเสนอแอนเมชนแนวโมชน

กราฟก 3มต เพอสรางสรรคสอประชาสมพนธการ

ทองเทยวจงหวดขอนแกนไดศกษาตอยอดเทคนคท

สรางสรรครปแบบนมาจากตางประเทศโดยศกษา

ตงแตรปแบบ 2 มต และ 3 มต และนามาประยกตใช

ใหเขากบบรบททใชในการนาเสนอผานมมมองและ

ผสมกบการออกแบบกราฟกของผ วจยทศกษามา

เพอใหไดสอทใชไดนาเสนอสถานทตางๆในจงหวด

ขอนแกนและรปแบบการออกแบบทศนศลป ผานงาน

โมชนกราฟก 3 มต การตงคาถามในตอนแรก และการ

นาเสนอสถานทหนงไปยงสถานทหนง และการ

จาลองรปทรง 3 มต ทมการปรบเปลยนใหมความเปน

กราฟกมากขน อาจะมการดดแปลงจากสถานทจรงให

มค วาม เป น การ ตน กราฟ ก ซ งม การผส ม ผส าน

จนตนาการในการออกแบบและการแกไขปญหาใน

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

กบสอใหม การนาเสนออาจไมสามารถนาเสนอ

สถานทสาคญในจงหวดท งหมดได แตอยางนอยก

นาเสนอเอกลกษณบางสวนของจงหวดขอนแกนถง

ผ ชม และในดานของการพฒนาการออกแบบสอ

ประชาสมพนธจะเปนรปแบบแอนเมชน 3 มต ทมการ

พฒนาตอยอดจากองคความรเดม มาปรบปรงและ

ผสมผสานใหมลกษณะเฉพาะขน และในอนาคตยอม

สามารถพฒนารปแบบใหม ๆ ตามเทคโนโลยและยค

สมย

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

ผวจยขอขอบคณ รศ. พรรณเพญ ฉายปรชา

ทใหคาแนะนาตรวจทาน และแกไขขอบกพรองตาง ๆ

ดวยความเอาใจใสทกขนตอน เพอใหการเขยนรายงาน

คน ควาฉ บบ น ส มบ รณ ท ส ดน อกจากน ผ ศกษ า

ขอขอบคณ อ. ชยพร พานชรทตวงศ ผใหคาปรกษา

ให ค วาม รดาน การส รางส รรคผลงาน และการ

ออกแบบงานศลปะตางๆ ผวจยหวงวา งานวจยฉบบน

จะมประโยชนไมมากกนอย จงขอมอบสวนดทงหมด

นใหแดบดา มารดา และผ มพระคณทกทานเหลา

ค ณ าจ าร ยท ไ ดป ร ะ ส ท ธ ป ร ะ ส าท วช าส าห ร บ

ขอบกพรองตาง ๆ ทอาจจะเกดขนนน ผวจยขอนอม

รบผดเพยงผเดยวและยนดทจะรบฟงคาแนะนาจากทก

ทานทไดเขามาศกษาเพอเปนประโยชนในการพฒนา

งานวจยตอไป

8. เอกสารอางอง

กระทรวงการทองเทยวและกฬา. “สถานการณการ

ท องเท ยวจงห วดขอน แกน .” [Online]

available at : http://tourisminvest.tat.or.th/

บ ท ว เค ราะห /บ ท ว เค ราะห การลงท น

ท อ ง เ ท ย ว / 45-thai/ จ ง ห ว ด / ภ า ค

ตะวนออกเฉยงเหนอ/231-ขอนแกน, 10

ธนวาคม 2558.

จารวรรณ อชาด. 2554. “ทศนคตและพฤตกรรมของ

น ก ท อ ง เท ย ว ท ม า เท ย ว ใ น จ ง ห วด

ข อ น แ ก น .” ว ท ย า น พ น ธ ป ร ญ ญ า

บ ร ห าร ธ ร ก จ ม ห าบ ณ ฑ ต , ว ท ย าลย

บ ณ ฑ ต ศ ก ษ า ก า ร จ ด ก า ร

มหาวทยาลยขอนแกน, 2554.

Spencer Drate, David Robbins, Judith Salavetz.

“ motion by design. ” China : Laurence

King Publishing Ltd, 2549.


project design 3d motion graphic animation: …...การประช มว...

Documents