Embed Size (px)
Citation preview
หนงสอเรยนรายวชาเพมเตมกลมสาระการเรยนรการงานอาชพและเทคโนโลย
ตามหลกสตรแกนกลางการศกษาขนพนฐาน พทธศกราช ๒๕๕๑
ผตรวจ๑. ผศ.ธรรมศกด เออรกสกล๒. นายพฒพงษ อมรวงศ๓. นายววฒน สวนนทวงศ
บรรณาธการวเชยร วสงเร
ผเรยบเรยง
ภชงค จนทรเปลง
Chap0 flash.indd 1 11/4/2559 BE 12:22 PM
หนงสอเรยนคอมพวเตอร การใชโปรแกรม Flash CS6 เลมน จดท�าขนโดยมวตถประสงค
เพอเปนแนวทางส�าหรบผทศกษาโปรแกรมคอมพวเตอรทมความสามารถในดานการสรางภาพ
เคลอนไหว และการเขยน ActionScript เบองตนส�าหรบควบคมการท�างานตาง ๆ จงเหมาะ
ส�าหรบผเรยนทสนใจในการเขยนโปรแกรม ActionScript เบองตน
ในการจดท�าหนงสอเลมน ผเขยนไดแบงเนอหาออกเปน 5 บท ครอบคลมเนอหาตงแต
การตดตงโปรแกรม การใชงานเครองมอตางๆ การใชส การตกแตงขอความ การสรางภาพ
เคลอนไหว การใชงานเลเยอร การใช Symbols การเขยนโปรแกรม ActionScript เบองตน
โดยน�าเสนอเนอหาเปนล�าดบขนตอนพรอมกจกรรมปฏบตเพอใหผเรยนปฏบตตามไดอยางงาย
อนง เนอหาทเรยบเรยงขนนเกดจากประสบการณตรงทผเขยนไดสอนในชนเรยนและ
ไดใชเปนแนวทางในการฝกอบรมแกคร-อาจารยทสนใจ
ดงนน จงหวงเปนอยางยงวาหนงสอเลมนจกเปนประโยชนกบทงผสอน ผเรยน และผท
สนใจทวไป
ภชงค จนทรเปลง
หนงสอเรยนรายวชาเพมเตมกลมสาระการเรยนรการงานอาชพและเทคโนโลยตามหลกสตรแกนกลางการศกษาขนพนฐาน พทธศกราช ๒๕๕๑
การใชโปรแกรม Adobe Flash CS6ผเรยบเรยง
ภชงค จนทรเปลง ผตรวจ
๑. ผศ.ธรรมศกด เออรกสกล
๒. พฒพงษ อมรวงศ
๓. ววฒน สวนนทวงศ
บรรณาธการ
วเชยร วสงเร
ราคา ๙๙ บาท
สงวนลขสทธตามพระราชบญญต
ขอมลทางบรรณานกรมของหอสมดแหงชาต
ภชงค จนทรเปลง.
หนงสอเรยน การใชโปรแกรม Adobe Flash CS6. - ปทมธาน :
มเดย อนเทลลเจนซ เทคโนโลย, ๒๕๕๙.
๒๐๘ หนา.
๑. การใชโปรแกรมคอมพวเตอร I. ชอเรอง
ISBN 978-616-7319-61-2
จดพมพและจดจ�าหนายโดย
บรษท มเดย อนเทลลเจนซ เทคโนโลย จ�ากด
Media Intelligence Technology Co.,Ltd.
๔๙/๘๓ หม ๗ ต.คลองสอง อ.คลองหลวง จ.ปทมธาน ๑๒๑๒๐
โทรศพท ๐-๒๕๑๖-๕๖๙๐-๑ โทรสาร ๐-๒๕๑๖-๕๖๙๒
www.mitmedia.com E-mail : [email protected]
ออกแบบ : KanomDesign Studio
พมพท : บรษท เยลโลการพมพ (1988) จ�ากด
คำ�นำ�
Chap0 flash.indd 2-3 11/4/2559 BE 12:22 PM
5บทท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Flash Professional CS6
ส�รบญ
บทท 1 คว�มรเบองตนเกยวกบโปรแกรม Adobe Flash Professional CS6 5 1.1 ขนตอนการตดตง Flash CS6 6
1.2 เรมตนใชงานโปรแกรม Flash CS6 10
แบบวดและประเมนผลทายบทท 1 33
บทท 2 ก�รทำ�ง�นกบกร�ฟกและขอคว�ม 35 2.1 การก�าหนดส Stroke และ Fill และการจดการคณสมบตตางๆ ของรปทรง 43
2.2 การสรางรปทรงแบบ Rectangle Tool 48
แบบวดและประเมนผลทายบทท 2 85
บทท 3 Symbols และ Instance 87 3.1 ความหมายของซมโบล (Symbols) 88
3.2 ชนดของซมโบล 89
3.3 การสรางซมโบล 90
3.4 การเปลยนออบเจกตใหเปนซมโบล 99
3.5 การแกไขปรบเปลยนซมโบล 101
3.6 การจดการกบ Instance 103
แบบวดและประเมนผลทายบทท 3 105
บทท 4 ก�รสร�งภ�พเคลอนไหว 107 4.1 หลกการสรางภาพเคลอนไหว 108
4.2 องคประกอบของภาพเคลอนไหว 110
4.3 ประเภทของการเคลอนไหว 116
4.4 การปรบแตงคณสมบตของภาพเคลอนไหวแบบ Classic Tween 129
4.5 การใชงาน Motion Presets 142
แบบวดและประเมนผลทายบทท 4 148
บทท 5 ก�รเขยน ActionScript 149 5.1 สวนประกอบและเครองมอชวยในพาเนล Actions 150
5.2 การควบคมโปรแกรมดวยค�าสงตรวจสอบเงอนไข 164
5.3 การควบคมโปรแกรมจากอปกรณตางๆ 185
แบบวดและประเมนผลทายบทท 5 207
บรรณ�นกรม 208
เนอห�ส�ระ1.1 ความรเบองตนเกยวกบ Adobe Flash Professional CS6 และการตดตง
1.2 การท�างานใน Panels ตางๆ ใน Adobe Flash Professional CS6
1.3 การน�าเขารปภาพและเสยง
1.4 การ Undo และ Redo ใน Adobe Flash Professional CS6
1.5 การบนทก และดชนงานใน Adobe Flash Professional CS6
1.6 การคนหาขอมล Adobe Flash Professional CS6 ผาน Internet
จดประสงคเชงพฤตกรรม1.1 เขาใจเกยวกบ Adobe Flash Professional CS6
1.2 เขาใจการท�างานของ Panels ตางๆ ใน Adobe Flash Professional CS6
1.3 เขาใจการน�าเขาภาพและเสยง
1.4 เขาใจการ Undo และ Redo ใน Adobe Flash Professional CS6
1.5 เขาใจการบนทก และดชนงานใน Adobe Flash Professional CS6
1.6 เขาใจการคนหาขอมล Adobe Flash Professional CS6 ผาน Internet
จดประสงคก�รเรยนร1.1 อธบายความรเบองตนเกยวกบ Adobe Flash Professional CS6 ได
1.2 อธบาย Panels ตางๆ ใน Adobe Flash Professional CS6 ได
1.3 อธบายการน�าภาพและเสยงมาใชงานได
1.4 อธบายวธจดการเกยวกบ Undo, Redo, บนทกและเรยกดชนงานได
1.5 อธบายการคนหาขอมล Adobe Flash Professional CS6 ผาน Internet ได
คว�มรเบองตนเกยวกบโปรแกรมAdobe Flash Professional CS6
บ ท ท
1
Chap0 flash.indd 4-5 11/4/2559 BE 12:22 PM
6 7การใชโปรแกรม Adobe Flash CS6 บทท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Flash Professional CS6
Adobe Flash Professional CS6 (ตอไปขอเรยกสนๆ วา Flash) รปแบบเปน
Multimedia platform ส�าหรบสรางภาพเคลอนไหว เวบไซต ภาพยนตร น�าเสนองานหรอเกม
ซงสามารถใชไดส�าหรบสมารทโฟนและคอมพวเตอรทวไป ในปจจบนจะพบวาเกมทสรางดวย
Flash มเปนจ�านวนมาก
โปรแกรม Flash มเครองมอทอ�านวยความสะดวกในการสรางชนงาน รวมทงมภาษา
ActionScript ส�าหรบใชควบคมการท�างานของชนงาน ซงไฟลทสรางจะมขนาดเลกท�าให
สามารถน�าเผยแพรผานอนเทอรเนตไดสะดวกและท�างานไดรวดเรวขน ทงนเนองจากโปรแกรม
Flash สรางภาพตางๆ เปนลกษณะลายเสนหรอภาพแบบเวกเตอร (Vactor) ในขณะทโปรแกรม
ทวๆ ไปใชการสรางภาพเปนแบบจดสหรอแบบบตแมพ (Bitmap) ดงนนโปรแกรม Flash
จงเหมาะส�าหรบการสรางชนงานทเปนภาพแบบการตนลายเสน ไมเหมาะกบภาพถายทเปนการ
เกบขอมลเปนบตแมพ
1.1 ขนตอนก�รตดตง Flash CS6
ส�าหรบการตดตงโปรแกรมกอนอนตองมแผนโปรแกรม Flash CS6 กอน (แนะน�าใหใชโ
ปรแกรมทถกตองตามลขสทธ) แตถาไมมสามารถดาวนโหลดรนทดลองมาใชกอนโดยสามารถใชไ
ด 30 วน สามารถดาวนโหลดไดท https://helpx.adobe.com/x-productkb/policy-pricing/
cs6-product-downloads.html
ด�าเนนการตดตงดงน
1. ดบเบลคลกทไฟล FlashPro_12_LS16 เครองจะท�าการแตกไฟลส�าหรบการตดตง
โดยจะสรางโฟลเดอรชอ Flash Pro CS6 ไวท Desktop
เลอก Flash Professional CS6 เลอก OS ทใช เชน Mac OS X หรอ Windows
โดยเลอก Windows ภาษา English-International เมอเสรจแลวจะไดโปรแกรมชอ FlashPro
_12_LS16
2. ไปท C:\....\Desktop\Flash Pro CS6\Adobe Flash Professional CS6
ดบเบลคลกทไฟล setup โปรแกรมจะเรมตดตง
Chap0 flash.indd 6-7 11/4/2559 BE 12:22 PM
8 9การใชโปรแกรม Adobe Flash CS6 บทท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Flash Professional CS6
3. ใหคลกท Try ซงถาเชอมตออนเทอรเนตจะปรากฏหนาให Sign in เพอลงทะเบยน
เมอลงทะเบยนเรยบรอยแลวใหด�าเนนการตดตงตอ
5. โปรแกรมด�าเนนการตดตง
4. จากนนจะปรากฏใหเลอกโปรแกรมทตองการตดตง เลอก ภาษา และ Location
ทจะตดตง ใหคลก Install
6. เมอตดตงเรยบรอยแลวใหคลก Close
Chap0 flash.indd 8-9 11/4/2559 BE 12:22 PM
10 11การใชโปรแกรม Adobe Flash CS6 บทท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Flash Professional CS6
กจกรรมท 1-1 ก�รตดตงโปรแกรม Flash CS6
ค�าชแจง ใหฝกการตดตงพรอมบนทกการศกษาในกจกรรมในแบบฟอรมทก�าหนดน
ปญหา (Output).............................................................................................................................
แนวการแกปญหา (Process)..........................................................................................................
........................................................................................................................................................
........................................................................................................................................................
ผลทเกดขน (Result).......................................................................................................................
........................................................................................................................................................
........................................................................................................................................................
........................................................................................................................................................
1.2 เรมตนใชง�นโปรแกรม Flash CS6
การเขาใชงานโปรแกรมแตกตางกนตาม OS ทใช เชน Windows 7 หรอ Windows 8
ส�าหรบ Windows 7 ใหคลก All Programs >Adobe Flash Professional CS6 ส�าหรบ
Windows 8 ใหเลอก Icon Adobe Flash Professional CS6 จาก List
สรางไฟลชนงานใหม
ส�าหรบการสรางชนงานใหมแนะน�าใหวางแผนตามล�าดบขนดงน
1. วางโครงเรอง (Storyboard) ประกอบดวย วตถประสงคของการสรางชนงาน แนวทาง
ของชนงาน เชน เปนชนงานน�าเสนอ ชนงานทเปนสอการเรยนการสอน หรอชนงานทเปนเกม
2. จดเตรยมองคประกอบของชนงาน เชน ภาพ เสยง หรอวดโอ
3. สรางชนงาน
4. ตรวจสอบการท�างาน
5. จดท�าไฟลงานเพอเผยแพร
ดงนนเมอสรางชนงานใหด�าเนนการตามแผนทวางไวโดยการเลอกเมนในสวนหมายเลข 3
วาตองการสรางเพออะไร เชน เกม หรอ ส�าหรบ Smart Phone โดยใหบนทกการแกปญหา
ในรปแบบดงน
ปญหา (Output).............................................................................................................................
แนวการแกปญหา (Process)..........................................................................................................
........................................................................................................................................................
........................................................................................................................................................
ผลทเกดขน (Result).......................................................................................................................
........................................................................................................................................................
........................................................................................................................................................
เมอคลกแลวโปรแกรมจะแสดงภาพเรมตนของการเขาสโปรแกรมดงภาพ หลงจากนนจะ
ปรากฏหนา Welcome Screen โดยมรายการใหเลอกเพอสรางชนงาน
Chap0 flash.indd 10-11 11/4/2559 BE 12:22 PM
12 13การใชโปรแกรม Adobe Flash CS6 บทท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Flash Professional CS6
ขนตอนการสรางชนงานใหม
1. ทรายการ Create New เลอก ActionScript 3.0 หรอ 2.0 ในทนเลอก 3.0
Workspace เปนหนาหลกในโปรแกรม Flash CS6 เรยกวา Application Screen
มรายการตางๆ หลายรายการ ซงผใชสามารถแกไขปรบแตงไดตามความตองการ เชน ขนาดของ
Stage และบนทกใชเปนคาเรมตนของงานทสรางตอไป
จะปรากฏหนาจอส�าหรบการสรางชนงาน โดยมรายการตางๆ ประกอบดวย Tool
panel, Timeline panel, Properties panel, menu bar, application bar และ stage
Stage เปนสวนในการสรางชนงาน เมอมการสงใหโปรแกรมท�างานวตถทอยบน stage
จะแสดง สวนวตถทอยในสวนนอกบรเวณสเทา (Pasteboard) จะไมปรากฏในชนงาน ซงผใช
สามารถก�าหนดสและขนาดของ Stage ไดท properties ใน properties panel โดยทคาเรมตน
ของโปรแกรมก�าหนดใหสของ stage เปนสขาวและมขนาด 550 x 400 pixel
Application bar Properties panel Library panelCollapse toIcons button
Tool panel
PasteboardPlayheadLayer areaTimeline panel
Menu barStageTabbed Document Window
Chap0 flash.indd 12-13 11/4/2559 BE 12:22 PM
