ตัวอย่างเล่ม

การจดทามลตมเดยเพ�อการนาเสนอเร�อง เดกหญงกบลกโปง

นางสาวเจนจรา บตรดาสม

นางสาวเจนจรา จนทรโป

นางสาวบณยานช ไวการ

โครงการน� เปนสวนหน�งของวชา โปรแกรมมลตมเดยเพ�อการนาเสนอ รหสวชา 2204-2106

หลกสตรประกาศนยบตรวชาชพ แผนกคอมพวเตอรธรกจ

วทยาลยเทคนคจนทบร ปการศกษา 2557

ช�อผจดทา นางสาวเจนจรา บตรดาสม

นางสาวเจนจรา จนทรโป

นางสาวบณยานช ไวการ

ช�อเร�อง การจดทามลตมเดยเพ�อการนาเสนอเร�อง เดกหญงกบลกโปง

แผนกวชา คอมพวเตอรธรกจ

ท�ปรกษา นางพรญา ดนขนทด

ปการศกษา 2557

บทคดยอ

โครงงานโปรแกรมมลตมเดยเพ�อการนาเสนอมจดมงหมายเพ�อการศกษาและการ

ปฏบตการใชโปรแกรมในการออกแบบคอมพวเตอรกราฟกแอนเมช�นแตละประเภท การออกแบบ

ทาโมเดลล�งและสรางเทกเจอร การสรางภาพเคล�อนไหวท�งภาพ 2 มตและ 3 มต การนาเสนอขอมล

บนส�อตาง ๆ มการพฒนาข�นมาอยางรวดเรว สามารถนาเสนอไดท�งภาพเคล�อนไหวและเสยงพรอม

ๆ กนไดทนท แตตองอาศยเทคนคจากโปรแกรมมากมายท�มความยงยากและซบซอน ย�งกวาน�น

ผลงานท�สรางออกมายงมขนาดใหญอกดวย แตเรากพบทางออกของทกๆ ปญหาท�กลาวมาโดยการ

ใชงานท�เรยกวา “Flash”

ก

สารบญ

เร�อง หนา

บทคดยอ ก

สารบญภาพ ข

บทท� 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

สารบญ(ตอ)

3.3 จดเตรยมองคประกอบ 9

3.4 จดทาองคประกอบ 12

3.5 นาเผยแพร 13

บทท� 4 ผลการดาเนนงาน

�.� กอนเขารายการ 14

�.� ช�อเร�อง 15

�.� ฉากท� 1 15

�.� ฉากท� 2 16

�.� ฉากท� 3 16

�.� ฉากท� 4 17

�.� ฉากท� 5 17

�.� ฉากท� 6 18

�.� ฉากท� 7 18

�.�� ฉากท� 8 19

�.�� ฉากท� 9 19

�.�� ฉากท� 10 20

�.�� ฉากท� 11 20

�.�� ฉากท� 12 21

�.�� ฉากท� 13 21

�.�� ฉากท� 14 22

สารบญ(ตอ)

�.�� ฉากท� 15 22

�.�� ฉากสรป 23

�.�� ฉากจบ 23

�.�� ฉากผจดทา 24

บทท� 5 ผลการศกษา

5.1 ผลการศกษา 25

5.2 ปญหาและอปสรรคในการทางาน 25

5.3 การแกไขปญหาในการทางาน 25

5.4 ขอเสนอแนะ 26

เอกสารอางอง 27

ผจดทา 28

ภาคผนวก

สารบญภาพ

ภาพท� หนา

ภาพท� 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

ข

สารบญภาพ(ตอ)

ภาพท� 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

ข

บทท� �

บทนา

�.� ความเปนมาและความสาคญของโปรแกรม

โปรแกรม Flash เร�มมช�อเสยงประมาณป พ.ศ. �� จนถง ปจจบนไดถกนามาใชงานอยาง

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

Flash ยงสามารถสรางแอพพลเคช�น (Application) เพ�อใชทางานตางๆ รองรบการใชงานกบอปกรณ

ท� เช�อมตอกบระบบเครอขายอนเตอรเนต และทางานไดกบหลายๆ แฟลตฟอรม (Platform)

โปรแกรม Flash เปนซอฟตแวรท�ชวยในการสรางส�อมลตมเดย, ภาพเคล�อนไหว

(Animation), ภาพกราฟกท�มความคมชด เน�องจากเปนกราฟกแบบเวคเตอร(Vector), สามารถเลน

เสยงและวดโอ แบบสเตรโอได, สามารถสรางงานใหโตตอบกบผใช(Interactive Multimedia) ม

ฟงกช�นสาหรบการเขยนโปรแกรม (Action Script) และยงทางานในลกษณะ CGI โดยเช�อมตอกบ

การเขยนโปรแกรมภาษาอ�นๆ ไดมากมาย

ผจดทาจงไดมแนวความคดวา การนาเสนอขอมลดวยมลตมเดย มความนาสนใจ สามารถ

ดงดดผชม ใหชมผลงานต�งแตตนจนจบ ดงน�นจงจดทามลตมเดยเพ�อการนาเสนอ เร�องเดกหญงกบ

ลกโปง ซ� งวตถประสงคเพ�อใหขอคดในการใชชวต

2

1.2 วตถประสงค

1.2.1 เพ�อมความรในการใชโปรแกรมในการออกแบบคอมพวเตอรกราฟกแอนเมช�น

1.2.2 เพ�อมความรในการวางแผนและสรางสตอร�บอรด

1.2.3 เพ�อมความรในการสรางภาพเคล�อนไหวท�งภาพท�เปน 2 มตและ 3 มต

1.3 ขอบเขต

เปนมลตมเดยเพ�อการนาเสนอ เก�ยวกบนทาน คตสอนใจ ซ� งเร� องราว เปนเร� องราวท�

เปรยบเทยบชวตคนกบลกโปง ลกโปงแตละใบสอนเร�องความรกในชวตประจาวน เปรยบเสมอน

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

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

ชวต ดงลกโปงสามลก

�.�.� เคร�องมอท�ใช

�.�.�.� โปรแกรม 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 ไดมความรในการวางแผนและสรางสตอร�บอรด

�.�.� มความรในการสรางภาพเคล�อนไหวท�งภาพท�เปน � มตและ � มต

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 คน จะทาใหลดความเบ�อหนายจาเจของรายการลงได เสยงบรรยายไมจาเปนตองมอยตลอด ควร

ท�งชวงโดยใชดนตรและเสยงอ�นประกอบดวย

4

2.2 ส�งสาคญท�อยในสตอร�บอรด ประกอบดวย

2.2.1Subject หรอ Character ไมวาจะเปนคน สตว ส�งของ สถานท�หรอตวการตน

และท�สาคญคอ พวกเขากาลงเคล�อนไหวอยางไร

2.2.2กลอง ท�งในเร�องของขนาดภาพ มมภาพและการเคล�อนกลอง

2.2.3เสยง การพดกนระหวางตวละคร มเสยงประกอบหรอเสยงดนตรอยางไร

2.3 การออกแบบตวละคร

การออกแบบตวละครเปนข�นตอนของสรางตวละครข�นมาตามเน�อเร�องท�เราสรางข�น โดย

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

หากตวละครตวน� นดโดดเดนและมบคลกท�สามารถจดจาไดงาย น�นละท�เรยกวาตวละครท�ด

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

ออกแบบสามหนกบหน�งแมวแดงใหญคอ เรยบงาย และมบคลกภาพเฉพาะท�เปนตว น�นเปนเพราะ

เช�อวามนจะชวยทาใหข�นตอนการลงมอวาดจรงน�นจะดาเนนไปไดอยางราบร�น ซ� งกเปนเชนน�น

จรงๆ และสาหรบภาพประกอบดานบนคอสามหนกบหน�งแมวแดงใหญในรางแรกกอนท�จะพฒนา

ขดเกลาแบบจนไดตวจรง

2.4 สวนประกอบตางๆของstoryboard มดงน�

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 ดนตรประกอบ

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) เม�อตามนษยมองเหนภาพท�ฉาย อยางตอ

6

แอนเมช�น (Animation) หมายถง กระบวนการท�เฟรมแตละเฟรมของภาพยนตร ถกผลตข�น

ตางหากจาก กนทละเฟรม แลวนามารอยเรยงเขาดวยกน โดยการฉายตอเน�องกน ไมวาจากวธการ

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

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

ดงกลาวเคล�อนไหวไดตอเน�องกน ท�งน� เน�องจาก การเหนภาพตดตาในทางคอมพวเตอร การจดเกบ

ภาพ แบบอนเมช�นท�ใชกนอยางแพรหลายในอนเทอรเนต ไดแกเกบในรปแบบ GIF MNG SVG

และ แฟลช

7

บทท� 3

วธการดาเนนงาน

การจดทาภาพเคล�อนไหวหรอมฟว�อาจมหลายข�นตอน ข�นอยกบความซบซอนของช�นงาน

ผจดทาควรมองการสรางมฟว�เปนการสราง หรอนาองคประกอบตางๆ เขามารวมกน แลวกากบให

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

3.1 การศกษาและการรวบรวมขอมลตางๆ

�.� วางโครงเร�องช�นงาน

�.� การจดเตรยมองคประกอบ

3.4 จดทาองคประกอบ

�.� นาเผยแพร

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 คาตชมของผรบชม

8

3.2 วางโครงเร�องช�นงาน

เปนการวางแผนวาตองการใหช�นงานออกมาแนวไหน มวตถประสงคการทางานเปน

อยางไร ซ� งส�งท�คดไดมกถกรวบรวมเปนผงโครงรางอยางคราวๆ ท�เรยกวา “สตอร�บอรด

(Storyboard) ”

ภาพท� �-� สตอร�บอรดเร�องเดกหญงกบลกโปง

9

3.3 การจดเตรยมองคประกอบ

เปนข�นตอนตอจากการวางผงโครงราง ซ� งผจดทาตองกาหนดวาเราจะตองเตรยมอะไรบาง

เพ�อนามาประกอบเปนช�นงาน ผจดทาไดวาดภาพกราฟกโดยใชโปรแกรม Flash

ภาพท� 3-2 การสรางภาพจากโปรแกรม Flash

ภาพท� 3-3 การสรางภาพจากโปรแกรม Flash

10

ภาพท� 3-4 การสรางภาพเคล�อนไหวจากFlash

ภาพท� 3-5 การแปลงไฟล SWF เปน AVI

11

ภาพท� 3-6 การแปลงไฟลเสยงโดยโปรแกรมFormat Factory

ภาพท� 3-7 การตดตอไฟลใหเปนเร�องเดยวกนโดยโปรแกรม Windows live movie maker

12

3.4 การสรางงานและการสรางงานและทดสอบการทางาน

การสรางภาพการตนหรอภาพกราฟกใน Flash CS6 และการทาภาพเคล�อนไหว

ภาพท� 3-8 สรางภาพเคล�อนไหว

ภาพท� 3-9 ตวอยางการสรางภาพเคล�อนไหว

13

3.5 นาเผยแพร

ข�นตอนสดทายของการสรางช�นเสรจสมบรณเปนไฟลมฟว�หรอไฟลในรปแบบท�ตองการ

เพ�อนาไปเผยแพรตอไป

ภาพท� 3-10 เผยแพรโดยแผนซด

ภาพท� 3-11 เผยแพรโดยการอปโหลดทาง YouTube

14

บทท� 4

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

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

ของวชามลตมเดย เพ�อการนาเสนอ ชวยใหนกเรยน นกศกษามความรเพ�มเตมในการสรางงานใน

โปรแกรม Flash มความรเพ�มเตมในการเขยนสตอรร�บอรด การสรางการตนในโปรแกรม Flash

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

4.1 กอนเขารายการ

ภาพท� 4-1 ฉากโลโกกอนเขารายการ

ภาพท� �-� ฉากโลโกกอนเขารายการเปนฉากท�แจงใหผชมรบทราบวาสามารถดไดทกเพศ

ทกวย

15

4.2 ช�อเร�อง

ภาพท� 4 -2 ฉากนาเสนอช�อเร�อง

ภาพท� 4-2 ฉากนาเสนอช�อเร�องเปนฉากท�บอกช�อเร�อง และเปนการบงบอกถงนทานกาลง

จะเร�มตนข�นถดจากภาพน�

4.3 ฉากท� 1

ภาพท� 4-3 ฉากภาพสวนสาธารณะ

ภาพท� 4-3 ฉากภาพสวนสาธารณะเปนฉากเร�มเร�อง เร�องราวกาลงจะดาเนนข�นเม�อพนฉาก

สวนสาธารณะน�

16

4.4 ฉากท� 2

ภาพท� 4-4 ฉากเดกหญงเขามาในสวนสาธารณะ

ภาพท� 4-4 ฉากเดกหญงเขามาในสวนสาธารณะท�สงบเงยบและมคนขายลกโปงท�ขาย

ลกโปงใหเดกๆ อย

4.5 ฉากท� 3

ภาพท� 4-5 ฉากเดกหญงซ�อลกโปงในสวนสาธารณะ

ภาพท� 4-5 ฉากเดกหญงซ�อลกโปงในสวนสาธารณะเปนฉากเดกหญงเดนตรงเขาไปหา

คนขายลกโปงเพ�อซ�อลกโปง 1 ใบ

17

4.6 ฉากท� 4

ภาพท� 4-6 ฉากลกโปงหลดไปจากมอของเดกสาว

ภาพท� 4-6 ฉากลกโปงหลดไปจากมอของเดกสาวเปนฉากเดกหญงเดนจากคนขายลกโปง

เร�อยๆ แตแลวลกโปงกหลดออกจากมอของเธอ

4.7 ฉากท� 5

ภาพท� 4-7 ฉากมอของเดกหญงเอ�อมมอ

ภาพท� 4-7 ฉากมอของเดกหญงเอ�อมมอเปนฉากท�ลกโปงกาลงลอยอกไปจากมอเดกหญง

และเดกหญงกพยายามท�จะเอ�อมมอไปจบ แตกสายเกนไป

18

4.8 ฉากท� 6

ภาพท� 4-8 ฉากเดกหญงซ�อลกโปงคร� งท� 2

ภาพท� 4-8 ฉากเดกหญงซ�อลกโปงคร� งท� 2 เปนฉากท�เดกหญงเสยใจจงเดนกลบไปซ�อ

ลกโปงอก 1 ใบ

4.9 ฉากท� 7

ภาพท� 4-9 ฉากเดกหญงถอลกโปง

ภาพท� 4-9 ฉากเดกหญงถอลกโปงเปนฉากเดกหญงมดเชอกเขาท�ขอมอตวเองเพ�อไมให

ลกโปงหลดไปไหนได

19

4.10 ฉากท� 8

ภาพท� 4-10 ฉากเดกหญงถอลกโปงเดนชนกบก�งไม

ภาพท� 4-10 ฉากเดกหญงถอลกโปงเดนชนกบก�งไมเปนฉากเดกหญงเดนมาเร�อยๆ จนมาถง

ตนไมตนหน�ง แลแลวลกโปงของเธอกไปเก�ยวเขากบตนไม

4.11 ฉากท� 9

ภาพท� 4-11 ฉากสายลกโปงซ�งไรลกโปง

ภาพท� 4-11 ฉากสายลกโปงซ�งไรลกโปงเปนฉากลกโปงโดนเก�ยวแฟบไปกบมอของ

เดกหญง

20

4.12 ฉากท� 10

ภาพท� 4-12 ฉากเดกหญงรองไห

ภาพท� 4-12 ฉากเดกหญงรองไหเปนฉากท�เดกหญงนกเสยใจกบลกโปง มเพยงเสยงสะอ�น

ของเดกหญง

4.13 ฉากท� 11

ภาพท� 4-13 ฉากเดกหญงรองไห

ภาพท� 4-13 ฉากเดกหญงรองไหเปนฉากท�เดกหญงรองไหสกพกกมมอมาจบบนหวของ

เธอพรอมสงลกโปงใหอก 1 ใบ

21

4.14 ฉากท� 12

ภาพท� 4-14 ฉากเดกหญงว�งถอลกโปง

ภาพท� 4-14 ฉากเดกหญงว�งถอลกโปงเปนฉากเดกหญงไดลกโปงมาแลว เธอกเดนไป

เร�อยๆ พรอมรอยย�มท�มความสขมากลน

4.15 ฉากท� 13

ภาพท� 4-15 ฉากลกโปงแฟบ

ภาพท� 4-15 ฉากลกโปงแฟบเปนฉากลกโปงท�คอยๆ แฟบลงอยางชาๆ ในมอของเดกหญง

22

4.16 ฉากท� 14

ภาพท� 4-16 ฉากเดกหญงย�ม

ภาพท� 4-16 ฉากเดกหญงย�มเปนฉากเดกหญงย�มราเรงเดนไปเดนมาอยางมความสข

4.17 ฉากท� 15

ภาพท� 4-17 ฉากคนขายลกโปงย�ม

ภาพท� 4-17 ฉากคนขายลกโปงย�มเปนฉากคนขายลกโปงย�มอยางมความสขท�เหนเดกนอย

มความสข

23

4.18 ฉากสรป

ภาพท� 4-18 ฉากสรปใจความเร�องท�งหมด

ภาพท� 4-18 ฉากสรปใจความเร�องท�งหมดเปนฉากท�สรปเน�อหาในนทานเร�องน� เปนเร�อง

ของลกโปงท�ผชมบางทานอาจจะไมคดวามนมความหมาย แตมนมความหมายอยขางใน

4.19 ฉากจบ

ภาพท� 4-19 ฉาก The End

ภาพท� 4-19 ฉาก The End เปนฉากท�แจงใหผชมทราบวาเร�องไดจบลงแลว

24

4.20 ฉากช�อผจดทา

ภาพท� 4-20 ฉากช�อผจดทา

ภาพท� 4-20 ฉากช�อผจดทา เปนฉากท�แจงใหผชมทราบถงช�อผจดทา นาเสนออาจารยทานใด

และบงบอกใหผทราบวาจบเร�องแลว

25

บทท� �

ผลการศกษา

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 ดวยความท�ภาพกบเสยงไมตรงกนเราจงตองตองเลอกแกอยางไรอยางหน�งและส�งท�

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

26

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

มปญหากบภาพท�มระยะเวลาในการเคล�อนไหวไมนาน

5.3.5 เน�องดวยช�นงานเร�องไดวางโครงเร�องเปนอยางดแตดวยระยะเวลาอาจจะเพยงพอแต

ผจดทามเวลาวางไมเพยงพอตอการทางานจงตองปรบเปล�ยนการใสเอฟเฟคใหมเปนบางฉากหรอ

แทบจะทกฉากเลยกวาไดเพราะนทานเร�องน�ภาพท�วางโครงเร�องมามอยนอยเวลาตดตอจงลาบาก

และเสยงท�อดมามความยาวเกนกวาภาพ เราจงตองแกไขปญหาเฉพาะหนาแลวเรากสามารถทาได

งานออกมาไมดเทาไหรแตกถอวาใชไดระดบหน�ง

5.4 ขอเสนอแนะ

ในการทาโครงงานเลมอาจจะมขอผดพลาดและการใชศพทท�ไมเหมาะไมควรกอภยไว

ณ ท�น� แตโครงงานเลมน�กพอท�จะเปนตนแบบตนเร�องในการนาไปศกษาตอได บางเร�องบางตอน

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

27

เอกสารอางอง

เวบความหมายของมลตมเดย

http://www.facebook.com/l.php?u=http%�A%�F%�Fwww�.srp.ac.th%�F~kitima%�Fle

sson%�Fanimation%�FUnit�_Multimedia%�Fstandard%�Fm��.html&h=-AQFUrBdv

เวบความหมายแอนเมช�นและการสรางแอนเมช�น

http://www.facebook.com/l.php?u=http%�A%�F%�Fwanlovea.blogspot.com%�F��%

�F��%�F�.html&h=-AQFUrBdv

เวบความของสตอร�บอรดและการสรางสตอร�บอรด

1.http://kruuthit.wordpress.com/��/��/��/%E�%B�%��%E�%B�%B�%E�%B�%A�

%E�%B�%��%E�%B�%��%E�%B�%B�%E�%B�%A�%E�%B�%��-story-board/

2.http://www.informatics.buu.ac.th/~prajaks/web/sites/default/files/users/user�/chapter_�

storyboard.pdf

3.http://��.��.��.��/na/chapter�.pdf

28

ประวตผจดทา

ประวตสวนตว

ช�อ นางสาวเจนจรา บตรดาสม

ช�อโครงงาน การจดทามลตมเดยเพ�อการนาเสนอเร�อง เดกหญงกบลกโปง

วนเดอนปเกด วนท� 24 ตลาคม 2541

อยบานเลขท� 93/4 ม.10 ต.ทาชาง อ.เมอง จ.จนทบร 22000

ประวตการศกษา

ระดบช�นมธยมศกษาปท� 1 ศกษาท� โรงเรยนเบญจมานสรณ

ระดบช�นมธยมศกษาปท� 3 ศกษาท� โรงเรยนเบญจมานสรณ

ปจจบนศกษา ณ วทยาลยเทคนคจนทบร ปวช.2/1 เลขท� 3

29



ช�อ นางสาวเจนจรา จนทรโป


วนเดอนปเกด วนท� 14 มกราคม 2541

อยบานเลขท� 103/91 หมบานเพ�มทรพย ต.ทาชาง อ.เมอง จ. จนทบร 22000


ระดบช�นมธยมศกษาปท� 1 ศกษาท� โรงเรยนอานวยวทยพฒน

ระดบช�นมธยมศกษาปท� 3 ศกษาท� โรงเรยนอานวยวทยพฒน


30



ช�อ นางสาว บณยานช ไวการ


วนเดอนปเกด วนท� 4 กนยายน 2540

อยบานเลขท� 137 ม.9 ต.จนทนมต อ.เมอง จ.จนทบร


ระดบช�นมธยมศกษาปท� 1 ศกษาท� โรงเรยนวดจนทนาราม(ศรรองเมองอทศ)

ระดบช�นมธยมศกษาปท� 3 ศกษาท� โรงงานวดจนทนาราม(ศรรองเมองอทศ)


ภาคผนวก

Education

ตัวอย่างเล่ม