สื่อการเรียนรู้แอนิเมชั่นการสร้างโลโก้สินค้าด้วยดปรแกรม Adobe Illustrator

ส่อื การเรยี นรแู อนิเมชนั่ เรื่องการสรา งโลโกสินคาดวยโปรแกรม Adobe Illustrator
Animation instructional media using Adobe Illustrator
เสนอ
นางสาวกนกพร รกั ษาเคน

จัดทําโดย
นางสาวธญั ษธร พรมเสน รหสั นกั เรยี น 6022040009
นางสาวนภาศริ ิ นุม แปน รหสั นักเรียน 6022040010
นางสาวบุษรา ยีสมนั รหัสนักเรยี น 6022040013

ระดบั ประกาศนียบัตรวชิ าชพี ชนั้ ปท ี่ 3 กลมุ 1
สาขาวิชาคอมพิวเตอรธุรกิจ

โครงการเลมน้เี ปนสว นหน่ึงในวิชาโครงการ รหัสวิชา (3204 8501)
ภาคเรยี นที่ 2 ปการศกึ ษา 2562
วทิ ยาลัยเทคนคิ ระยอง

ก

ชอ่ื โครงการ สื่อการเรียนรูแอนิเมช่ันเรื่องการสรางโลโกสินคาดวยโปรแกรม Adobe
Illustrator (Animation instructional media using Adobe Illustrator)

ผจู ดั ทาํ น.ส.ธญั ษธร พรมเสน รหัสนักเรยี น 6022040009

น.ส.นภาศริ ิ นุม แปน รหสั นักเรียน 6022040010

น.ส.บษุ รา ยสี มัน รหสั นกั เรยี น 6022040013

ครูผูสอนโครงการ น.ส.กนกพร รักษาเคน
ครูที่ปรกึ ษาโครงการ น.ส.พัณณช ิตา คาํ มะฤทธสิ์ นิ ชัย
ปการศกึ ษา 2562

บทคดั ยอ

การจัดทําโครงการครั้งนี้ มีวัตถุประสงคเพื่อสรางส่ือการเรียนรูแอนิเมช่ันเร่ืองการสรางโลโก
สินคาดวยโปรแกรม Adobe Illustrator มาเผยแพรแกผูท่ีตองการจะศึกษา ผานทางเว็บไซต
YouTube เนื่องจากมีนักเรียนนักศึกษาบางกลุมที่ใหความสนใจกับการสรางสรรคผลิตภัณฑ แตยัง
ขาดองคความรูในการสรางงาน ผลงานจึงไมมีความดึงดูดหรือเพิ่มยอดขายใหไดผลตอบแทนที่มากข้ึน
โดยมีวิธีดําเนินการโครงการคือการสรางตัวละครในรูปแบบแอนิเมชั่น 2 มิติมาดําเนินเรื่องท่ีนําไปสู
การสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator ใหมีเนื้อหาที่เขาใจงายและมีความนาสนใจ
เผยแพรผ านทางเวบ็ ไซต YouTube และใหผรู ับชมประเมินแบบสอบถามความพงึ พอใจ

ผลของโครงการผลของการสํารวจความพึงพอใจจากแบบสอบถามจํานวน 80 คน ดังนี้ พบวา
เปนเพศหญิง จํานวน 59 คน คิดเปนรอยละ 73.8 เพศชาย จํานวน 21 คน คิดเปนรอยละ 26.3 ของ
จํานวนนักเรียนทั้งหมด ระดับช้ัน ปวช. เปนนักเรียนทั้งสิ้น 80 คน คิดเปนรอยละ 100 และระดับชนั้
ของจํานวนนักเรียนท้ังหมด มีอายุ 15 – 19 ป จํานวน 79 คน คิดเปนรอยละ 9.88 ของจํานวน
นักเรียนทั้งหมด มีอายุ 20 ปข้ึนไป จํานวน 1 คน คิดเปนรอยละ 1.3 ของจํานวนนักเรียนท้ังหมด
มีสถานะเปนนักเรียนท้ังส้ิน 57 คน คิดเปนรอยละ 58.8 ของจํานวนนักเรียนท้ังหมด มีสถานะเปน
นักศึกษาทั้งสิ้น 33 คน คิดเปนรอยละ 41.3 ของจํานวนนักเรียนทั้งหมดการวิเคราะหความคิดพึง
พอใจของกลุมเปาหมาย พบวาผลการประเมินที่ไดจากการสํารวจมีผลสัมฤทธ์ิอยูในระดับความพึง
พอใจที่มากและมีระดับความพึงพอใจสูงสุดในหัวขอเร่ือง ส่ือมีประโยชนตอผูใชงาน และสามารถ
นําไปประยุกตใชได (x= 4.38) ระดับความพึงพอใจตํ่าสุดในหัวขอเรื่องมีการจัดหมวดหมูของขอมูล
อธิบายเน้ือหาเขาใจงาย (x= 4.15) ผูเขารวมโครงการมีความพึงพอใจในโครงการส่ือการเรียนรูแอนิ
เมชั่นเรื่องการสรา งโลโกสินคา ดวยโปรแกรม Adobe Illustrator โดยรวมอยูในระดบั มาก (x= 4.26)

ข

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

การจัดทําโครงการ สื่อการเรียนรูแอนิเมชั่นเรื่องการสรางโลโกสินคาดวยโปรแกรม
Adobe Illustrator น้ีเสร็จลุลว งไปไดดวยคําเสนอแนะครัง้ น้ี และแนะนําขอคิดเห็นตาง ๆ จึงใครขอ
กราบพระคณุ เปน อยา สูงมา ณ โอกาสนี้

ขอขอบพระคุณอาจารย ศลิษา หนูเสมียน หัวหนาสาขาวิขาคอมพิวเตอรธุรกิจที่ใหการ
สนับสนุนในการจัดการโครงการ

ขอขอบพระคุณอาจารยกนกพร รักษาเคน อาจารยประจําวิชา ท่ีปรึกษาดานวิชาการและ
สนับสนุนจดั ทําโครงการเลมนี้ ใหคําแนะนําความคิดในการจัดทาํ รูปเลมตาง ๆ ของการทํางานมาโดย
ตลอดจนประสบความสาํ เรจ็ ลุลว งตามวัตถุประสงค

ขอขอบพระคุณอาจารยพัณณชิตา คํามะฤทธ์ิสินชัย อาจารยท่ีปรึกษาโครงการท่ีการสนับสนนุ
ในการจัดทําโครงการ และชวยใหคําปรึกษาเก่ียวกับการวางแผนการจัดโครงการ ใหคําแนะนําใน
ทกุ ๆ ดานและใหกําลังใจแกก ารจดั ทาํ เสมอมา

จึงขอขอบคุณทุก ๆ ทานท่ีไดใหคําปรึกษาทําใหโครงการน้ีสําเร็จลุลวงดวยดี และความดีอัน
เกิดจากศกึ ษาคน ควา ครง้ั นผ้ี ูจัดทาํ ขอมอบแด บดิ า มารดา ครู อาจารย และผูมพี ระคณุ ทุกทา น
ทายนี้ คณะผูจัดทํามีความซาบซึ้งในความกรุณาอันดียิ่งจากทานที่ชวยใหคณะผูจัดมีความมานะ
พยายามและประสบความสาํ เร็จในการศึกษา และขอกราบพระคุณมา ณ โอกาสน้ี

คณะผจู ดั ทํา

สารบญั ค

บทคัดยอ หนา
กิตติกรรมประกาศ ก
สารบัญ ข
สารบัญ(ตอ ) ค
สารบญั ตาราง ง
สารบัญภาพ จ
สารบญั แผนภมู ิ ฉ
ช
บทที่ 1 บทนํา 1
1
1.1 ความเปน มาและความสําคญั ของโครงการ 2
1.2 วัตถปุ ระสงคของโครงการ 2
1.3 ขอบเขตของโครงการ 3
1.4 ผลทค่ี าดวา จะไดรับ 4
1.5 คําจํากดั ความ 6
บทที่ 2 เอกสารและทฤษฎที ่ีเกี่ยวของ 8
2.1 แนวคิดของสื่อการเรยี นรูแอนเิ มชนั่ 9
2.2 แนวคดิ และหลักการออกแบบโลโกสนิ คา 18
2.3 แนวคิดการวิเคราะหและทฤษฎใี นการออกแบบ 18
2.4 โปรแกรม 19
บทท่ี 3 การดาํ เนนิ โครงการ 24
3.1 การศกึ ษาขอมลู เบื้องตน 25
3.2 ประชากรและกลมุ ตวั อยาง 26
3.3 ขั้นตอนการดําเนนิ งาน 26
3.4 เครือ่ งมือทใ่ี ชในการเกบ็ รวบรวมขอมลู 28
3.5 ข้ันตอนการดาํ เนินการและเก็บรวบรวมขอมลู
3.6 พจิ ารณาจากคะแนนตามเกณฑ
3.7 สถิตทิ ใ่ี ชใ นการวิเคราะหขอมลู
บทที่ 4 ผลการดาํ เนินโครงการ
4.1 ผลการดาํ เนินการ

สารบัญ (ตอ ) ง

บทท่ี 5 สรปุ ผล อภิปรายผล และขอเสนอแนะ หนา
5.1 สรปุ
5.2 อภิปรายผล 36
5.3 ขอ เสนอแนะ 36
37
บรรณานกุ รม
ภาคผนวก

ภาคผนวก ก แบบเสนอขออนมุ ตั โิ ครงการ

ภาคผนวก ข โครงการ
ภาคผนวก ค ภาพขน้ั ตอนการจดั ทําโครงการ
ภาคผนวก ง เครื่องมือการประเมิน
ประวตั ิผูจัดทํา

จ

สารบัญตาราง หนา
28
ตารางที่ 29
4-1 แสดงจํานวนของผูตอบแบบสอบถามคดิ เปนรอยละจําแนกตามเพศ 29
4-2 แสดงจาํ นวนของผูต อบแบบสอบถามคิดเปน รอยละจําแนกตามอายุ 30
4-3 แสดงจํานวนของผตู อบแบบสอบถามคิดเปนรอยละจําแนกตามสถานะ 31
4-4 แสดงจํานวนของผตู อบแบบสอบถามคดิ เปน รอยละจําแนกตามระดบั การศึกษา 32
4-5 ความพึงพอใจของนกั เรียนนักศกึ ษาทีใ่ ชแ บบสอบถามโครงการส่ือการเรียนรู 33
แอนิเมชน่ั เร่อื งการสรางโลโกส นิ คา ดวยโปรแกรม Adobe Illustrator 34
4-6 ความพึงพอใจของนกั เรียนนกั ศึกษาที่ใชแบบสอบถามโครงการสื่อการเรียนรู
แอนิเมช่ันเร่ืองการสรางโลโกส ินคา ดวยโปรแกรม Adobe Illustrator
4-7 ความพงึ พอใจของนกั เรียนนักศึกษาที่ใชแ บบสอบถามโครงการสอื่ การเรยี นรู
แอนเิ มชน่ั เร่ืองการสรางโลโกส ินคา ดวยโปรแกรม Adobe Illustrator
4-8 สรปุ ความพงึ พอใจของนักเรียนนักศึกษาทใี่ ชแบบสอบถามโครงการสื่อการเรยี นรู
แอนิเมชน่ั เร่อื งการสรา งโลโกส ินคา ดวยโปรแกรม Adobe Illustrator

สารบญั ภาพ ฉ

ภาพท่ี หนา
2.1 แสดงการนําภาพนงิ่ มาเรียงลาํ ดับกันเปน ภาพเคลอ่ื นไหว 5
2.2 แสดงลกั ษณะของแอนเิ มชนั่ 5
2.3 แสดงลกั ษณะของแอนเิ มชน่ั 5
2.4 แสดงหนาตาของโปรแกรม Adobe Illustrator 10
2.5 แสดงการเปดโปรแกรม 10
2.6 แสดงการแตกไฟล 11
2.7 แสดงการ Run ไฟล 11
2.8 แสดงการตดิ ตัง้ โปรแกรม 12
2.9 แสดงหนาจอรอการตดิ ตั้ง 12
2.10 แสดงหนา จอการติดตงั้ สําเรจ็ 13
2.11 แสดงหนา ตาโปรแกรม 14
2.12 แสดงการเปด โปรแกรม 14
2.13 แสดงการเปด ไฟลโปรแกรม 15
2.14 แสดงการเลอื กภาษา 15
2.15 หนา ตางเงอื่ นไข 16
2.16 แสดงหนา ตา งเลือกท่ีอยู 16
2.17 แสดงหนาตา งดาวนโหลดโปรแกรม 17
2.18 หนาตางสุดทายของการติดตัง้ 17
3.1 แสดงการสรา งโลโกสินคา 21
3.2 แสดงการเกบ็ รายละเอยี ดโลโก 21
3.3 แสดงการสรางตวั ละคร 22
3.4 แสดงการลงสตี ัวละคร 22
3.5 แสดงการออกแบบและลงสีฉาก 23
3.6 แสดงการนาํ แอนเิ มช่ันมาตัดตอ 23
3.7 แสดงการคน หาเพ่ือใส Sound 24
ข.1 แสดงการเร่ิมสื่อการเรยี นรูแอนเิ มชั่น
ข.2 แสดงการดาํ เนนิ เร่ืองของสอ่ื แอนิเมช่นั
ข.3 แสดงข้ันตอนการสรางโลโกส ินคา
ข.4 แสดงหนา จบการนําเสนอของส่ือแอนิเมชน่ั
ค.1 รางสตอรี่บอรด วาดตัวละครและฉากในการดําเนินเร่ือง
ค.2 สรางโลโกส นิ คา บนั ทกึ ขั้นตอนการทําและตัดตอวดิ โี อ
ค.3 เผยแพรโ ครงการ
ค.4 ประเมนิ ความพึงพอใจ

ช

สารบญั แผนภมู ิ หนา
28
แผนภูมิท่ี 29
4-1 แผนภูมแิ สดงเพศของผูตอบแบบสอบถาม 30
4-2 แผนภูมิแสดงอายุของผูตอบแบบสอบถาม 30
4-3 แผนภูมิแสดงสถานะของผูตอบแบบสอบถามโครงการ 31
4-4 แผนภูมแิ สดงระดบั การศกึ ษาของผูตอบแบบสอบถามโครงการ 32
4-5 แผนภูมแิ สดงระดับความพงึ พอใจดานเน้ือหาสาระ 33
4-6 แผนภูมแิ สดงระดับความพึงพอใจดา นการออกแบบและการดําเนินเร่ืองแอนิเมช่นั 35
4-7 แผนภูมแิ สดงระดบั ความพงึ พอใจดานผลสมั ฤทธิใ์ นการเขารวมโครงการ
4-8 แผนภมู ิสรปุ ระดบั ความพงึ พอใจของนักเรียนนกั ศึกษาทีร่ ับชมโครงการ

บทที่ 1
บทนาํ

บทที่ 1
บทนํา

1.1 ความเปน มาและความสําคัญของโครงการ
เนื่องจากสังคมปจจุบันมีการแขงขันทางการคาที่สูง ทั้งบริษัทใหญ รานคาเล็ก ๆ รานคา

ออนไลนไปจนถึงธุรกิจของนักเรียนนักศึกษา ซึ่งผูบริโภคสวนใหญจะประเมินความตองการท่ีจะ
ตัดสินใจซื้อสินคาจากรูปลักษณภายนอกของผลิตภัณฑนั้น ๆ เชน บรรจุภัณฑ โลโกสินคา ความ
นาเช่ือถือ การโฆษณา คานิยม เปนตน และมีนักเรียนนักศึกษาบางกลุมท่ีใหความสนใจกับการสราง
สรางสรรคผลิตภัณฑเพื่อเพิ่มมูลคาของผลิตภัณฑน้ัน แตยังขาดองคความรูในการสรางผลงาน
จงึ ไมมคี วามดึงดูดหรือเพ่มิ ยอดขายใหไดผลตอบแทนทมี่ ากขึน้ บางครงั้ ทําใหเ กิดปญ หาผลิตภัณฑขาด
ความนาเชอ่ื ถอื ผูบริโภคขาดความเชื่อมัน่ ในผลิตภณั ฑ

จากการเพิ่มมูลคาของสินคาท่ีดึงดูดความสนใจของผูบริโภค คือโลโกสินคาทําใหผูบริโภค
เช่ือม่ันในผลิตภัณฑน้ัน ๆ และสามารถส่ือความหมายของผลิตภัณฑที่เขาใจไดงายขึ้น ดังนั้นโลโก
ผลิตภณั ฑจึงตอ งมเี อกลกั ษณท ่ีโดดเดนเพ่ือใหม คี วามนา เชื่อถือและดึงดูดยอดขายที่เพ่ิมมากขึ้น

จากเหตุผลดังกลาวทางคณะผูจัดทําจึงเล็งเห็นถึงความสําคัญของโลโกสินคาที่มีผลตอ
ภาพลักษณของสินคา จึงสรางส่ือการเรียนรูแอนิเมชั่นการสรางโลโกสินคาดวยโปรแกรม Adobe
Illustrator (Animation instructional media using Adobe Illustrator) มาใหความรูและชวยให
แนวทางในการสราง Logo ไปใชในสินคา และสรางอาชีพไดในอนาคต ดังน้ันคณะผูจัดทําจึงหวังเปน
อยางยิ่งวาสอื่ การสอนแอนิเมชนั่ การสราง Logo สนิ คาดวยโปรแกรม Adobe Illustrator จะเผยแพร
ความรูเ กีย่ วกับการสรา งโลโกส ินคา ใหเกิดประโยชนไ ดม ากที่สดุ
1.2 วตั ถุประสงคข องโครงการ

ในการทําโครงการครั้งนี้ ผูจดั ทําไดต งั้ วัตถุประสงคไ วด งั นี้
1.2.1 เพื่อสรางส่ือการเรียนรูแอนิเมชั่นเร่ืองการสรางโลโกสินคาดวยโปรแกรม
Adobe Illustrator (Animation instructional media using Adobe Illustrator)
1.2.2 เพ่ือศึกษาความพึงพอใจของนักเรียนชั้นประกาศนียบัตรวิชาชีพ สาขาวิชาคอมพิวเตอร
ธุรกิจ วิทยาลัยเทคนิคระยอง ท่ีมีตอสื่อการเรียนรูแอนิเมชั่นเร่ืองโลโกสินคาดวยโปรแกรม Adobe
Illustrator (Animation instructional media using Adobe Illustrator)
1.2.3 เพ่ือเผยแพรส่ือการเรียนรูการสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator
(Animation instructional media using Adobe Illustrator) แกผูท่ีตองการจะศึกษา ผานทาง
เว็บไซต YouTube

1.3 ขอบเขตของโครงการ

2

โครงการนี้ มขี อบเขต คอื ประชากรและกลมุ ตัวอยา ง ขอบเขตชิน้ งานและเครื่องมอื ทใ่ี ชใ น
การประเมินผล ดังน้ี

1.3.1 ประชากรและกลมุ ตวั อยาง
1.3.1.1 ประชากร คือ นักเรียนประกาศนียบัตรวิชาชีพ ชั้นปท่ี 2 สาขาวิชา

คอมพวิ เตอรธ รุ กิจ วิทยาลยั เทคนิคระยอง จาํ นวน 102 คน
1.3.1.2 กลุมตัวอยาง คือ นักเรียนช้ันประกาศนียบัตรวิชาชีพ สาขาวิชาคอมพิวเตอร

ธุรกิจ วิทยาลัยเทคนิคระยอง จํานวน 80 คน ซ่ึงผูวิจัยกําหนดขนาดของกลุมตัวอยาง ตามตาราง
กําหนดขนาด Krejcie R.V. and D.W. Morgen (1970 : 608)

1.3.2 ขอบเขตชนิ้ งาน
1.3.2.1 ดา นฮารด แวร คอื Notebook Processor Intel core processor N3540

Ram: 4GB System type: 64 bit Operating System
1.3.2.2 ดา นซอฟตแวร
1) Adobe Illustrator cc
1.1) แอนเิ มชั่น 2 มติ ิ
1.2) โลโก 2 มติ ิ
2) Vegas Pro
2.1) จํากัดความยาวของสื่อไมเกนิ 10 นาที

1.3.3 เคร่ืองมือท่ีใชในการประเมินผล คือ แบบสอบถามความพึงพอใจของนักเรียนระดับ
ประกาศนียบัตรวิชาชีพ สาขาวิชาคอมพิวเตอรธุรกิจ วิทยาลัยเทคนิคระยอง ที่มีตอสื่อการเรียนรู
แอนิเมช่ันการสรา งโลโกส ินคาดว ยโปรแกรม Adobe Illustrator (Animation instructional media
using Adobe Illustrator)
1.4 ผลท่ีคาดวา จะไดร บั

โครงการน้ี มผี ลทีค่ าดวา จะไดรับ ดังนี้
1.4.1 ไดส่ือการเรียนรูแอนิเมชั่นการสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator
(Animation instructional media using Adobe Illustrator)
1.4.2 ไดผลความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ สาขาคอมพิวเตอรธุรกิจ
วทิ ยาลยั เทคนคิ ระยอง ที่มีตอ สอ่ื การเรยี นรแู อนเิ มชั่นเรือ่ งการสรา งโลโกสินคาดวยโปรแกรม (Adobe
Illustrator Animation instructional media using Adobe Illustrator) ในระดบั ดี
1.4.3 ไดเผยแพรส่ือการเรียนรูแอนิเมชั่นเร่ืองการสรางโลโกสินคาดวยโปรแกรม Adobe
Illustrator (Animation instructional media using Adobe Illustrator) ผา นเวบ็ ไซต YouTube

3

1.5 คําจํากัดความ
สื่อการเรยี นรู หมายถึง ตวั กลางหรือชอ งทางถายทอดองคความรจู ากแหลงความรูไปสผู ูเรียน

และทําใหเ กดิ การเรยี นรูอ ยางมปี ระสทิ ธภิ าพ
แอนิเมช่ัน หมายถึง "การสรางภาพเคล่ือนไหว" ดวยการนําภาพน่ิงมาเรียงลําดับกัน

สรา งสรรคลายเสน รูปทรงตา ง ๆ ใหเกดิ การเคลอ่ื นไหวตามความคิดหรือจนิ ตนาการ
ส่ือแอนิเมช่ัน หมายถึง การสรางภาพเคลื่อนไหวใหเกิดเปนเรื่องราวและสามารถถายทอด

องคค วามรตู าง ๆ จากแหลง ความรูไ ปสผู ูเรยี น
โลโกสินคา หมายถึง ภาพสัญลักษณและเครื่องหมายตาง ๆ ที่ชวยสรางเอกลักษณ ใหแก

สินคา

บทที่ 2
เอกสารและทฤษฏที ีเก่ยี วขอ ง

บทที่ 2
เอกสารและทฤษฎีที่เกี่ยวขอ ง

เพอ่ื เปน แนวทางในการจัดทําโครงการครั้งนี้ คณะผจู ัดทาํ ไดศกึ ษาเอกสารและทฤษฎีที่
เกี่ยวของตา ง ๆ ดังน้ี

2.1 แนวคิดของสื่อการเรยี นรูแอนเิ มชน่ั
2.2 แนวคดิ และหลกั การออกแบบโลโกสนิ คา
2.3 แนวคดิ การวเิ คราะหและการออกแบบระบบ
2.4 โปรแกรม
2.1 แนวคดิ ของสื่อการเรยี นรแู อนิเมชั่น
2.1.1 ความหมายของสื่อการเรยี นรูแอนิเมชน่ั

ส่ือการเรียนรู (Instructional Media) หมายถึง ตัวกลางหรือชองทางถายทอดองค
ความรู ทักษะ ประสบการณ จากแหลงความรูไปสูผูเรียน และทําใหเกิดการเรียนรูอยางมี
ประสิทธิภาพ โดยส่ือการเรียนนับไดวาเปนเคร่ืองมือที่ชวยใหผูเรียนผูสอนไดแสดงบทบาท
และเกดิ ความเขา ใจในวชิ าทเ่ี รียนทสี่ อนไดมากขึ้น (www.Mataveeblog.wordpress.com)

แอนิเมช่ัน (Animation) หมายถึง "การสรางภาพเคลื่อนไหว" ดวยการนําภาพนิ่งมา
เรียงลาํ ดับกนั สรา งสรรคลายเสน รูปทรงตา งๆใหเกิดการเคล่อื นไหวตามความคิดหรอื จนิ ตนาการ และ
แสดงผลอยางตอเนื่อง ทําใหด วงตาเห็นภาพทม่ี กี ารเคลอ่ื นไหวในลักษณะภาพตดิ ตา (Persistence of
Vision) เม่ือตามนุษยมองเห็นภาพท่ีฉาย อยางตอเน่ือง สมองของมนุษยจะเชื่อมโยงภาพเขาดวยกัน
ทําใหเห็นเปนภาพเคล่ือนไหวที่มีความตอเนอ่ื งกัน แมวาแอนิเมชั่นจะใชหลักการเดียวกับวิดิโอ แต
แอนิเมช่ันสามารถนําไปประยุกตใชกับงานตางๆไดมากมาย เชนงานภาพยนตร งานโทรทัศน งาน
พัฒนาเกม งานสถาปตย งานกอสราง งานดานวิทยาศาสตร หรืองานพัฒนาเว็บไซต เปนตน
(www.http://school.phutti.net/flash/index.html)

ดังนั้น สื่อการเรียนรูแอนิเมช่ันจึง หมายถึง การสรางภาพเคล่ือนไหวใหเกิดเปน
เร่ืองราวและสามารถถายทอดองคความรูตาง ๆ จากแหลงความรูไปสูผูเรียน ทําใหเกิดการเรียนรูท่ีมี
ความนา สนใจและมปี ระสทิ ธภิ าพ

5

ภาพท่ี 2.1 แสดงการนําภาพนิง่ มาเรยี งลําดับกนั เปนภาพเคลอื่ นไหว
2.1.2 ประเภทของส่ือแอนเิ มชั่น

2.1.2.1 2D Animation คือ ภาพเคล่ือนไหวแบบ 2 มิติ มองเห็นท้ังความสูงและ
ความกวา ง ซงึ่ จะมีความเหมือนจรงิ พอสมควร และในการสรา งจะไมส ลบั ซับซอนมากนักตัวอยางเชน
การตูนเรื่อง One Piece โดเรมอน หรือ ภาพเคล่ือนไหวท่ีปรากฏตามเว็บตางๆ รวมท้ัง Gif
Animation

ภาพที่ 2.2 แสดงลกั ษณะของแอนเิ มชน่ั 2 มิติ
2.1.2.2 3D Animation คอื ภาพเคลื่อนไหวแบบ 3 มิติ มองเหน็ ทงั้ ความสูงความกวาง
และความลึก ภาพท่ีเห็นจะมีความสมจริงมากถึงมากที่สดุ เชน ภาพยนตรเร่ือง Toy Story NEMO
กานกลวย ยักษ ปงปอนด3 D เปนตน

ภาพที่ 2.3 แสดงลักษณะของแอนิเมช่ัน 3 มิติ

6

2.2 แนวคิดและหลกั การออกแบบโลโกส นิ คา
2.2.1 ความหมายของโลโก
โลโก หมายถึง เคร่ืองหมายหรือสัญลักษณ (Logo) เปนผลของการออกแบบกราฟก

ที่เก่ียวของกับสัญลักษณ (Symbolism) ไดแก ภาพสัญลักษณและเครื่องหมายตาง ๆ ที่ชวยสราง
เอกลักษณ ใหแกสินคาและบริษัทผูผลิตเชนการออกแบบตราสัญลักษณของสินคา และบริษัทใหมี
เอกลักษณแบบเฉพาะตนเอง เพื่อความนาจดจํา ความเช่ือถือ และตราตรึงผูบริโภคตลอดไป ซ่ึงมี
ลักษณะแตกตางกนั ดงั นี้ (https://itcomgrap.wordpress.com)

2.2.1.1 สัญลักษณ (Symbol) มีลักษณะเปนเคร่ืองมือที่ไมใชตัวอักษรประกอบ ใช
สําหรบั แสดงบอกถงึ การรวมกัน เชน บริษทั องคกร สถาบนั ทก่ี อ ตั้งขนึ้ โดยกฎหมาย

2.2.1.2 ภาษาภาพ (Pictograph) ไมใชภาษาทางตัวอักษรประกอบ แตใชภาพส่ือ
ความหมายแทน หรือส่ือความหมายดวยภาพใหทราบถึงทิศทาง กิจกรรม หรือแทนสิ่งเฉพาะเชน
เครอื่ งหมายบอกทศิ ทางความปลอดภัย การคมนาคม

2.2.1.3 เครื่องหมายตัวอักษร (Letter Marks) มักอยูในรูปตัวอักษรท่ีเกิดจากการยอเอา
ตัวอักษรออกมาจากคําเต็ม หรือช่ือเต็มขององคกร บริษัท สถาบันตางๆ ออกมาใชเปนเคร่ืองหมาย
แสดงแทน

2.2.1.4 ชื่อหรือคําเต็มท่ีเปนตัวอักษร (Logo) และอานออกเสียงไดตามหลักไวยากรณ
ของภาษาโดยใชต วั อักษรเพียงเทา นน้ั

2.2.1.5 เปนการผสมผสานระหวางภาพและตัวอักษร (Combination Marks) เขามาใช
รวมกนั และสมั พันธก นั อยา งเหมาะสม

2.2.1.6 เคร่ืองหมายการคา (Trademarks) ซ่ึงอาจจะมิไดหลายลักษณะท่ีไดกลาวไวท้ัง
5 ประการ ข้ึนอยูกับวาเจาของกิจการตองการใหเครื่องหมายของตนเองอยูในลักษณะใด ก็เลือกใช
ตามความเหมาะสม

2.2.2 ประเภทของโลโก
ประเภทของโลโกมีทงั้ หมด 7 ประเภท ไดแ ก

2.2.2.1 Lettermark หรือ Monogram โลโกประเภทน้ีมักจะใชกับธุรกิจท่ีมีช่ือยาว
แตต อ งการยอใหเหลือตัวอกั ษรแคไ มก่ีตัวเพื่อใหง ายตอการจดจาํ

2.2.2.2 Wordmark หรือ Logotype โลโกประเภทนี้เปนโลโกที่เนนการใชตัวอักษร
เหมือนกันจะตางกันก็ตรงท่ีโลโกประเภทนี้จะเอาชื่อเต็มมาทําเปนโลโกแทนท่ีจะเปนช่ือยอ นั่นก็
เพราะวาชอ่ื ธุรกิจเปน คําทีแ่ ปลกใหมมีเอกลกั ษณใ นตัวของมันเองอยูแลว

2.2.2.3 Pictorial Mark หรอื Logo Symbol โลโกประเภทนเ้ี ปน โลโกท ่เี กิดจากการเอา
รูปภาพท่คี นุ ตาอยูแลวมาออกแบบใหมใ หเปนไอคอนทจ่ี ดจํางายข้นึ ซ่ึงเม่ือเห็นคร้ังแรกจะนึกภาพออก
ทนั ทีวาคือรปู อะไร สว นใหญธ ุรกิจท่ีใชโ ลโกประเภทนี้มกั จะเปนธรุ กิจทผี่ ูคนรจู กั ดอี ยแู ลว

2.2.2.4 Abstract Logo Mark โลโกประเภทน้ีจะเนนรูปภาพเชนเดียวกัน แตจะตางกัน
ตรงท่ีโลโกประเภทนี้จะเปนภาพสมมุติท่ีเกิดจากการเอารูปทรงเราขาคณิตตางๆ มาออกแบบใหเกิด
เปนสัญลักษณใหมท ี่แปลกตาหรอื เปนรปู ทรงนามธรรมแทนทจ่ี ะเปนรูปสตั วห รือผลไม

7

2.2.2.5 Mascot โลโกประเภทนี้มักจะออกแบบใหเปนรูปคนหรือตัวการตูนท่ีสื่อถึงผู
กอตั้งบริษัทหรือตัวแทนของแบรนดที่เปนตัวเปนตนเหมาะแกการสรางบรรยาการแบรนดใหคน
คุนเคย รูส กึ เปนกันเอง เปนมิตร ดมู ชี วี ิตชีวา และสมั ผัสได

2.2.2.6 Combination Mark โลโกประเภทน้ีเปนเปนการรวมกันระหวางตัวอักษรและ
รปู ภาพในโลโกเ ดียวกัน ผูคนสามารถจดจาํ ทงั้ ภาพและช่อื แบรนดไ ดใ นเวลาเดียวกนั

2.2.2.7 Emblem โลโกประเภทนี้เปนโลโกแบบตราสญั ลักษณที่อยูในกรอบเปน กลุมกอน
เดียวกัน อาจจะเปนกรอบส่ีเหล่ียม วงกลม โล หรืออืนๆ ท่ีประกอบไปดวยรูปภาพหรือตัวอักษรใน
กรอบนั้นอีกที โลโกประเภทนี้จะดมู ีกลิน่ ไอความคลาสสิก ม่นั คง แข็งแกรง นาเชือ่ ถือ จงึ เปนที่นยิ มใช
ในองคกร (https://.archudio.com/blog/7)

2.2.3 ประโยชนข องโลโก
สามารถใชส่ือสารขอมูลขาวสารในชวงเวลาท่ีสน้ั ทั้งน้ีเน่ืองจากมีความชัดเจนมากกวา

ใชขอความ ใชพ้ืนท่ีนอยกวาการใชขอความหรือวลี ท้ังนี้ยังจากสามารถสื่อความหมายใหผูมาเยือนท่ี
ไมเขาใจภาษาทองถ่ินเขาใจได สามารถทําใหกลุมลูกคา จดจําไดงายข้ึนและสื่อใหเห็นถึงความมี
เอกลักษณทางธุรกจิ เปน Bandname ทางการตลาด ทสี่ รา งความนาเชอ่ื ถือ และภาพพจนท ี่ดี

2.2.4 หลักการออกแบบของโลโกส นิ คา
2.2.4.1 กําหนดหนาท่ีหลักของโลโก โลโกเปนตัวแทนนําเสนอตราสินคา ดังนั้นจึงตองรู

แนชัดถงึ วตั ถุประสงคของโลโก
2.2.4.2 คิดถึงกลุมเปาหมาย จําเปนตองรูวาลูกคาของคือใคร และปรับเปลี่ยนรูปลักษณ

ของโลโกใ หด ึงดูดลกู คาเหลานนั้ ท่จี ะมาใชบ ริการ
2.2.4.3 ตดั สินใจวา จะใสช ื่อผลิตภัณฑล งไปในโลโกหรือไม การทาํ ใหช ่อื บริษัทเปนท่ีจดจํา

แตโ ลโกส ินคาบางชนิดไมจ าํ เปน ตองใสช อื่ บริษทั ลงไปในโลโก
2.2.4.4 สามารถรับแรงบันดาลใจจากโลโกท่ีประสบความสําเร็จแตไมควรลอกเลียนแบบ

เพราะจะแสดงถงึ ความไมต ้งั ใจในการทํางาน
2.2.4.5 รับคําติชมจากคนที่อยูในตลาดเปาหมาย นําเสนอลายโลโกใหกับคนในกลุม

ตวั อยา ง รบั ฟงขอติชมและนาํ มาปรบั ปรุงแกไ ข

8

2.3 แนวคดิ การวิเคราะหและทฤษฎใี นการออกแบบ
การเขียนผังโปรแกรมจะประกอบไปดวยการใชสัญลักษณมาตรฐานตางๆ

ที่เรียกวาสัญลักษณ ANSI ( American National Standards Institute ) ในการสรางผังงาน
ดงั ตวั อยางทแ่ี สดงในรูปตอไปน้ี

สัญลกั ษณ ความหมายและการใช

จดุ เริม่ ตน / ส้ินสดุ ของโปรแกรม

ลกู ศรแสดงทิศทางการทํางานของโปรแกรมและ
การไหลของขอมลู

ใชคําสง่ั ในการประมวลผล หรือการกําหนดคา
ขอ มูลใหกับตวั แปร
แสดงกาอานขอมลู จากหนว ยเก็บขอมูลสาํ รองเขา
สูหนว ยความจาํ หลกั ภายในเครอื่ งหรือการแสดง
ผลลพั ธจากการประมวลผลออกมา
การตรวจสอบเงื่อนไขเพื่อตดั สินใจ โดยจะมีเสน
ออกจากรปู เพ่อื แสดงทิศทางการทาํ งานตอไป
เงอื่ นไขเปนจรงิ หรือเปนเทจ็

แสดงผลหรือรายงานท่ีถกู สรา งออกมา

แสดงจุดเชอื่ มตอของผังงานภายใน หรอื เปนที่
บรรจบของเสนหลายเสนที่มาจากหลายทิศทาง
เพือ่ จะไปสูการทํางานอยางใดอยางหนึ่งท่ี
เหมอื นกัน
การขน้ึ หนาใหม ในกรณีที่ผังงานมคี วามยาวเกิน
กวา ทีจ่ ะแสดงพอในหนงึ่ หนา

9

2.4 โปรแกรม
2.4.1 Adobe Illustrator
2.4.1.1 ไดกลาววา Adobe Illustrator คือโปรแกรมท่ีใชในการวาดภาพ โดยจะสราง

ภาพที่มีลักษณะเปนลายเสน หรือท่ีเรียกวา Vector Graphic จัดเปนโปรแกรมระดบั มืออาชพี ที่ใชก นั
เปนมาตรฐานในการออกแบบระดับสากลสามารถทํางานออกแบบตาง ๆ ไดหลากหลาย ไมวาจะเปน
สิ่งพิมพ บรรจุภัณฑ เว็บ และภาพเคล่ือนไหวตลอดจนการสรางภาพเพื่อใชเปนภาพประกอบในการ
ทํางานอื่น ๆ เชน การตูน ภาพประกอบหนังสือ โปรแกรม Adobe Illustrator จัดวาเปนโปรแกรม
วาดรูปแบบเวกเตอรที่มีผใู ชท ั่วโลก เหมาะกับการออกแบบ ดีไซนทุกประเภท ดวยระบบเลเยอร เทม
เพลต เอฟเฟค ฟลเตอร การเช่ือมตอกับ Creative Cloud และเครื่องมือท่ีรองรับการทํางาน
รูปแบบตาง ๆ มากมาย (https://.บทเรียนออนไลน/photoshop/4589-program-adobe-
illustrator.html)

2.3.1.1 ความเปนมาของโปรแกรม Adobe Illustrator เปนโปรแกรมวาดภาพกราฟก
แบบเวกเตอร ซ่ึงพัฒนาโดยบริษัท อะโดบีซิสเต็มส (Adobe Systems) เปนบริษัทซอฟตแวรขนาด
ใหญตั้งอยูที่เมืองแซนโฮเซในรัฐแคลิฟอรเนีย สหรัฐอเมริกา กอตั้งเมื่อ ค.ศ. 1982 โดย จอหน วอร
น็อก และ Charles Geschke หลังจากลาออกจากหองวิจัย Xerox PARC เพ่ือพัฒนาภาษาในการ
แสดงผลท่ีช่ือ โพสตสคริปต อะโดบีเริ่มมีชื่อเสียงเม่ือแอปเปล คอมพิวเตอรซ้ือสิทธ์ิในการใชงาน
PostScript ไปใชกับเครื่องพิมพ LaserWriter ของตนเอง หลังจากนั้น Adobe มีซอฟตแวรท่ี
เกยี่ วขอ งกับกราฟกหลายชนดิ และเขาซ้ือกิจการบริษัท แมคโครมีเดีย เม่อื ป 2005 นอกจากน้ีอะโดบี
ติดอันดับบริษัทดีเดนที่นาทํางานดวยหลายปติดตอกัน จัดอันดับโดยนิตยสารฟอรบส แตก็เปนที่รูกัน
ในวงการวาเปนบริษัทท่ีมีจรรยาบรรณและการปฏิบัติกับลูกคาท่ีแยที่สุดไมวาจะเปนบริการหลังการ
ขายราคาที่สูงมากอีกท้ังยังผูกขาดตลาดอยางสมบูรณ Adobe Illustrator จัดทําข้ึนเพื่อใชงานกับ
เคร่ืองแมคอินทอช และไดพัฒนารุนที่ 2 ออกมาใหใชงานไดกับวินโดวส ซึ่งไดรับความพึงพอใจ และ
การตอบรับท่ีดีจากผูใชเปนจํานวนมากจนปจจุบันไดพัฒนาออกมาจนถึงรุนที่ 13 และไดรวบรวมเขา
ไปเปน 1 ในโปรแกรมชดุ Adobe Creative Suite 3 (CS3)

2.3.1.2 Adobe Illustrator เปนซอฟตแวรสําหรับสรางภาพกราฟกในรูปแบบ Vector
โดยมีคุณลักษณะที่สําคัญท่ีสุด น่ันก็คือคุณภาพของผลงานท่ีสรางข้ึนมาน้ัน จะไมมีปญหาเรื่องความ
ละเอียดในการแสดงภาพตามสื่อตาง ๆ ไมวาจะนําไปขยาย หรือลดแคไหนก็ตาม ภาพจะไมตองเสีย
ความละเอียด หรือความคมชัดแมแตนอย เมื่อเปรียบเทียบกับภาพที่แกไขโดยใชเครื่องมืออ่ืน ๆ
โปรแกรม Adobe Illustrator เองก็เขามามีบทบาทสําคัญในสื่อประเภทใหมๆ อยางเว็บไซต การ
ออกแบบ UI หรือ Interactive Media ดวยเชนกัน เร่ิมต้ังแตการสรางไอคอน ไปจนถึงการออกแบบ
Index ของเว็บไซต และที่สําคัญคือการภาพประกอบเว็บตาง ๆ เพ่ือสรางความแตกตางใหผลงาน
นอกจากนี้ Adobe Illustrator ยงั เปน เครอ่ื งมือสําคัญสาํ หรบั การสรา งองคป ระกอบกราฟก
หรือคาแรกเตอรตาง ๆ เพอื่ นาํ ไปสรางการเคลอ่ื นไหวในโปรแกรมอื่น ๆ เชน Adobe After Effect ใน
โลกยุคดิจิทัลที่งานออกแบบจะตองถูกนําไปประยุกตใชอยางหลากหลาย ท้ังเรื่องของขนาด และ
รูปแบบของส่ือ เร่ิมตั้งแตโลโกขนาดเล็ก ๆ บนสื่อออนไลน งานสื่อสิ่งพิมพตาง ๆ ไปจนถึงระบบปาย
หรือสัญลักษณท่ีมีขนาดใหญ Adobe Illustrator ที่ชวยขับเคลื่อนไอเดีย และความคิดสรางสรรค

10

เปนตัวนําพาผลงานของเราไปสูส่ือรูปแบบตาง ๆ ได ท้ังงาน Illustrations, Character Design,
Graphic Design, Web Design รวมทัง้ งานภาพเคลอื่ นไหวอยาง Animation และ Motion Graphic
โดยยังคงผลงานแบบฉบับของเราไดอยางไมผิดเพ้ียน เปนตัวที่ชวยเปดทางใหไอเดียเหลาน้ัน
กลายเปนผลงานจริง ๆ ท่ีโลดแลนในวงการออกแบบ และสรางสรรค รวมทั้งสามารถตอยอดผลงาน
เปนสื่อรูปแบบตา ง ๆ ไดอ ยา งไมรจู บ (https://. www.aosoft.co.th)

2.3.1.3 หนาตาของโปรแกรม Adobe Illustrator

ภาพท่ี 2.4 แสดงหนา ตาของโปรแกรม Adobe Illustrator

ภาพที่ 2.5 แสดงการเปด โปรแกรม

11

2.3.1.4 การติดตั้งโปรแกรม Adobe Illustrator
1) ดับเบลิ คลก๊ิ ทไ่ี ฟล Adobe Illustrator ท่ีได DOWLOAD มาแลว จากนนั้ ทาํ

การแตกไฟลนํามาไวท่ีหนา Desktop

ภาพที่ 2.6 แสดงการแตกไฟล
2) เมื่อแตกไฟลไวที่หนา Desktop แลวใหดับเบิ้ลคลิ๊กไปที่โปรแกรม Adobe
Illustrator จากนน้ั คล๊กิ ที่ Run

ภาพที่ 2.7 ภาพแสดงการ Run ไฟล

12

3) กด Next เพื่อทําการติดตงั้ โปรแกรม

ภาพที่ 2.8 แสดงการติดตั้งโปรแกรม
4) รอการตดิ ตั้ง

ภาพที่ 2.9 แสดงหนาจอรอการตดิ ตง้ั

13

5) เสรจ็ ส้นิ วธิ ีการติดตงั้ โปรแกรม Adobe Illustrator

ภาพท่ี 2.10 แสดงหนา จอการติดตั้งสําเรจ็
2.3.2 โปรแกรม Vegas Pro

2.3.2.1 ไดกลาววา โปรแกรม Vegas Pro มีคุณสมบัตใิ นการรองรับและสามารถใชตัดตอ
ไฟลวีดีโอไดหลากหลายระดับ ตั้งแตแบบ SD HD 2K ไปจนถึงระดับสูงสุด 4K มีระบบการปรับสมดลุ
ของสี (Color Match) มีระบบการตัดตอเสียงหรือปรับแตงเสียง แถมยังมีอินเตอรเฟสท่ีสามารถ
เรียนรูการใชงานไดงาย ไมเพียงเทาน้ัน โปรแกรม Vegas Pro ยังสนับสนุนไฟลวีดีโอในหลากหลาย
ตระกูล จากกลองถายวีดีโอหลากหลายรุนหายย่ีหอ มีการสนับสนุนภาพทั้งแบบ 2มิติ และ 3มิติ
สามารถสรางวีดีโอลงแผนวซี ีดี (VCD) แผนดีวีดี (DVD) หรือ แผนบลูเรย (Blu-ray) ที่สมบูรณแบบได
และสามารถนําไปเผยแพรในเว็บไซตได (http://itnews4u.com/download-SONY-Vegas-
Pro.html)

2.3.2.2 ความเปนมา โปรแกรม Vegas Pro ในป ค.ศ. 2003 บริษัท Sony Pictures
Digital ไดซ้ือ Sonic Foundry's desktop software ท้ังหมด ทั้ง ACID Sound Forge and Vegas
รวมถึงอื่นๆดวย และไดต้ัง sonymediasoftware ขึ้นมาจัดการกับโปรแกรมเหลานี้หลังจากที่ Sony
ซื้อไปไดทําการจําหนายในชื่อชองโปรแกรม Sony Vegas และพัฒนาโปรแกรมเหลาน้ี ใหมีช่ือเสียง
มากขึ้น โดยเพิ่มคุณสมบัติใหมๆ เพือ่ แขง ขันกับ โปรแกรมประเภทเดียวกันที่มชี ื่อเสียงมากอน รวมถึง
การปรับปรุงตัวโปรแกรมให สามารถทํางานรวมกับ อุปกรณของ Sony หลายตัวได ตอมาถูก Magix
Software GmbH เขาซื้อโปรแกรมน้ีในวันที่ 24 พฤษภาคม ค.ศ.2016 เพอ่ื นาํ มาพัฒนาตอและไดทํา
การเปล่ยี นช่อื โปรแกรมเปน Vegas Pro

2.3.2.3 Vegas Pro เปนโปรแกรมท่ีเดิมทีแลวถูกสรางข้ึนโดย Sonic Foundry's
desktop software ตอมา SONY ไดเ ขาซื้อเพื่อนํามาพัฒนา ในเวลาตอมา SONY ขายโปรแกรมและ
ทําการโอนสิทธิการพัฒนาใหกับ Magix Software GmbH โปรแกรม Vegas pro เปนโปรแกรมการ
ตดั ตอ ทไ่ี ดรบั ความนยิ มอยา งสงู เน่อื งจากการใชง านทงี่ ายและไมมอี ะไรซับซอนมากนัก ฟง กชน่ั พิเศษ
มากมายท่ีมีในตัวโปรแกรม ทําใหผูใชสนุกสนานและตื่นตาต่ืนใจไปกับงานตัดตอ และสามารถ
สรางสรรคง านตดั ตอไดอยา งมืออาชีพ

14

2.3.2.4 หนาตาของโปรแกรม

ภาพท่ี 2.11 แสดงหนาตาของโปรแกรม

ภาพที่ 2.12 แสดงการเปดโปรแกรม

15

2.3.2.5 วิธกี ารดาวนโหลด
1) เปดไฟลโ ปรแกรม Sony Vagas และคลิกเพือ่ ทาํ การติดตั้ง

ภาพท่ี 2.13 แสดงการเปด ไฟลโปรแกรม
2) เลอื กภาษาและทาํ การกด Next

ภาพท่ี 2.14 แสดงการเลือกภาษา

16

3) อา นและยอมรับเง่ือนไข กด Next เพ่ือทําการตอ

ภาพที่ 2.15 หนา ตางเง่ือนไข
4) คล๊กิ ท่ี Create ... และกด Install เพอื่ เลอื กที่อยใู หโ ปรแกรม

ภาพท่ี 2.16 แสดงหนาตา งเลือกท่ีอยู

17

5) รอโปรแกรมดาวนโ หลด

ภาพที่ 2.17 แสดงหนาตางดาวนโหลดโปรแกรม
6) รอจนตดิ ตงั้ เสรจ็ กด Finish เปน อันเสรจ็ ข้ันตอนการติดต้ัง

ภาพที่ 2.18 หนา ตางสดุ ทายของการตดิ ต้ัง

บทท3่ี
การดาํ เนนิ โครงการ

18

บทท่ี 3
วิธีการดําเนนิ งานโครงการ

การดําเนินโครงการ “ สื่อการเรียนรูแอนิเมช่ันเร่ืองการสรางโลโกสนิ คาดวยโปรแกรม Adobe
Illustrator” มรี ายละเอียดในการดําเนนิ งานโครงการ ดงั น้ี คือ

3.1 การศกึ ษาขอ มลู เบื้องตน
3.2 ประชากรและกลมุ ตวั อยา ง
3.3 ข้ันตอนการดาํ เนินงาน
3.4 เคร่อื งมอื ท่ีใชใ นการเกบ็ รวบรวมขอมลู
3.5 ขนั้ ตอนการดําเนนิ การและเกบ็ รวบรวมขอ มลู
3.6 พิจารณาจากคะแนนตามเกณฑ
3.7 สถติ ิท่ีใชในการวเิ คราะหขอ มลู
3.1 การศึกษาขอ มลู เบอื้ งตน
3.1.1 ศกึ ษาคนควาจากเอกสาร แนวคดิ ทฤษฎีท่เี กี่ยวขอ ง เวบ็ ไซตและส่อื ตางๆ
3.1.2 คณะผูจัดทํารวมกันออกแบบสื่อแอนิเมช่ันและโลโกสินคา โดยใชความรูจากการศึกษา
คนควาเร่ือง “สื่อการเรียนรูแอนิเมชั่นการสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator”
3.1.3 สาํ รวจกลมุ เปาหมายและจดั ทําโครงรา งแอนเิ มช่ันและโลโกสินคา
3.2 ประชากรและกลุมตัวอยา ง
3.2.1 ประชากร คือ นักเรียนประกาศนียบัตรวิชาชีพ ชั้นปที่ 2 สาขาวิชาคอมพิวเตอรธุรกิจ
วทิ ยาลยั เทคนิคระยอง จํานวน 102 คน
3.2.2 กลุมตัวอยาง คอื นักเรียนประกาศนียบัตรวิชาชีพ ชั้นปท ่ี 2 สาขาวิชาคอมพิวเตอรธุรกิจ
วิทยาลัยเทคนิคระยอง จํานวน 80 คน ซึ่งผูวิจัยกําหนดขนาดของกลุมตัวอยาง ตามตารางกําหนด
ขนาด Krejcie R.V. and D.W. Morgen (1970 : 608)

19

3.3 ข้นั ตอนการดําเนนิ งาน
3.3.1 การออกแบบผังงาน

เร่ิมตน

ศึกษาและคน ควาขอ มลู เพื่อคดิ คน หัวขอโครงการ

นําเสนอหวั ขอ โครงการใหกับอาจารยใ นแผนก

นําเสนอ ไมผ า น

ผา่ น

ศึกษาคน ควา ขอมูลในการสรา งโลโกแ ละแอนเิ มช่นั

สรา ง Storyboards เรียบเรยี งเนอ้ื เร่อื ง

สรางตัวละคร ฉากของแอนเิ มชั่นและโลโกสนิ คา ดว ยโปรแกรม Adobe 1
illustrator

นําแอนิเมชัน่ และวดิ ีโอการสรางโลโกสินคามาตดั ตอดว ยโปรแกรม Vegas Pro
จัดทํารปู แบบโครงการใหส มบูรณ
จบ

20

1

สรางโลโกส ินคาดว ยโปรแกรม Adobe Illustrator

สรา งตัวละคร ฉากดวยโปรแกรม Adobe Illustrator
ตัดตอตวั ละคร ฉากและวิธกี ารสรา งโลโกด ว ยโปรแกรม Vegas Pro

ใสเ สยี งพากยและ Sound Effect ไมผา น
ตดั ตอ ตัวละคร ฉากและวิธกี ารสรา งโลโกดวย

โปรแกรม Vegas Pro
ตรวจสอบเสียผงาแนละการ

เคล่ือนไหว

Render Video เพื่อใหง านเปน Video.mp4
จบ

21

3.3.2 ขน้ั ตอนการสรางช้นิ งาน
1) ศึกษา คน ควาปญหาและขอมลู เพ่ือคดิ หวั ขอโครงการ
2) นําเสนอหวั ขอ โครงการใหก ับอาจารยภ ายในแผนก
3) ศกึ ษาคนควาขอ มูลในการสรา งโลโกส นิ คา และการสรางสอ่ื การเรียนรูแอนิเมชั่น
4) สรา ง Storyboard เรียบเรียงเนอ้ื เรือ่ ง ขั้นตอนการทํากอนหลัง
5) ลงมอื สรางโลโกสินคา ดวยโปรแกรม Adobe Illustrator โดยมีขนั้ ตอนดงั นี้

5.1 บนั ทกึ หนา จอระหวา งการสรา งงานโดยการกดปุม Window+G บนคียบ อรด
5.2 สรา ง Layer ออกแบบรปู รางของตราท่ีตองการ

ภาพที่ 3.1 แสดงการสรา งโลโกส นิ คา

ภาพท่ี 3.2 แสดงการเก็บรายละเอยี ดโลโก
5.3 เกบ็ รายละเอียดและตกแตงใหส อดคลอ งกับตวั สินคา

22

6) ออกแบบตัวละครแอนเิ มชน่ั และฉากดาํ เนินเรื่องใหเ ปน ไปตาม Storyboard ดวยโปรแกรม
Adobe Illustrator โดยมขี ั้นตอนดงั น้ี

ภาพที่ 3.3 แสดงการสรางตวั ละคร
6.1 สรา ง Layer ออกแบบตวั ละครและลงสี

ภาพที่ 3.4 แสดงการลงสีตัวละคร

23

6.2 สราง Layer ออกแบบฉากและลงสี

ภาพท่ี 3.5 แสดงการออกแบบและลงสีฉาก
7) นําสวนประกอบตา งๆมาตดั ตอ ดว ยโปรแกรม Vegas Pro

7.1 นําคลิปทีบ่ นั ทึกระหวา งการสรางโลโกม าตดั ตอ ใหไดส วนที่ตอ งการ
7.2 นําแอนเิ มชน่ั ท่ีไดอ อกแบบแลว มาเรียงลําดับเหตกุ ารณใหเขากบั เน้อื เร่ือง

ภาพท่ี 3.6 แสดงการนําแอนเิ มชัน่ มาตัดตอ

24

7.3 คน หาและดาวนโหลด Sound ทีจ่ ะใชเ พอ่ื นํามาใสใ นแอนิเมช่นั

ภาพที่ 3.7 แสดงการคน หาเพ่ือใส Sound
7.4 ทําการอัดเสยี งพากยมาประกอบตัวละคร
7.5 นํา Video ที่บันทึกไวระหวางการสรางงานมาตัดตอใหเขากับเสียงพากยและเน้ือ
เรอ่ื ง
7.6 ทดสอบเสยี งและการเคลอ่ื นไหวของสื่อท้งั หมด
7.7 ทําการ Export Video เพอื่ ใหออกมาเปนไฟลสําหรบั การเลน Video (.mp4)
8) จัดทาํ รูปเลม โครงการใหส มบูรณ
3.4 เครอ่ื งมือทใ่ี ชในการเกบ็ รวบรวมขอมลู
3 . 4 . 1 เ ค รื่ อ ง มื อ ใ น ก า ร ศึ ก ษ า เ ค รื่ อ ง มื อ เ ชิ ง ป ริ ม า ณ (Quamtitative Research)
เปนแบบสอบถามที่ผูจัดทําโครงการสรางขึ้นจํานาน 1 ฉบับ โดยยึดตามวัตถุประสงคและกรอบ
แนวคดิ ในการทําโครงการแบงออกเปน 3 ตอน คือ

ตอนท่ี 1 แบบสอบถามความพึงพอใจขอมลู ทัว่ ไปของผูตอบแบบสอบถามไดแก เพศ
อายุ การศึกษา ของผตู อบแบบสอบถาม

ตอนท่ี 2 แบบสอบถามความพึงพอใจเก่ียวกับโครงการ “ส่ือการเรียนรูแอนิเมช่ัน
เรือ่ งการสรางโลโกสนิ คา ดวยโปรแกรม Adobe Illustrator” มลี กั ษณะเปนแบบสอบถาม ดา นเนอื้ หา
สาระ ดานการออกแบบและการดําเนินเร่ืองของแอนิเมชั่น และดานผลสัมฤทธิ์ในการรวมโครงการ
โดยใชมาตราสวนประมาณคา (Rating Scale) แบงเปน 5 ระดับกําหนดเกณฑการพิจารณาดังน้ี
(บุญชม ศรีสะอาด,2553:42)

5 หมายถึง ความพึงพอใจมากทส่ี ดุ
4 หมายถงึ ความพึงพอใจมาก
3 หมายถงึ ความพึงพอใจปานกลาง
2 หมายถึง ความพึงพอใจนอย
1 หมายถึง ความพงึ พอใจนอ ยทีส่ ดุ
ตอนที่ 3 ขอเสนอแนะการจัดทําโครงการ“สื่อการเรียนรูแอนิเมช่ันเร่ืองการสราง
โลโกสินคาดว ยโปรแกรม Adobe Illustrator”

25

3.4.2 การสรา งเครอื่ งมือทใ่ี ชในการเก็บรวบรวมขอมูลมดี ังน้ี
1) กําหนดโครงการสรางและขอบขายเน้ือหาสาระของแบบสอบถามโดยกําหนดเนื้อหาสาระ
ท่ีนํามาสรางแบบสอบถามใหเห็นขอบเขตของคําถามที่สอดคลองกับวตั ถุประสงคและครอบคลุมเรื่อง
ท่จี ะศกึ ษาโดยคําแนะนาํ จากครูที่ปรึกษาโครงรา งการจัดทาํ โครงการ
2) ศกึ ษาแนวทางทฤษฎหี ลกั การสรางแบบสอบถามจากเอกสารตําราบทความทางวิชาการ
3) ศึกษาวิธีสรางแบบสอบถามมาตราสวนประมาณคา (Rating Scale) สรางแบบสอบถาม
ฉบับรางโดยเขียนขอความที่สอดคลองกับตัวแปรท่ีศึกษาใหครบถวนตามโครงการสราง 5 ระดับ คือ
ระดบั มากทีส่ ดุ มาก ปานกลาง นอ ย และนอยท่สี ดุ
4) ดําเนินการส รางแบบส อบถามขั้นมาใหครอบคลุมกับการจัดทําโ ครงการ
“สื่อการเรียนรูแอนิเมชั่นเรือ่ งการสรางโลโกส ินคา ดว ยโปรแกรม Adobe Illustrator”
5) ตรวจสอบคุณภาพแบบสอบถามเบื้องตนโดยใหอาจารยท่ีปรึกษาโครงการและผูเชี่ยวชาญ
ตรวจสอบพิจารณาเพื่อความเที่ยงตรงของเน้ือหาและความถูกตองในสํานวนภาษาท่ีใชเพื่อใหคําถาม
ครอบคลุมและสอดคลองกับวัตถุประสงคของโครงการแลวปรับปรุงแกไขตามคําแนะนํามาจัดทํา
แบบสอบถามฉบับสมบรู ณเ พื่อนาํ ไปใชต อของอาจารยท่ีปรกึ ษาโครงการ
6) จัดทําแบบสอบถามฉบับสมบูรณตามคําแนะนําของอาจารยที่ปรึกษาโครงการนํามาจัดทํา
แบบสอบถามฉบบั สมบรู ณเพอื่ นําไปใชต อ ไป
3.5 ข้ันตอนการดาํ เนินการและเก็บรวบรวมขอ มูล
3.5.1 การวางแผนโครงการ
1) สรปุ หวั ขอโครงการ
2) ศึกษาเน้ือหาท่ีเก่ียวของในการจัดทําโครงการ ตองการปจจัยใดบางในการนํามาจัดทํา
โครงการ ตองการปจ จยั ใดบางในการดําเนนิ โครงการ
3.5.2 เสนอโครงการ
จัดทาํ เสนอเร่อื งโครงการ
3.5.3 การดําเนินงานในโครงการ
จัดทาํ โครงการใหไ ดใจความเนื้อหา 5 บท สามารถสรปุ ไดด ังนี้
บทท่ี 1 บทนําโดยเน้ือหาเก่ียวกับความเปนมา วัตถุประสงค ขอบเขตและประโยชน
ทคี่ าดวาจะไดรบั
บทท่ี 2 เอกสาร และทฤษฎีที่เกี่ยวของกับสื่อการเรียนรูแอนิเมช่ันการสรางโลโกสินคาดวย
โปรแกรม Adobe Illustrator
บทที่ 3 วธิ กี ารดําเนนิ โครงการ โดยเนอ้ื หาเกีย่ วกับขนั้ ตอนการดาํ เนินงาน
บทที่ 4 การวิเคราะหขอมูล และขอเสนอแนะ โดยเน้ือหาเกี่ยวกับการสรุปผลการประเมินผล
ของวัตถุประสงค เคร่ืองมอื ท่ใี ชในการเกบ็ รวบรวมขอมลู
บทที่ 5 สรปุ ผลการอภปิ รายผลและขอ เสนอแนะ
3.5.4. จดั ทําช้ินงานเปนรูปเลม
ศกึ ษาขอมูลเกยี่ วกบั ฟงกช น่ั การคาํ นวณ

26

3.5.5. สรปุ ผล
สรุปผลจากการแบบประเมินการทําโครงการ โดยสรุปความพึงพอใจและคํานวณออกมาเปน

คา เฉลย่ี
3.5.6 รายงานประเมนิ ผล
จดั ทํารายงานผลการดาํ เนินงานและนาํ เสนอตอ อาจารยทีป่ รกึ ษาโครงการ

3.6 พจิ ารณาจากคะแนนตามเกณฑ
เคร่ืองมือในการเก็บรวบรวมขอมูล ไดแก แบบสอบถามความพึงพอใจของนักเรียนระดับ

ประกาศนียบัตรวิชาชีพ ชั้นปที่ 2 สาขาวิชาคอมพิวเตอรธุรกิจ วิทยาลัยเทคนิคระยอง ที่มีตอสื่อการ
เรียนรูแอนิเมชั่นการสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator (Animation instructional
media using Adobe Illustrator) 5 ระดบั ดังนี้

3.6.1 สรา งแบบสอบถาม ซง่ึ มีมาตราสว นประมาณคา (Rating Scale) แบงเปน 5 ระดับ
5 หมายถงึ มากท่สี ดุ
4 หมายถึง มาก
3 หมายถึง ปานกลาง
2 หมายถงึ นอ ย
1 หมายถึง นอ ยท่สี ดุ

การวิเคราะหแบบสอบถามความคิดเห็นของนักเรียนเร่ือง ส่ือการเรียนรูแอนิเมช่ันเร่ืองการ
สรา งโลโกส นิ คา ดวยโปรแกรมAdobe Illustrator Animation instructional media using Adobe
Illustratorสาขาคอมพิวเตอรธุรกิจ วิทยาลัยเทคนิคระยอง กําหนดชวงของคาเฉลี่ยตามแนวของ
จอนห ดบั บลิว เบสท และเจมส วคี าหน (Best John W.& Kahn Jame V.,1993, PP.181-182) ดงั นี้

3.6.2 เกณฑการประเมินคาความพงึ พอใจ กาํ หนดคาคะแนนออกเปน 5 ระดบั ดงั นี้
4.50 -5.00 หมายถึงมี มคี วามคิดเหน็ อยูในระดบั มากท่ีสดุ
3.50 -4.49 หมายถึงมี มคี วามคดิ เห็นอยูในระดับมาก
2.50 -3.49 หมายถงึ มี มคี วามคดิ เห็นอยใู นระดบั ปานกลาง
1.50 -2.49 หมายถงึ มี มีความคิดเหน็ อยใู นระดับนอย
0.00 -1.49 หมายถงึ มี มคี วามคิดเหน็ อยูใ นระดับนอยที่สดุ

3.7 สถติ ทิ ่ีใชใ นการวเิ คราะหขอมูล
ในการจดั ทาํ โครงการ “สือ่ การเรียนรแู อนิเมช่ันการสรา งโลโกสนิ คา ดวยโปรแกรม Adobe

Illustrator” สถิตทิ ี่ใชใ นการวิเคราะหขอมลู แบง ออกได ดังน้ี
การวิเคราะหขอ มลู สรปุ ผลโครงการไดใชสถติ เิ พ่ือวิเคราะหดงั น้ี
3.7.1 คา สถติ ิรอ ยละ (Percentage)
3.7.2 การหาคาเฉลยี่ ( � )
3.7.3 การหาคา เบ่ียงเบนมาตรฐาน (S.D. Standard Deviation)

27

3.7.1 คา เฉลี่ยรอ ยละ (Percentage)
×100
สูตร =

เมอ่ื P แทน คา่ ร้อยละ

F แทน จํานวนหรือความถี่ทต่ี ้องการหาคา่ ร้อยละ

N แทน จํานวนข้อมลู ทงั้ หมด

3.7.2 การหาคา เฉลย่ี ( � )
∑
สตู ร ̅

เมอื่ ̅ แทน คะแนนตวั กลางเลขคณติ
∑ แทน ผลรวมทั้งหมดของคะแนน

Ν แทน จํานวนคะแนนในขอ มูล
3.7.3 การหาคา เบ่ยี งเบนมาตรฐาน (S.D. Standard Deviation)
� ∑ 2(∑ 2)
สตู ร . . = ( −1)

เม่ือ . . แทน สว นเบีย่ งเบนมาตรฐาน
แทน คะแนนแตละตัว
แทน จํานวนคะแนนในกลุม
∑ แทน ผลรวม

บทท4่ี
ผลการดาํ เนนิ งาน

บทท่ี 4
ผลการดําเนนิ โครงการ

การจัดทําโครงการคร้งั น้มี ีวัตถุประสงคเพ่ือการศึกษาความพึงพอใจจากโครงการสอ่ื การเรยี นรู
แอนิเมชั่นเร่ืองการสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator ของนักเรียนประกาศนียบัตร
วิชาชีพ ช้ันปท่ี 2 สาขาคอมพิวเตอรธุรกิจ วิทยาลัยเทคนิคระยอง จํานวน 80 คน จากการติดตาม
ประเมนิ ผล ผวู ิจัยดาํ เนนิ การวเิ คราะหขอมูลและแปลความหมายตามลําดับ ดังนี้
4.1 ผลการดําเนนิ การ

ผลดําเนินงานโครงการส่ือการเรียนรูแอนิเมชั่นเรื่องการสรางโลโกสินคาดวยโปรแกรม
Adobe Illustrator จากการวิเคราะหขอมูลท่ัวไปของผูตอบแบบสอบถามท้ังหมดจํานวน 80 คน

4.1.1 ขอ มูลทั่วไป
4.1.1.1 แสดงเพศของผตู อบแบบสอบถามความพงึ พอใจ

ตารางที่ 4-1 แสดงจาํ นวนของผตู อบแบบสอบถามคดิ เปนรอยละจําแนกตามเพศ

กลมุ ที่ เพศ จํานวน รอ ยละ
1. ชาย 21 26.3
2. หญิง 59 73.8
รวม 80 100

จากตารางท่ี 4-1 พบวาจํานวนรอยละของผูตอบแบบสอบถาม จําแนกตามเพศ โครงการส่ือ
การเรียนรูแอนิเมช่ันเร่ืองการสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator และวิเคราะหผลได
ดังน้ี เพศชาย คิดเปนรอยละ 26.3 ของกลุมตัวอยางทั้งหมด เพศหญิง คิดเปนรอยละ 73.8 ของกลุม
ตวั อยางทง้ั หมด

แผนภมู แิ สดงเพศของผตู อบแบบสอบถาม

ชาย หญิง

26%
74%

แผนภมู ิท่ี 4-1 แผนภูมแิ สดงเพศของผูตอบแบบสอบถาม

29

4.1.1.2 แสดงอายุของผตู อบแบบสอบถามความพงึ พอใจ
ตาราง 4-2 แสดงจาํ นวนของผตู อบแบบสอบถามความคดิ เปน รอยละจาํ แนกตามอายุ

กลุมที่ อายุ จํานวนคน รอยละ
1 15-19 79 98.8
2 20 ปข น้ึ ไป 1 1.3
รวม 80 100

จากตารางที่ 4-2 พบวาจาํ นวนรอยละของผูตอบแบบสอบถาม จาํ แนกตามอายุ โครงการส่ือ
การเรียนรูแอนิเมชั่นเรื่องการสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator ดังน้ี อายุ 15-19 ป
คิดเปนรอยละ 98.8 ของกลุมตัวอยางทั้งหมด อายุ 20 ปขึ้นไป คิดเปนรอยละ 1.3 ของกลุมตัวอยาง
ทง้ั หมด

แผนภมู ิแสดงอายขุ องผูต อบแบบสอบถาม

15-19 ป 20 ปข ้นึ ไป
1.3

98.8

แผนภูมทิ ี่ 4-2 แผนภูมิแสดงอายขุ องผตู อบแบบสอบถาม
ตารางท่ี 4-3 แสดงจํานวนของผูตอบแบบสอบถามคิดเปนรอยละจําแนกตามสถานะของ
ผูต อบแบบสอบถาม

ลําดับท่ี สถานะของผูต อบแบบสอบถาม จาํ นวน รอ ยละ
1 นักเรียน 80 100
2 นักศึกษา 0 0
80 100
รวม

จากตารางที่ 4-3 พบวาจํานวนรอยละของผูตอบแบบสอบถาม จําแนกตามสถานะ โครงการ
สือ่ การเรียนรแู อนิเมช่ันเร่ืองการสรางโลโกส นิ คา ดวยโปรแกรม Adobe Illustrator ดังน้ี นักเรยี น คิด
เปน รอยละ 100 ของกลมุ ตัวอยางท้ังหมด นกั ศึกษา คดิ เปน รอยละ 0 ของกลุมตัวอยางทั้งหมด

30

แผนภมู แิ สดงสถานะของผูตอบแบบสอบถาม

นกั เรยี น นักศกึ ษา

0 100

แผนภมู ิ 4-3 แผนภมู ิแสดงสถานะของผูตอบแบบสอบถามโครงการ

4.1.1.4 แสดงระดับการศกึ ษาของผูตอบแบบสอบถามความพงึ พอใจ
ตารางท่ี 4-4 แสดงจาํ นวนของตอบแบบสอบถามคดิ เปนรอยละจําแนกตามระดับการศึกษา
ของผูตอบแบบสอบถาม

ลําดบั ที่ ระดับการศึกษาของผูตอบแบบสอบถาม จํานวน รอยละ
1 ปวช. 80 100
2 ปวส. 0 0
รวม 80 100

จากตารางท่ี 4-4 พบวาจํานวนรอยละของผูตอบแบบสอบถาม จําแนกตามระดับการศึกษา
ของผูตอบแบบสอบถาม โครงการสื่อการเรียนรูแอนิเมชั่นเร่ืองการสรางโลโกสินคาดวยโปรแกรม
Adobe Illustrator ดังนี้ ปวช. คิดเปนรอยละ 100 ของกลุมตัวอยางทั้งหมด ปวส. คิดเปนรอยละ 0
ของกลมุ ตัวอยางทงั้ หมด

แผนภูมแิ สดงระดับการศกึ ษาของผตู อบแบบสอบถาม

ปวช. ปวส.

0%

100%
ภาพที่ 4.4 แผนภูมิแสดงระดับการศกึ ษาของผตู อบแบบสอบถามโครงการ

31

4.1.2 ความพึงพอใจในการรว มโครงการ
ตารางท่ี 4-5 ความพึงพอใจของนักเรียนนักศึกษาที่รับชมโครงการส่ือการเรยี นรูแอนิเมชัน่
เรอ่ื งการสรา งโลโกส ินคา ดวยโปรแกรม Adobe Illustrator

เร่ืองการประเมิน คาเฉลย่ี สวน ระดบั ความ
1.ดานเน้ือหาสาระ 4.15 เบ่ยี งเบน พงึ พอใจ
1.1 การจดั หมวดหมูข องขอ มูล อธิบายเน้ือหาเขาใจงาย 4.16 มาตรฐาน
1.2 เนอ้ื หามีความถูกตอ ง ชดั เจน นาเชอ่ื ถอื 4.28 มาก
1.3 ขอมูลท่นี ําเสนอครบถว นตรงกบั เนอ้ื หาสอดคลองกบั ส่อื 4.20 0.78 มาก
0.72 มาก
รวมทงั้ สิ้น 0.69 มาก
0.73

จากตารางท่ี 4-5 พบวาระดับความพึงพอใจของโครงการส่ือการเรียนรูแอนิเมชั่นเรื่องการ
สรางโลโกสินคาดวยโปรแกรม Adobe Illustrator ดานเน้ือหาสาระภาพรวมอยูในระดับมาก
(x = 4.20) เมื่อพิจารณาจากการประเมินรายขอพบวา การจัดหมวดหมูของขอมูลมีระดับความพึงพอใจ
มาก อธิบายเน้ือหาเขาใจงายมีระดับความพึงพอใจมาก (x = 4.15) เนื้อหามีความถูกตอง ชัดเจน
นา เช่ือถอื มีระดับความพงึ พอใจมาก (x = 4.16) ขอมูลท่นี ําเสนอครบถวนตรงกบั เนื้อหาสอดคลองกับ
สอ่ื มีระดบั ความพงึ พอใจมาก (x =4.28)

แผนภูมคิ วามพงึ พอใจดา นเน้ือหาสาระ

5 4.15 คาเฉล่ยี สวนเบ่ยี งเบนมาตรฐาน 4.28
4
4.16 4.28

3

2

1

0 1.2 1.3 1.3
1.1

แผนภูมิท่ี 4-5 แผนภมู แิ สดงระดบั ความพงึ พอใจดา นเนื้อหาสาระ

ตารางที่ 4-6 ความพึงพอใจของนักเรียนนักศึกษาท่ีรับชมโครงการสื่อการเรียนรูแอนิเมชน่ั
เร่อื งการสรางโลโกสนิ คา ดวยโปรแกรม Adobe Illustrator

เร่ืองการประเมนิ คาเฉลย่ี สว นเบ่ียงเบน ระดับความพึง
มาตรฐาน พอใจ
2. ดา นการออกแบบและการดําเนินเรอื่ งของแอนิเมชนั่ 0.81 มาก
2.1 ระยะเวลาของสอ่ื มีความเหมาะสม 4.19 0.75 มาก
2.2 ออกแบบฉากและตวั ละครมคี วามนา สนใจ 4.24 0.77 มาก
2.3 ภาพและเสยี ง บรรยายชัดเจนเหมาะสม 4.25 0.78 มาก
รวมทั้งส้ิน 4.22

จากตารางที่ 4-6 พบวาระดับความพึงพอใจดานการออกแบบและการดําเนินเรื่องของแอนิ
เมชน่ั ของโครงการสื่อการเรยี นรแู อนิเมช่นั เรื่องการสรางโลโกส นิ คา ดวยโปรแกรม Adobe Illustrator
ภาพรวมอยูในระดับมาก (x = 4.22) เม่ือพิจารณาจากการประเมินรายขอพบวา ระยะเวลาของสื่อมี
ความเหมาะสมมีระดับความพึงพอใจมาก (x = 4.19) ออกแบบฉากและตัวละครมีความนาสนใจมี
ระดับความพึงพอใจมาก (x = 4.24) ภาพและเสียง บรรยายชัดเจนเหมาะสมมีระดับความพึงพอใจ
มาก (x = 4.25)

แผนภมู ิความพึงพอใจดา นการออกแบบและการดําเนินเรอ่ื งของแอนิเมชนั่

4.5 4.19 คาเฉลีย่ สว นเบ่ยี งเบนมาตรฐาน
4
3.5 4.24 4.25
3
2.5 2.2 2.3
2
1.5
1
0.5
0
2.1

แผนภมู ทิ ่ี 4-6 แผนภูมิแสดงระดับความพึงพอใจดานการออกแบบและการดาํ เนนิ เร่ืองของแอนเิ มช่นั

ตารางท่ี 4-7 ความพึงพอใจของนักเรียนนักศึกษาท่ีรับชมโครงการส่ือการเรียนรูแอนิเมชนั่
เร่ืองการสรางโลโกสนิ คาดว ยโปรแกรม Adobe Illustrator

เรื่องการประเมนิ สว น ระดับ
คา เฉลี่ย เบย่ี งเบน ความพงึ
3. ดานผลสมั ฤทธ์ิในการเขา รว มโครงการ
3.1 ส่อื การเรียนรแู อนเิ มช่ันมีความทันสมยั สามารถเขา ถึงไดงา ย มาตรฐาน พอใจ
3.2 สอ่ื มีประโยชนตอ ผูใชง าน และสามารถนําไปประยกุ ตใ ชได
3.3 ผใู ชง านมีความพงึ พอใจตอสอ่ื การเรียนรแู อนิเมช่นั การสราง 4.29 0.68 มาก
โลโกสนิ คาดวยโปรแกรม Adobe Illustrator 4.38 0.70 มาก
4.36 0.68 มาก
รวมท้ังสิ้น
4.34 0.69 มาก

จากตารางท่ี 4-7 พบวาระดับความพึงพอใจดานผลสัมฤทธ์ิในการเขารวมโครงการของ
โครงการสื่อการเรียนรูแ อนิเมชน่ั เรื่องการสรางโลโกส นิ คาดว ยโปรแกรม Adobe Illustrator ภาพรวม
อยูในระดับมาก (x = 4.34) เมื่อพิจารณาจากรายขอพบวา สื่อการเรียนรูแอนิเมช่ันมีความทันสมัย
สามารถเขาถึงไดงายมีระดับความพึงพอใจมาก (x = 4.29) สื่อมีประโยชนตอผูใชงาน และสามารถ
นําไปประยุกตใชไดมีระดับความพึงพอใจมาก (x = 4.38) ผูใชงานมีความพึงพอใจตอสื่อการเรียนรู
แอนิเมช่ันการสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator มีระดับความพึงพอใจมาก (x =
4.36)

แผนภูมิแสดงระดับความพึงพอใจดานผลสัมฤทธ์ใิ นการเขารว มโครงการ

คา เฉลี่ย สว นเบยี่ งเบนมาตรฐาน

5 4.29 4.38 4.36

4
3
2
1
0

3.1 3.2 3.3

แผนภูมทิ ี่ 4-7 แผนภมู แิ สดงระดบั ความพึงพอใจดา นผลสมั ฤทธใ์ิ นการเขารว มโครงการ

ตารางท่ี 4-8 สรุปความพึงพอใจของนักเรียนนักศึกษาท่ีรับชมโครงการส่ือการเรียนรู
แอนเิ มชนั่ เรอ่ื งการสรางโลโกสินคา ดวยโปรแกรม Adobe Illustrator

เรอ่ื งการประเมิน สว น ระดบั
1. ดานเนื้อหาสาระ คาเฉลย่ี เบีย่ งเบน ความพงึ

1.1 มกี ารจัดหมวดหมูของขอมูล อธิบายเนือ้ หาเขาใจงาย มาตรฐาน พอใจ
1.2 เนื้อหามคี วามถูกตอ ง ชดั เจน นา เช่ือถือ
1.3 ขอมูลท่ีนําเสนอครบถวนตรงกับเนื้อหาสอดคลองกบั สื่อ 4.15 0.78 มาก
2. ดานการออกแบบและการดําเนนิ เรอ่ื งของแอนเิ มชนั่ 4.16 0.72 มาก
2.1 ระยะของสอ่ื มีความเหมาะสม 4.28 0.69 มาก
2.2 ออกแบบฉากและตัวละครมคี วามนาสนใจ
2.3 ภาพและเสียง บรรยายชดั เจนเหมาะสม 4.19 0.81 มาก
3. ดา นผลสัมฤทธ์ิในการเขารว มโครงการ 4.24 0.75 มาก
3.1 ส่อื การเรยี นรแู อนิเมชั่นมคี วามทนั สมัย 4.25 0.77 มาก
สามารถเขาถงึ ไดงา ย
3.2 สื่อมปี ระโยชนตอผูใชง าน และสามารถนาํ ไปประยกุ ตใ ชได 4.29 0.68 มาก
3.3 ผใู ชงานมีความพงึ พอใจตอ สื่อการเรียนรูแ อนิเมช่ัน 4.38 0.70 มาก
การสรา งโลโกสินคาดวยโปรแกรม Adobe Illustrator 4.36 0.68 มาก
4.26 0.73 มาก
รวมทง้ั ส้ิน

จากตารางที่ 4-8 พบวาระดับความพึงพอใจของแบบฟอรมของโครงการส่ือการ
เรียนรูแอนิเมช่ันเร่ืองการสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator ภาพรวมอยูในความพึง
พอใจระดับมาก (x = 4.26)

แผนภูมิแสดงสรุประดับความพึงพอใจของนักเรียนนักศึกษาที่รับชมโครงการสื่อการเรียนรู
แอนเิ มช่นั เรื่องการสรา งโลโกสินคา ดว ยโปรแกรม Adobe Illustrator

คาเฉลี่ย สว นเบย่ี งเบนมาตรฐาน

5 4.15 4.16 4.28 4.19 4.24 4.25 4.29 4.38 4.36
4
3
2
1
0

1.1 1.2 1.3 2.1 2.2 2.3 3.1 3.2 3.3
แผนภูมิท่ี 4-8 แผนภูมิสรุประดับความพงึ พอใจของนักเรียนนักศกึ ษาทร่ี ับชมโครงการ

บทท5ี่
สรปุ ผล อภปิ รายผล และขอ เสนอแนะ

36

บทท่ี 5
สรปุ อภิปรายผลและขอเสนอแนะ

การดําเนินโครงการครั้งนี้มวี ตั ถุประสงค (1) เพอ่ื สรา งสือ่ การเรียนรแู อนิเมชน่ั เรื่องการสรา งโล
โ กสินคาดว ยโปรแกรม Adobe Illustrator (Animation instructional media using Adobe
Illustrator) (2) เพ่ือศึกษาความพึงพอใจของนักเรียนชั้นประกาศนียบัตรวิชาชีพ ชั้นปที่ 2 สาขาวิชา
คอมพิวเตอรธุรกิจ วิทยาลัยเทคนิคระยอง ที่มีตอสื่อการเรียนรูแอนิเมช่ันเรื่องโลโกสินคาดวย
โปรแกรม Adobe Illustrator (Animation instructional media using Adobe Illustrator) (3)
เพ่ือเผยแพรส่ือการเรียนรูการสรางโลโกสินคาดวยโปรแกรม Adobe Illustrator (Animation
instructional media using Adobe Illustrator) แกผูท่ีตองการจะศึกษา ผานทางเว็บไซต โดยใช
แบบสอบถาม Google Form
5.1 สรปุ

จากการศึกษาความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปที่ 2 ขอมูลท่ัวไป
พบวา กลุมตัวอยางที่ตอบแบบสอบถามจํานวน 80 คน สวนใหญ พบวาเปนเพศหญิง จํานวน 59 คน
เพศชายจาํ นวน 21 คน ระดบั ชั้น ปวช. จํานวน 80 คน มีอายุ 15-19 ป จํานวน 79 คน อายุ 20 ปข้นึ
ไป จํานวน 1 คน มีสถานะเปนนักเรียนจํานวน 80 คน ดานเน้ือหาสาระมีความพึงพอใจในระดับมาก
ดานการออกแบบและการดําเนินเรือ่ งของแอนิเมชั่นมีความพึงพอใจในระดบั มาก และดานผลสัมฤทธิ์
ในการเขารวมโครงการมคี วามพึงพอใจในระดบั มาก
5.2 อภปิ รายผล

5.2.1 สถานะภาพทัว่ ไปของผูต อบแบบสอบถาม
จากแบบสอบถาม โครงการสือ่ การเรียนรูแอนเิ มช่นั เร่ืองการสรา งโลโกส ินคาดวยโปรแกรม

Adobe Illustrator ผลที่ไดคือ จํานวนรอยละของผูตอบแบบสอบถามจําแนกตามเพศ เพศชาย คิด
เปนรอยละ 26.3 เพศหญิง คิดเปนรอยละ 73.8 ของกลุมตัวอยางทั้งหมดจํานวนรอยละของตอบ
แบบสอบถามจําแนกตามอายุ อายุ 15-19 ป คิดเปนรอยละ 98.8 อายุ 20 ปขึ้นไป
คิดเปนรอยละ 1.3 ของกลุมตัวอยางท้ังหมด จํานวนรอยละของผูตอบแบบสอบถามจําแนกตามสถา
นะ และสง แบบสอบถามคืนดังน้ีนักเรียน จํานวน 80 คน คดิ เปน รอ ยละ 100 นกั ศกึ ษาจาํ นวน 0 คน
คิดเปนรอยละ 0

37

5.2.2 ความพงึ พอใจดา นตา งๆ
จากการแบบสอบถามความพึงพอใจตอการรับชมส่ือการเรียนรูแอนิเมช่ันเร่ืองการสราง

โลโกสินคาดวยโปรแกรม Adobe Illustrator พบวาความคิดเห็นของผูตอบแบสอบถามกลุมตัวอยาง
ท่ีใหนักเรียนและนักศึกษาในแผนกคอมพิวเตอรธุรกิจประกาศนียบัตรวิชาชีพชั้นปที่ 2
วทิ ยาลัยเทคนิคระยอง จํานวน 80 คน ผลที่ไดค ะแนนสูงสุดไดแ ก

ดา นเนื้อหาสาระ
ระดับความพึงพอใจของโครงการส่ือการเรียนรูแอนิเมชั่นเร่ืองการสรางโลโกสินคาดวย
โปรแกรม Adobe Illustrator ดานเนื้อหาสาระภาพรวมอยูในระดับมาก (x = 4.20) เม่ือพิจารณาจาก
การประเมินรายขอพบวา การจัดหมวดหมขู องขอมูลมีระดบั ความพงึ พอใจมาก อธิบายเน้อื หาเขา ใจงาย
มรี ะดบั ความพึงพอใจมาก (x = 4.15) เนื้อหามีความถูกตอง ชัดเจน นา เชอ่ื ถือ มีระดบั ความพึงพอใจ
มาก (x = 4.16) ขอมูลท่ีนําเสนอครบถวนตรงกับเน้ือหาสอดคลองกับสื่อ มีระดับความพึงพอใจมาก
(x =4.28)
ดา นการออกแบบและการดาํ เนนิ เรื่องของแอนเิ มช่ัน
ระดบั ความพึงพอใจดานการออกแบบและการดําเนนิ เร่ืองของแอนิเมชน่ั ของโครงการส่ือการ
เรยี นรแู อนิเมชัน่ เรอื่ งการสรา งโลโกสินคา ดว ยโปรแกรม Adobe Illustrator ภาพรวมอยใู นระดับมาก
(x= 4.22) เมื่อพิจารณาจากการประเมินรายขอพบวา ระยะเวลาของสื่อมีความเหมาะสมมีระดับ
ความพึงพอใจมาก (x= 4.19) ออกแบบฉากและตัวละครมีความนาสนใจมีระดับความพึงพอใจมาก
(x= 4.24) ภาพและเสยี ง บรรยายชัดเจนเหมาะสมมีระดบั ความพึงพอใจมาก ( x= 4.25)
ดา นผลสมั ฤทธิ์ในการเขา รวมโครงการ
ระดับความพึงพอใจดานผลสัมฤทธ์ิในการเขารวมโครงการของโครงการสื่อการเรียนรูแอนิ
เมช่ันเรอ่ื งการสรางโลโกส นิ คา ดวยโปรแกรม Adobe Illustrator ภาพรวมอยูใ นระดบั มาก (x = 4.34)
เมื่อพิจารณาจากรายขอพบวา ส่ือการเรียนรูแอนิเมชั่นมีความทันสมัย สามารถเขาถึงไดงายมีระดับ
ความพึงพอใจมาก (x = 4.29) สื่อมีประโยชนตอผูใชงาน และสามารถนําไปประยุกตใชไดมีระดับ
ความพึงพอใจมาก (x = 4.38) ผูใ ชง านมคี วามพึงพอใจตอสื่อการเรยี นรูแอนิเมชั่นการสรางโลโกสินคา
ดวยโปรแกรม Adobe Illustrator มรี ะดับความพึงพอใจมาก (x = 4.36)
5.3 ขอ เสนอแนะ
5.3.1 ขอเสนอแนะจากการทําโครงการ

5.3.1.1 ควรปรบั ความละเอียดของการใชเครื่องมือในโปรแกรม Adobe Illustrator
ใหมคี วามชดั เจนมากข้ึน

5.3.1.2 เสียงบรรยายเรว็ เกนิ ไป
5.3.2 ขอเสนอแนะเพอื่ ทาํ โครงการตอ ไป

5.3.2.1 ควรเพ่ิมชองทางในการเผยแพรสื่อการเรียนรูแอนิเมช่ันโลโกสินคาดวย
โปรแกรม Adobe Illustrator มากข้ึน