Post on 15-Sep-2020
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 1
เรมตนกบ Flash
การสรางสอการเรยนร สอน าเสนอ หรองานออกแบบตางๆ ยอมจะหนไมพนการออกแบบ
สรางสรรคงานกราฟก หากสามารถสรางงาน ออกแบบงานกราฟกดวยตนเอง คงจะสรางความ
ภมใจไดมาก แตปญหาใหญของการสรางสรรคงานกราฟกของหลายๆ ทานกคอ “วาดภาพไมเปน”
หรอ “สรางผลงานไมได” แตดวยความสามารถของโปรแกรม Macromedia Flash เครองมอชวย สรางสรรคงานกราฟกทงายในการเรยนร และประยกตใชงาน พรอมๆ กบแนวทางการวาดภาพจาก
คมอฉบบน จะลมค าวา “วาดยาก” ไปเลย เนองจาก Flash เปนซอฟตแวรสรางสรรคงานกราฟกใน
ฟอรแมต Vector ทภาพกราฟกทกภาพประกอบจากเสนโครงรางทท าใหการปรบแตง แกไข หรอ
ออกแบบภาพ ท าไดงายดวยเทคนค “ตด เชอม ปรบเปลยนรปราง”
Macromedia Flash CS3 เปนผลตภณฑลาสดจากคาย Macromedia ทพฒนามาเพอ สนบสนนการสรางงานกราฟก ทงภาพนง และภาพเคลอนไหว ส าหรบการน าเสนอผานเครอขาย
อนเทอรเนต Flash มฟงกชนชวยอ านวยความสะดวก ในการสรางผลงานหลากหลายรปแบบ
ตลอดจนชดค าสงโปรแกรมมงทเรยกวา Flash Action Script ทเพมประสทธภาพในการท างาน และ
สามารถคอมไพล (Compile) เปนโปรแกรมใชงาน (Application Program) เชน การท าเปน e-Card
เพอแนบไปพรอมกบ e-Mail ในโอกาสตางๆ
การเรยกใชโปรแกรม Flash
การเรยกใชงานโปรแกรม Flash มหลกการคลายๆ กบการเรยกโปรแกรมทวๆ ไปของ
ระบบปฏบตการวนโดวส โดยเรมจากการคลกปม จากนนเลอนไปคลกทรายการ
Program, Adobe Flash CS3 Professional รอสกครจะปรากฏหนาตางการท างาน ซงมโหมดการ ท างานใหเลอกไดหลายลกษณะไดแก
• การเปดไฟลจากค าสง Open a Recent Item
• การสรางงานผลงานจากรายการ Create New
• การสรางผลงานแมแบบ Create from Template
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 2
จอภาพการท างานของ Flash
เมอคลกเลอกการสรางผลงานใหมของ Flash จากรายการ Create New Flash File
จะปรากฏสวนประกอบจอภาพการท างานดงน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 3
แถบเครองมอหลก (Main Toolbar)
แถบเครองมอควบคมการท างานหลกของโปรแกรม เชน การสรางไฟลใหม, การเปดไฟล, การคดลอกขอมลเปนตน โดยสามารถควบคมใหแสดง หรอไมตองแสดงโดยคลกเลอกค าสง
Window, Toolbars, Main
แถบเครองมอ (Toolbox)
กลมเครองมอสรางงานและจดการวตถ ประกอบดวยปมเครองมอยอยตางๆ สามารถเปด/
ปดดวยค าสง Window, Tools โดยสามารถแบงเครองมอเปนหมวดๆ ได 5 หมวด คอ เครองมอ
หมวดเลอกวตถ (Selection) เครองมอหมวดวาดภาพ (Drawing) เครองมอจดแตงวตถ (Modify)
เครองมอควบคมมมมอง (View) และเครองมอควบคมส (Color)
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 4
Document Tab
สวนควบคมเอกสาร สามารถคลกเพอสลบเปลยนจอภาพเอกสาร
Timeline & Layer
Timeline เปนสวนส าคญทท าหนาทควบคมการน าเสนอผลงาน สามารถเปด/ปดดวยค าสง
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 5
Window, Timeline
Layer สวนควบคมการสรางชนวตถ เพอใหการควบคมวตถแตละชน มอสระ และสะดวก ตอการแกไข ปรบแตง
Stage & Workspace
จากรปตวอยางน เมอสงน าเสนอผลงาน แสดงวาจะก าหนดใหเรอยงไมตองแสดงผลทนท
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 6
บนจอภาพ เพราะเรอถกน าไปวางไวในพนทสเทา เมอน ามาท าเปน Movie ใหเรอวงผานจอภาพไป
อกดานหนง กจะปรากฏเรอวงผานจอจากดานซายไปดานขวาของจอ ตามชวงเวลาทก าหนด
Panel
หนาตางเลกๆ ทท าหนาทแสดงค าสงควบคมยอยตางๆ ของโปรแกรม โดยจะปรากฏ
รายการค าสงในเมน Window
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 7
ควบคม Panel
Panel เปนจอภาพเลกๆ ทแสดงฟงกชนการท างานเฉพาะอยาง เชน การท างานเกยวกบสจะ
ควบคมดวย Color Mixer หรอ Color Swatches การจดต าแหนงวตถตางๆ ควบคมดวย Align
Panel
เปนตน การเรยกใชหรอเปด/ปด Panel จะใชค าสง Window แลวตามดวยชอ Panel นนๆ
ท างานกบไฟล Flash
โปรแกรม Flash สามารถสรางผลงานไดทงภาพนง ทเรยกวา (Still Image) และ
ภาพเคลอนไหว ซงจะเรยกวา Movie ทงภาพนง และภาพเคลอนไหว จ าเปนตองเรมตนจากไฟล
Flash ตนฉบบ ทมสวนขยายเปน .fla จากนนจงบนทกเปนไฟลภาพใชงาน ส าหรบภาพนง สามารถ เลอกบนทกไดหลายฟอรแมต เชน
ประเภทไฟล สวนขยาย
Adobe Illustrator .ai
GIF Image .gif
Bitmap .bmp
AutoCAD DXF Image .dxf
Enhanced Metafile .emf
EPS 3.0 .eps
JPEG Image .jpg
PICT .pct
PNG Image .png
Windows Metafile .wmf
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 8
ภาพเคลอนไหว หรอ Flash Movie สามารถบนทกในฟอรแมตทพรอมใชงาน ไดดงน
ประเภทไฟล สวนขยาย
Flash Movie .swf
Animation GIF Image .gif
QuickTime .mov
Windows AVI .avi
Execute File .exe
สรางไฟลใหม
ไฟล Flash ทสรางใหมทกครง ควรก าหนดคณสมบตใหเหมาะสม ดวยค าสง Modify
Document เชน ความกวาง/ความสงของ Stage ลกษณะสพนของ Stage เปนตน
เปดไฟล
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 9
การเปดไฟลภาพใชค าสง File, Open... หรอคลกปม Open จากMainToolbar
นอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนค าสง File, Open Recent
การคนสสภาพเดม (Revert)
ไฟลทก าลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชค าสง File, Revert
ปดไฟล
ไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชค าสง File, Close หรอ File,Close
All ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอน
ปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปมNo
หรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต
บนทกไฟล ภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟล
ตนฉบบจะไดสวนขยายเปน .fla การบนทกไฟลสามารถใชค าสง File, Save… หรอ File, Save
As…
จดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากม
เครองหมาย * แสดงวายงไมผานการบนทก
การบนทกเปนภาพนงใชงาน
เนองจากไฟล .fla เปนไฟลตนฉบบ ไมสามารถน าไปใชงานได กอนน าไฟลภาพทสราง
ดวย Flash ไปใชงาน จ าเปนตองบนทกในฟอรแมตทเหมาะสม ส าหรบภาพนง ใหเลอกค าสง File,
Export, Export Image…
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 10
ฟอรแมตของภาพนง กเปนรายการทควรน ามาพจารณาประกอบ เชน ถาตองการเปน
ภาพประกอบสอสงพมพ แนะน าใหเลอกเปน .bmp หรอ .ai แตถาตองการใชบนเวบไซต กควร
เลอกเปน .gif, .jpg หรอ .png โดยมหลกในการพจารณา ดงน
• ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Format
• ภาพทมการใชสแบบไลโทน หรอมการใชสจ านวนมาก ใหเลอกเปน JPEG Format
การบนทกในฟอรแมต GIF
การบนทกภาพวาดในฟอรแมต GIF ท าไดโดยเลอกค าสง File, Export, Export Image…
เลอกรายการ Save as Type เปน GIF Image (*.GIF)
รายการเลอกของ GIF Format ไดแก
• Dimension ก าหนดขนาดของภาพ
• Resolution ก าหนดความละเอยด มคาเทากบ 72 dpi
• Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนท
ทมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมน าพนทรอบภาพ
มาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบ
ขนาดทระบจรงในรายการ Dimension
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 11
• Colors เลอกจ านวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจ านวนสทเหมาะสมได
• Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอก าหนดใหภาพแสดงผล แบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป
•
• Transparent เลอกเพอก าหนดใหภาพมลกษณะของพนแบบโปรงใส
• Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน
• Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน
การบนทกในฟอรแมต JPEG
การบนทกภาพวาดในฟอรแมต JPEG ท าไดโดยเลอกค าสง File, Export, Export Image…
เมอเลอกไดรฟ/โฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(*.jpg)
แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน
• Dimension ก าหนดขนาดของภาพ
• Resolution ก าหนดความละเอยด มคาเทากบ 72 dpi
• Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนท
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 12
ทมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมน าพนทรอบภาพ
มาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบ
ขนาดทระบจรงในรายการ Dimension
• Quality คณภาพของภาพ กรณทน าไปใชกบเอกสารเวบ ควรก าหนดไวท 60 – 90
แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควร
ก าหนดเปน 100
• Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอก าหนดใหภาพแสดงผล
แบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlace
ของ GIF
การบนทกเปนภาพเคลอนไหว
การบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสอง
ค าสง คอ File, Export, Export Movie… โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบ
การบนทกภาพนงทแนะน าไปกอน นอกจากนยงสามารถเลอกไดจากค าสง File, Publish
Settings… ซงเปนค าสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางท างาน ดงน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 13
เลอกฟอรแมตทตองการใชงาน
• ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTML
• สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล
Movie ทมสวนขยายเปน .mov
• สราง Movie ทสามารถน าเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอก
รายการ Windows Projector ซงจะไดไฟลทมสวนขยาย .exe หรอเลอกรายการ
Macintosh Projector ส าหรบการน าเสนอบนเครองคอมพวเตอร Macintosh
เมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stage
เปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบท างานกบ
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 14
Stage
Stage เปนชอเรยกพนทสรางภาพกราฟกของ Flash นบเปนพนทส าคญในการสรางสรรค
งานกราฟก หรอสราง Movie มลกษณะเปนพนทสเหลยมสขาวลอมดวยกรอบสเทา ภาพกราฟก หรอวตถใดๆ สามารถวางไดบนพนทสขาว และสเทา แตเมอสงน าเสนอผลงาน เฉพาะภาพกราฟก หรอวตถทวางบนพนทสขาวเทานน ทจะแสดงผล
ขนาดของ Stage
ขนาดของ Stage จะหมายถงพนทการแสดงผลของ Movie นนเอง ดงนนกอนสรางงานควร
ก าหนดขนาดของ Stage ใหเหมาะสมและตรงกบการใชงานจรง การก าหนดขนาดของ Stage
กระท าไดโดย
• เลอกค าสง File, New… เพอเขาสโหมดการสราง Movie
• คลกเลอกค าสง Modify, Document…
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 15
• ก าหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการ
Dimensions:
กรณทมขอมลบน Stage สามารถคลกปม Match: Printer หรอ Contents เพอให
Flash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมต
• เลอกสพนของ Stage จากตวเลอก Background color:
• รายการ Frame rate: เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะท าใหภาพเคลอนไหวมความสมจรง ถาก าหนดนอยเกนไปก จะท าใหมอาการกระตก และหากเรวเกนไปกจะท าใหสญเสยรายละเอยด การน าเสนอ
บนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI
จะตองก าหนดไวท 24 เฟรมตอวนาท
• Ruler units: หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะน าใหใช
หนวยเปน pixels
การก าหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก Properties
Panelโดยตองอยในโหมดการใชเครองมอ Selection
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 16
ขอแนะน าการก าหนดขนาดของ Stage
วตถประสงคหลกของการพฒนา Flash Movie กคอการน าไปใชเปนองคประกอบของ เวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพ
ขนาด 1024 x 768 pixels
ดงนนขนาดของ Stage ควรก าหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนา เวบ
Ruler, Grid, Guides
Ruler, Grid, Guidesเครองมอชวยก าหนดขอบเขต และวางต าแหนงการสรางกราฟกบน
Stage โดย
• Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถ
เปด/ปดไดจากค าสง View, Rulers
• Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการก าหนด
ต าแหนงในการสราง ยอ/ขยาย หรอเคลอนยายวตถบน Stage สามารถเปด/ปดไดจาก
ค าสง View, Grids, Show Grids
โดยปกตขนาดของชองตารางจะมคาเทากบ 18 × 18 pixels ซงปรบแตงไดจากค าสง View,
Grids, Edit Grid…
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 17
Guide มลกษณะเปนเสนตรงทผใชสามารถก าหนดต าแหนง เพอชวยในการกะระยะตางๆ ชวยในการวาดภาพ เคลอนยายต าแหนงลกษณะเดยวกบกรด แตมความอสระมากกวา โดยการ
ท างานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนน าเมาสไปชในแถบไมบรรทด
(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ต าแหนงทปลอยเมาส
การปรบยายต าแหนงเสนไกด กระท าไดโดยคลกเลอกเครองมอ Move แลวน าเมาสไปชทเสน
ไกด เพอปรบยายต าแหนง
ค าสงทเกยวของกบแถบไมบรรทด, Grids และไกด คอค าสง Snap to… ซงมหลายค าสง เชน
• Snap to Grids ชวยใหการวาด/สรางวตถ, การยอขยาย หรอยายต าแหนงอง เสนกรดทก าหนดไว
• Snap to Guides ชวยใหการวาด/สรางวตถ, การยอขยาย หรอยายต าแหนงองเสน
ไกดทก าหนดไว
• Snap to Objects ชวยใหการวาด/สรางวตถ, การยอขยาย หรอยายต าแหนงองจด
กงกลาง (Center Point) ของวตถ
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 18
การใชเครองมอของ Flash
การสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยม
เครองมอหลายกลม และเปด/ปด Toolbox ไดจากเมนค าสง Window, Tools
เครองมอกลมเลอกวตถ(Selection)
เครองมอกลมวาดภาพ (Draw)
เครองมอกลมจดการปรบแตงแกไข(Edit)
เครองมอกลมแสดงผล (View)
เครองมอกลมจดการส (Color)
เครองมอกลมค าสงเสรม (Tools Modifier)
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 19
Tools Modifier
Tools Modifier เปนสวนขยายค าสงของเครองมอปกต โดยรายการในสวนนจะปรบเปลยน
ไปตามเครองมอทเลอก ดงนนการเลอกเครองมอใดๆ ควรตรวจสอบค าสงยอยของเครองมอนนๆ จากสวนควบคมนดวยเสมอ
Tool modidier ของเครองมอ Tool modidier ของเครองมอ
มมมองจอภาพ
Stage เปนพนทหลกของการสรางงาน ดงนนเครองมอชดแรกทควรทราบ กคอเครองมอใน
กลม View ซงจะใชในการควบคม Stage เปนหลก เชน การยอ/ขยาย Stage การเลอน Stage เปนตน
Hand tool เปนเครองมอทใชเลอนและปรบขนาดของ Stage
หรอขยาย จากนนน าเมาสมาคลกบน Stage ดบเบลคลกท ก าหนดขนาดของ Stage
ใหมขนาดพอดกบความกวางของจอภาพ
(Fit on screen)
Zoom tool เปนเครองมอปรบขนาดของ Stage
คลกท จะปรากฏรายการเลอกยอยท Modifier คลกเลอกรปแบบการยอ
หรอขยาย จากนนน าเมาสมาคลกบน Stage
ดบเบลคลกท เพอก าหนดให Stage มขนาดเปน 100% อยางรวดเรว
การควบคม Stage ยงสามารถใชปม Zoom ทปรากฏอยมมบนขวาของ
Stageหรอเลอกจากเมนค าสง View, Zoom in/Zoom out/Magnifier ไดเชนเดยวกน
ท างานกบส (Color)
วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ
(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกน
ได เชน รปสเหลยมทมเสนขอบสด า และพนขางในเปนสน าเงน ดงนนการท างานเกยวกบส จงเปน
การท างานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 20
←
รายละเอยดเกยวกบสวนควบคมสใน Toolbox
รายการเลอก No Color จะแสดงผลเมอคลกเลอกวาดสเหลยม หรอวาดวงกลม ดงนน
กอนเลอกสใหกบการวาดสเหลยม, วงกลม ควรคลกเลอกเครองมอวาดสเหลยม หรอวาดวงกลม
กอนทจะคลกปมเลอกส ซงปนรายการส าคญมาก และมกจะเปนรายการทเขาใจผด เชน ถา ตองการวาดวงกลมไมมสพน หลายๆ ทาน จะใชวธการเลอก Fill Color ใหกบสของ Backgroundเชน ถา Background เปนสขาว กจะเลอก Fill Color เปนสขาว ซงมความหมายทตางไป
Stroke Color
Fill Color
Stroke Color สเสน
Fill Color สพนของวตถ, ส
Swap Color การสลบส Default Color
คนคาสสคาเดม คอด า ขาว
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 21
เพมส
การเพมรายการส สามารถท าไดโดยคลกทเครองมอเลอกส (จะเปนFill หรอ Stroke) กได
แลวคลกทปม Color Picker ซงปรากฏทมมบนขวาของจอภาพแสดงคาส � ปรากฏจอภาพผสมสใหม
� คลกในชอง Custom colors
� ผสมสตามตองการ
� คลกปม Add to Custom Colors
การเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว
ปรากฏจอภาพผสมสใหม
คลกทปม Color Picker
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 22
� คลกในชอง Custom colors
� ผสมสตามตองการ
� คลกปม Add to Custom Colors
การเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสท
กลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ
แผงควบคมส (Color Panel)
Color Panel เปนการเพมประสทธภาพของการท างานเกยวกบส โดยเฉพาะในสวนทเปน
การไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถท าไดจากสวนควบคมส
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 23
ปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอ
• Swatches ซงมการท างาน/ใชงานลกษณะเดยวกบ Toolbox
• Color
Color มสวนเพมเตมการใชสมากกวาปกต เชน การท าสแบบไลโทนลกษณะตางๆ,
การใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใส
ของส (Alpha)
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 24
การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถ
เลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color), สไลโทนแบบเสนตรง (Linear
Gradient), สไลโทนแบบรศม (Radial Gradient) และการน าภาพจากภายนอกมาเปนพนของวตถ
(Bitmap Background)
ชดสแบบไลโทน
• คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทน
ในแนวรศม)
• น าเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer ก าหนด
จ านวน Gradient Pointer ตามตองการ
• ถาตองการลบ Gradient Pointer ใหน าเมาสไปช ณ Gradient Pointer ทตองการลบ แลว
ลากออกจาก Gradient definition bar
• ก าหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนน
คลกเลอกสจาก Current Color ท าซ ากบ Gradient Pointer ต าแหนงอน
• สามารถเลอนปรบต าแหนงของ Gradient Pointer โดยใชหลก Drag & Drop
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 25
น าเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointer
ก าหนดจ านวน Gradient Pointer ตามตองการ
ถาตองการลบ Gradient Pointer ใหน าเมาสไปช ณ Gradient Pointer ทตองการลบ แลว
ลากออกจาก Gradient definition bar
• ก าหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนน
Linear
Radial
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 26
คลกเลอกสจาก Current Color ท าซ ากบ Gradient Pointer ต าแหนงอน
• สามารถเลอนปรบต าแหนงของ Gradient Pointer โดยใชหลก Drag & Drop
คลกปม Color Mixer Option Menu แลวเลอกค าสง Add Swatch
เพอเพมสทก าหนดใหกบโปรแกรม
ความโปรงใสของสวตถ (Alpha)
รปวงกลมไมไดก าหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลง แตถาก าหนดวงกลมใหมคาโปรงใส กจะท าใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรป
ดานหลงได
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 27
เครองมอวาดภาพ
สเหลยม, วงกลม, วงร
• คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด
ก าหนดสพน, สเสนขอบ และลกษณะของเสนขอบจาก Properties
ก าหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก
Stroke Style Dialog Box ดงภาพ
น าเมาสมาคลก ณ ต าแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอได ขนาดและรปทรงทตองการ จงปลอยนวจากเมาส
• ถาตองการรปทสมบรณ ควรกดปม <Shift> คางไว ขณะลากเมาส
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 28
ลบวตถดวย Eraser Tool
วตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอ
• ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย
คลกเลอก Eraser Tool
คลกทปม Faucet
น าเมาสไปคลก ณ ต าแหนงทตองการ
� ถาคลก ณ ต าแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด � ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว
ลบวตถชนทตองการ โดย
คลกเลอก Eraser Tool
เลอกโหมดการลบโดยคลกท
� Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill
� Erase Fills ลบเฉพาะสวนทเปน Fill
� Erase Lines ลบเฉพาะเสนขอบ Stroke
� Erase Selected Fills ลบเฉพาะสวนทเลอกไว
� Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผาน
ต าแหนงทเปน Fill วางๆ จะไมลบให
เลอกลกษณะหรอขนาดของ Eraser โดยคลกท
น าเมาสมาคลก หรอลากผาน ณ ต าแหนงทตองการลบ
Erase Normal Fill Stroke Selection Inside
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 29
การเลอกวตถ (Selection)
วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอน าเขามาใชงานใน Flash
นนเอง การเลอกวตถ เปนขนตอนส าคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยม เครองมอเลอกวตถดงน
Selection Tool ส าหรบเลอกวตถในสภาวะปกต
Subselection Tool ส าหรบการเลอกวตถในโหมดจดเชอม
Lasso Tool ส าหรบการเลอกวตถทมรปทรงอสระ หรอก าหนดขอบเขตการ เลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 30
สงส าคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก “จด” หลายๆ จด
มาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน “Fill”
และสวนทเปน “Stroke” ดงน
Stroke Fill Shape
รปแสดง “จด” อนเกดจากการเลอกบางสวนของวงกลม
การเลอกวตถ หรอกลมวตถดวย Selection Tool
• คลกเลอกเครองมอ Selection Tool
• เลอกวตถ โดยยดหลกดงน
- เลอกเสนขอบของวตถน าเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก
- เลอกพนวตถน าเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 31
เลอกเสนขอบ เลอกพนวตถ
-เลอกวตถทงชนน าเมาสไปชทวตถ แลวดบเบลคลก
-เลอกวตถทงชนน าเมาสไปช ณ ต าแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ
-เลอกวตถหลายๆ ชนน าเมาสไปช ณ ต าแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ
การเลอกวตถโดยการลากคลมพนท
เลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆ
เลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +a
ยกเลกการเลอกวตถ
• น าเมาสไปคลกบนต าแหนงวางๆ ของ Stage หรอ เลอกเมนค าสง
Edit, Deselect All
ซอนการเลอกวตถ
บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอท างานหรอ ตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระท าไดโดยเลอกเมนค าสง
View, Hide Edges หรอกดปม ctrl+ h
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 32
การยกเลกค าสง (Undo)
เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกค าสงนนๆ ไดโดยคลกปม ctrl+z
หรอ Edit, Undo… ซงสามารถยกเลกค าสงยอนหลงไดมากกวา 1 ครง ปรบแตง แกไขวตถ
จดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตง แกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรว เปลยนรปทรง
กราฟกจาก Flash เกดจากการรวมกนของ “จด” ท าใหการปรบแตง เปลยนรปทรงกระท า
ไดงาย และสะดวก เพยงแตใชหลกการ Drag & Drop กท าใหรปทรงพนฐาน เชน วงกลม, วงร,สเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 33
การเปลยนรปทรงของวตถ มหลกการดงน
• วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยม
• เลอกเครองมอ Selection
• น าเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส
• น าเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปราง เปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส
ตวอยางการวาดจรวดแบบงาย
1วาดสเหลยมผนผา 2.เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาต าแหนงกงกลางของ
ของสเหลยม ดงเขามาต าแหนงกงกลางของ
เพอตรงต าแหนงการบดภาพ จากนน ท าซ ากบมมลางขวา
3. เลอนไปชทขอบซาย แลวดงเขา มาดานใน ใหไดเปนรปจรวดดง ตวอยาง
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 34
การยายวตถ
• คลกเลอกเครองมอ Selection Tool
• เลอกวตถ แลวลากเมาสเพอยายวตถไปยงต าแหนงใหม
• เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวย
• เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศร
• เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shift
• เลอนวตถไปยงต าแหนงตางๆ โดยระบพกด ใหระบพกด x, y จาก Shape Properties
ต าแหนงมมบนซายของ Stage จะมพกดเปน 0, 0
การยอ/ขยาย และปรบรปทรงของวตถ
• เลอกวตถ
• คลกปมเครองมอ Free Transform Tool
วตถสภาวะปกต วตถในสภาวะ Free Transform
• น าเมาสไปชทมม หรอขอบวตถ แลว Drag & Drop เพอปรบขนาด หรอรปทรงตาม ตองการ
• คลกเลอกจากเมนค าสง Modify, Transform,… ซงมค าสงใหเลอกทงค าสงหมนวตถ, ค าสงกลบดานของวตถ เปนตน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 35
ภาพตนฉบบ Distort
Envelop Skew
การจดเรยงวตถ (Alignment)
บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจ าเปนตองจดเรยงต าแหนงใหอยในแนว
ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกท าไดยาก Flash
ไดเตรยมค าสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 36
1. วาดวตถใหอยนอก Stage 2. เลอกวตถดวยเครองมอ Move
3. เปด Align Panel
คลก ตอดวย และ
การคดลอกลกษณะเสนขอบวตถ
การคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนท าได
สะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ
ตองการใหวงกลม และสเหลยมเสนขอบด า มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสน
ขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 37
• คลกเลอกเครองมอ Eyedropper
• น าเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยม
ดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได
ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยใน
โหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง
• น าเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสน
ขอบ
กลมวตถ (Group)
ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการ ปรบแตงแกไข เคลอนยายกระท าไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ให
เปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนค าสง Modify, Group และเมอตองการแยกกลบ
สสภาพเดมกเลอกค าสง Modify, Ungroup
รปการตนทเกดจาก Shape หลายชนประกอบรวมกน
ปญหาจากการยาย Shape รปทยงไมไดรวมกลม
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 38
รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ
การแยกชนสวนของวตถ
วตถบางชนทเปน Group หรอ Instance เมอจะตองน ามาท าเปน Movie แบบ Shape
Tweening จ าเปนตองแยกชนสวนของวตถใหอยในสภาวะ “จด” กอนเสมอ ซงท าไดโดยเลอกวตถ
กอน จากนนจงใชเมนค าสง Modify, Break Apart หรอกดปม ctrl + b
รปภาพในสภาวะกลม
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 39
รปภาพทผานการ Break Apart แลว
การปรบแตงแกไขวตถทเปน Group
วตถทอยในสภาวะ Group สามารถยอ/ขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไข
เกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพ
เฉพาะเกยวกบ Group ซงกระท าไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup
ซงสงเกตไดจาก
• Scene 1 หมายถงจอภาพในโหมดหลก
• Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสท
จางไป
จอภาพโหมดปกต (Scene1)
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 40
โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกต
เมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการท างานปกต ดวยทกครง
ฝกหดวาดภาพ
เมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง
มหลกทไมยากอยางทคด ขอใหนกถงหลก “เชอม ตด ปรบเปลยน” เทานนกพอ แผนท การวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด
• วาดเสน ใหมลกษณะ ดงน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 41
• จากภาพจะพบวาเปนการน ากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอ
การใชเทคนค “เชอม” การทจะท าใหมลกษณะเปนเสนทางแผนท จะตองตดสวน
บางสวนของกรอบสเหลยมออกไป ดงน
สวนทตองตดทง
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 42
-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection
น าเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน “จดเลกๆ
หลายจด” ดงตวอยาง
-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน
-ท าซ ากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกด
ปม delete
สวนทตองการคลกเพอลบทง
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 43
หนาคนจากวงกลมและเสนตรง
วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน
ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน
มลกษณะโคง
คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอ กดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 44
หนาคนจากหลายๆ วตถ
เดกชายสวมหมวก
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 45
เดกหญง
คนสงอาย
ดวงอาทตย
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 46
รองเทาสเกต
ถงเทาเดก
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 47
ใบไม
หมวก
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 48
ตนครสมาตส
ตนไม
ตนไม
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 49
ดอกไม
ดนสอ
ตกตาหม
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 50
ฮปโป
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 51
ผลไมการตน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 52
สตอรเบอรร
Symbol และ Instance
การสราง Movie ดวย Flash จ าเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษา
วา Symbol และ Instance คออะไร มความส าคญอยางไร ใชงานอยางไร จงเปนสงส าคญมาก
อยางไรกตาม Flash มการก าหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงน
• Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆ
• Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถท
สรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน Text
Tool
• Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากค าสง
Modify, Group รวมทงขอความจาก Text Tool
• Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการ
แปลงวตถตางๆ รวมถงการสราง Button, Movie Clip และการ น าเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลทท างานม
Symbol อะไร ประเภทใด จาก Library Panel (เรยกดวยค าสง
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 53
Window, Library)
o Graphic เปน Symbol ภาพนง
o Button เปน Symbol ปมกดทสามารถคลกได
o Movie Clip เปน Symbol ภาพเคลอนไหว
• Instance เปน Symbol ทน ามาใชงานบน Stage
ภาพโหมด Shape/Dot โหมด Group โหมด Instance/Symbol
มลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทก ากบ
ตรวจสอบ Symbol ส าหรบไฟล
เมอมการเปดไฟลหรอสรางไฟลใดๆ บางครงอาจจะไมทราบวาไฟลนนๆ ม Symbol ใด
บาง โปรแกรมมค าสงในการตรวจสอบ Symbol โดยเปด Library Panel ดวยเมน Window, Library
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 54
Library ทม Symbol
แปลงวตถเปน Symbol
การสรางภาพเคลอนไหวแบบ Motion Tweening หรอการท าระบบโตตอบ จ าเปนตอง
ท างานกบ Symbol ดงนนวตถหรอภาพกราฟกใดๆ กตาม จะตองแปลงสภาพจาก Shape, Group
หรอ Picture ใหเปน Symbol กอนและจะตองเลอก Behavior ของ Symbol ใหตรงกบลกษณะการ
ใชงาน เชน Symbol ทตองการก าหนดใหคลกไดเพอสงงานใดๆ จะตองก าหนดเปน Button ภาพ
ใดๆ ทมการเคลอนทหรอการเคลอนไหว เชน ลอรถทตองหมน ควรก าหนดเปน Movie Clip หรอ
Symbol ทแสดงเปนเพยงภาพนง กเลอกเปน Graphic เปนตน
การแปลงวตถใหเปน Symbol มหลกการดงน
• วาด/สราง หรอน าเขาวตถ • เลอกวตถ
• เลอกค าสง Insert, Convert to Symbol… หรอกดปม <F8>
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 55
• ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสม
• คลกปม OK เพอยนยนการแปลงวตถเปน Symbol
การสราง Symbol
นอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ
สราง Symbol ไดโดยตรง ซงมขนตอนดงน
• เลอกค าสง Insert, New Symbol…
• ปรากฏจอภาพ Create New Symbol
• ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสราง
Symbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลาง
จอ เปนการระบต าแหนงพกด 0,0 เพอใหสะดวกตอการวางต าแหนง หรอสรางวตถ
• เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการ ท างานปกต
• รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไป
การสราง Symbol ใดๆ ควรยดต าแหนงสญลกษณ + เปนจดเรมตนของวตถ ต าแหนงพกด
0,0
Symbol และ Instance
วตถทพรอมส าหรบการสราง Movie ลกษณะตางๆ รวมถงการลงรหส ActionScript เพอท า
ระบบโตตอบ (Interactive) เมอมการสรางและเกบไวใน Library จะเรยกวา Symbol แตเมอน า
Symbol มาวางใชงานบน Stage จะเรยกวา Instance ทงน Instance จะเปรยบเสมอนตวแทนของ
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 56
Symbol หากมการแกไข Instance จะไมมผลกระทบตอ Symbol แตถาแกไข Symbol ตวแทนหรอ
Instance ทกตวทเกดจาก Symbol นนๆ จะถกแกไขตามไปโดยอตโนมต
การเรยกใช Symbol
การน า Symbol จาก Library มาใชงาน กระท าไดโดยการเปด Library Panel แลวคลกเลอก
Symbol ชนทตองการ ลากมาวางบน Stage และ Symbol จะเปลยนสถานะเปน Instance ทนท
เรยกใช Symbol ส าเรจรปของโปรแกรม
โปรแกรมไดเตรยม Symbol ส าเรจรปเพอสะดวกตอการสรางงาน โดยเรยกใชไดจากเมน
ค าสง Window, Other Panels, Common Libraries… ซงม Library ส าเรจรปใหเลอกใชได
3 กลม
เมอเลอก Symbol ทตองการไดแลว กสามารถน ามาวางบน Stage โดยการน าเมาสชท Symbol นน
แลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนท
เรยกใช Symbol จากไฟลอน
จดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟล อน โดยมหลกการดงน
• เปดไฟลเอกสารทตองการสรางงาน
• เรยกใชค าสง File, Import, Open External Library…
• เลอกไฟลทตองการน า Library มาใชงาน
• โปรแกรมจะเปด Library มาใหเลอกท างาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยง ไฟลเอกสารปจจบนโดยอตโนมต
แกไข Symbol
Symbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดย
• เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instance
ของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท
• ปรากฏหนาตางการท างานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ ม
สญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage
• แกไข Symbol เหมอนกบการแกไขวตถปกตทวไป
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 57
• เมอแกไขเรยบรอยแลว สามารถกลบมาท างานในโหมดปกตไดโดยคลกทชอ Scene1
(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)
หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทน ามาใช
งานบน Stage
แกไข Instance
Instance เปรยบเสมอนวตถชนหนง ซงสามารถใชค าสงจดการวตถ มาด าเนนการ
ปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงน
วธท 1
• คลกเลอก Instance
• ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถ
วธท 2
• คลกเลอก Instance
• ก าหนดลกษณะของสทตองการจาก Instance Properties
o Brightness ความสวาง
o Tint การปรบแกไขส/ความโปรงแสง
o Alpha การปรบแกไขความโปรงแสง
o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 58
เฟรมและ Timeline
การสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการ เปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไป
เมอน าการตนทกภาพมาแสดงอยาง รวดเรว กจะท าใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการ น าคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละ
ใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการน าเสนอ
ดงนน Frame และ Timeline จงเปนสวนส าคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยม ลกษณะหนาตาง ดงน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 59
Timeline
เปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงให
หนวยละ 5 ชวงเวลา
เฟรม
คอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie
1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาด
วงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลม ใหเลอนมาดานขวานดหนง และท าซ าๆ ไปเรอยๆ ซง
เปนการสราง Movie ใหวงกลมวงจากดานซายมา ดานขวานนเอง
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 60
Playhead
ต าแหนงของเฟรมปจจบนทจะปรากฏบน Stage
เฟรม และคยเฟรม (Frame & Keyframe)
คยเฟรม คอ การก าหนดต าแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไป
โดยต าแหนงเฟรมใดทตองการก าหนดใหมสถานะเปน Keyframe ใหใชค าสง Insert, Timeline,
Keyframe
เฟรม คอ การก าหนดต าแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการท า
ฉากหลง โดยต าแหนงเฟรมใดทตองการก าหนดใหมสถานะเปน Frame ใหใชค าสง Insert,
Timeline, Frame
ควบคมเฟรม
การควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชค าสงจากเมน Insert ยง
สามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกค าสงท
ตองการ ลบเฟรม
• เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)
• เลอกค าสง Remove, Frames
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 61
Movie File
Movie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบ
คอ
• Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลา และวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสม าเสมอ
ไมเปนมาตรฐาน เชน ดอกไมบาน, การงอกของตนไม, การบนของนก, การเดนของ
สตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทน ามา
สรางจะอยในสถานะใดกได
• Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดย การค านวณของโปรแกรม การสรางกระท าไดงาย โดยสรางเฉพาะภาพแรก กบภาพ
สดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอล
ตกจากทสงมากระทบพน, การบนของเครองบน, การหมนรอบวตถใดๆ การสราง
Movie แบบน วตถจะตองอยในสถานะ Symbol กอน
• Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจาก
รปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม, เปลยนจากไขนก เปน
ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart
Motion Tween
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 62
การสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสราง
วตถในต าแหนงเรมตน และต าแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมต
รวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panel
หลกการสราง Movie แบบ Motion Tween
• ก าหนดเฟรมเรมตน (ไมจ าเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการ
แลวเลอกค าสง Insert, Timeline, Keyframe หรอคลกปมขวาของเมาส แลวเลอก
Insert, Keyframe
• สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbol
o การสรางวตถในสภาวะ Group
� เลอกวตถทสราง
� ใชคยลด ctrl G
o การสรางวตถในสภาวะ Symbol
� เลอกวตถทสราง � กดปม F8
� ตงชอ Symbol และเลอก Behavior ทเหมาะสม
• เลอกเฟรมปลายทาง แลวเลอกค าสง Insert, Timeline, Keyframe หรอคลกปมขวาของ
เมาส แลวเลอก Insert, Keyframe
• ปรบแตงวตถ หรอยายวตถตามตองการ • เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกค าสง Create Motion Tween
ตวอยาง Motion Tween – ดนสอ
สราง Motion Tween เปนรปดนสอเคลอนทจากต าแหนงหนง ไปอกต าแหนงหนง ม 4
ขนตอน ดงน
ขนแรก สรางวตถ (ดนสอ)
• สรางไฟล Flash แลวก าหนด
ลกษณะ Stage ใหเหมาะสม
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 63
ดวยค าสง Modify, Document
• วาดสเหลยมรปทรงแทงยาว ก าหนดลกษณะเสนขอบตาม ความหมาะสม • เตมสใหกบดนสอ โดยการใช
ชดสไลโทน “สม/ขาว” โดย
เปด Color Mixer Panel เลอก
รายการชดสเปน Linear
ก าหนด Color Maker 3
ต าแหนง โดยต าแหนงท 1
และต าแหนงท 3 ใหก าหนด
เปนสสม ต าแหนงท 2 ก าหนด เปนสขาว
• เลอกเครองมอ Paint Bucket
เตมสลงในรปสเหลยม
• ใชเครองมอวาดเสน*ต
เสนตรงตดรปสเหลยม 2
ต าแหนง เพอแปลงสภาพเปน
ปลายดนสอ และยางลบ
• เลอกเครองมอ Selection
ปรบปลายดานหนงสเหลยม
ใหเปนสามเหลยม ดงรป
ปรบปลายดานหนงสเหลยม ใหเปนสามเหลยม ดงรป
• ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดย
ใชเครองมอ Selection คลก
เลอกแลวกดปม delete
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 64
• ดดแปลงปลายดนสออกดานใหเปนยางลบ
ดงตวอยาง
• แปลงรปดนสอทวาดเรยบรอย
แลว เปน Symbol แบบ
Graphics โดยใชเครองมอ
Selection เลอกดนสอ กดปม
F8 ตงชอ Symbol เชน Pencil
เลอก Behavior เปน Graphic
แลวคลกปม OK เพอยนยน
การสราง Symbol
ขนทสอง ก าหนดจดเรมตนของ Movie
• ก าหนดจดเรมตนของ Movie
สมมตใหเรมตนทขอบซาย
ของ Stage ณ เวลา 5 หนวย
o คลกเมาสในเฟรม 5 ของ
Timeline Panel
o กดปมขวาของเมาส เลอก
ค าสง Insert Keyframe
o กรณทวาด/สรางวตถไว
กอนหนานแลว เฟรม 1 จะ
เปน Keyframe โดย อตโนมต สามารถใช
หลกการ Drag & Drop
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 65
ยายต าแหนง Keyframe
จากเฟรม 1 ไปเฟรม 5 ได
• ใชเครองมอ Selection และ
Free Transform ยาย/ ปรบเปลยนรปทรงของดนสอ ใหเหมาะสม ขนทสาม ก าหนดต าแหนงปลายทาง • คลกเมาสเลอกเฟรมปลายทาง
เชนเฟรม 50 แลวคลกปมขวา
ของเมาส เลอกค าสง Insert
Keyframe
• ใชเครองมอ Selection ยาย ต าแหนงดนสอไปต าแหนงใหม
ขนท 4 ใส Motion Tween
ทเฟรมตนทาง
• คลกเมาสในเฟรมตนทางของ
Motion จากตวอยางคอเฟรมท 5
• คลกปมขวาของเมาส แลวเลอก
ค าสง Create Motion Tween
• ทดสอบ Movie โดยใชคยลด
Ctrl +enter o กลบมาสจอภาพแกไข
Movie โดยกดปม Ctrl +w
• บนทกไฟล (ยกตวอยางชอ pen)
แลว Publish เปน SWF
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 66
Shape Tween
Shape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถ ขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรป
หลายเหลยม เปนตน
หลกการสราง Movie แบบ Shape Tween
• ก าหนดเฟรมเรมตน (ไมจ าเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการ
แลวเลอกค าสง Insert, Timeline, Keyframe หรอคลกปมขวาของเมาส แลวเลอก
Insert, Keyframe
• สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานน
o กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะ
Shape กอน โดย เลอกวตถ
กดปม ctrl + b(อาจจะตองท าหลายครง) จนกวาวตถมจดพกเซล เลกๆ ประกอบในวตถ
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 67
• เลอกเฟรมปลายทาง แลวเลอกค าสง Insert, Timeline, Keyframe หรอคลกปมขวาของ
เมาส แลวเลอก Insert, Keyframe
• สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการ
• เลอนเมาสกลบมาคลกทเฟรมตนทาง ก าหนดคา Tween จาก Properties เปน Shape
ตวอยาง Shape Tween – Magic Flower
ฝกปฏบตการสราง Movie – Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบ
Shape Tween
• สรางไฟลใหม ก าหนดลกษณะ/
ขนาด Stage ตามตองการ
• สรางชดสไลเฉด สม, ขาว, สม
โดยเปด Color Mixer Panel
• เลอกรปแบบการลงสแบบ
Radial
• ก าหนดจด Marker 3 จด จดท 1
และจดท 3 ก าหนดเปนสสม จด
ท 2 ก าหนดเปนสขาว
• วาดรปวงกลม ก าหนดต าแหนง
ใหเหมาะสม
• ก าหนดเฟรมสดทายของ Movie
เชน เลอกเฟรม 50 ใหคลกปม
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 68
ขวาของเมาสในเฟรม 50 แลว
เลอกค าสง Insert, Keyframe
• ลบรปวงกลมในเฟรม 50
ออกไป
• เลอกเครองมอ PolyStar
• คลกปม Options ใน Properties
Panel เลอกเปน Star ก าหนดคา ตามตองการ • วาดรปหลายเหลยม ใหอยใน
ต าแหนงเดยวกบวงกลมทลบไป
เดม
• เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปน
Shape
• ทดสอบ Movie บนทกไฟล
ตวอยาง Shape Tween – การขดเสนดวยดนสอ
น า Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการ ขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทม ความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะน าการท างานกบเลเยอร การสราง
Shape Tween ไปในขณะเดยวกน
• เปดไฟล pen.fla
• เปลยนชอเลเยอร Motion
Tween ของดนสอ เปน Pencil
โดยดบเบลคลกทชอ Layer 1
ปอนชอใหมแลวกดปม Enter
• สรางเลเยอรใหม โดยคลกท
ปม Insert Layer ใน Timeline
• เปลยนชอเลเยอรใหม เปน
Line
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 69
• ก าหนดเฟรมตนทางของ
Shape Tween เชน เฟรม 5
โดยคลกเมาสในเฟรม 5 แลว คลกปมขวาของเมาส เลอก
ค าสง Insert Keyframe
• วาดเสนบางๆ สนๆ ดวย
เครองมอ Pencil
• พยายามวาดใหอยใตดนสอ • เลอกเฟรมปลายทาง ใหอย ต าแหนงเดยวกบเลเยอรดนสอ
(เชนเฟรม 50) คลกปมขวาของ
เมาส แลวเลอกค าสง Insert
Keyframe
• ขยายเสนทขดในเลเยอร Line
ใหยาว มระยะทางเทากบจด ปลายทางของดนสอ โดยใช
เครองมอ Free Transform
คลกเลอกเสนขด จากนนยาย จดศนยกลางของเสนขดไปอย
รมดานซาย (ใชเครองมอ
Zoom เพอขยายภาพใหเหน
เดนชด)
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 70
• ลากจด Handle ดานขวาใหยาว เทากบปลายทางของดนสอ • เลอนเมาสกลบมาคลกทเฟรม
ตนทางของเลเยอร Line
• เปลยนคา Tween จาก
Properties เปน Shape
• ทดสอบ Movie โดยใชคยลด Ctrl + enter
o กลบมาสจอภาพแกไข Movie
โดยกดปม Ctrl + w
• บนทกไฟล แลว Publish เปน
SWF
ตวอกษร/ขอความ
เมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอก สวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมค าสงทเกยวของดงน
สรางขอความ
• คลกเลอกเครองมอ Text Tool
• เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property
โหมดตวอกษร – Static คอตวอกษรในสภาวะปกต, Dynamic คอ
ตวอกษรทรบคาจากตวแปร, Input คอตวอกษรทสามารถปอนผานแปนพมพ
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 71
• น าเมาสไปคลก ณ ต าแหนงทตองการพมพงาน ปรากฏกรอบพมพงาน
o ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวา ของกรอบขอความ มสญลกษณวงกลมเลกๆ o ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงาน
แบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณ
สเหลยมเลกๆ
• พมพงานทตองการ สามารถยกเลกโดยน าเมาสไปคลก ณ ทวางๆ บน Stage
ตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท
ปรบเปลยนกรอบขอความ • เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหน าเมาสไปชทวงกลม มมบนขวา ของกรอบขอความ กดปมเมาสคางไว แลวลากออก • เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยม มมบนขวาของกรอบขอความ ปรบเปลยนรปรางตวอกษร กอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระท าไดรายตวอกษร จะตองแยก องคประกอบของขอความนนๆ กอน โดย • คลกเลอกขอความ
• เลอกเมนค าสง Modify, Break Apart (อาจจะใชค าสงนหลายครง)
• ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 72
• สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Tool
• นอกจากการใชค าสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถ
เคลอนยาย, หมน, บดตวอกษรไดเหมอนกบวตถทวไป
ท างานกบเลเยอร (Layer)
เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยใน
ชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยด
หลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระท าไดอยางสมบรณ
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 73
เปลยนชอเลเยอร
• ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม <Enter>
เปลยนล าดบของเลเยอร • น าเมาสไปคลกทชอเลเยอรทตองการเปลยนล าดบ กดปมเมาสคางไว แลวลากไป
ปลอย ณ ต าแหนงใหม
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 74
ควบคมเลเยอร
• ซอน/แสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมน
• ลอกเลเยอร ปองกนการแกไข
• แสดงผลแบบโครงราง เหมาะส าหรบการสราง Movie กบเครองทมแรม ไมมากนก
การแสดงผลแบบปกต การแสดงผลแบบโครงราง
ไฟลเสยง (Sound)
การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถ น าเสนอเสยงพรอมๆ กบการน าเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดย
การน าเสนอไฟลเสยงดวย Flash ท าได 2 รปแบบคอ
• Event Sound ซงจะมรปแบบการน าเสนอ (บรรเลงเพลง) เมอเพลง
นนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณ
• Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอ
ใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timeline
นบเปนรปแบบทดทสดส าหรบการน าเสนอผานเครอขายอนเทอรเนต ฟอรแมตไฟลเสยง
ไฟลเสยงทสนบสนน Flash ไดแก
• WAV ไฟลเสยง/เพลงทสามารถท างานไดบนระบบปฏบต Windows โดยจะตอง
มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz, 22 kHz, หรอ 44
kHz Mono เทานน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 75
• AIFF ไฟลเสยง/เพลงทท างานในคอมพวเตอรระบบ Macintosh
• MP3 ไฟลเสยง/เพลงทท างานไดทงระบบปฏบตการ Windows และ
คอมพวเตอรระบบ Macintosh ซงมจดเดนคอขนาดไฟลจะมขนาดเลกกวา
ฟอรแมต WAV และ AIFF
ท างานกบไฟลเสยง
การท างานหรอควบคมไฟลเสยงของ Flash มสองรปแบบ คอแบบฝงไฟลเสยงกบไฟล
Flash (Embedded) และแบบเชอมไฟล (Linking) โดยไฟลฟอรแมต WAV และ AIFF มกจะใช
รปแบบ Embedded ท าใหไฟล Movie มขนาดโต ในขณะทไฟล MP3 จะใชรปแบบ Linking ท าให
ไฟล Movie มขนาดเลก แตมจดเสย คอ การน าไปใชจะตองน าไปทงไฟล Movie และไฟลเพลง
MP3
ควบคมไฟลเสยงฟอรแมต WAV
การท างานและควบคมไฟลเสยงฟอรแมต WAV ม 3 ขนตอนหลก คอ การน าเขาไฟลเสยง
ไปเกบไวใน Library, การท างานกบไฟลเสยงบน Timeline และการสรางปมควบคมเสยงดวย
Action Script
การน าเขาไฟลเสยง
• เตรยมไฟลเสยงฟอรแมต WAV
• สราง Flash Movie ก าหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนค าสง
Modify, Document
• เปด Library Panel ดวยค าสง Window, Library
• เลอกค าสง File, Import, Import to Library
• เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอน าเขา
• ไฟลเสยงทน าเขา จะเกบไวใน Library Panel
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 76
การท างานกบไฟลเสยง
เมอน าเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถน ามาสราง Movie หรอ ควบคมการน าเสนอไดโดย
• สราง Layer ควบคมไฟลเสยง
• ลากไฟลเสยงจาก Library มาวางบน Stage
• จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยง
• ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกค าสง
Insert, Frame (อาจจะตองท าหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)
การควบคมเสยงใน Movie
เมอน าเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie
ควรสรางปมควบคมการน าเสนอ ไดแก ปม Stop, ปม Pause และปม Play
• สรางเลเยอรใหม ตงชอเปน Button
• เปด Button Panel ดวยค าสง Window,
Other Panels, Common Libraries, Button
• เลอกปมควบคมเสยงมาวางบน Stage ให
ครบ 3 ปม เพอท าหนาทเปนปม Stop, ปม
Pause และปม Play
• คลกเฟรม 1 ของเลเยอร Sound
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 77
• เปด Properties Panel
• เปลยนคา Sync จาก Event เปน Stream
เพอใหการน าเสนอไฟลเสยงเปนแบบ
Streaming
o สามารถเปลยนไฟลเสยงไดจากรายการ
Sound
o การยกเลกไฟลเสยง ใหเลอก None จาก
รายการ Sound
o รายการ Effect เปนการใสลกษณะพเศษ ใหกบเสยงเชน เสยงเรมแบบเบาๆ แลว
คอยๆ ดงขน (Fade in)
• เลอกปม Stop
• เปด Action Panel โดยกดปม (
• ปอนค าสง Action Script ควบคมปม Stop
โดยจะหมายถงการสงให Play Head ของ
Timeline วงกลบไปทเฟรม 1 แลวหยดการ ท างานนนเอง
on (press) {
gotoAndStop(1);
}
• เลอกปม Pause on (press) {
• เปด Action Panel โดยกดปม (
• ปอนค าสง Action Script ควบคมปม Pause
โดยจะหมายถงการสงให Play head ของ
Timeline หยด ณ ต าแหนงทคลกปม
stop();
}
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 78
• เลอกปม Play
• เปด Action Panel โดยกดปม (
• ปอนค าสง Action Script ควบคมปม Play
โดยจะหมายถงการสงให Play Head ของ
Timeline เลนตอจากต าแหนงทหยดครง ลาสด
on (press) {
play();
}
• บนทกไฟล แลว Publish เปน .swf
• ทดสอบไฟล .swf
ควบคมเพลง MP3
การน าเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงใน
ชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงน
• เตรยมไฟลเพลงในฟอรแมต MP3
• สราง Flash Movie ก าหนดขนาดของ
Flash Movie ดวยค าสง Modify,Document
• บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3
• เปด Components Panel ดวยค าสง
Window, Development Panels,
Components
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 79
• เลอกรายการ MediaPlayback แลวลากมา
วางบน Stage ก าหนดขนาดจาก
Properties Panel
• คลกเลอก MediaPlayback บน Stage เปด
Component Inspector Panel ดวยค าสง
Window, Development Panels,
Component Inspector
• เลอกรปแบบสอเปน MP3
• ระบชอไฟลเพลง MP3 ในบรรทด URL
• เลอกรายการควบคมเพลง เชน
1.Automatically Play ใหเพลงบรรเลง
ทนททเปดไฟลหรอไม ?
2.Control Placement เลอกต าแหนงของ
แถบควบคมเพลง ?
3.ontrol Visibility แสดงแถบควบคม
เพลงใหเหนทนทหรอไม ?
ควบคม VDO
การน าเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการน าเสนอ/
ควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมต
AVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video
(FLV)
จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จ าเปนตองมการตดตงโปรแกรม
ประกอบในคอมพวเตอรกอนจงจะสามารถท างานได เชน QuickTime หรอ DirectX 7 ขนไป โดย
ฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก
File type Extension
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 80
Audio Video Interleaved .avi
Digital video .dv
Motion Picture Experts Group .mpg, .mpeg
QuickTime movie .mov
ส าหรบฟอรแมตไฟล VDO ทสามารถน าเขาเมอตดตง DirectX 7.0 ขนไป ไดแก
File type Extension
Audio Video Interleaved .avi
Motion Picture Experts Group .mpg, .mpeg
Windows Media file .wmv, .asf
VDO แบบ Embedded
• เตรยมไฟล VDO
• สราง Flash Movie ก าหนดขนาด/คณสมบต ตามตองการ
• น าเขาไฟล VDO ดวยค าสง File, Import,
Import to Stage
• เขาสโหมดการน าเขา VDO
น าเขา VDO ทนท เลอกรายการ Import
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 81
the entire video
o เขาสสวนการควบคม ตดตอ VDO ให
เลอก Edit the video first
• เลอกรายการ Import the entire video เพอ
เขา VDO ทนท จากนนคลกปม Next
• เขาสสวนการเขารหส VDO ใหเหมาะสม กบชองทางการเผยแพร เชน ถาตองการ
สราง Flash Movie น าเสนอ VDO ส าหรบ
ผใชทเรยกดอนเทอรเนตผาน MODEM
56Kbps กใหเลอก Compression profile
เปน 56Kbps หรอเลอกระบบอนๆ ตาม
ความเหมาะสม จากนนคลกปม Finish
• รอสกคร Flash จะน าเขาไฟล VDO
• โปรแกรมจะแสดงเวลาทงหมดของ VDO
คลกปม Yes เพอยนยนการน าเขา
• ปรากฏจอภาพ VDO บน Stage
• สรางเลเยอรใหม ตงชอเปน Button สราง
ปมควบคม VDO 3 ปมไดแก ปม Stop, ปม
Pause และปม Play on (press) {
• เปด Action Panel โดยกดปม F9 gotoAndStop(1);
• ปอนค าสง Action Script ควบคมปม Stop }
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 82
โดยจะหมายถงการสงให Play Head ของ
Timeline วงกลบไปทเฟรม 1 แลวหยดการ ท างานนนเอง
• เลอกปม Pause on (press) {
• เปด Action Panel โดยกดปม F9 stop();
• ปอนค าสง Action Script ควบคมปม Pause }
โดยจะหมายถงการสงให Play head ของ
Timeline หยด ณ ต าแหนงทคลกปม
• เลอกปม Play on (press) {
• เปด Action Panel โดยกดปม F9 play();
• ปอนค าสง Action Script ควบคมปม Play }
โดยจะหมายถงการสงให Play Head ของ
Timeline เลนตอจากต าแหนงทหยดครง
ลาส
โดยจะหมายถงการสงให Play Head ของ
Timeline เลนตอจากต าแหนงทหยดครงลาสด
• บนทกไฟล แลว Publish เปน .swf
• ทดสอบไฟล .swf
กรอบ VDO
เทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวย
วตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเล
เยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพท
อยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวย
เทคนค Masking จะชวยใหการน าเสนอ VDO มจดเดนในเรองกรอบ VDO
• น าไฟล VDO จากแบบฝกหดกอนหนา มา
ปรบแตงโดยสรางเลเยอรใหม ใหอยชน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 83
บนสด ตงชอเปน Mask
• วาดรปทรงตามตองการ โดยรปทรงทวาด
จะถกน ามาใชเปนสวนแสดง VDO
• เลอกเลเยอร Mask กดปมขวาของเมาส แลว
เลอกค าสง Mask
• บนทกไฟล แลว Publish เปน .swf
• ทดสอบไฟล .swf
ตดตอ VDO
กอนทจะน าไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจ าเปนตองตดตอ
VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การน ามาสราง
เปน Flash Movie จะท าใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยาง
เหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการน าเสนอม ความเหมาะสมมากกวา
• เตรยมไฟล VDO
• สราง Flash Movie
• น าเขาไฟล VDO ดวยค าสง File,
Import, Import to Stage
• เขาสสวนการควบคม ตดตอ VDO
เลอก Edit the video first
• เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 84
• การตดตอ VDO ท าไดโดยเลอนสญลกษณ ไป ณ ต าแหนงจดเรมตนของ VDO จากนน
เลอนสญลกษณ เขามา ณ ต าแหนงจดสดทายของ VDO
• คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวน
พรอมๆ กน
คมอการใชโปรแกรม Flash CS3 โดย คนพรรณ ภโตนนา 85
ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปน
การระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสม
VDO จากหลายคลป)
• คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอก
รปแบบทเหมาะสมแลวคลกปม Finish
• รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป