รู้จักกับ adobe flash cs6 - wnm.ac.th¹€ล่มที่-1.pdf ·...

5

รจกกบ Adobe Flash CS6 โปรแกรม Adobe Flash CS6

สาระส าคญ

จดประสงคการเรยนร

สาระการเรยนร

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

1. รจกและเขาใจกระบวนการท างานของโปรแกรม Flash CS6 เบองตน 2. มความรความเขาใจเกยวกบสวนประกอบตางๆ ของโปรแกรม Flash CS6 3. มความรความเขาใจเกยวกบเครองมอตางๆ ทใชในการท างานของโปรแกรม

Flash CS6

1. เรมตนรจก Flash CS6 2. ขนตอนการสรางภาพเคลอนไหวหรอมฟว 3. สวนประกอบของ Flash CS6 4. จดการหนาจอกอนเรมท างาน 5. ทดลองใชงาน Flash ครงแรก 6. การสรางชนงานใหมใน Flash 7. การบนทกไฟลชนงาน 8. การเปดไฟลชนงาน 9. การแกไขชนงาน 10. การออกจากโปรแกรม Flash CS6

6

7

ค าชแจง นกเรยนเลอกค าตอบทถกทสดลงในกระดาษค าตอบ

1. ไฟลมลตมเดยทสรางจาก Flash มชอเรยกวาอะไร ก. มฟว ข. ออบเจกต ค. พาเนล ง. มเดย

2. ชนงานชนดใดทไมไดเกดจากการสรางดวยโปรแกรม Flash ก. เวบไซต ข. เกม ค. แบนเนอร ง. ภาพยนตร

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

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

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

6. ถาตองการสรางโคดเพอใหชนงานสามารถโตตอบกบผใชได ตองใชงานพาเนลใด ก. Actions ข. Library ค. Editor ง. Color

7. เครองมอชนดใดไมไดจดอยในกลมเครองมอ Edit ก. Pencil Tool ข. Sub selection Tool ค. Brush Tool ง. Eraser Tool

แบบทดสอบกอนเรยน

8

8. ถาตองการท างานเกยวกบวาดและตกแตงภาพ ควรเลอกใชงานกลมเครองมอชนดใด ก. Tools ข. View ค. Edit ง. Colors

9. หากตองการบนทกชนงานเพอใหสามารถน าไปใชเปนไฟลตนแบบในการสรางชนงานตอไป ควรเลอกการบนทกชนงานแบบใด ก. Save ข. Save As ค. Save and Compact ง. Save as Template

10. ค าสงใดใชส าหรบยอนกลบการท างาน ก. Paste ข. Revert ค. Undo ง. Spelling

9

dobe Flash เปนซอฟตแวรทชวยในการสรางสอมลตมเดย กราฟกส าหรบงานเวบ ผลงานทพฒนาดวย Flash มทงสอภาพนง

ภาพเคลอนไหว สอมลตมเดย ตลอดจนสอทมระบบโตตอบกบผใชงาน (interactive multimedia) เชน การตอบสนองการกดปมสงงาน หรอการปอนขอมลของผเขาชมเวบไซตอกดวย จดเดนของโปรแกรมนอกจากการจะสรางภาพทมความคมชดสวยงามแลว ชนงานทสรางโดย Flash จะมขนาดเลกท าใหสามารถน ามาเผยแพรบนอนเทอรเนต เพราะโหลดมาแสดงผลไดอยางรวดเรว

Flash เปนโปรแกรมประเภทส าหรบสรางภาพกราฟก ภาพเคลอนไหว และมลตมเดย เราเรยกไฟลภาพเคลอนไหว และมลตมเดยทสรางจาก Flash วา “มฟว (Movie)” ทเราสามารถน า Flash มาใชสรางงานไดหลากหลายรปแบบ อาท

ï ภาพเคลอนไหว ตวอกษร ภาพ และโลโกกราฟก พรอมเสยงและเอฟเฟกตประกอบ เชน ภาพหลกของหนาเวบ แบนเนอรโฆษณา การน าเสนอขอมลในรปแบบของสไลดโชว เปนตน

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

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

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

A

รจก Adobe Flash CS6

พรเซนเตชนงานทใช Flash

โฆษณาบนหนาเวบไซต

การตน Animation เวบไซตทสรางจาก Flash

ภาพ : ชษณพงศ ธญญลกษณ

10

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

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

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

ขนตอนท 2 การจดเตรยมองคประกอบชนงาน เปนขนตอนตอจากการวางผงโครงราง ซงเราจะก าหนดวาเราจะตองเตรยมอะไรบางเพอน ามาประกอบกนเปนชนงาน เราสามารถวาดภาพกราฟกโดยใชเครองมอในโปรแกรม Flash เองหรอสรางภาพจากโปรแกรมกราฟก เชน Photoshop และ illustrator แลวคอยน าไปใชใน Flash กได ถางานทเราจะสรางเปนมลตมเดยกจะตองเตรยมไฟลเสยงและไฟลภาพยนตรเพอน าเขาไปใชใน Flash ดวย

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

ภาพ : ชษณพงศ ธญญลกษณ

ภาพ : ชษณพงศ ธญญลกษณ

11

ขนตอนท 3 การสรางชนงานและทดสอบการท างาน ตอไปเราจะใช Flash น าไฟลภาพ ภาพยนตรและเสยงทไดเตรยมไวมาประกอบกนเปนชนงานและทดสอบการท างานใหตรงตามวตถประสงค ขนตอนท 4 การพบลชชนงานเพอน าไปเผยแพร ขนตอนสดทายเปนการพบลช (publish) ชนงานทสรางเสรจสมบรณเปนไฟลมฟว หรอเปนไฟลในรปแบบทตองการ เพอน าไปเผยแพรตอไป ผชมเวบจะเลนมฟวของเรา โดยเปดผานบราวเซอรโดยตรง (บราวเซอรทสามารถเปดไฟลมฟวของ Flash ไดนนจะตองมการตดตงโปรแกรมเสรม (Plug-in) ทเรยกวา “Flash Player” ซงจะตดตงพรอมกบ Flash ใหทนท)

หลงจากตดตงโปรแกรม Flash CS6 แลว เมอเปดโปรแกรมครงแรก โดยเลอกค าสง All Pregame Adobe Flash Professional CS6 เมอเขาสโปรแกรมจะพบหนาจอทมสวนประกอบส าคญ ดงน

สวนประกอบของ Flash CS6

น า Flash ไปใชบนเวบไซต

ชนงานทสรางจาก Flash จะสามารถ เปดดไดงาย ๆ ดวย Flash Player

ภาพ : ชษณพงศ ธญญลกษณ

ภาพ : ชษณพงศ ธญญลกษณ

12

เมนบาร (Menu Bar)

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

สรางมฟว นอกจากนนยงรวมไปถงการตงคาเกยวกบการใชงานในโปรแกรมทงหมด ทลบอกซ (Toolbox) ทลบอกซเปนกลองทรวบรวมเครองมอตางๆ ทใชในกานสราง และปรบแตงออบเจกตตางๆ โดยจะเรยงเครองมอตางๆ เปนแถวเดยวกนลงมา เครองมอแตละชนทลบอกซจะมลกษณะเปนไอคอนรปภาพทเราสามารถคลกเพอเรยกใชงานได ซงมการแบงเครองมอตางๆ เปน 4 กลมดงน กลมเครองมอ Tools

เกยวกบการเลอก คอ Selection Tool , Sub selection Tool

กลมเครองมอ Edit เกยวการวาดและการตกแตงภาพ เชน

Pencil Tool , Brush Tool , Eraser Tool , Free Transform Tool

เมนบาร (Menu Bar) พนทท างาน (Work Area)

ไทมไลน (Timeline) Property Inspector ทลบอกซ (Toolbox)

สเตจ (Stage)

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

13

กลมเครองมอ View เกยวกบการมองภาพในรปแบบตาง ๆ เชน Hand Tool , Zoom Tool

กลมเครองมอ Colors ใชในการเลอกสใหกบเสนและสพน เชน Eavesdropper Tool

โดยเมอเลอกปมเครองมอเหลาน เราสามารถปรบแตงเพมเตม (Options) ทางดานลางของ

ทลบอกซได เราสามารถเปด/ปดทลบอกซนไดโดยใชค าสง Window > Tools ใหมเครองหมายอยหนาค าวา Tools เพอเปดทลบอกซ และใชค าสง Window > Tools อกครงยกเลกเครองหมายถกเพอปดทลบอกซ สเตจ (Stage) และพนทท างาน (Pasteboard) เราเรยกพนทสขาวตรงกลางหนาจอทใชจดวางออกเจกตตางๆ ทตองการแสดงใหเหนในชนงานวา “สเตจ (Stage) หรอ Document Window” สวนบรเวณสเทาลอมรอบนนเราจะใชวางวตถทยงไมตองการใหแสดงวา “พนทท างาน (Pasteboard)” ซงเราอาจเปลยนสเตจไดเหมอนเปนเวท และพนทท างานเปนพนทหลงเวททผชมมองไมเหน แตเราวางองคประกอบตางๆ ทจะน าไปแสดงบนสเตจได เราสามาเปด/ปดพนทการท างานไดโดยใชค าสง View> Pasteboard ใหมเครองหมายถก เพอเปดพนทการท างาน และใชค าสง View> Pasteboard อกครง เพอยกเลกเครองหมายถกเพอปดพนทการท างาน (หรอจะกดคยลด <ctrl>+<shift>+W กได) ไทมไลน (Timeline) ไทมไลนหรอเสนเวลา จะใชส าหรบสรางและก าหนดรายละเอยดของการเคลอนไหว โดยเอาองคประกอบทจะเคลอนไหว (เราเรยกองคประกอบตางๆ ในชนงานวาออบเจกตหรอวตถ) มาจดวางตอกนทละภาพในแตละชวงเวลา (เรยกวาเฟรม : frame) ทจะแสดงเปนภาพเคลอนไหว โดยเราจะก าหนดเสนเวลาใหเลนภาพเคลอนไหวซ าๆ หรอเลนแลวหยดกได

14

เราแบงไทมไลนเปน 2 สวนใหญๆ ไดแก สวนแสดงเลเยอร (Layer) ซงแตละเลเยอรเปรยบเหมอนแผนใสทสามารถวางภาพ หรอ

ออบเจกตได โดยแตละเลเยอรนนแยกเปนอสระตอกน แตประกอบกนเปนชนงานเดยว สวนเฟรม (Frame) ทแสดงชองเฟรมตางๆ ซงท างานเหมอนกบเฟรมทประกอบกนเปน

ภาพยนตรโดยเมอมการน าเฟรมเหลานมาแสดงอยางตอเนองกจะท าใหเกดภาพเคลอนไหว ทงน Frame จะแสดงผล ทละเฟรม โดยจะมหวอาน (Play head) ทเปนสนสแดงคอยบอกต าแหนงวาก าลงท างานอยทเฟรมใด เราสามารถเปด/ปดไทมไลนนไดโดยค าสง View > Timeline ใหมเครองหมายถกอยหนาค าวา Timeline เพอเปดไทมไลน และใชค าสง View > Timeline อกครงยกเลกเครองหมายถกเพอปดไทมไลนซงเราอาจเปรยบการท างานของไทมไลนเหมอนกบมวนฟลม ในขณะทสเตจคอสวนทแสดงแตละเฟรมในมวนฟลมนนตามล าดบทก าหนดไว

พาเนล (Panels) พาเนลคอหนาตางทรวบรวมเครองมอตางๆ ส าหรบใชในการปรบแตงออบเจกต ซงใน Flash ไดมการจดพาเนลตางๆ ไวอยางเปนหมวดหมตามหนาทของมนใหเราเรยกใชได พาเนลส าคญทควรรจกดงน

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

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

พาเนล Color

พาเนล Swatches

15

พาเนล library เปนพาเนลทใชส าหรบเกบองคประกอบทจะใชกบชนงานนน ๆ เชน ซมบอล ภาพกราฟก และมฟวหรอไฟลชนดตาง ๆ เชน ไฟลวดโอ ไฟลเสยง ซงสามารถจดเกบองคประกอบเหลานไดอยางระเบยบในโฟลเดอร(ทเราสรางเอง) โดยเราสามารถเรยกเปดใชงานพาเนล library ดวยค าสง Windows > library หรอกดคยลด Ctrl + L

พาเนล actions เปนพาเนลทใชส าหรบสรางโคด action Script (ภาษาทใชงาน Flash) เพอใหชนงานนนสามารถโตตอบกบผใชงานได เชน สรางปมทใหผใชคลกเพอจดประสงคบางอยาง ท าเกมและเวบทมการโตตอบกบผใช โดยเราสามารถเรยกเปดใชงานพาเนล actions ดวยค าสง Windows > Actions หรอ กดคยลด

แถบเครองมอ แถบเครองมอหรอทลบาร (Toolbar) ประกอบดวยค าสงทจดเปนปมไอคอนซงเราสามารถคลกเรยกไดทนท โดยไมตองหาในแถบเมน เราเลอกเปด/ปดแถบเครองมอไดโดยเลอก Windows > Toolbar ชอแถบเมนทตองการ (ใหมเครองหมายถกหนาชอเพอใหแสดงแถบเครองมอ และใชค าสงเดยวกนยกเลกเครองหมายถกหนาชอแถบเครองมอทตองการใหซอนไว) ใน Flash มแถบเครองมออย 3 ชด ดงน

แถบเครองมอหลก (Main Toolbar) จะรวบรวมค าสงทใชงานบอยๆ แถบเครองมอควบคมการแสดงผล (Controller) ใชส าหรบควบคมการ

แสดงภาพเคลอนไหว หรอมฟวทเราสราง

ภาพ : ชษณพงศ ธญญลกษณ

16

แถบเครองมอแกไข (Edit Bar) ใชส าหรบแกไขสเตจ โดยจะมปมค าสงเพมเตมและเมนส าหรบใชยอ/ขยายสเตจ นอกจากนนยงใชในการเลอกท างานกบฉากและซมบอล

หลงจากเราไดลงโปรแกรม Flash เรยบรอยแลว ตอไปนเราจะมาทดลองใชงานโปรแกรมกน

โดยไลเรยงการท างานเบองตนทส าคญทงหมด 5 ขนตอนทจ าเปน ดงน

ขนตอนท 1 เปดโปรแกรม สรางไฟลชนงานแรก ขนตอนท 2 สรางออบเจกตงายๆ ขนตอนท 3 น าออบเจกตทสรางมาจดท าเปนภาพเคลอนไหว ขนตอนท 4 บนทกการท างานในไฟลชนงาน ขนตอนท 5 แปลงไฟลชนงานส าหรบเผยแพร

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

จากภาพ เราจะสรางปมส าเรจรปจาก Buttons bubble 2 (ซงเปนปมทเปลยนสได) ใหหมนตามเขมนาฬกาจากทางซายไปทางขวาของหนาจอโคงไปทางขวาของหนาจอ

ทดลองใชงาน Flash ครงแรก

ภาพ : ชษณพงศ ธญญลกษณ

17

ขนตอนท 1 เปดโปรแกรม สรางไฟลชนงานแรก

หลงจากเขาสโปรแกรม Flash แลว ใหคลกเลอก Flash File ทหวขอ Create New เพอท าการสรางไฟลงานใหม ซงจะมชอวา Untitled-1

ขนตอนท 2 สรางออบเจกตงายๆ เราจะสรางปมการท างานแบบส าเรจท Flash เตรยมไวใหเราใชไดงายๆ โดยเปดพาเนลไล บรารทมรปปมส าเรจรป หากไมพบพาเนลดงกลาวใหเลอกค าสง Window > Common Libraries > Buttons

จากนนใหเราเลอกปมส าเรจแบบใดกไดมาสรางไฟลชนงานแรกของเรา โดยในตวอยางนจะเลอกปมส าเรจรป buttons bubble 2 ใหวางในต าแหนงแรกของการเคลอนททเราก าลงจะสราง (ในตวอยางวางปมทางดานซายของสเตจ)

ขนตอนท 3 น าออบเจกตทสรางมาจดท าเปนภาพเคลอนไหว

เลอกค าสง windows > Common Libraries >

Button

จะปรากฏพาเนล External Library

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

18

ตอไปเราจะสรางภาพเคลอนไหวใหปมส าเรจรปนน หมนตามเขมนาฬกาวงไปทางขวาของหนาจอเปนแนวโคง ในไทมไลนใหคลกขวาเฟรมท 1 เลอก Create Motion Tween เพอเพมเฟรมบนสเตจ แลวคลกลากปมทางขวาของสเตจ

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

คลกขวาเลอก Create Motion Tween

เลอนปมไปทางขวาของสเตจ

เลอนเมาสเลอกชองเฟรมทตองการเปลยนการเคลอนท

คลกเมาสทเสนไกดแลวลากลงมาขางลาง

19

ตอไปเราจะก าหนดรปแบบการเคลอนทเพมเตม ใหคลกเมาสทชวงเฟรมใดกได แลวก าหนดคาใน Property Inspector ในชอง Direction เลอก CW (สงใหปมหมนตามเขมนาฬกา)

กดคย <Enter> แลวท าการทดสอบมฟวโดยกดปม <Ctrl>+<Enter> จะไดไฟลมฟวแสดงปมส าเรจรปทเคลอนทดวยการหมนจากทางซายของหนาจอวงไปทางขวาของหนาจอ

ขนตอนท 4 บนทกการท างานในไฟลชนงาน เราตองการเกบไฟลทก าลงท างานนไว ใหเลอกค าสง File>Save As…. จากนนเลอกโฟลเดอรทตองการเกบไฟล แลวตงชอไฟลตามทตองการ (ในตวอยางตงชอวา First File) และเมอบนทกแลว เราจะไดไฟลนามสกล .fla

ใหเลอก CW ในชอง Direction

โปรแกรม Flash Player ก าลงแสดงการเคลอนทของปมทเราสราง

คลกค าสง File>Save As….

คลกเมาส Save

20

ขนตอนท 5 แปลงไฟลชนงานส าหรบเผยแพร เลอกค าสง File>Publish โปรแกรมจะท าการสรางไฟลในรปแบบทน าไปเผยแพรได (แมในเครองทไมมโปรแกรม Flash ตดตงกสามารถเปดไฟลนไดดวยเชนกน) โดยไฟลเหลานจะถกเกบไวในโฟลเดอรเดยวกบไฟลงาน

หลงจากพอเหนคราวๆ ถงการสรางชนงานโดยโปรแกรม Flash แลว เราจะศกษาการสรางชนงานอยางละเอยดตอไป

การเรมตนสรางชนงานใด ๆ ใน Flash นนตองท าการก าหนดคาและคณสมบตของไฟลงานท

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

สรางชนงานใหมดวยการก าหนดรปแบบเอง สรางโดยใชเทมเพลต (Template) สรางจากไฟลส าเรจรป

ดบเบลคลกเพอดผลงาน

เลอก File > Publish

ดผลงานทเบราวเซอร

การสรางชนงานใหมใน Flash

21

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

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

วธท 1 เลอกจากหนาตางเรมตนการท างาน หลงจากทเปดโปรแกรม Flash ขนมา

เราสามารถเล อกสร างไฟล ใหม ไดจากหนาตางเรมตนการท างานไดเลย (โดยปกตการสรางไฟลงานทวไปทเรานยมใชคอ การสรางไฟลเปลาเลอกท Flash File (Action Script 2.0 หรอ 3.0)

วธท 2 เลอกค าสง File>New... หากเราเปดโปรแกรม Flash ไวแลว ใหเลอกค าสง File>New… เพอสรางไฟลใหมจะปรากฏหนาตางส าหรบสรางไฟลขนมา ใหเราเลอกแทบ General แลวเลอกรปแบบของลกษณะไฟลใหม

เลอกค าสง File>New…

เลอกรปแบบไฟลใหม

22

เราสามรารถสงบนทกหรอเซฟไฟลชนงานทสรางใน Flash (ไฟลชนงานจะถกบนทกเปน

นามสกล .fla) ไวหลายวธ ดงน เลอก File>Save บนทลบาร หารเปนการบนทกไฟลครงแรก เราจะตองตงชอไฟลทตองการ

สงเซฟดวย เลอก File>Save As…. หากเราเคยบนทกไฟลชนนแลวและตองการบนทกชนงานนเปนไฟล

อกชอหนง หรอบนทกเปนส าเนาไวทอน เลอก File>Save as Template.. หากเราตองการบนทกชนงานเปนเทมเพลตเพอน าไปใช

เปนไฟลตนแบบในการสรางชนงานอนๆ ตอไป โดยเราจะตองก าหนดรายละเอยดและค าอธบายไวดวยกอนคลกปม Save เพอบนทกชนงาน

เลอกค าสง File>Open… เพอเปดไฟล .fla ทบนทกไวกลบมาแกไขได (แตไฟลนามสกล .swf

จะเปดมาเพอแสดงไดอยางเดยวเพราะเปนน าไฟลทถกพบลชแลว

บนทกการท างานในไฟลชนงาน

การเปดไฟลชนงาน

เลอกค าสง File>Open…

เพอเปดไฟล .fla

23

ในขณะทเราท าการแกไขชนงาน เราสามารถยกเลกค าสงทไดท าผดพลาดได โดยเลอก Edit>Undo (หรอกดคย <ctrl>+Z) จะเปนการยกเลกค าสงลาสดทไดท าไป ถาเราตองการยอนกลบหลายขนกใหใชค าสงนช าๆ ได

แตถาเราตองการใหท าซ าค าสงทเพงกระท า หรอใหท าซ าค าสงทเพงยกเลกไปดวยค าสง Undo ใหเราเลอกค าสง Edit>Redo (+Y) นอกจากการใชค าสง Undo ยอนกลบการท างานแลว เราสามารถยอนกลบการท างานไปเรมตมทไฟลชนงานทไดสงเซฟไวครงลาสดได โดยเลอก File>Revert จะปรากฏไดอะลอกถามวา ตองการยกเลกขนตอนการท างานจรงหรอไม ใหคลก Revert เพอยนยน ในขณะทก าลงแกไขชนงานทมขนาดใหญ เราสามารถใชสโครลบารเลอนหนาจอไปยงพนททมองเหนไมเหนได หรอโดย การคลกท Hand Tool จากทลบอกซ สงเกตวาตวชเมาสจะเปนรป ใหคลกเมาสคางไวบนสเตจหรอพนทการท างานแลวเลอนหนาจอเพอเปดดสวนทตองการได (คลายๆกบเปนการจบภาพเลอน) และเมอจะออกจากการท างานกใหคลกท Selection Tool

เราสามารถออกจากโปรแกรม Flash ไดเมอจบการใชงาน โดยเลอกทค าสง File>Exit หรอ

กดคย <Ctrl>+Q แตถาเราปรบเปลยนหรอแกไขชนงาน แลวยงไมไดบนทกไฟลไว จะปรากฏไดอะลอกซถามกอนวา จะตองการเซฟไฟลนหรอไม ถาเราตองการใหคลก Yes แตถาไมตองการใหคลก No

การแกไขชนงาน

การออกจากโปรแกรม Flash

เลอกทค าสง File>Exit

คลก Yes แตถาไมตองการใหคลก No

24

ชอ – สกล ชน ม.5/ เลขท

ตอนท 1 ใหนกเรยนบอกชอและหนาทการท างานของสวนประกอบส าคญของ Flash ตอไปน

หมายเลข 1 หนาทการท างาน หมายเลข 2 หนาทการท างาน หมายเลข 3 หนาทการท างาน หมายเลข 4 หนาทการท างาน หมายเลข 5 หนาทการท างาน

แบบฝกหดท 1 .... รจกกบ Adobe Flash CS6

หมายเลข 1 หมายเลข 2

หมายเลข 3 หมายเลข 4 หมายเลข 5

25

ตอนท 2 จงตอบค าถามตอไปน

1. เพราะเหตใดจงตองมการจดท าโครงรางชนงานกอนทจะสรางชนงานจรงจาก Flash

2. ในการสรางชนงานจาก Flash ประกอบไปดวยขนตอนส าคญในการสรางชนงานกขนตอนแตละขนตอนม การด าเนนงานอยางไร จงอธบาย

3. เครองมอในทลบอกซแบงออกเปนกกลมอะไรบาง จงอธบาย

4. เลเยอรและเฟรมแตกตางกนอยางไร

5. การสรางชนงานใหมใน Flash มกรปแบบ อะไรบาง จงอธบาย

26

ค าชแจง นกเรยนเลอกค าตอบทถกทสดลงในกระดาษค าตอบ

1. ถาตองการสรางโคดเพอใหชนงานสามารถโตตอบกบผใชได ตองใชงานพาเนลใด ก. Actions ข. Library ค. Editor ง. Color

2. เครองมอชนดใดไมไดจดอยในกลมเครองมอ Edit ก. Pencil Tool ข. Sub selection Tool ค. Brush Tool ง. Eraser Tool

3. ถาตองการท างานเกยวกบวาดและตกแตงภาพ ควรเลอกใชงานกลมเครองมอชนดใด ก. Tools ข. View ค. Edit ง. Colors

4. หากตองการบนทกชนงานเพอใหสามารถน าไปใชเปนไฟลตนแบบในการสรางชนงานตอไป ควรเลอกการบนทกชนงานแบบใด ก. Save ข. Save As ค. Save and Compact ง. Save as Template

5. ค าสงใดใชส าหรบยอนกลบการท างาน ก. Paste ข. Revert ค. Undo ง. Spelling

6. ไฟลมลตมเดยทสรางจาก Flash มชอเรยกวาอะไร ก. มฟว ข. ออบเจกต ค. พาเนล ง. มเดย

7. ชนงานชนดใดทไมไดเกดจากการสรางดวยโปรแกรม Flash ก. เวบไซต ข. เกม ค. แบนเนอร ง. ภาพยนตร

แบบทดสอบหลงเรยน

27

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

9. สวนประกอบใดในโปรแกรม Flash เปนทรวบรวมค าสงและการตงคาส าหรบการใชงานของโปรแกรม ก. ทลบอกซ ข. เมนบาร ค. พาเนล ง. ไทมไลน

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

28

ชอ – สกล ชน ม.5/ เลขท

ขอ ก ข ค ง 1 2 3 4 5 6 7 8 9 10

รวมคะแนน

กระดาษค าตอบ

29

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

หมายเลข 2 สเตจ (Stage) หนาทการท างาน ใชจดวางออบเจกตตางๆทตองการแสดงใหเหนในชนงาน

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

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

หมายเลข 5 พาเนล หนาทการท างาน หนาตางทรวบรวมเครองมอตางๆ ส าหรบใชในการปรบแตงออบเจกต ซงใน Flash ไดมการจดพาเนลตางๆ ไวอยางเปนหมวดหมตามหนาทของมนใหเราเรยกใชได

แนวค าตอบแบบฝกหดท 1

หมายเลข 1 หมายเลข 2

หมายเลข 3 หมายเลข 4 หมายเลข 5

30

ตอนท 2 จงตอบค าถามตอไปน

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

2. ในการสรางชนงานจาก Flash ประกอบไปดวยขนตอนส าคญในการสรางชนงานกขนตอน แตละขนตอนม การด าเนนงานอยางไร จงอธบาย ประกอบดวย 4 ขนตอน ดงน

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

การจดเตรยมองคประกอบชนงาน จะก าหนดวาเราจะตองเตรยมอะไรบางเพอน ามาประกอบกนเปนชนงาน …….

การสรางชนงานและทดสอบการท างาน เราจะใช Flash CS4 น าไฟลภาพ ภาพยนตรและเสยงทไดเตรยมไวมาประกอบกนเปนชนงาน และทดสอบการท างานใหตรงตามวตถประสงค …….

การแปลงไฟลชนงานส าหรบการเผยแพร ขนตอนสดทายเปนการพบลช (Publish) ชนงานทสรางเสรจสมบรณเปนไฟลมฟว หรอเปนไฟลในรปแบบทตองการ เพอน าไปเผยแพรตอไป …….

3. เครองมอในทลบอกซแบงออกเปนกกลมอะไรบาง จงอธบาย ม 4 กลม คอ ……. 1. กลมเครองมอ Tools เกยวกบการเลอก คอ Selection Tool , Subselection Tool……. 2. กลมเครองมอ Edit เกยวกบการวาดและการตกแตงภาพ เชน Pencil Tool ……. 3. กลมเครองมอ View เกยวกบการมองภาพในรปแบบตางๆ เชน Hand Tool ……. 4. กลมเครองมอ Colors ใชในการเลอกสใหกบเสนและสพน เชน Eyedropper Tool …….

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

31

5. การสรางชนงานใหมใน Flash มกรปแบบ อะไรบาง จงอธบาย ม 3 แบบ คอ 1. สรางชนงานใหมดวยการก าหนดรปแบบเอง เปนการสรางไฟลใหม โดยเราจะเปนผก าหนดเองวาจะเลอกสรางไฟลในลกษณะใด 2. สรางโดยใชเทมเพลต Flash CS4 ไดเตรยมเทมเพลต (Template) ซงเปนตวอยางงานส าเรจรปไวจ านวนมาก และเราสามารถน ามาประยกตใชสรางชนงานใหมได 3. สรางจากไฟลส าเรจรป จะมลกษณะคลายกบเทมเพลตทผใชสามารถจะน ามาปรบปรงแกไขรปแบบไดตามตองการ

32

กอนเรยน หลงเรยน ขอ เฉลย ขอ เฉลย 1 ก 1 ก 2 ง 2 ข 3 ง 3 ค 4 ข 4 ง 5 ข 5 ค 6 ก 6 ก 7 ข 7 ง 8 ค 8 ง 9 ง 9 ข 10 ค 10 ข

เฉลยชดท 1

33

บนทกเพมเตม

……………………………………………………………………………..…………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. …………………………………………………………………………….. ……………………………………………………………………………..

34

บรรณานกรม

กระทรวงศกษาธการ. หลกสตรแกนกลางการศกษาขนพนฐาน. กรงเทพฯ : โรงพมพชมนมสหกรณการเกษตรแหงประเทศไทยจากด, 2551.

ชษณพงศ ธญลกษณ. การสรางงานแอนเมชนดวย FLASH เวอรชน CS6. – กรงเทพ ฯ : ซคเซส มเดย, 2558. ปยะบตร สทธดารา. Flash CS3 สนกกบงานแอนเมชน. พมพครงท 1 กรงเทพฯ ไอดซ

อนโฟ ดสทรบวเตอร เซนเตอร, 2551 สทธชย ทพยสงห. บทเรยนออนไลนการสรางแอนเมชนดวย Flash. สบคนเมอวนท

7 มถนายน 2559, จากเวบไซตชอ: http://www.kroojan.com/flash/