แอนเมชน 2 มต เรอง การแตงกายอยางถกระเบยบ 2-Dimensional Animation on Dressing Properly

ปราญชา พมโพธทอง

ณฐวโรจน ชอนรมย

อษฎา ลมยศร

ภาคนพนธนเปนสวนหนงของการศกษาตามหลกสตรปรญญาวทยาศาสตรบณฑต

รายวชาโครงการเทคโนโลยสารสนเทศ ภาควชาเทคโนโลยสารสนเทศ คณะเทคโนโลยสารสนเทศ

มหาวทยาลยสยาม พ.ศ. 2562

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

นายณฐวโรจน ชอนรมย 5605100032 นายอษฎา ลมยศร 5605100034

อาจารยทปรกษา อาจารยภาสกร ธนานนท ระดบการศกษา วทยาศาสตรบณฑต สาขาวชา เทคโนโลยสารสนเทศ ปการศกษา 2561

บทคดยอ

การตนแอนเมชน 2 มต เรองการแตงกายอยางถกระเบยบ พฒนาขนเพอใหความรเกยวกบการแตงกาย โดยมการสอดแทรกคานยมในเรองของแตงกายอยางถกระเบยบและผดระเบยบของ นกศกษาในมหาวทยาลย แอนเมชนเรองนใชเวลาด าเนนเรอง 11.20 นาท มฉากท งหมด 9 ฉาก และใชตวละครในการด าเนนเรองท งหมด 6 ตวละคร โดยใชโปรแกรม Adobe Illustrator CS6 Adobe Illustrator CS6 ในการออกแบบฉากและตวละคร ใชโปรแกรม Adobe Flash CS6 ในการสรางภาพเคลอนไหว และใชโปรแกรม Adobe Sound booth CS6 ในการพากยเสยงบรรยายของตวละคร สามารถเสรมสรางคานยมในเรองของการแตงกายอยางถกระเบยบใหแกผรบชมภายในมหาวทยาลยไดเปนอยางด

ค าส าคญ : การแตงกาย/การตนแอนเมชน/คานยม

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

ภาคนพนธนส าเรจลลวงไดดวยความกรณาจาก อาจารยภาสกร ธนานนท อาจารยทปรกษา ท

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

นพนธ คณะผจดท าจงขอขอบพระคณเปนอยางสง

ขอขอบพระคณ อาจารยคณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม ทชวยสอน แนะน า

ตลอดการท าภาคนพนธ

ขอขอบพระคณ มหาวทยาลยสยาม และคณะเทคโนโลยสารสนเทศ ทไดเออเฟอสถานทใน

การจดท าภาคนพนธ

ขอขอบพระคณ หองสมดมหาวทยาลยสยาม และแหลงขอมลตางๆ ในการคนควาหาขอมล

การจดท าภาคนพนธอนมคาอยางยง

สดทายนขอขอบคณ สมาชกในกลมทกคนทใหความรวมมอ รวมใจ ชวยกนผานพนปญหา

ตางๆ ท าใหภาคนพนธนเสรจสมบรณ

คณะผจดท า

ง

สารบญ หนา บทคดยอ .............................................................................................................................................. ก Abstract ............................................................................................................................................... ข กตตกรรมประกาศ ............................................................................................................................... ค สารบญ ................................................................................................................................................ ง สารบญภาพ ......................................................................................................................................... ฉ บทท 1 บทน า ความเปนมาและความส าคญของปญหา ................................................................................... 1 วตถประสงค ............................................................................................................................. 2 กลมเปาหมาย ............................................................................................................................ 2 ขอบเขต .................................................................................................................................... 3 ขนตอนการด าเนนงาน .............................................................................................................. 4 ประโยชนทคาดวาจะไดรบ ....................................................................................................... 5 2 แนวคด ทฤษฎ และงานวจยทเกยวของ แนวความคด ............................................................................................................................. 6 ทฤษฎทเกยวของ ...................................................................................................................... 6 เวบไซตทเกยวของ .................................................................................................................. 22 งานวจยทเกยวของ .................................................................................................................. 27 3 การออกแบบและพฒนาโปรแกรม การศกษาขอมลเบองตน ......................................................................................................... 32 การเกบรวบรวมขอมล ............................................................................................................ 32 ออกแบบและพฒนางานแอนเมชน ......................................................................................... 33 4 ขนตอนการปฏบตงาน ขนตอนการปฏบตงาน ............................................................................................................ 49 5 สรปผลการด าเนนงานและขอเสนอแนะ สรปผลการด าเนนงาน ............................................................................................................ 59

จ

สารบญ (ตอ) บทท หนา ปญหาและอปสรรค ................................................................................................................ 59 ขอเสนอแนะ ........................................................................................................................... 60 บรรณานกรม ..................................................................................................................................... 61 ภาคผนวก ภาคผนวก ก การออกแบบและพฒนางานแอนเมชน Storyboard ......................................................................................................... 65 ภาคผนวก ข คมอการตดตงโปรแกรม Install Program KMPlayer ................................................................................. 74 ประวตคณะผจดท า ............................................................................................................................ 78

ฉ

สารบญภาพ ภาพท หนา 2.1 ภาพตวอยางการแตงกายถกระเบยบของนกศกษาชายและนกศกษาหญง ................................ 9 2.2 ภาพลกษณะตวละครในรปแบบของขนาดและสดสวนทแตกตางกน .................................. 11 2.3 ตวอยางการสรางสรรคดวยรปทรงเรขาคณต .......................................................................... 12 2.4 ขนตอนการออกแบบตวละคร ............................................................................................ 13 2.5 ตวอยางการแสดงอารมณดใจ ............................................................................................ 13 2.6 ตวอยางการแสดงอารมณเสยใจ ......................................................................................... 14 2.7 ตวอยางการแสดงอารมณโกรธ........................................................................................... 14 2.8 วรรณะของส ( Tone of color ) .......................................................................................... 15 2.9 สทแสดงความรสกรอน ..................................................................................................... 16 2.10 สทแสดงความรสกเยน ...................................................................................................... 16 2.11 สโทนออน ........................................................................................................................ 16 2.12 สโทนสดใส ...................................................................................................................... 17 2.13 สโทนเรยบ ........................................................................................................................ 17 2.14 สโทนหนกแนน ................................................................................................................ 17 2.15 การสรางการตนแอนเมชนแบบดงเดม ............................................................................... 18 2.16 การสรางการตนแอนเมชนแบบสตอปโมชน เรอง คาโรไลน .............................................. 19 2.17 การสรางการตนแอนเมชนดวยคอมพวเตอร ....................................................................... 19 2.18 การตนแอนเมชน 2 มต เรอง มกกเมาส ............................................................................... 21 2.19 การตนแอนเมชน 3 มต เรองทอยสตอร .............................................................................. 21 2.20 https://katoon1827hibari.wordpress.com/การวาดการตน/การออกแบบตวละคร/ ................ 22 2.21 https://honeyinlove123456.wordpress.com/บทเรยน/ขนตอนการสรางการตน/ ................... 23 2.22 http://beeclassic.exteen.com/20110322/beeclassic-how-to ................................................. 24 2.23 http://m.exteen.com/blog/eltakung/20090919/how-to-2d-animation-1 ............................... 25 2.24 http://kofayuna.exteen.com/20120831/how-to-draw-3 ....................................................... 26

ช

สารบญภาพ (ตอ) ภาพท หนา 2.25 แอนเมชน การอานรากฐานแหงชวต .................................................................................. 27 2.26 แอนเมชน เรอง คณธรรม 8 ประการ .................................................................................. 28 2.27 แอนเมชน 3 มต การแตงกายชดนกศกษาทถกระเบยบ ........................................................ 29 2.28 แอนเมชน เรองการแตงกายของวฒนธรรมไทย 4 ภาค ........................................................ 30 2.29 แอนเมชนการรณรงคการแยกขยะ เรองถงขยะในรวมหาลย ................................................ 31 3.1 ตวละครชออม ................................................................................................................... 33 3.2 ตวละครชอเอ .................................................................................................................... 34 3.3 ตวละครชอเจนน ............................................................................................................... 35 3.4 ตวละครชอเน .................................................................................................................... 36 3.5 ตวละครชออาจารย ........................................................................................................... 37 3.6 ตวละครชอฝายบคคล ........................................................................................................ 38 3.7 ฉากเรมเรอง มมกวางในมหาวทยาลยสยาม ....................................................................... 39 3.8 ฉากหนามหาวทยาลยสยาม ............................................................................................... 40 3.9 ฉากหนาหองสหกจศกษา .................................................................................................. 41 3.10 ฉากภายในหองสหกจศกษา .............................................................................................. 42 3.11 ฉากภายในหองคอมพวเตอร ............................................................................................. 43 3.12 ฉากหนาหองทะเบยนเรยน ................................................................................................ 44 3.13 ฉากหองสมภาษณงาน ....................................................................................................... 45 3.14 การออกแบบตวละครโดยใชโปรแกรม Adobe Illustrator CS6 .......................................... 46 3.15 การออกแบบฉากโดยใช Adobe Illustrator CS6 ................................................................ 47 3.16 การใสเสยงใหงานแอนเมชนโดยใชโปรแกรม Adobe Soundbooth CS6 ............................. 48 4.1 ฉากเขาเนอเรอง การแตงกายอยางถกระเบยบ .................................................................... 49 4.2 ฉากแสดงตกตางๆ ในมหาวทยาลยสยาม ........................................................................... 50 4.3 ฉากแนะน า ....................................................................................................................... 50

ซ

สารบญภาพ (ตอ) ภาพท หนา 4.4 ตวละคร อม ยนอธบาย การเรมเรองแอนเมชน .................................................................. 51 4.5 ตวละคร เอ ยนอธบาย เนอเรอง แอนเมชน ........................................................................... 51 4.6 ฉากลงทะเบยนเรยน .......................................................................................................... 52 4.7 การสนทนา ระหวางอาจารย กบ เจนน .............................................................................. 52 4.8 ฉากเขาหองเรยน ............................................................................................................... 53 4.9 การสนทนา ระหวางอาจารย กบ เจนน ภายในหองเรยน .................................................... 53 4.10 ฉากเขาหองสอบ ............................................................................................................... 54 4.11 การสนทนา ระหวางอาจารย กบ เน หนาหองสอบ ............................................................ 54 4.12 ฉากเขาหองส านกสหกจศกษา ........................................................................................... 55 4.13 การสนทนา ระหวางอาจารย กบ เจนน ภายในหองสหกจศกษา ......................................... 55 4.14 ฉากเขาหองสมภาษณงาน .................................................................................................. 56 4.15 การสนทนา ระหวาง ฝายบคคล และ เจนน ......................................................................... 56 4.16 ฉากแนะน าการแตงกาย นกศกษาชาย ................................................................................ 57 4.17 ฉากแนะน าการแตงกาย นกศกษาหญง .............................................................................. 57 4.18 ฉากจบ แอนเมชนเรองการแตงกายอยางถกระเบยบ .......................................................... 58 ก.1 ฉากเปดการตนแอนเมชน เรองการแตงกายอยางถกระเบยบ .............................................. 65 ก.2 สถานการณท 1 การลงทะเบยนเรยน ................................................................................. 66 ก.3 สถานการณท 2 การเขาหองเรยน ...................................................................................... 67 ก.4 สถานการณท 3 การเขาหองสอบ ....................................................................................... 68 ก.5 สถานการณท 4 หองสหกจศกษา ....................................................................................... 69 ก.6 สถานการณท 5 การเขาสมครงาน ..................................................................................... 70 ก.7 ฉากจบการตนแอนนเมชน เรองการแตงกายอยางถกระเบยบ ............................................. 71 ก.8 ภาพตวอยางการเขยน Story Board ฉากท 1 ........................................................................ 72 ก.9 ภาพตวอยางการเขยน Story Board ฉากท 2 ........................................................................ 73

ฌ

สารบญภาพ (ตอ) ภาพท หนา ข.1 เลอกไฟล KMPlayer_4.2.2.15.exe .................................................................................... 74 ข.2 เลอก ภาษาพนฐานโปรแกรม ............................................................................................ 74 ข.3 หนาตางเขาสการตงโปรแกรม ........................................................................................... 75 ข.4 หนาตางขอตกลงการใชงานโปรแกรม ............................................................................... 75 ข.5 หนาตางเลอกลกษณะโปรแกรม ......................................................................................... 76 ข.6 หนาตางเลอกลกษณะโปรแกรม ......................................................................................... 76 ข.7 หนาตางขณะโปรแกรมก าลงตดตง ..................................................................................... 77 ข.8 หนาตางโปรแกรมแสดงการตดตงเสรจสมบรณ ................................................................. 77

บทท 1

บทน ำ

ควำมเปนมำและควำมส ำคญของปญหำ

ปจจบนสอแอนเมชนไดเขำมำมบทบำทในชวตของมนษยมำกยงขน กำรท ำใหภำพนงเกดกำรเคลอนไหว ซงท ำใหมควำมนำสนใจมำกขนในเดก และผใหญ รวมถงคนทกเพศทกวย มนษยเลอกทจะมองภำพหรอสงทมสสนกอนมองเนอหำเสมอ แอนเมชนนนมบทบำทกบงำนหลำยๆดำน ซงแตละองคกรหรอหนวยงำนไดน ำไปประยกตใชในงำนหลำยๆประเภท กำรจดท ำสอกำรแตงกำยอยำงถกระเบยบรวมถงสอกำรเรยนกำรสอนตำงๆ จงหนมำใชงำนแอนเมชนในกำรผลตมำกยงขน งำนดำนแอนเมชนจงเปนงำนทมคณคำ และตองอำศยควำมสำมำรถในกำรผลต กำรน ำแอนเมชนมำจดท ำกำรตนแอนเมชนเรองกำรแตงกำยอยำงถกระเบยบใหกบนกศกษำในมหำวทยำลยไดรบชม เนองจำกประโยชนของสอแอนเมชนมมำกมำย เชน สำมำรถสอควำมหมำยใหเขำใจไดงำย ใชแอนเมชนในกำรชวยสอนหรอเตอนสต และดงดดควำมสนใจ แอนเมชนสำมำรถอธบำยเรองรำวทซบซอนใหเขำใจไดงำยขน เพรำะสอแอนเมชน มทงภำพ เสยง เปนองคประกอบหลก ชดนกศกษำ จดอยในระเบยบของแตละสถำบนทไดก ำหนดขน ใหเปนไปตำมมำตรฐำนของสถำบนกำรศกษำ ซงชดนกศกษำนนเปนเสมอนอตลกษณของแตละสถำบน เปนกำรสรำงวนย และสรำงควำมรบผดชอบ ท ำใหรสกถงควำมปลอดภย เปนสงทดงำม นำภำคภมใจ แสดงถงควำมร สตปญญำ แตในปจจบนจะเหนไดวำกำรแตงกำยของนกศกษำในระดบมหำวทยำลย สวนใหญนกศกษำมกจะแตงกำยลอแหลม ไมเหมำะสม นกศกษำหญงนยมใสเสอผำรดรป นงกระโปรงส น และมกสวมรองเทำแตะ หรอรองเทำแฟชน รวมทงทรงผม เชน ท ำสผมหรอท ำผมตำมกระแสแฟชน ตำมดำรำทงในและตำงประเทศทก ำลงนยมในปจจบน สวนนกศกษำชำย นยมสวมรองเทำแฟชน ปลอยชำยเสอ สวมกำงเกงยนส เปนตน เพรำะเขำใจวำเปนสงทท ำใหตนเองดด มรสนยม ปญหำกำรแตงกำยทไมเหมำะสมของนกศกษำ ระดบอดมศกษำ จำกบทควำมเปลองนกศกษำของศนยวจยมหำวทยำลยกรงเทพ (2550) กลำวไววำ กระทรวงวฒนธรรม (คณหญงไขศร ศรอรณ รฐมนตรวำกำรกระทรวงวฒนธรรม) รวมกบกระทรวงศกษำธกำร (รศ.ดร.วรำกรณ สำมโกเศศ เปนรฐมนตรชวยวำกำรกระทรวงศกษำธกำร) และ สถำบนอดมศกษำทวประเทศ จ ำนวน 30 แหง รวมกนก ำหนด “วำระแหงชำต” วำดวยกำรจดระเบยบกำรแตงกำยของนกศกษำ ซงชวงนนกเกดกระแสตอตำนในมมมองของสทธมนษยชน แตอยำงไรกตำมยงมหนวยงำนทเกยวของรวมถงสถำบนกำรศกษำหลำยแหง

2

รวมกนระดมควำม คด เหน เพ อห ำแนวทำงในกำรแกไขปญหำท เกด ขน ยกตวอยำง เชน มหำวทยำลยจฬำลงกรณ (2552) ไดกลำวถงโครงกำร “อกนด เพอจฬำ” (A bit more Project) ทเปนโครงกำรรณรงคในเรองกำรแตงกำยชดนกศกษำทถกระเบยบ ผำนสอประชำสมพนธในรปแบบตำงๆ และจำกบทควำมของรวมคลงควำมรและกำรแลกเปลยนเรยนรของบคลำกรมหำวทยำลยศรปทม โดย เฟอรมำลงค (Permalink) (2551) พบวำปญหำทเกดขนในกลมของเยำวชนดงกลำว คอ เยำวชนไทยขำดกำรปลกฝงในดำน คณธรรม จรยธรรม อยำงย งยน ดงนนคณะผจดท ำจงมควำมสนใจทจะแกไขปญหำพฤตกรรมกำรแตงกำย ของนกศกษำ ทศกษำในคณะตำงๆของมหำวทยำลยสยำม เพอกำรแตงกำยอยำงถกตองและถกระเบยบ และเปนกำรสงเสรมใหนกศกษำในชนปตำงๆไดมควำมพรอมกอนออกสหกจศกษำ และออกสโลกภำยนอก ไดอยำงมประสทธภำพและเกดประสทธผล สอดคลองกบแนวปณธำนของคณะเทคโนโลยสำรสนเทศรวมทงเพอใหผอนไดเรยนรและน ำไปประยกตใชอยำงมประสทธภำพ โดยคณะผจดท ำสรำงกำรตนแอนเมชนเรองกำรแตงกำยอยำงถกระเบยบ ดวยโปรแกรม Adobe Illustrator CS6 ใชส ำหรบวำดภำพตวกำรตนและฉำกหลงและโปรแกรม Adobe Flash Professional CS6 ใชส ำหรบสรำงภำพเคลอนไหวตวกำรตนและโปรแกรม Adobe Audition CS6 ใชในกำรบนทกเสยงใหกบตวละครเพอควำมสมบรณแบบและนำรบชมมำกยงขน

วตถประสงค

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

สอแอนเมชนเพอเขำถงผชมทกเพศทกวย

กลมเปำหมำย

นกศกษำในมหำวทยำลยสยำม

3

ขอบเขตของโครงงำน

1. คณสมบตของแอนเมชน เรอง กำรแตงกำยอยำงถกระเบยบ มดงน 1.1 กำรตนแอนเมชนเรอง กำรแตงกำยอยำงถกระเบยบ มเนอหำเกยวกบแนะน ำกำรแตงกำย

ใหถกตำมกฎระเบยบของมหำวทยำลยสยำม 1.2 กำรน ำเสนอเปนกำรตนแอนเมชน ในรปแบบภำพเคลอนไหว 2 มต มเสยงบรรยำยและ

เสยงประกอบฉำก 1.3 ระยะเวลำในกำรน ำเสนองำนแอนเมชน 10 - 15 นำท 1.4 ใชตวละครหลกในกำรด ำเนนเรองรำวทงหมด 6 ตวละคร โดยแยกตำมเพศ เครองแบบ

นกศกษำ และอำชพ ดงน 1.4.1 เครองแบบนกศกษำถกระเบยบ ประกอบไปดวย

1.4.1.1 อม (เพศหญง) 1.4.1.2 เอ (เพศชำย)

1.4.2 เครองแบบนกศกษำทผดระเบยบ 1.4.2.1 เจนน (เพศหญง)

1.4.2.2 เน (เพศชำย) 1.4.3 บคลำกรในมหำวทยำลย

1.4.3.1 อำจำรย (เพศชำย) 1.4.4 ฝำยบคคล (ในหนวยงำนภำยนอกมหำวทยำลย)

1.4.4.1 ฝำยบคคล (เพศชำย)

2. คณสมบตของฮำรดแวร

2.1 ฮำรดแวรส ำหรบผพฒนำระบบ 2.1.1 CPU Intel (R) core (TM) i5-2430 M @ 3.30 GHz. 2.1.2 Hard Disk 1 TB. 2.1.3 RAM 8 GB. 2.1.4 Graphic: GeForce6600

2.2 ฮำรดแวรส ำหรบผใชระบบ 2.2.1 CPU: Pentium 4 2.4 GHZ. ขนไป 2.2.2 RAM: 1 GB. ขนไป

4

2.2.3 HDD Space: 7 GB. ขนไป 3. คณสมบตของซอฟตแวร

3.1 ซอฟตแวรส ำหรบผพฒนำระบบ 3.1.1 Microsoft windows 7 3.1.2 Adobe Flash Professional CS6 3.1.3 Adobe Illustrator CS6 3.1.4 Adobe Audition CS6 3.1.5 Adobe After Effects CS6

3.2 ซอฟตแวรส ำหรบผใชระบบ 3.2.1 Microsoft windows 7 3.2.2 Adobe Flash Professional CS6 3.2.3 GOM Media Player Version 2.2.74.5237 3.2.4 แอนเมชน 2 มต เรองกำรแตงกำยอยำงถกระเบยบ

ขนตอนกำรด ำเนนงำน

ในกำรจดท ำแอนเมชนเรอง กำรแตงกำยอยำงถกระเบยบ คณะผจดท ำไดรวมกนวำงแผนด ำเนนกำรด ำเนนงำนไว ดงน

1. ขนเตรยมกำร 1.1 ประชมและวำงแผนเรองทตองกำรท ำโครงกำร 1.2 รวบรวมขอมลและวเครำะหขอมลเนอหำทตองกำรท ำอยำงละเอยดและถกตอง 1.3 น ำเสนอโครงกำรกบอำจำรยทปรกษำโครงกำร

2. ขนด ำเนนงำน 2.1 ศกษำแหลงขอมลเพอน ำเนอหำมำผลตแอนเมชนทถกตองและเชอถอไดมำกทสด 2.2 เขยนบทกำรด ำเนนเนอเรองโดยมกำรระบตวละคร เวลำในกำรผลตแอนเมชน

และเรยบเรยงเรองรำวใหมควำมนำสนใจและเขำใจงำย 2.3 วำงแผนกำรผลตแอนเมชน โดยมกำรจดเรยงล ำดบกำรผลตใหเปนขนตอน

2.4 วำดรปตวละครหลก 2.5 วำด story board เพอเรยงล ำดบเรองรำวของตวแอนเมชน

5

2.6 วำดตวละคร และฉำกลงในโปรแกรมคอมพวเตอรเพอเตรยมใชงำนในกำรประกอบกำรผลตแอนเมชน

2.7 ด ำเนนกำรผลตแอนเมชน 2.8 ใสเสยงทบนทกเพอใชในกำรบรรยำยขอมลเนอหำ

3. น ำเสนอโครงกำร

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

1. นกศกษำมหำวทยำลยสยำมมแนวโนมทจะแตงกำยถกระเบยบเพมมำกขน 2. นกศกษำเกดควำมภำคภมใจในเครองแบบกำรแตงกำยของสถำบน 3. เพอเพมชองทำงกำรเผยแพรกำรตนแอนเมชนทำงโซเชยลมเดยเรองกำรแตงกำยถก

ระเบยบโดยใชเปนสอกำรสอน

บทท 2

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

แนวความคด

การตนแอนเมชน เรองการแตงกายอยางถกระเบยบ เปนการตนแอนเมชนทใหความรเกยวกบเรองการแตงกายทถกระเบยบ ในปจจบนมนกศกษาทแตงกายผดระเบยบมากยงขน การแตงกายผดระเบยบนนอาจสงผลเสยแกตวนกศกษาเอง ดานนกศกษาหญง เชน การถกลวนลาม ถกแอบถายใตกระโปรง ถกลวงละเมดทางเพศ เปนตน ดานนกศกษาชาย เชน การมเรองทะเลาะววาท จากการแตงกาย เปนตน คณะผจดท าจงไดศกษาและจดท าการตนแอนเมชนเรองการแตงกายอยางถกระเบยบ โดยใชโปรแกรม Adobe Illustrator CS6, Adobe Photoshop CS6 เพอใชในการสรางตวการตนหลกและฉากหลงในการประกอบการตนแอนเมชน โปรแกรม Adobe Flash Professional CS6 เพอใชในการสรางภาพเคลอนไหวใหแกตวการตน และ Adobe Audition CS6 ในการอดเสยงการพดใหแกตวละครเพอเพมความเปนธรรมชาตและนารบชมมากยงขน

ทฤษฎทเกยวของ

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

1. ทฤษฎพฤตกรรมนยม (Behavioral View of Motivation) ทฤษฎ น ใหความส าคญกบประสบการณในอดต (Past Experience) วามผลตอแรงจงใจของบคคลเปนอยางมาก ดงน นทกพฤตกรรมของมนษยถาวเคราะหดแลวจะเหนวาไดรบอทธพลทเปนแรงจงใจมาจากประสบการณในอดตเปนสวนมาก โดยประสบการณในดานดและกลายเปนแรงจงใจทางบวกทสงผลเราใหมนษยมความตองการแสดงพฤตกรรมในทศทางนนมากยงขนทฤษฎนเนนความส าคญของสงเราภายนอก(Extrinsic Motivation) (อลสา อนทรประเสรฐ, 2554) 2. ทฤษฎมนษยนยม (Humanistic View of Motivation) แนวความคดนเปนของมาสโลว(Maslow) ทไดอธบายถงล าดบความตองการของมนษย โดยทความตองการ จะเปน ตวกระตนใหมนษยแสดงพฤตกรรมเพอไปสความตองการนน ถาเขาใจความตองการของมนษยกสามารถ อธบายถงเรองแรงจงใจของมนษยไดเชนเดยวกน โดยมองคประกอบหลกดงน

7

2.1 แรงจงใจ (Motivation) คอ สงซงควบคมพฤตกรรมของมนษย อนเกดจากความตองการ (Needs) พลงกดดน (Drives) หรอ ความปรารถนา (Desires) ทจะพยายามดนรนเพอใหบรรลผลส าเรจตามวตถประสงค ซงอาจจะเกดมาตามธรรมชาตหรอจากการเรยนรกได แรงจงใจเกดจากสงเราทงภายในและภายนอกตวบคคลนน ๆ เอง ภายใน ไดแก ความรสกตองการ หรอขาดอะไรบางอยาง จงเปนพลงชกจง หรอกระตนใหมนษยประกอบกจกรรมเพอทดแทนสงทขาดหรอตองการนน สวนภายนอกไดแก สงใดกตามทมาเรงเรา น าชองทาง และมาเสรมสรางความปรารถนาในการประกอบกจกรรมในตวมนษย ซงแรงจงใจนอาจเกดจากสงเราภายในหรอภายนอก แตเพยงอยางเดยว หรอทงสองอยางพรอมกนได อาจกลาวไดวา แรงจงใจท าใหเกดพฤตกรรมซงเกดจากความตองการของมนษย ซงความตองการเปนสงเราภายในทส าคญกบการเกดพฤตกรรม นอกจากนยงมสงเราอน ๆ เชน การยอมรบของสงคม สภาพบรรยากาศทเปนมตร การบงคบขเขญ การใหรางวลหรอก าลงใจหรอการท าใหเกดความพอใจ ลวนเปนเหตจงใจใหเกดแรงจงใจได 2.2 องคประกอบทางดานการเรยนร (Learned Factor) องคประกอบดานนเปนผลสบเนองตอจากองคประกอบขอ 2.1 ทงนเพราะมนษยทกคนไมสามารถไดรบการตอบสนองความตองการในปรมาณ ชนด และคณภาพตามทตนเองตองการ และในหลาย ๆ ครงสงแวดลอมเปนตววางเงอนไขในการสรางแรงจงใจของมนษย สงคมไทยในปจจบนเปนสงคมททนสมย ท าใหวยรนในปจจบนเลยนแบบการแตงกายจากสอตางๆ เชน สอโทรทศน สออเลกทรอนกส สอโฆษณาตามสถานทตางๆหรอแมกระทงการรบเอาวฒนธรรมการแตงกายจากชาวตะวนตกดวย ท าใหนกศกษารบเอาวฒนธรรมการแตงกายนนมาดวยเชนการนงกระโปรงทสน ใสเสอผาทรดจนเกนไปหรอการใสรองเทาตามแฟชนตางๆ รวมไปถงการแตงกายทไมเหมาะสมตามกาลเทศะตามสถานทนนๆ ในสงคมโลกทเปลยนแปลงอยางรวดเรวเรวเกนกวาการปรบตวใหทนตอการเปลยนแปลง รวมทงคานยมทางวตถและวฒนธรรมตางชาตสงผลใหวยรนในปจจบน รไมเทาทนและแยกไมออกระหวางความเหมาะสมกบกบความสวยงามทมสอตางๆ น าเสนออยตลอดเวลาดาราวยรนทแตงกายโดยไมค านงถงความเหมาะสมหรอไมไดคดวาตนเองจะเปนแบบอยางใหวยรนเลยนแบบ (อลสา อนทรประเสรฐ, 2554) ทฤษฎพฤตกรรมนยมใหความส าคญกบประสบการณในอดต ในดานดและกลายเปนแรงจงใจทางบวกทสงผลเราใหมนษยมความตองการแสดงพฤตกรรมในทศทางนน สวนทฤษฎมนษยนยมนนใหความส าคญถงความตองการของมนษย แรงจงใจของมนษยเปนตวกระตนใหมนษยแสดงพฤตกรรมเพอไปสความตองการนน

8

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

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

ระเบยบมหาวทยาลยสยามวาดวยการแตงกายของนกศกษา

มหาวทยาลยสยาม (2559) ระเบยบการแตงกายนกศกษาชายมหาวทยาลยสยาม แตงกายตามเครองแบบโดยระบไวดงน 1. ทรงผม นกศกษาชายจะตองตดผมรองทรงสภาพ ไมยาวเกนควร และไมปลอยผมดานหลงปดปกเสอ 2. เสอ แบบเชดคอตง ผาขาวเกลยงไมบางเกนควรผาอกตลอดสาบทอกเสอกวาง 4 ซ.ม.ใชดมสขาวกลมแบบขนานเสนผาศนยกลางไมเกน 1 เซนตเมตรแขนสนเพยงขอศอก ไมมตะเขบรดรป มกระเปาตดราวนมเบองซาย 1 กระเปาขนาด 8-12 เซนตเมตร และลก 10-12 เซนตเมตร 3. กางเกง แบบสากลไมรดรป ขายาวเพยงขอเทา สกรมทาหรอสด า และวดเสนรอบวงทปลายขาไมนอยกวา 17 นว แตไมเกน 22 นว มกระเปาตามตะเขบขางละ 1 กระเปา 4. เขมขด แบบหนงสน าตาลกวาง 3 เซนตเมตร หวท าดวยโลหะ มลายตนตรามหาวทยาลยสยาม ชนดของหวแบบรด มปลอกหนงสด ากวาง 1 เซนตเมตร ส าหรบสอดปลายเขมขด 5. เนคไท แบบสน าตาลขนาดกวางไมเกน 6 เซนตเมตรใชประกอบกบเขมกลดเนคไทท าดวยโลหะรปตรามหาวทยาลยสยาม 6. รองเทา หนสนชนดผก สด าหรอสน าตาล ไมมลวดลาย ใชประกอบกบถงเทาสนแบบ

ธรรมดาสเดยวกบรองเทา

9

ระเบยบการแตงกายนกศกษาหญงมหาวทยาลยสยาม แตงกายตามเครองแบบโดยระบไวดงน 1. ทรงผม แบบสภาพ 2. เสอ ผาขาวเกลยงไมบางเกนควร แบบคอเชต ผาอกตลอด ทอกเสอท าเปนสาบตลบออก กวาง 3 เซนตเมตร มดมโลหะขาวดนตรามหาวทยาลยสยาม 4 ดม แขนปลอยธรรมดา ยาวเพยงเหนอขอศอก ไมมตะเขบรดรป ผาตลบดานขาง สวมเสอไวในกระโปรง 3. กระโปรง ผาสกรมทาหรอด า แบบกระโปรงเกลดค กวาง 1.5 เซนตเมตร ยาวเพยงเขา ไมมลวดลาย 4. เขมขด แบบหนงสน าตาลกวาง 3 เซนตเมตร หวท าดวยโลหะสขาวดนตรามหาวทยาลยสยาม ชนดแบบหวรดมปลอกหนงสน าตาล ขนาดกวาง 1 เซนตเมตร ส าหรบสอดปลายเขมขด 5. เครองหมาย มเขมเครองหมายตราประจ ามหาวทยาลยสยาม ท าดวยโลหะตดหนาอกเบองซาย 6. เครองหมายหอยปกเสอ ท าดวยโลหะมลายดนตรามหาวทยาลยสยาม 7. รองเทา แบบหมสน หมปลายเทา ไมเปดขาง สด าหรอสน าตาล ไมมลวดลาย สนสงไมเกน 3 เซนตเมตร

ภาพท 2.1 ภาพตวอยางการแตงกายถกระเบยบของนกศกษาชายและนกศกษาหญง

10

ทฤษฏการออกแบบการตน

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

2. มบคลก ทาทาง การเคลอนไหวทโดดเดน มลกษณะเฉพาะตว

3. มรปราง สสน และสญลกษณทจดจ าไดงาย

4. มการแสดงอารมณชดเจน ชวยใหเขาใจสงทน าเสนอ

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

11

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

ภาพท 2.2 ภาพลกษณะตวละครในรปแบบของขนาดและสดสวนทแตกตางกน

12

การสรางสรรคตวละครดวยรปทรงเรขาคณต

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

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

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

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

13

ภาพท 2.4 ขนตอนการออกแบบตวละคร

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

1. สวนตาและควมความส าคญมาก เพราะการแสดงอารมณความรสกออกมาลวนสะทอนใหเหนอยางชดเจนจากทางสายตา

2. สวนปาก สามารถแสดงอารมณออกมาชดเจน การวาดสามารถแสดงอารมณด มความสข

ภาพท 2.5 ตวอยางการแสดงอารมณดใจ

14

ภาพท 2.6 ตวอยางการแสดงอารมณเสยใจ

ภาพท 2.7 ตวอยางการแสดงอารมณโกรธ

ทฤษฏของส

ทพยสคนธ เพชรโอภาส (2559) ส (color) เปนสวนประกอบของศลปะทมความส าคญและ

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

สวนประกอบของศลปะไดอกหลายอยาง เชน การปายสเปนเสน สลดสเปนจด การใชสเปนพนผว

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

แดง ใหความรสก ตนเตน รนแรง กลาหาญ มอ านาจ สเหลอง ใหความรสก ราเรง สดใส

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

แนน สขาว ใหความรสก บรสทธ ใหม สะอาด เปนตน

15

วรรณะของส ( Tone of color ) วรรณะของสคอ ความแตกตางของสแตละดานของวงจรสทแสดงถงความรสกทแตกตางกนซงถาเปรยบเทยบกบเสยงเพลงหรอเสยงดนตรกคอเสยงสงและเสยงต าทแสดงออกทางอารมณ ทมการเคลอนไหว มชวตชวา หรอเศราโศกรนทดใจ

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

2. สทอยในวรรณะเยน ( Cool Tone Color) ไดแก สเหลองเขยว สเขยว สเขยวน าเงน สน าเงน สน าเงนมวง สมวง สกลมนเมอใชในงานจะไดความรสกสดชน เยนสบาย จะสงเกตไดวาสเหลองและสมวงอยท งวรรณะรอนและวรรณะเยน ถาอยในกลมสวรรณะรอนกใหความรสกรอนและถา อยในกลมสวรรณะเยนกใหความรสกเยนไปดวย สเหลองและสมวงจงเปนสไดทงวรรณะรอนและวรรณะเยน

ภาพท 2.8 วรรณะของส ( Tone of color )

16

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

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

ภาพท 2.9 สทแสดงความรสกรอน

2. สโทนเยน ประกอบดวย สเหลอง สน าเงน สฟา สเขยว และสมวง ใหความรสกเยอกเยน

ภาพท 2.10 สทแสดงความรสกเยน

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

ภาพท 2.11 สโทนออน

17

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

ภาพท 2.12 สโทนสดใส

5. สโทนเรยบ เปนโทนสในกลมโทนสเทา เชน สเทาออน สน าตาลออน สเทาอมฟา เปนตน ใหความรสกเงยบ เรยบงาย ผอนคลายสบาย

ภาพท 2.13 สโทนเรยบ

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

ภาพท 2.14 สโทนหนกแนน

18

ทฤษฎการสรางแอนเมชน

ชยรตน ปนจ (2557) การสรางการตนแอนเมชน สามารถแบงออกไดเปน 3 ประเภท คอ 1. การสรางงานแอนเมชนแบบด งเดม (Traditional Animation หรอ Drawn Animation)

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

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

ภาพท 2.15 การสรางการตนแอนเมชนแบบดงเดม

2. การสรางแอนเมชนแบบสตอปโมชน (Stop Motion หรอเรยกวา Model Animation) เปนการสรางหนจ าลองขนมาหรอใชสงของแลวจงขยบ พรอมกบถายภาพนนทละภาพทพบมากไดแก ภาพเคลอนไหวแบบหนเชด ภาพเคลอนไหวดนน ามน แอนเมชนแบบนตองอาศยเวลา ความอดทนและความสามารถมากตองใชทกษะทางศลปะการปน และการถายภาพทงนเพราะหนจ าลอง หรอสงของประกอบฉากนนหลายๆ สงมการขยบหรอเคลอนไหวไปพรอมกนในหนงภาพ

19

ภาพท 2.16 การสรางการตนแอนเมชนแบบสตอปโมชน เรอง คาโรไลน

3. การสรางแอนเมชนดวยคอมพวเตอร (Computer Animation) การสรางแอนเมชนดวยคอมพวเตอร เปนกระบวนการสรางภาพเคลอนไหวโดยใชโปรแกรมคอมพวเตอรดวยความกาวหนาดานเทคโนโลยคอมพวเตอรในปจจบนจงมโปรแกรมคอมพวเตอรทชวยใหการท าแอนเมชนงายขนท าใหประหยดเวลา และตนทนเปนอยางมากโปรแกรมทนยมใชในการผลตงานแอนเมชนเชน โปรแกรม Maya, Abode Flash, Anime Studio และ 3D Studio Max เปนตน

ภาพท 2.17 การสรางการตนแอนเมชนดวยคอมพวเตอร

20

ประเภทของภาพเคลอนไหว

1. ภาพเคลอนไหวแบบ 2 มต สามารถมองเหนไดทงความสงและความกวาง แอนเมชนรปแบบนจะเนนการใชวธวาดเปนหลก โดยแอนเมชนทใชมอวาดในยคแรกๆ นนเรยกวา แอนเมชนใชแผนใส (cel animation) เปนการตนแบบดงเดมทใชการวาดและระบายสตวละครตางๆ รวมทงฉากหลง (background) ลงบนแผนใส (cel) และเมอน าแผนใสแตละแผนมาซอนกน แลวถายภาพแผนใสนนๆ โดยใชกลองถายภาพทถกออกแบบมาเปนพเศษ กจะไดภาพการตน ๑ ภาพ ทประกอบไปดวยตวละครและฉาก การเคลอนไหวของภาพเกดจากการวาดภาพหลกแสดงอรยาบถหลก ทเคลอนไหว หลงจากนน ผวาดชวงกลางจะวาดภาพระหวางภาพหลกอกเปนจ านวนมาก เพอใหการเคลอนไหวจากอรยาบถหนง ไปยงอกอรยาบถหนง เปนไปอยางตอเนอง ราบรน และไมเกดการกระตก ในอดตการวาดภาพทงหมดน ตองวาดและลงส โดยผวาดทช านาญ และตองใชเวลาในการวาดนานมาก นอกจากแอนเมชนใชแผนใสแบบทใชการวาดภาพแลว การใชกระดาษตดแปะ (paper cut) โดยการตดกระดาษเปนภาพ มาแปะลงบนแผนใส แทนการวาดภาพ กจดเปนแอนเมชนแบบภาพสองมตดวยเชนกน ปจจบน การสรางแอนเมชนแบบภาพสองมต ไดน าเทคโนโลยคอมพวเตอรเขามาชวย ซงจะใชโปรแกรม ทออกแบบมาใหใชรวมกบอปกรณพเศษ เพออ านวยความสะดวก ใหแกผวาดภาพหลก ผ วาดภาพชวงกลาง และผลงส เพอสามารถท างานรวมกนไดอยางสะดวกและรวดเรว โปรแกรมหลกๆ ในการท าแอนเมชนทแพรหลายในขณะนคอ Flash และ After effects

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

21

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

ภาพท 2.18 การตนแอนเมชน 2 มต เรอง มกกเมาส

1. ภาพเคลอนไหวแบบ 3 มต สามารถมองเหนไดทงความสง ความกวาง และความลก การน า คอมพวเตอรมาใชในการสรางแอนเมชนแบบภาพสามมตเปนการประยกตใชศาสตรดานคอมพวเตอรกราฟกส (computer graphics) ซงประกอบดวยเทคนคยอยๆ อกหลายแขนง เชน การสรางแบบจ าลองสามมต (three-dimensional modelling) การใหแสง-เงา (shading) การลงลายผวภาพ (texture mapping) การควบคมการเคลอนท (motion control) ความพราเหตเคลอนท (motion blur) การเปลยนรปและการแปลงราง (warping and morphing) การสรางภาพกราฟกส (rendering) และการสรางเสยงประกอบ (sound effects) เปนตน

ภาพท 2.19 การตนแอนเมชน 3 มต เรองทอยสตอร

22

เวบไซตทเกยวของ

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

ภาพท 2.20 https://katoon1827hibari.wordpress.com/การวาดการตน/การออกแบบตวละคร/

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

23

ภาพท 2.21 https://honeyinlove123456.wordpress.com/บทเรยน/ขนตอนการสรางการตน

เปนเวบไซตทใหขอมลเกยวกบพนฐานการสรางภาพเคลอนไหว และเทคนคการสรางการตนแอนเมชน 2 มต ดวยโปรแกรม Adobe Flash CS3 เพอใหผทสนใจเกยวกบการสรางการตนแอนเมชน 2 มต ไดเขาไปศกษา ฝกปฏบตการสรางภาพเคลอนไหว การท าแอนเมชนการตน เทคนคในการสรางภาพเคลอนไหว เทคนคอนๆ และสามารถใชขอมลจากเวบไซตมาประยกตใชในการสรางภาพเคลอนไหว ดวยโปรแกรม Adobe Flash CS6

24

ภาพท 2.22 http://beeclassic.exteen.com/20110322/beeclassic-how-to

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

25

ภาพท 2.23 http://m.exteen.com/blog/eltakung/20090919/how-to-2d-animation-1

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

26

ภาพท 2.24 http://kofayuna.exteen.com/20120831/how-to-draw-3

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

27

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

จากการศกษางานวจยเรองตางๆ ทไดมการพฒนาขน ทางคณะผจดท าไดน าเอาขอมลทเปนประโยชนจากงานวจยทเกยวของ ดงน

ภาพท 2.25 แอนเมชน การอานรากฐานแหงชวต

ปาณฐ สวทยศกด และสวรรณา แสงไตรลกษณ (2555) สาขาวชาเทคโนโลยมลตมเดย คณะเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยราชมงคลอสาน การตนแอนเมชนเรองการอานรากฐานแหงชวตใหความรเกยวกบความส าคญของการอานและการทบทวนบทเรยนตางๆ ของวชาภาษาไทยโดยเนนไปทการอานหนงสอและชกชวนใหนกเรยนเหนความส าคญของการอานหนงสอเพอเตรยมการสอบคดเลอกเลอนชน และสงผลตออนาคตของนกเรยน มการพฒนาดวยโปรแกรม Adobe Flash CS3

28

ภาพท 2.26 แอนเมชน เรอง คณธรรม 8 ประการ

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

29

ภาพท 2.27 แอนเมชน 3 มต การแตงกายชดนกศกษาทถกระเบยบ

สมพร จนทรมณ และเอกรนทร นาคง (2557) สาขาเทคโนโลยมลตมเดย คณะเทคโนโลยคอมพวเตอร มหาวทยาลยเทคโนโลยราชมงคลศรวชย การตนเรอง การแตงกายชดนกศกษาทถกระเบยบ จดท าขนเพอใหนกศกษาไดรบความรเกยวกบเรองของการแตงกาย รวมไปถงประโยชนในการแตงกายอยางถกระเบยบ พฒนาโดยใชโปรแกรม Adobe Flash CS5 ในการสรางเรองราวตวละคร โปรแกรม Maya 2014 ในการสรางตวละคร

30

ภาพท 2.28 แอนเมชน เรองการแตงกายของวฒนธรรมไทย 4 ภาค

ณฐวด สขสอง และนจตตรา กนยาโต (2557) คณะเทคโนโลยสารสนเทศและการสอสาร มหาวทยาลยราชภฎจนทรเกษม แอนเมชนเรองการแตงกายของวฒนธรรมไทย 4 ภาค สรางขนเพอใหความรเกยวกบการแตงกายของแตละภาความลกษณะการแตงกายอยางไร และบอกถงวฒนธรรมของแตละภาค ใหกบผทสนใจเรองของวฒนธรรมการแตงกาย เพอเปนแนวทางความรกบบคคลทสนใจ จดท าโดยใชโปรแกรม Adobe Flash CS3 และโปรแกรม Adobe Soundbooth CS3

31

ภาพท 2.29 แอนเมชนการรณรงคการแยกขยะ เรองถงขยะในรวมหาลย

สรตนา สมวงค และปราถนา จตรงค (2557) คณะเทคโนโลยการจดการ มหาวทยาลยเทคโนโลยราชมงคลศรวชย วทยาเขตนครศรธรรมราช สรางขนเพอรณรงคใหนกศกษาในมหาวทยาลยมความรความเขาใจในการคดแยกขยะและมการแยกขยะกอนทง สงเสรมและเพมแรงจงใจใหนกศกษาในมหาวทยาลยมการคดแยกขยะจากตนทาง พฒนาโดยใช Adobe Flash CS3

บทท 3

การออกแบบและพฒนางานแอนเมชน

การศกษาขอมลเบองตน

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

การเกบรวบรวมขอมล

1. ศกษาการแตงกายทถกระเบยบและผดระเบยบนกศกษาในมหาวทยาลยสยาม 2. ศกษาจากเวบไซตและหนงสอคมอนกศกษามหาวทยาลยสยาม เรองการแตงกายทถก

ระเบยบ 3. เกบขอมลรปแบบลกษณะของแตละตวละคร โดยตวองจากลกษณะความเปนจรง

33

ออกแบบและพฒนางานแอนเมชน

1. การออกแบบตวละคร จากการศกษาขอมลนนท าใหไดขอมลของลกษณะตวละคร 2 แบบ คอ 1.1 นกศกษาทแตงกายถกระเบยบ ตวละคร ชออม นกศกษาหญงทแตงกายถกระเบยบมลกษณะการแตงกายเสอแบบคอเชต สขาว

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

ภาพท 3.1 ตวละครชออม

34

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

ภาพท 3.2 ตวละครชอเอ

35

1.2 นกศกษาทแตงกายผดระเบยบ

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

ภาพท 3.3 ตวละครชอเจนน

36

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

ภาพท 3.4 ตวละครชอเน

37

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

ภาพท 3.5 ตวละครชออาจารย

38

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

ภาพท 3.6 ตวละครชอฝายบคคล

39

2. การออกแบบฉาก

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

ภาพท 3.7 ฉากเรมเรอง มมกวางในมหาวทยาลยสยาม

40

ภาพท 3.8 ฉากหนามหาวทยาลยสยาม

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

41

ภาพท 3.9 ฉากหนาหองสหกจศกษา

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

42

ภาพท 3.10 ฉากภายในหองสหกจศกษา

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

43

ภาพท 3.11 ฉากภายในหองคอมพวเตอร

หองคอมพวเตอร เปนฉากทนกศกษาทกคน ใชเปนหองเรยนคอมพวเตอร มคอมพวเตอรหลายเครอง

44

ภาพท 3.12 ฉากหนาหองทะเบยนเรยน

หนาหองลงทะเบยนเรยน ของนกศกษามหาวทยาลยสยาม ณ ตกท 12 ชนท 1 เปนทนกศกษาตองมาลงทะเบยนเรยน วชาตางๆ ของมหาวทยาลยสยาม นกศกษาทกคนจะตองแตงกายใหเรยบรอยกอนเขาหอง

45

ภาพท 3.13 ฉากหองสมภาษณงาน

ฉากหองสมภาษณงาน ของบรษท Qrstuv Co.,Ltd มโตะสมภาษณงานของฝายบคคลและเกาอผมาสมภาษณงาน มปายชอ บรษทตรงกลางหอง สในหองดสวางสดใส บรรยากาศด

46

3. การพฒนาแอนเมชน 3.1 การออกแบบตวละคร โดยใชโปรแกรม Adobe Illustrator CS6

ภาพท 3.14 การออกแบบตวละครโดยใชโปรแกรม Adobe Illustrator CS6

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

47

3.2 การออกแบบฉาก โดยใชโปรแกรม Adobe Illustrator CS6

ภาพท 3.15 การออกแบบฉากโดยใช Adobe Illustrator CS6

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

48

3.3 การใสเสยงใหงานแอนเมชน โดยใชโปรแกรม Adobe Soundbooth

ภาพท 3.16 การใสเสยงใหงานแอนเมชนโดยใชโปรแกรม Adobe Soundbooth CS6

โปรแกรม Adobe Soundbooth CS6 เปนโปรแกรมส าหรบอดเสยง ตดตอเสยง แกไขเสยง เพมเสยง หนกเบา และยงสามารถน าไฟลรป หรอไฟลวดโอเพอน ามาประกอบในการมกซเสยง

บทท 4

ขนตอนการปฏบตงาน

ขนตอนการปฏบตงาน

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

ภาพท 4.1 ฉากเขาเนอเรอง การแตงกายอยางถกระเบยบ

ฉากเขาสแอนเมชนเรอง การแตงกายอยางถกระเบยบ มปายอกษรสแดง พนหลงสน าเงน

50

ภาพท 4.2 ฉากแสดงอาคารตางๆ ในมหาวทยาลยสยาม

ฉากอาคารในมหาวทยาลยสยาม อาท อาคาร 8, 18 และ19

ภาพท 4.3 ฉากแนะน า

ฉากการแนะน า สถานการณตางๆ ภาพในเนอเรอง การตนแอนเมชน เรองการแตงกายอยางถกระเบยบ

51

ภาพท 4.4 ตวละคร อม ยนอธบาย การเรมเรองแอนเมชน

ตวละคร อม ยนอธบาย การเรมเรองแอนเมชน เรองการแตงกายอยางถกระเบยบ หนาปายมหาวทยาลยสยาม

ภาพท 4.5 ตวละคร เอ ยนอธบาย เนอเรอง แอนเมชน

ตวละคร เอ ยนอธบาย เนอเรอง แอนเมชน เรองการแตงกายอยางถกระเบยบ หนาปายมหาวทยาลยสยาม

52

ภาพท 4.6 ฉากลงทะเบยนเรยน

ฉากเรมเหตการณ หนาหองลงทะเบยนเรยน หนาหองมกระจกสทบ

ภาพท 4.7 การสนทนา ระหวางอาจารย กบ เจนน

ฉากอาจารย และเจนนเดนมาพบกน และไดสนทนาเรองการแตงกายของเจนน

53

ภาพท 4.8 ฉากเขาหองเรยน

ฉากเรมเหตการณในหองเรยน มโตะสน าเงนและคอมพวเตอรหลายเครอง

ภาพท 4.9 การสนทนา ระหวางอาจารย กบ เจนน ภายในหองเรยน

ฉากอาจารยกบเจนนสนทนากน เรองการแตงกายเขาหองเรยนใหถกระเบยบของเจนน

54

ภาพท 4.10 ฉากเขาหองสอบ

ฉากเรมเหตการณบรเวณหนาหองสอบ ทางเดนพนสเทา ขอบประตสเหลอง

ภาพท 4.11 การสนทนา ระหวางอาจารย กบ เน หนาหองสอบ

ฉากเขาหองสอบบรเวณหนาหอง ระหวางอาจารยกบเนสนทนากน เรองการแตงกาย เขาหอง

สอบอยางไรใหเหมาะสมและปฏเสธ การเขาหองสอบของเน

55

ภาพท 4.12 ฉากเขาหองส านกสหกจศกษา

ฉากเรมเหตการณ ณ หองส านกสหกจศกษา พนทางเดน สน าตาล ประต สสม

ภาพท 4.13 การสนทนา ระหวางอาจารย กบ เจนน ภายในหองสหกจศกษา

ฉากอาจารยกบเจนนสนทนากน เรองการแตงกายอยางถกระเบยบกอนเขาหอง ส านกสหกจศกษา อยางไรใหเหมาะสมและปฏเสธ การสงงานของเจนน

56

ภาพท 4.14 ฉากเขาหองสมภาษณงาน

ฉากเรมเหตการณภายในหองสมภาษณงาน หองสน าตาลผสมทอง มโตะ และเกาอสน าตาล

ภาพท 4.15 การสนทนาระหวาง ฝายบคคล และเจนน

ฉากฝายบคคลสนทนากบเจนน เรองการแตงกายเขามาสมภาษณงานอยางไรใหเหมาะสม และปฏเสธการสมภาษณงานในครงน

57

ภาพท 4.16 ฉากแนะน าการแตงกาย นกศกษาชาย

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

ภาพท 4.17 ฉากแนะน าการแตงกาย นกศกษาหญง

ฉาก อม แนะน าเครองแบบในการแตงกาย นกศกษาหญง อยางถกระเบยบและเปนไปตามระเบยบมหาวทยาลยสยาม

58

ภาพท 4.18 ฉากจบ แอนเมชนเรองการแตงกายอยางถกระเบยบ

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

บทท 5

สรปผลการด าเนนงานและขอเสนอแนะ

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

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

การด าเนนเรองคณะผจดท าไดใชโปรแกรม Adobe Flash Professional CS6 ในการสรางทาทางเคลอนไหว และโปรแกรม Adobe Photoshop CS6 ชวยในการออกแบบวาดรปตวละครรวมถงฉากเพอพฒนาแอนเมชนเรอง การแตงกายอยางถกระเบยบ ในสวนของการเพมเสยงตวละคร และดนตรประกอบฉากและตดตอตางๆ โดยใชโปรแกรม Adobe After Effects ในการด าเนนการ โดยคณะผจดท าไดอดเสยงและใสไฟลเสยงเขาไปในแตละฉากท าใหแอนเมชนเขาใจงายยงขนและสอดคลองเพอความสมบรณของงานแอนเมชนใหมากทสด

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

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

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

2. ปญหาในการน าเสนอเนอเรองใหผชมดแลวเขาใจตาม ซงทางคณะผจดท าไดท าการเปลยนบทบาทและการน าเสนอเนอหา Storyboard ใหเปนทสมบรณ และปรบแกเนองานตามทไดตงเปาหมายไวเปนเรองยาก จงท าใหงานลาชา

3. การใสเสยงจะเกดปญหาบอย เรองอารมณการท าใหเสยงพากยใหตรงกบบทบาทของตวละคร

60

4. การท างานในบางครงเกดความลาชา เนองจากตารางเรยนของสมาชกภายในคณะผจดท าไมตรงกน

ขอเสนอแนะ

1. สามารถพฒนาในการท าสอการสอนการตนแอนเมชน โดยใชวธการท าภาพเคลอนไหวของตวละครในแตละฉาก โดยใชโปรแกรม Autodesk Maya หรอเวอรชนทสงกวาในการท าภาพเคลอนไหว ใหออกมาในรปแบบ 3D

2. ชอตวละครและหนาตาตวละคร ไมควรซ าหรอคลายกบตวละครอน อาจท าใหผชมสบสน

บรรณานกรม

การลงสตวละคร. (2554). เขาถงไดจาก http://beeclassic.exteen.com/20110322/beeclassic-how-to การเคลอนไหวทาทางของการตน. (2552). เขาถงไดจาก http://m.exteen.com/blog/eltakung/200909 19/how-to-2d-animation-1 กลธดา ประค า และธนวรรณ เมฆวบลยชย. (2555). ปญหาการแตงกายไมเหมาะสมของนกเรยน นกศกษา. เขาถงไดจาก https://www.dek-d.com/board/view/2677817/การแสดงอารมณตวณฐ ชตมา ฉายเนตร. (2556). ขนตอนการสรางการตนแอนเมชน . เขาถงไดจาก https://honeyinlove 123456.wordpress.com/บทเรยน/ขนตอนการสรางการตน ชยรตน ปนจ. (2557). ทฤษฎการสรางแอนเมชน. เขาถงไดจาก https://chairat213 90.wordpress.com

ชยรตน ปนจ. (2557). ประเภทของภาพเคลอนไหว. เขาถงไดจาก https://chairat21390.wordpress.com ทพยสคนธ เพชรโอภาส. (2559). การสรางสรรคตวละครดวยรปทรงเรขาคณต. เขาถงไดจาก http:// www.east.spu.ac.th/journal/booksearch/upload/1539-03-content_20.pdf ทพยสคนธ เพชรโอภาส. (2559). ส. เขาถงไดจาก http://www.east.spu.ac.th/journ al/booksearch /upload/1539-03-content_20.pdf ทพยสคนธ เพชรโอภาส. (2559). ทฤษฏการออกแบบการตน. เขาถงไดจาก http://www.east.spu.ac. th/journal/booksearch/upload/1539-03-content_20.pdf ปาณฐ สวทยศกด และสวรรณา แสงไตรลกษณ. (2555). แอนเมชน การอานรากฐานแหงชวต. นครราชสมา: มหาวทยาลยเทคโนโลยราชมงคลอสาน. ภสรา สขแชม. (2557). การออกแบบตวละคร . เขาถงไดจาก https: / /katoon1827hibari.word press.com/การวาดการตน/การออกแบบตวละคร มหาวทยาลยสยาม. (2559). คมอนกศกษาและหลกสตร 2559 - 2560. กรงเทพฯ: มหาวทยาลยสยาม. วด สขสอง และนจตตรา กนยาโต. (2557). แอนเมชน เรองการแตงกายของวฒนธรรมไทย 4 ภาค. กรงเทพฯ: มหาวทยาลยราชภฏจนทรเกษม. สมพร จนทรมณ และเอกรนทร นาคง. (2557). แอนเมชน 3 มต การแตงกายชดนกศกษาทถก ระเบยบ. สงขลา: มหาวทยาลยเทคโนโลยราชมงคลศรวชย. สรตนา สมวงค และปราถนา จตรงค. (2557). แอนเมชนการรณรงคการแยกขยะ เรองถงขยะในรว มหาลย. สงขลา: มหาวทยาลยเทคโนโลยราชมงคลศรวชย.

62

อเนชา เตจา. (2556). แอนเมชน เรอง คณธรรม 8 ประการ. กรงเทพ: มหาวทยาลยเทคโนโลยราช มงคลกรงเทพ. อภญญา สนทรก. (2559). วรรณะของส. เขาถงไดจาก https://58540144blog.word press.com/สและ เสน อลสา อนทรประเสรฐ. (2554). ทฤษฎพฤตกรรมนยม. เขาถงไดจาก https://www.Gotoknow.org/ posts/448618 อลสา อนทรประเสรฐ. (2554). ทฤษฎมนษยนยม. เขาถงไดจาก https://www.gotoknow.org/posts/ 448618

ภาคผนวก

64

ภาคผนวก ก

การออกแบบและพฒนางานแอนเมชน

Story board

ภาพท ก.1 ฉากเปดการตนแอนเมชน เรองการแตงกายอยางถกระเบยบ

65

ภาพท ก.2 สถานการณท 2 การลงทะเบยนเรยน

66

ภาพท ก.3 สถานการณท 3 การเขาหองเรยน

67

ภาพท ก.4 สถานการณท 4 การเขาหองสอบ

68

ภาพท ก.5 สถานการณท 5 หองสหกจศกษา

69

ภาพท ก.6 สถานการณท 6 การเขาสมครงาน

70

ภาพท ก.7 ฉากจบการตนแอนนเมชน เรองการแตงกายอยางถกระเบยบ

71

ภาพท ก.8 ภาพตวอยางการเขยน Story Board ฉากท 1

72

ภาพท ก.9 ภาพตวอยางการเขยน Story Board ฉากท 2

73

ภาคผนวก ข

คมอการตดตงโปรแกรม

Install Program KMPlayer

ภาพท ข.1 เลอกไฟล KMPlayer_4.2.2.15.exe

ดบเบลคลกไฟลตดตง ชอ KMPlayer_4.2.2.15.exe

ภาพท ข.2 เลอก ภาษาพนฐานโปรแกรม

หนาตางเลอกภาษาพนฐานของโปรแกรม KMPlayer ใหเลอก ภาษาองกฤษ (English) เปนภาษาพนฐานในการตดตงโปรแกรมแลว คลกปม OK

74

ภาพท ข.3 หนาตางเขาสการตงโปรแกรม

หลงจากเลอกภาษาพนฐานของโปรแกรม KMPlayer แลวจะขนหนาตางดงภาพ จากนนใหคลกทปม Next เพอเขาสขนตอนถดไป

ภาพท ข.4 หนาตางขอตกลงการใชงานโปรแกรม

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

75

ภาพท ข.5 หนาตางเลอกลกษณะโปรแกรม

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

ภาพท ข.6 หนาตางเลอกลกษณะโปรแกรม

คลกปม Next เพอตดตงโปรแกรมและเลอกพนทจดเกบไฟลการตดตงโปรแกรม

76

ภาพท ข.7 หนาตางขณะโปรแกรมก าลงตดตง

ปรากฏหนาตาง Installing ขณะโปรแกรมก าลงตดตง ใหรอจนเสรจการตดตงโปรแกรมจะเสรจสมบรณ

ภาพท ข.8 หนาตางโปรแกรมแสดงการตดตงเสรจสมบรณ

เมอการตดตงโปรแกรมเสรจสมบรณจะปรากฏหนาตางนขนมาใหคลกเลอก Finish เพอปดหนาตางเปนขนตอนสดทายของการตดตง

75

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

รหสนกศกษำ 5605100006 ชอ-นำมสกล นำงสำวปรำญชำ พมโพธทอง ทอย 173/53 หม 4 ต ำบลบำนเกำะ อ ำเภอเมอง จงหวดสมทรสำคร 74000 เบอรโทรศพท 089-609-3857 E-mail prayicha.ppt@gmail.com ระดบประกำศนยบตรวชำชพ วทยำลยเทคโนโลยกำรจดกำรเพชรเกษม ระดบปรญญำตร มหำวทยำลยสยำม

รหสนกศกษำ 5605100032 ชอ-นำมสกล นำยณฐวโรจน ชอนรมย ทอย 56 ซ.บำงกระด 16 ถ.พระรำม 2 แขวงแสมด ำ เขตบำงขนเทยน กรงเทพมหำนคร 10150 เบอรโทรศพท 092-259-1194 E-mail natthawirod@hotmail.com ระดบประกำศนยบตรวชำชพ โรงเรยนฐำนเทคโนโลย ระดบปรญญำตร มหำวทยำลยสยำม รหสนกศกษำ 5605100034 ชอ-นำมสกล นำยอษฎำ ลมยศร ทอย 49 ซอยบำงบอน 3 ซอย 8 แขวงบำงบอนเหนอ เขตบำงบอน กรงเทพมหำนคร 10150 เบอรโทรศพท 090-218-6526 E-mail gunz.crazy@hotmail.com ระดบประกำศนยบตรวชำชพ วทยำลยเทคโนโลยสยำม ระดบปรญญำตร มหำวทยำลยสยำม