เป็นตัวอย่างรูปเล่ม การใช้โปรแกรมมัลติมีเดียเพื่อการนำเสนอ

1. การจัดทำมัลติมีเดียเพือการนำเสนอเรือง เด็กหญิงกับลูกโป่ง
นางสาวเจนจิรา บุตรดาสิม
นางสาวเจนจิรา จันทร์โป้
นางสาวบุณยานุช ไวการ
โครงการนี(เป็นส่วนหนึงของวิชา โปรแกรมมัลติมีเดียเพือการนำเสนอ รหัสวิชา 2204-2106
หลักสูตรประกาศนียบัตรวิชาชีพ แผนกคอมพิวเตอร์ธุรกิจ
วิทยาลัยเทคนิคจันทบุรี ปีการศึกษา 2557

2. ชือผู้จัดทำ นางสาวเจนจิรา บุตรดาสิม
นางสาวเจนจิรา จันทร์โป้
นางสาวบุณยานุช ไวการ
ชือเรือง การจัดทำมัลติมีเดียเพือการนำเสนอเรือง เด็กหญิงกับลูกโป่ง
แผนกวิชา คอมพิวเตอร์ธุรกิจ
ทีปรึกษา นางพีรญา ดุนขุนทด
ปีการศึกษา 2557
บทคัดย่อ
โครงงานโปรแกรมมัลติมีเดียเพือการนำเสนอมีจดมุ่งหมายเพือการศึกษาและการ
ปฏิบัติการใช้โปรแกรมในการออกแบบคอมพิวเตอร์กราฟิกแอนิเมชันแต่ละประเภท การออกแบบ
ทำโมเดลลิงและสร้างเทกเจอร์ การสร้างภาพเคลือนไหวทั(งภาพ 2 มิติและ 3 มิติ การนำเสนอข้อมูล
บนสือต่าง ๆ มีการพัฒนาขึ(นมาอย่างรวดเร็ว สามารถนำเสนอได้ทั(งภาพเคลือนไหวและเสียงพร้อม
ๆ กันได้ทันที แต่ต้องอาศัยเทคนิคจากโปรแกรมมากมายทีมีความยุ่งยากและซับซ้อน ยิงกว่านั(น
ผลงานทีสร้างออกมายังมีขนาดใหญ่อีกด้วย แต่เราก็พบทางออกของทุกๆ ปัญหาทีกล่าวมาโดยการ
ใช้งานทีเรียกว่า “Flash”
ก

3. สารบัญ
เรือง หน้า
บทคัดย่อ ก
สารบัญภาพ ข
บทที 1 บทนำ
1.1 ความเป็นมาและความสำคัญของโปรแกรม 1
1.2 วัตถุประสงค์ 2
1.3 ขอบเขต 2
1.4 สถานทีดำเนินการ 2
1.5 ระยะเวลาดำเนินการ 2
1.6 ประโยชน์ทีว่าจะได้รับ 2
บทที 2 เอกสารและงานวิจัยทีเกียวข้อง
2.1 หลักการเขียนสตอรีบอร์ด 3
2.2 สิงสำคัญทีอยู่ในสตอรีบอร์ด 4
2.3 ออกแบบตัวละคร 4
2.4 ส่วนประกอบต่าง ๆ ของ Story Board 4
2.5 ความหมายของมัลติมีเดีย 5
2.6 ความหมายของแอนิเมชัน 5
บทที 3 วิธีการดำเนินงาน
3.1 การศึกษาและรวบรวมข้อมูลต่าง ๆ 7
3.2 วางโครงเรืองชิ(นงาน 8

4. สารบัญ(ต่อ)
3.3 จัดเตรียมองค์ประกอบ 9
3.4 จัดทำองค์ประกอบ 12
3.5 นำเผยแพร่ 13
บทที 4 ผลการดำเนินงาน
S.T ก่อนเข้ารายการ 14
S.U ชือเรือง 15
S.V ฉากที 1 15
S.S ฉากที 2 16
S.X ฉากที 3 16
S.Y ฉากที 4 17
S.Z ฉากที 5 17
S.[ ฉากที 6 18
S. ฉากที 7 18
S.T] ฉากที 8 19
S.TT ฉากที 9 19
S.TU ฉากที 10 20
S.TV ฉากที 11 20
S.TS ฉากที 12 21
S.TX ฉากที 13 21
S.TY ฉากที 14 22

5. สารบัญ(ต่อ)
S.TZ ฉากที 15 22
S.T[ ฉากสรุป 23
S.T ฉากจบ 23
S.U] ฉากผู้จัดทำ 24
บทที 5 ผลการศึกษา
5.1 ผลการศึกษา 25
5.2 ปัญหาและอุปสรรคในการทำงาน 25
5.3 การแก้ไขปัญหาในการทำงาน 25
5.4 ข้อเสนอแนะ 26
เอกสารอ้างอิง 27
ผู้จัดทำ 28
ภาคผนวก

6. สารบัญภาพ
ภาพที หน้า
ภาพที 3-1 สตอรีบอร์ดเรืองเด็กหญิงกับลูกโป่ง 8
ภาพที 3-2 การสร้างภาพจากโปรแกรม Flash 9
ภาพที 3-3 การสร้างภาพจากโปรแกรม Flash 9
ภาพที 3-4 สร้างภาพเคลือนไหวจาก Flash 10
ภาพที 3-5 แปลงไฟล์ SWF เป็น AVI 10
ภาพที 3-6 การแปลงไฟล์เสียงโดยโปรแกรม Format Factory 11
ภาพที 3-7 การตัดต่อไฟล์ให้เป็นเรืองเดียวกันโดยโปรแกรม
Windows Live Movie Maker
11
ภาพที 3-8 สร้างภาพเคลือนไหว 12
ภาพที 3-9 ตัวอย่างการสร้างภาพเคลือนไหว 12
ภาพที 3-10 เผยแพร่โดยแผ่นซีดี 13
ภาพที 3-11 เผยแพร่โดยการอัปโหลดทาง YouTube 13
ภาพที 4-1 ฉากโลโก้ก่อนเข้ารายการ 14
ภาพที 4-2 ฉากนำเสนอชือเรือง 15
ภาพที 4-3 ฉากภาพสวนสาธารณะ 15
ภาพที 4-4 ฉากเด็กหญิงเข้ามาในสวนสาธารณะ 16
ภาพที 4-5 ฉากเด็กหญิงซื(อลูกโป่งในสวนสาธารณะด้วยรอยยิม( 16
ข

7. สารบัญภาพ(ต่อ)
ภาพที 4-6 ฉากลูกโป่งหลุดไปจากมือเด็กสาว 17
ภาพที 4-7 ฉากมือของเด็กหญิงเอื(อมมือ 17
ภาพที 4-8 ฉากเด็กหญิงซื(อลูกโป่งซื(อลูกโป่งครั(งที 2 18
ภาพที 4-9 ฉากเด็กหญิงถือลูกโป่ง 18
ภาพที 4-10 ฉากเด็กหญิงถือลูกโป่งเดินชนกับต้นไม้ 19
ภาพที 4-11 ฉากสายลูกโป่งซึงไร้ลูกโป่ง 19
ภาพที 4-12 ฉากเด็กหญิงร้องไห้ 20
ภาพที 4-13 ฉากเด็กหญิงร้องไห้ 20
ภาพที 4-14 ฉากเด็กหญิงถือลูกโป่งอย่าง 21
ภาพที 4-15 ฉากลูกโป่งแฟบ 21
ภาพที 4-16 ฉากเด็กหญิงยิ(ม 22
ภาพที 4-17 ฉากคนขายลูกโป่งยิ(ม 22
ภาพที 4-18 ฉากสรุปใจความเรืองทั(งหมด 23
ภาพที 4-19 ฉาก The End 23
ภาพที 4-20 ฉากชือผู้จัดทำ 24
ข

8. บทที
บทนำ
. ความเป็นมาและความสำคัญของโปรแกรม
โปรแกรม Flash เริมมีชือเสียงประมาณปี พ.ศ. UXV จนถึง ปัจจุบันได้ถูกนำมาใช้งานอย่าง
แพร่หลาย โดยเฉพาะเทคโนโลยีเว็บ ทำให้การนำเสนอทำได้อย่างน่าสนใจ นอกจากนั(น โปรแกรม
Flash ยังสามารถสร้างแอพพลิเคชัน (Application) เพือใช้ทำงานต่างๆ รองรับการใช้งานกับอุปกรณ์
ที เชือมต่อกับระบบเครือข่ายอินเตอร์เน็ต และทำงานได้กับหลายๆ แฟลตฟอร์ม (Platform)
โปรแกรม Flash เป็นซอฟต์แวร์ทีช่วยในการสร้างสือมัลติมีเดีย, ภาพเคลือนไหว
(Animation), ภาพกราฟิกทีมีความคมชัด เนืองจากเป็นกราฟิกแบบเวคเตอร์(Vector), สามารถเล่น
เสียงและวีดิโอ แบบสเตริโอได้, สามารถสร้างงานให้โต้ตอบกับผู้ใช้(Interactive Multimedia) มี
ฟังก์ชันสำหรับการเขียนโปรแกรม (Action Script) และยังทำงานในลักษณะ CGI โดยเชือมต่อกับ
การเขียนโปรแกรมภาษาอืนๆ ได้มากมาย
ผู้จัดทำจึงได้มีแนวความคิดว่า การนำเสนอข้อมูลด้วยมัลติมีเดีย มีความน่าสนใจ สามารถ
ดึงดูดผู้ชม ให้ชมผลงานตั(งแต่ต้นจนจบ ดังนั(นจึงจัดทำมัลติมีเดียเพือการนำเสนอ เรืองเด็กหญิงกับ
ลูกโป่ง ซึงวัตถุประสงค์เพือให้ข้อคิดในการใช้ชีวิต

9. 2
1.2 วัตถุประสงค์
1.2.1 เพือมีความรู้ในการใช้โปรแกรมในการออกแบบคอมพิวเตอร์กราฟิกแอนิเมชัน
1.2.2 เพือมีความรู้ในการวางแผนและสร้างสตอรีบอร์ด
1.2.3 เพือมีความรู้ในการสร้างภาพเคลือนไหวทั*งภาพทีเป็น 2 มิติและ 3 มิติ
1.3 ขอบเขต
เป็นมัลติมีเดียเพือการนำเสนอ เกียวกับนิทาน คติสอนใจ ซึงเรืองราว เป็นเรืองราวที
เปรียบเทียบชีวิตคนกับลูกโป่ง ลูกโป่งแต่ละใบสอนเรืองความรักในชีวิตประจำวัน เปรียบเสมือน
ถ้ามีคนคนหนึงเข้ามาในชีวิตของเรา เราก็ควรทีจะรักษาเขาไว้ให้ดี ไม่ควรปล่อยปะละเลยจนเกินไป
ชีวิตของเรามีทั*งสมหวังและผิดหวัง ไม่มีใครในโลกนี*ทีสมบูรณ์ทีสุด ไม่มีใครทีไม่เคยผิดหวังใน
ชีวิต ดังลูกโป่งสามลูก
7.8.7 เครืองมือทีใช้
7.8.7.7 โปรแกรม Flash Professional CS6
1.3.1.2 โปรแกรม Format factory
1.3.1.3 โปรแกรม Free SWF to AVI Converter
1.3.1.4 โปรแกรม Windows live movie maker
1.4 สถานทีดำเนินการ
วิทยาลัยเทคนิคจันทบุรี 44/3 จันทคามวิถี ต.ตลาด อ.เมือง จ.จันทบุรี 22000
1.5 ระยะเวลาดำเนินการ
ตั*งแต่ 7 สิงหาคม ถึง 5 กันยายน 2557
1.6 ประโยชน์ทีคาดว่าจะได้รับ
1.6.1 ได้ความรู้ในการใช้โปรแกรมในการออกแบบคอมพิวเตอร์กราฟิกแอนิเมชัน
1.6.2 ได้มีความรู้ในการวางแผนและสร้างสตอรีบอร์ด
7.Y.8 มีความรู้ในการสร้างภาพเคลือนไหวทั*งภาพทีเป็น Z มิติและ 8 มิติ

10. 3
บทที 2
เอกสารและงานวิจัยทีเกียวข้อง
การจัดทำสตอรรีบอร์ด การเริมเรือง การวางแผน ผู้จัดทำควรทีจะค้นคว้าหาความรู้มาก่อน
ก่อนทีจะมาเขียนสตอรีบอร์ด ผู้จัดทำต้องคำนึงถึงการวางโครงเรืองอย่างไรให้ผู้ดูเข้าใจและนำไป
เป็นข้อคิดในชีวิต และนำไปเผยแพร่ได้อย่างเข้าใจและรู้ซึ*ง การเขียนสตอรรีบอร์ดมีดังนี*
2.1 หลักการเขียนสตอรีบอร์ด
2.2 สิงสำคัญทีอยู่ในสตอรีบอร์ด
2.3 ออกแบบตัวละคร
2.4 ส่วนประกอบต่างๆของ Storyboard
2.5 ความหายของมัลติมีเดีย
2.6 ความหมายของแอนิเมชัน
2.1 หลักการเขียนสตอรีบอร์ด
รูปแบบของสตอรีบอร์ด จะประกอบไปด้วย 2 ส่วนคือ ส่วนเสียงกับส่วนภาพ โดยปกติการ
เขียนสตอรีบอร์ด 24 เฟรม คือภาพ 24 ภาพ เมือถ่ายทำเป็นภาพยนตร์ใช้เวลา 1 นาที ถ้าเป็น
ภาพยนตร์โฆษณา ในเวลา 30 วินาที ต้องเขียน 12 เฟรม การเขียนบทบรรยายจะเป็นส่วนสนับสนุน
การนำเสนอภาพ มิใช่การนำเสนอบทบรรยายนั*น ความยาวของคำบรรยายมีหลักการในการจัดที
3 ประการคือ
2.1.1 ต้องเหมาะสมกับลักษณะของผู้ชม
2.1.2 ต้องมีความยาวพอทีจะครอบคลุมวัตถุประสงค์ทีกำหนด
2.1.3 ต้องให้ส*ันทีสุดเท่าทีจะทำได้
สำหรับรายการทีใช้การบรรยายแบบ “Voice Over” ควรมีภาพของผู้บรรยายปรากฏขึ*นในตอนเริม
รายการก่อน จะทำให้รายการดูเป็นกันเองมากขึ*น และถ้ารายการยาวมาก ควรให้ผู้บรรยายมากกว่า
1 คน จะทำให้ลดความเบือหน่ายจำเจของรายการลงได้ เสียงบรรยายไม่จำเป็นต้องมีอยู่ตลอด ควร
ทิ*งช่วงโดยใช้ดนตรีและเสียงอืนประกอบด้วย

11. 4
2.2 สิงสำคัญทอียู่ในสตอรีบอร์ด ประกอบด้วย
2.2.1Subject หรือ Character ไม่ว่าจะเป็นคน สัตว์ สิงของ สถานทีหรือตัวการ์ตูน
และทีสำคัญคือ พวกเขากำลังเคลือนไหวอย่างไร
2.2.2กล้อง ทั*งในเรืองของขนาดภาพ มุมภาพและการเคลือนกล้อง
2.2.3เสียง การพูดกันระหว่างตัวละคร มีเสียงประกอบหรือเสียงดนตรีอย่างไร
2.3 การออกแบบตัวละคร
การออกแบบตัวละครเป็นขั*นตอนของสร้างตัวละครขึ*นมาตามเนื*อเรืองทีเราสร้างขึ*น โดย
ตัวละครใดๆก็ตาม ถ้าระบายสีดำลงไปในตัวละครนั*นทั*งตัวซึงจะทำให้มองเห็นแต่โครงร่างเท่านั*น
หากตัวละครตัวนั*นดูโดดเด่นและมีบุคลิกทีสามารถจดจำได้ง่าย นันละทีเรียกว่าตัวละครทีดี
นอกจากนี*ยังมีสิงทีเราต้องคำนึงถึงอีกมากมายเช่นความสวยงาม และสิงหนึงทีทำเมือลงมือ
ออกแบบสามหนูกับหนึงแมวแดงใหญ่คือ เรียบง่าย และมีบุคลิกภาพเฉพาะทีเป็นตัว นันเป็นเพราะ
เชือว่ามันจะช่วยทำให้ขั*นตอนการลงมือวาดจริงนั*นจะดำเนินไปได้อย่างราบรืน ซึงก็เป็นเช่นนั*น
จริงๆ และสำหรับภาพประกอบด้านบนคือสามหนูกับหนึงแมวแดงใหญ่ในร่างแรกก่อนทีจะพัฒนา
ขัดเกลาแบบจนได้ตัวจริง
2.4 ส่วนประกอบต่างๆของstoryboard มีดังนี9
2.4.1 Title คือชือเรือง
2.4.2 ภาพแสดงการเคลือนไหวในฉากๆนั*น (อยู่ภายในกรอบสีเหลียม)
2.4.3 Description คำอธิบายเกียวกันฉากนั*น
2.4.4 Scene ชือฉาก
2.4.5 Timing เวลาในการแสดงฉากนั*น
2.4.6 Sound FX เสียงประกอบ
2.4.7 Music BG ดนตรีประกอบ

12. 5
2.5 ความหมายของมัลติมีเดีย
“มัลติมีเดีย”(Multimedia) มักจะมีความหมายทีค่อนข้างกว้างไกล ทั*งนี*ขึ*นอยู่กับมุมมอง
ของผู้ทีจะนำมัลติมีเดียไปใช้งานตามความต้องการ ในมุมมองของนักการศึกษา อาจหมายถึง การ
นำสือหลากหลายประเภทมาใช้จัดทำเป็นสือการเรียนการสอน มุมมองของผู้เยียมชมอาจหมายถึง
การนำเสนอสิงทีน่าสนใจทีทำให้เข้าใจได้ง่ายข*ึน แต่ในมุมมองของคนทำงานด้านผลิตสืออาจหมายถึง
การโต้ตอบและการปฎิสัมพันธ์กันระหว่างคนกับคอมพิวเตอร์ เป็นต้น อย่างไรก็ตาม ความหมายที
กล่าวว่ามาทั*งหมดนั*นเป็นเพียงแค่แนวความคิดในแต่ละมุมมองเท่านั*น
โดยทัวไปคนมักจะกล่าวถึงความหมายของคำว่า “มัลติมีเดีย” โดยมุ่งเน้นไปทีสือทีใช้งาน
บนเครืองคอมพิวเตอร์เพียงอย่างเดียวเท่านั*น แต่ในความเป็นจริง สือประเภทอืนๆ เช่น เครือง
โทรทัศน์และวิทยุก็จัดได้ว่าเป็นมัลติมีเดีย เช่นกัน แต่อย่างไรก็ตาม เครืองคอมพิวเตอร์ก็ยังจัดเป็น
อุปกรณ์ทีได้รับความนิยมทีใช้สำหรับการผลิตสือ การนำเสนอและการติดต่อสือสารมากทีสุด
เนืองจากมีขีดความสามารถและรองรับการทำงานได้หลากหลาย จึงทำให้คำจำกัดความของ
มัลติมีเดียมักจะมุ่งเน้นไปทีคอมพิวเตอร์เป็นส่วนใหญ่
สำหรับคำว่า “มัลติ” (Multi) หมายถึง หลายๆ อย่างผสมรวมกัน (ซึงมีศัพท์ทีใกล้เคียงกัน
เช่น Many,Much และ Multiple) ส่วนคำว่า “มีเดีย” (Media) หมายถึง สือ ข่าวสาร ช่องทางการ
ติดต่อสือสาร เมือนำมารวมกันเป็นคำว่า “มัลติมีเดีย” จึงหมายถึง “การนำองค์ประกอบของสือชนิด
ต่างๆ มาผสมผสานเข้าด้วยกัน ซึงประกอบด้วย ตัวอักษร (Text) ภาพนิง (Still Image)
ภาพเคลือนไหวหรือแอนิเมชัน (Animation) เสียง (Sound) และวิดีโอ (Video) โดยผ่านกระบวนการ
ทางระบบคอมพิวเตอร์เพือสือความหมายกับผู้ใช้อย่างมีปฏิสัมพันธ์ (Interactive Multimedia) และ
ได้บรรลุผลตามวัตถุประสงค์การใช้งาน
2.6 ความหมายของแอนิเมชัน
คำว่า แอนิเมชัน (animation) รวมทั*งคำว่า animate และ animator มาจากรากศัพท์ ละติน
animare ซึงมีความหมายว่าทำให้มีชีวิต ภาพยนตร์แอนิเมชันจึงหมายถึงการสร้างสรรค์ลายเส้น
และรูปทรงทีไม่มีชีวิต ให้เคลือนไหวเกิดมีชีวิตขึ*นมาได้
แอนิเมชัน (Animation) การสร้างภาพเคลือนไหว ด้วยการนำภาพนิงมาเรียงลำดับกัน
และแสดงผลอย่างต่อเนืองทำให้ดวงตาเห็นภาพทีมีการเคลือนไหวในลักษณะภาพติดตา
(Persistence of Vision) เมือตามนุษย์มองเห็นภาพทีฉาย อย่างต่อ

13. 6
แอนิเมชัน (Animation) หมายถึง กระบวนการทีเฟรมแต่ละเฟรมของภาพยนตร์ ถูกผลิตขึ*น
ต่างหากจาก กันทีละเฟรม แล้วนำมาร้อยเรียงเข้าด้วยกัน โดยการฉายต่อเนืองกัน ไม่ว่าจากวิธีการ
ใช้คอมพิวเตอร์กราฟิก ถ่ายภาพรูปวาด หรือ หรือรูปถ่ายแต่ละขณะของหุ่นจำลองทีค่อย ๆ ขยับเมือ
นำภาพดังกล่าวมาฉาย ด้วยความเร็ว ตั*งแต่ 7Y เฟรมต่อวินาที ขึ*นไป เราจะเห็นเหมือนว่าภาพ
ดังกล่าวเคลือนไหวได้ต่อเนืองกัน ทั*งนี*เนืองจาก การเห็นภาพติดตาในทางคอมพิวเตอร์ การจัดเก็บ
ภาพ แบบอนิเมชันทีใช้กันอย่างแพร่หลายในอินเทอร์เน็ต ได้แก่เก็บในรูปแบบ GIF MNG SVG
และ แฟลช

14. 7
บทที 3
วิธีการดำเนินงาน
การจัดทำภาพเคลือนไหวหรือมูฟวอีาจมีหลายขั*นตอน ขึ*นอยู่กับความซับซ้อนของชิ*นงาน
ผู้จัดทำควรมองการสร้างมูฟวเีป็นการสร้าง หรือนำองค์ประกอบต่างๆ เข้ามารวมกัน แล้วกำกับให้
เกิดการเคลือนไหวและตอบโต้กับผู้ใช้ จากนั*นนำไปเผยแพร่ในทีสุด โดยมีขั*นตอนการทำงานดังนี*
3.1 การศึกษาและการรวบรวมข้อมูลต่างๆ
8.Z วางโครงเรืองชิ*นงาน
8.8 การจัดเตรียมองค์ประกอบ
3.4 จัดทำองค์ประกอบ
8.x นำเผยแพร่
3.1 การศึกษาและการรวบรวมข้อมูลต่าง ๆ
ผู้จัดทำโครงงานได้ออกแบบเรืองโดยเริมจากการศึกษาและค้นคว้าข้อมูลจากอินเตอร์เน็ต
พร้อมทั*งรวบรวมข้อมูลต่าง ๆ รูปต่าง ๆ และจัดทำสตอรีบอร์ดเพือกำหนดเนื*อหาในแต่ละฉาก
จากนั*นเริมสร้างชิ*นงานโปรแกรม Flash โดยสร้างชิ*นงานตามสตอรีบอร์ดทีได้ร่างขึ*นตั*งแต่ต้น
ผู้จัดทำได้ทำการศึกษาและรวบรวมข้อมูล ทีใช้ในการสร้างเรืองดังต่อไปนี*
3.1.1 ความรู้ในการสร้างสตอรีบอร์ด
3.1.2 ความรู้ในการใช้โปรแกรม Flash Professional CS6
3.1.2 ความรู้ในการใช้การสร้างภาพเคลือนไหวในโปรแกรม Flash Professional CS6
3.1.3 ความรู้ในการตัดต่อนิทานให้เป็นเรืองเดียวกัน
3.1.4 ความรู้ในการตกแต่งให้สมบูรณ์แบบทีสุด
3.1.5 ความรู้และเข้าใจในการสร้างสรรค์นิทานออกมาให้ผู้ชมดู
3.1.6 คำติชมของผู้รับชม

15. 8
3.2 วางโครงเรืองชิ9นงาน
เป็นการวางแผนว่าต้องการให้ชิ*นงานออกมาแนวไหน มีวัตถุประสงค์การทำงานเป็น
อย่างไร ซึงสิงทีคิดได้มักถูกรวบรวมเป็นผังโครงร่างอย่างคร่าวๆ ทีเรียกว่า “สตอรีบอร์ด
(Storyboard) ”
ภาพที 8-7 สตอรีบอร์ดเรืองเด็กหญิงกับลูกโป่ง

16. 9
3.3 การจัดเตรียมองค์ประกอบ
เป็นขั*นตอนต่อจากการวางผังโคร่งร่าง ซึงผู้จัดทำต้องกำหนดว่าเราจะต้องเตรียมอะไรบ้าง
เพือนำมาประกอบเป็นชิ*นงาน ผู้จัดทำได้วาดภาพกราฟิกโดยใช้โปรแกรม Flash
ภาพที 3-2 การสร้างภาพจากโปรแกรม Flash
ภาพที 3-3 การสร้างภาพจากโปรแกรม Flash

17. 10
ภาพที 3-4 การสร้างภาพเคลือนไหวจากFlash
ภาพที 3-5 การแปลงไฟล์ SWF เป็น AVI

18. 11
ภาพที 3-6 การแปลงไฟล์เสียงโดยโปรแกรมFormat Factory
ภาพที 3-7 การตัดต่อไฟล์ให้เป็นเรืองเดียวกันโดยโปรแกรม Windows live movie maker

19. 12
3.4 การสร้างงานและการสร้างงานและทดสอบการทำงาน
การสร้างภาพการ์ตูนหรือภาพกราฟิกใน Flash CS6 และการทำภาพเคลือนไหว
ภาพที 3-8 สร้างภาพเคลือนไหว
ภาพที 3-9 ตัวอย่างการสร้างภาพเคลือนไหว

20. 13
3.5 นำเผยแพร่
ขั*นตอนสุดท้ายของการสร้างชิ*นเสร็จสมบูรณ์เป็นไฟล์มูฟวหีรือไฟล์ในรูปแบบทีต้องการ
เพือนำไปเผยแพร่ต่อไป
ภาพที 3-10 เผยแพร่โดยแผ่นซีดี
ภาพที 3-11 เผยแพร่โดยการอัปโหลดทาง YouTube

21. 14
บทที 4
ผลการดำเนินงาน
โครงงานเล่มนี*จัดขึ*นเพือเป็นแนวทางในการศึกษาและเพมิศักยภาพด้านการเรียน การสอน
ของวิชามัลติมีเดีย เพือการนำเสนอ ช่วยให้นักเรียน นักศึกษามีความรู้เพิมเติมในการสร้างงานใน
โปรแกรม Flash มีความรู้เพิมเติมในการเขียนสตอรรีบอร์ด การสร้างการ์ตูนในโปรแกรม Flash
การสร้างภาพเคลือนไหว และช่วยให้ผู้จัดทำมีความรู้และความเข้าใจมากยิงขึ*น
4.1 ก่อนเข้ารายการ
ภาพที 4-1 ฉากโลโก้ก่อนเข้ารายการ
ภาพที }-7 ฉากโลโก้ก่อนเข้ารายการเป็นฉากทีแจ้งให้ผู้ชมรับทราบว่าสามารถดูได้ทุกเพศ
ทุกวัย

22. 15
4.2 ชือเรือง
ภาพที 4 -2 ฉากนำเสนอชือเรือง
ภาพที 4-2 ฉากนำเสนอชือเรืองเป็นฉากทีบอกชือเรือง และเป็นการบ่งบอกถึงนิทานกำลัง
จะเริมต้นขึ*นถัดจากภาพนี*
4.3 ฉากที 1
ภาพที 4-3 ฉากภาพสวนสาธารณะ
ภาพที 4-3 ฉากภาพสวนสาธารณะเป็นฉากเริมเรือง เรืองราวกำลังจะดำเนินขึ*นเมือพ้นฉาก
สวนสาธารณะนี*

23. 16
4.4 ฉากที 2
ภาพที 4-4 ฉากเด็กหญิงเข้ามาในสวนสาธารณะ
ภาพที 4-4 ฉากเด็กหญิงเข้ามาในสวนสาธารณะทีสงบเงียบและมีคนขายลูกโป่งทีขาย
ลูกโป่งให้เด็กๆ อยู่
4.5 ฉากที 3
ภาพที 4-5 ฉากเด็กหญิงซื*อลูกโป่งในสวนสาธารณะ
ภาพที 4-5 ฉากเด็กหญิงซื*อลูกโป่งในสวนสาธารณะเป็นฉากเด็กหญิงเดินตรงเข้าไปหา
คนขายลูกโป่งเพือซื*อลูกโป่ง 1 ใบ

24. 17
4.6 ฉากที 4
ภาพที 4-6 ฉากลูกโป่งหลุดไปจากมือของเด็กสาว
ภาพที 4-6 ฉากลูกโป่งหลุดไปจากมือของเด็กสาวเป็นฉากเด็กหญิงเดินจากคนขายลูกโป่ง
เรือยๆ แต่แล้วลูกโป่งก็หลุดออกจากมือของเธอ
4.7 ฉากที 5
ภาพที 4-7 ฉากมือของเด็กหญิงเอื*อมมือ
ภาพที 4-7 ฉากมือของเด็กหญิงเอื*อมมือเป็นฉากทีลูกโป่งกำลังลอยอกไปจากมือเด็กหญิง
และเด็กหญิงก็พยายามทีจะเอื*อมมือไปจับ แต่ก็สายเกินไป

25. 18
4.8 ฉากที 6
ภาพที 4-8 ฉากเด็กหญิงซื*อลูกโป่งครั*งที 2
ภาพที 4-8 ฉากเด็กหญิงซื*อลูกโป่งครั*งที 2 เป็นฉากทีเด็กหญิงเสียใจจึงเดินกลับไปซื*อ
ลูกโป่งอีก 1 ใบ
4.9 ฉากที 7
ภาพที 4-9 ฉากเด็กหญิงถือลูกโป่ง
ภาพที 4-9 ฉากเด็กหญิงถือลูกโป่งเป็นฉากเด็กหญิงมัดเชือกเข้าทีข้อมือตัวเองเพือไม่ให้
ลูกโป่งหลุดไปไหนได้

26. 19
4.10 ฉากที 8
ภาพที 4-10 ฉากเด็กหญิงถือลูกโป่งเดินชนกับกิงไม้
ภาพที 4-10 ฉากเด็กหญิงถือลูกโป่งเดินชนกับกิงไม้เป็นฉากเด็กหญิงเดินมาเรือยๆ จนมาถึง
ต้นไม้ต้นหนึง แล่แล้วลูกโป่งของเธอก็ไปเกียวเข้ากับต้นไม้
4.11 ฉากที 9
ภาพที 4-11 ฉากสายลูกโป่งซึงไร้ลูกโป่ง
ภาพที 4-11 ฉากสายลูกโป่งซึงไรลูกโป่งเป็นฉากลูกโป่งโดนเกียวแฟบไปกับมือของ
เด็กหญิง

27. 20
4.12 ฉากที 10
ภาพที 4-12 ฉากเด็กหญิงร้องไห้
ภาพที 4-12 ฉากเด็กหญิงร้องไห้เป็นฉากทีเด็กหญิงนึกเสียใจกับลูกโป่ง มีเพียงเสียงสะอื*น
ของเด็กหญิง
4.13 ฉากที 11
ภาพที 4-13 ฉากเด็กหญิงร้องไห้
ภาพที 4-13 ฉากเด็กหญิงร้องไห้เป็นฉากทีเด็กหญิงร้องไห้สักพักก็มีมือมาจับบนหัวของ
เธอพร้อมส่งลูกโป่งให้อีก 1 ใบ

28. 21
4.14 ฉากที 12
ภาพที 4-14 ฉากเด็กหญิงวิงถือลูกโป่ง
ภาพที 4-14 ฉากเด็กหญิงวิงถือลูกโป่งเป็นฉากเด็กหญิงได้ลูกโป่งมาแล้ว เธอก็เดินไป
เรือยๆ พร้อมรอยยิ*มทีมีความสุขมากล้น
4.15 ฉากที 13
ภาพที 4-15 ฉากลูกโป่งแฟบ
ภาพที 4-15 ฉากลูกโป่งแฟบเป็นฉากลูกโป่งทีค่อยๆ แฟบลงอย่างช้าๆ ในมือของเด็กหญิง

29. 22
4.16 ฉากที 14
ภาพที 4-16 ฉากเด็กหญิงยิ*ม
ภาพที 4-16 ฉากเด็กหญิงยิ*มเป็นฉากเด็กหญิงยิ*มร่าเริงเดินไปเดินมาอย่างมีความสุข
4.17 ฉากที 15
ภาพที 4-17 ฉากคนขายลูกโป่งยิ*ม
ภาพที 4-17 ฉากคนขายลูกโป่งยิ*มเป็นฉากคนขายลูกโป่งยิ*มอย่างมีความสุขทีเห็นเด็กน้อย
มีความสุข

30. 23
4.18 ฉากสรุป
ภาพที 4-18 ฉากสรุปใจความเรืองทั*งหมด
ภาพที 4-18 ฉากสรุปใจความเรืองทั*งหมดเป็นฉากทีสรุปเนื*อหาในนิทานเรืองนี* เป็นเรือง
ของลูกโป่งทีผู้ชมบางท่านอาจจะไม่คิดว่ามันมีความหมาย แต่มันมีความหมายอยู่ข้างใน
4.19 ฉากจบ
ภาพที 4-19 ฉาก The End
ภาพที 4-19 ฉาก The End เป็นฉากทีแจ้งให้ผู้ชมทราบว่าเรืองได้จบลงแล้ว

31. 24
4.20 ฉากชือผู้จัดทำ
ภาพที 4-20 ฉากชือผู้จัดทำ
ภาพที 4-20 ฉากชือผู้จัดทำ เป็นฉากทีแจ้งให้ผู้ชมทราบถึงชือผู้จัดทำ นำเสนออาจารย์ท่านใด
และบ่งบอกให้ผู้ทราบว่าจบเรืองแล้ว

32. 25
บทที F
ผลการศึกษา
5.1 สรุปผลการศึกษา
การจากการศึกษาการทำนิทานสอนใจโดยใช้โปรแกรมflash ในการทำโครงงานครั*งนี* ทำ
ให้ได้รู้จักวิธีการทำและได้ศึกษารายละเอียดในการทำโครงงาน เพือสร้างผลงานคอมพิวเตอร์ เพือ
เป็นสือการเรียนการสอน ในวิชาต่างๆ และเป็นนิทานสำหรับสังสอนให้ข้อคิดกับผู้ดูได้เป็นอย่างดี
โดยประยุกต์เข้ากับโครงงานคอมพิวเตอร์
ผู้จัดทำได้ศึกษาการใช้โปรแกรมflash และได้นำมาประยุกต์ใช้กับโครงงานคอมพิวเตอร์
ในรูปแบบของนิทานสอนใจและโครงงานชิ*นนี*สามารถนำมาใช้ในการเป็นสือการสอนและเป็น
นิทานเพือความเพลินเพลินของเด็กๆและบุคคลทุกเพศทุกวัย
5.2 ปัญหาและอุปสรรคในการทำงาน
5.2.1 การวาดภาพและการออกแบบการเคลือนไหวในโปรแกรม Flash Professional CS6
5.2.2 การอัดเสียงอย่างไรให้เงียบและตัดสียงอย่างไรให้ดูดีทีสุด
5.2.3 การติดตั*งโปรแกรมการเปลียนไฟล์จาก SWF เป็น AVI
5.2.4 กาตัดต่องานอย่างไรให้ภาพและเสียงตรงกัน
5.2.5 การสร้างชิ*นงานอย่างไรให้ออกมาดีทีสุดและนำเสนอออกมาได้อย่างไม่ต้องแก้งาน
ให้เสียระยะเวลาการทำงาน
5.3 การแก้ไขปัญหาในการทำงาน
5.3.1 ให้คนทีงานแล้วออกมาดีทีสุดในกลุ่มเป็นผู้ทำ
5.3.2 หามุมทีเงียบทีเงียบทีสุดและไม่ก้องต่อการอัดเสียง
5.3.3 ให้พีทีอยู่แผนกเดียวกันติดตั*งโปรแกรมเปลียนไฟล์ให้เพราะติดตั*งเองโปรแกรมมี
ปัญหายุ่งยากในการดาวน์โหลดโปรแกรมอาจจะทำให้เครืองเออเร่อได้จึงให้พีช่วย
5.3.4 ด้วยความทีภาพกับเสียงไม่ตรงกันเราจึงต้องต้องเลือกแก้อย่างไรอย่างหนึงและสิงที
เราเลือกทีจะแก้คือไฟล์เสียง เราได้นำไฟล์เสียงไปตัดเสสียงออกเป็นเสียงย่อยออกมาแล้ว

33. 26
นำออกมาใส่ในโปรแกรมตัดต่องานทำให้เราต้องใช้เวลาในการตัดต่อหลายชัวโมงเพราะไฟล์เสียง
มีปัญหากับภาพทีมีระยะเวลาในการเคลือนไหวไม่นาน
5.3.5 เนืองด้วยชิ*นงานเรืองได้วางโครงเรืองเป็นอย่างดีแต่ด้วยระยะเวลาอาจจะเพียงพอแต่
ผู้จัดทำมีเวลาว่างไม่เพียงพอต่อการทำงานจึงต้องปรับเปลียนการใส่เอฟเฟคใหม่เป็นบางฉากหรือ
แทบจะทุกฉากเลยก็ว่าได้เพราะนิทานเรืองนี*ภาพทีวางโครงเรืองมามีอยู่น้อยเวลาตัดต่อจึงลำบาก
และเสียงทีอัดมามีความยาวเกินกว่าภาพ เราจึงต้องแก้ไขปัญหาเฉพาะหน้าแล้วเราก็สามารถทำได้
งานออกมาไม่ดีเท่าไหร่แต่ก็ถือว่าใช้ได้ระดับหนึง
5.4 ข้อเสนอแนะ
ในการทำโครงงานเล่มอาจจะมีข้อผิดพลาดและการใช้ศัพท์ทีไม่เหมาะไม่ควรก็อภัยไว้
ณ ทีนี* แต่โครงงานเล่มนี*ก็พอทีจะเป็นต้นแบบต้นเรืองในการนำไปศึกษาต่อได้ บางเรืองบางตอน
อาจจะผิดพลาดไปบ้างแต่ผู้จัดทำได้ใช้ความสามารถทำให้ออกมาดีทีสุด

34. 27
เอกสารอ้างอิง
เว็บความหมายของมัลติมีเดีย
http://www.facebook.com/l.php?u=http%8A%ZF%ZFwww}.srp.ac.th%ZF~kitima%ZFle
sson%ZFanimation%ZFUnit7_Multimedia%ZFstandard%ZFm†Z.htmlh=-AQFUrBdv
เว็บความหมายแอนิเมชันและการสร้างแอนิเมชัน
http://www.facebook.com/l.php?u=http%8A%ZF%ZFwanlovea.blogspot.com%ZFZ†7Z%
ZF†‰%ZFŠ.htmlh=-AQFUrBdv
เว็บความของสตอรีบอร์ดและการสร้างสตอรีบอร์ด
1.http://kruuthit.wordpress.com/Z†78/†Z/†‰/%E†%B‹%‹7%E†%B‹%BZ%E†%B‹%A8
%E†%B‰%‹†%E†%B‹%‹Z%E†%B‹%Bx%E†%B‹%AZ%E†%B‹%‰‰-story-board/
2.http://www.informatics.buu.ac.th/~prajaks/web/sites/default/files/users/user7/chapter_8
storyboard.pdf
3.http://Z†Z.Z‰.7x.8Š/na/chapterY.pdf

35. 28
ประวัติผู้จัดทำ
ประวัติส่วนตัว
ชือ นางสาวเจนจิรา บุตรดาสิม
ชือโครงงาน การจัดทำมัลติมีเดียเพือการนำเสนอเรือง เด็กหญิงกับลูกโป่ง
วันเดือนปีเกิด วันที 24 ตุลาคม 2541
อยู่บ้านเลขที 93/4 ม.10 ต.ท่าช้าง อ.เมือง จ.จันทบุรี 22000
ประวัติการศึกษา
ระดับชั0นมัธยมศึกษาปีที 1 ศึกษาที โรงเรียนเบญจมานุสรณ์
ระดับชั0นมัธยมศึกษาปีที 3 ศึกษาที โรงเรียนเบญจมานุสรณ์
ปัจจุบันศึกษา ณ วิทยาลัยเทคนิคจันทบุรี ปวช.2/1 เลขที 3

36. 29
ประวัติผู้จัดทำ
ประวัติส่วนตัว
ชือ นางสาวเจนจิรา จันทร์โป้
ชือโครงงาน การจัดทำมัลติมีเดียเพือการนำเสนอเรือง เด็กหญิงกับลูกโป่ง
วันเดือนปีเกิด วันที 14 มกราคม 2541
อยู่บ้านเลขที 103/91 หมู่บ้านเพมิทรัพย์ ต.ท่าช้าง อ.เมือง จ. จันทบุรี 22000
ประวัติการศึกษา
ระดับชั0นมัธยมศึกษาปีที 1 ศึกษาที โรงเรียนอำนวยวิทย์พัฒน์
ระดับชั0นมัธยมศึกษาปีที 3 ศึกษาที โรงเรียนอำนวยวิทย์พัฒน์
ปัจจุบันศึกษา ณ วิทยาลัยเทคนิคจันทบุรี ปวช.2/1 เลขที 4

37. 30
ประวัติผู้จัดทำ
ประวัติส่วนตัว
ชือ นางสาว บุณยานุช ไวการ
ชือโครงงาน การจัดทำมัลติมีเดียเพือการนำเสนอเรือง เด็กหญิงกับลูกโป่ง
วันเดือนปีเกิด วันที 4 กันยายน 2540
อยู่บ้านเลขที 137 ม.9 ต.จันทนิมิต อ.เมือง จ.จันทบุรี
ประวัติการศึกษา
ระดับชั0นมัธยมศึกษาปีที 1 ศึกษาที โรงเรียนวัดจันทนาราม(ศรีรองเมืองอุทิศ)
ระดับชั0นมัธยมศึกษาปีที 3 ศึกษาที โรงงานวัดจันทนาราม(ศรีรองเมืองอุทิศ)
ปัจจุบันศึกษา ณ วิทยาลัยเทคนิคจันทบุรี ปวช.2/1 เลขที 12

38. ภาคผนวก