คู่มือการใช้โปรแกรม Flash CS3 โดย ... · 2017. 7. 29. · คู่มือการใช้โปรแกรม Flash CS3 โดย

คมอการใชโปรแกรม 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

เมอคลกเลอกการสรางผลงานใหมของ Flash จากรายการ Create New Flash File

จะปรากฏสวนประกอบจอภาพการท างานดงน


แถบเครองมอหลก (Main Toolbar)

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

Window, Toolbars, Main

แถบเครองมอ (Toolbox)

กลมเครองมอสรางงานและจดการวตถ ประกอบดวยปมเครองมอยอยตางๆ สามารถเปด/

ปดดวยค าสง Window, Tools โดยสามารถแบงเครองมอเปนหมวดๆ ได 5 หมวด คอ เครองมอ

หมวดเลอกวตถ (Selection) เครองมอหมวดวาดภาพ (Drawing) เครองมอจดแตงวตถ (Modify)

เครองมอควบคมมมมอง (View) และเครองมอควบคมส (Color)


Document Tab

สวนควบคมเอกสาร สามารถคลกเพอสลบเปลยนจอภาพเอกสาร

Timeline & Layer

Timeline เปนสวนส าคญทท าหนาทควบคมการน าเสนอผลงาน สามารถเปด/ปดดวยค าสง


Window, Timeline

Layer สวนควบคมการสรางชนวตถ เพอใหการควบคมวตถแตละชน มอสระ และสะดวก ตอการแกไข ปรบแตง

Stage & Workspace

จากรปตวอยางน เมอสงน าเสนอผลงาน แสดงวาจะก าหนดใหเรอยงไมตองแสดงผลทนท


บนจอภาพ เพราะเรอถกน าไปวางไวในพนทสเทา เมอน ามาท าเปน Movie ใหเรอวงผานจอภาพไป

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

Panel

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

รายการค าสงในเมน Window


ควบคม 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 Movie สามารถบนทกในฟอรแมตทพรอมใชงาน ไดดงน

ประเภทไฟล สวนขยาย

Flash Movie .swf

Animation GIF Image .gif

QuickTime .mov

Windows AVI .avi

Execute File .exe

สรางไฟลใหม

ไฟล Flash ทสรางใหมทกครง ควรก าหนดคณสมบตใหเหมาะสม ดวยค าสง Modify

Document เชน ความกวาง/ความสงของ Stage ลกษณะสพนของ Stage เปนตน

เปดไฟล


การเปดไฟลภาพใชค าสง 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…


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

ภาพประกอบสอสงพมพ แนะน าใหเลอกเปน .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


• 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 เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนท


ทมภาพเทานน ใหเลอกเปน 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 และ HTML

• สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน .mov

• สราง Movie ทสามารถน าเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอก

รายการ Windows Projector ซงจะไดไฟลทมสวนขยาย .exe หรอเลอกรายการ

Macintosh Projector ส าหรบการน าเสนอบนเครองคอมพวเตอร Macintosh

เมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stage

เปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบท างานกบ


Stage

Stage เปนชอเรยกพนทสรางภาพกราฟกของ Flash นบเปนพนทส าคญในการสรางสรรค

งานกราฟก หรอสราง Movie มลกษณะเปนพนทสเหลยมสขาวลอมดวยกรอบสเทา ภาพกราฟก หรอวตถใดๆ สามารถวางไดบนพนทสขาว และสเทา แตเมอสงน าเสนอผลงาน เฉพาะภาพกราฟก หรอวตถทวางบนพนทสขาวเทานน ทจะแสดงผล

ขนาดของ Stage

ขนาดของ Stage จะหมายถงพนทการแสดงผลของ Movie นนเอง ดงนนกอนสรางงานควร

ก าหนดขนาดของ Stage ใหเหมาะสมและตรงกบการใชงานจรง การก าหนดขนาดของ Stage

กระท าไดโดย

• เลอกค าสง File, New… เพอเขาสโหมดการสราง Movie

• คลกเลอกค าสง Modify, Document…


• ก าหนดคาความกวาง ความสงของ 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


ขอแนะน าการก าหนดขนาดของ 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…


Guide มลกษณะเปนเสนตรงทผใชสามารถก าหนดต าแหนง เพอชวยในการกะระยะตางๆ ชวยในการวาดภาพ เคลอนยายต าแหนงลกษณะเดยวกบกรด แตมความอสระมากกวา โดยการ

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

(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ต าแหนงทปลอยเมาส

การปรบยายต าแหนงเสนไกด กระท าไดโดยคลกเลอกเครองมอ Move แลวน าเมาสไปชทเสน

ไกด เพอปรบยายต าแหนง

ค าสงทเกยวของกบแถบไมบรรทด, Grids และไกด คอค าสง Snap to… ซงมหลายค าสง เชน

• Snap to Grids ชวยใหการวาด/สรางวตถ, การยอขยาย หรอยายต าแหนงอง เสนกรดทก าหนดไว

• Snap to Guides ชวยใหการวาด/สรางวตถ, การยอขยาย หรอยายต าแหนงองเสน

ไกดทก าหนดไว

• Snap to Objects ชวยใหการวาด/สรางวตถ, การยอขยาย หรอยายต าแหนงองจด

กงกลาง (Center Point) ของวตถ


การใชเครองมอของ Flash

การสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยม

เครองมอหลายกลม และเปด/ปด Toolbox ไดจากเมนค าสง Window, Tools

เครองมอกลมเลอกวตถ(Selection)

เครองมอกลมวาดภาพ (Draw)

เครองมอกลมจดการปรบแตงแกไข(Edit)

เครองมอกลมแสดงผล (View)

เครองมอกลมจดการส (Color)

เครองมอกลมค าสงเสรม (Tools Modifier)


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


←

รายละเอยดเกยวกบสวนควบคมสใน Toolbox

รายการเลอก No Color จะแสดงผลเมอคลกเลอกวาดสเหลยม หรอวาดวงกลม ดงนน

กอนเลอกสใหกบการวาดสเหลยม, วงกลม ควรคลกเลอกเครองมอวาดสเหลยม หรอวาดวงกลม

กอนทจะคลกปมเลอกส ซงปนรายการส าคญมาก และมกจะเปนรายการทเขาใจผด เชน ถา ตองการวาดวงกลมไมมสพน หลายๆ ทาน จะใชวธการเลอก Fill Color ใหกบสของ Backgroundเชน ถา Background เปนสขาว กจะเลอก Fill Color เปนสขาว ซงมความหมายทตางไป

Stroke Color

Fill Color

Stroke Color สเสน

Fill Color สพนของวตถ, ส

Swap Color การสลบส Default Color

คนคาสสคาเดม คอด า ขาว


เพมส

การเพมรายการส สามารถท าไดโดยคลกทเครองมอเลอกส (จะเปนFill หรอ Stroke) กได

แลวคลกทปม Color Picker ซงปรากฏทมมบนขวาของจอภาพแสดงคาส � ปรากฏจอภาพผสมสใหม

� คลกในชอง Custom colors

� ผสมสตามตองการ

� คลกปม Add to Custom Colors

การเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

ปรากฏจอภาพผสมสใหม

คลกทปม Color Picker


� คลกในชอง Custom colors

� ผสมสตามตองการ

� คลกปม Add to Custom Colors

การเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสท

กลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการท างานเกยวกบส โดยเฉพาะในสวนทเปน

การไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถท าไดจากสวนควบคมส


ปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอ

• Swatches ซงมการท างาน/ใชงานลกษณะเดยวกบ Toolbox

• Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การท าสแบบไลโทนลกษณะตางๆ,

การใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใส

ของส (Alpha)


การเลอกรายการจาก 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


น าเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointer

ก าหนดจ านวน Gradient Pointer ตามตองการ

ถาตองการลบ Gradient Pointer ใหน าเมาสไปช ณ Gradient Pointer ทตองการลบ แลว

ลากออกจาก Gradient definition bar

• ก าหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนน

Linear

Radial


คลกเลอกสจาก Current Color ท าซ ากบ Gradient Pointer ต าแหนงอน

• สามารถเลอนปรบต าแหนงของ Gradient Pointer โดยใชหลก Drag & Drop

คลกปม Color Mixer Option Menu แลวเลอกค าสง Add Swatch

เพอเพมสทก าหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)

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

ดานหลงได


เครองมอวาดภาพ

สเหลยม, วงกลม, วงร

• คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

ก าหนดสพน, สเสนขอบ และลกษณะของเสนขอบจาก Properties

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

Stroke Style Dialog Box ดงภาพ

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

• ถาตองการรปทสมบรณ ควรกดปม <Shift> คางไว ขณะลากเมาส


ลบวตถดวย 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


การเลอกวตถ (Selection)

วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอน าเขามาใชงานใน Flash

นนเอง การเลอกวตถ เปนขนตอนส าคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยม เครองมอเลอกวตถดงน

Selection Tool ส าหรบเลอกวตถในสภาวะปกต

Subselection Tool ส าหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool ส าหรบการเลอกวตถทมรปทรงอสระ หรอก าหนดขอบเขตการ เลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน


สงส าคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก “จด” หลายๆ จด

มาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน “Fill”

และสวนทเปน “Stroke” ดงน

Stroke Fill Shape

รปแสดง “จด” อนเกดจากการเลอกบางสวนของวงกลม

การเลอกวตถ หรอกลมวตถดวย Selection Tool

• คลกเลอกเครองมอ Selection Tool

• เลอกวตถ โดยยดหลกดงน

- เลอกเสนขอบของวตถน าเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก

- เลอกพนวตถน าเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก


เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนน าเมาสไปชทวตถ แลวดบเบลคลก

-เลอกวตถทงชนน าเมาสไปช ณ ต าแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

-เลอกวตถหลายๆ ชนน าเมาสไปช ณ ต าแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนท

เลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆ

เลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +a

ยกเลกการเลอกวตถ

• น าเมาสไปคลกบนต าแหนงวางๆ ของ Stage หรอ เลอกเมนค าสง

Edit, Deselect All

ซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอท างานหรอ ตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระท าไดโดยเลอกเมนค าสง

View, Hide Edges หรอกดปม ctrl+ h


การยกเลกค าสง (Undo)

เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกค าสงนนๆ ไดโดยคลกปม ctrl+z

หรอ Edit, Undo… ซงสามารถยกเลกค าสงยอนหลงไดมากกวา 1 ครง ปรบแตง แกไขวตถ

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

กราฟกจาก Flash เกดจากการรวมกนของ “จด” ท าใหการปรบแตง เปลยนรปทรงกระท า

ไดงาย และสะดวก เพยงแตใชหลกการ Drag & Drop กท าใหรปทรงพนฐาน เชน วงกลม, วงร,สเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน


การเปลยนรปทรงของวตถ มหลกการดงน

• วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยม

• เลอกเครองมอ Selection

• น าเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

• น าเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปราง เปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2.เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาต าแหนงกงกลางของ

ของสเหลยม ดงเขามาต าแหนงกงกลางของ

เพอตรงต าแหนงการบดภาพ จากนน ท าซ ากบมมลางขวา

3. เลอนไปชทขอบซาย แลวดงเขา มาดานใน ใหไดเปนรปจรวดดง ตวอยาง


การยายวตถ

• คลกเลอกเครองมอ 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,… ซงมค าสงใหเลอกทงค าสงหมนวตถ, ค าสงกลบดานของวตถ เปนตน


ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)

บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจ าเปนตองจดเรยงต าแหนงใหอยในแนว

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

ไดเตรยมค าสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว


1. วาดวตถใหอยนอก Stage 2. เลอกวตถดวยเครองมอ Move

3. เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถ

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

สะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบด า มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสน

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


• คลกเลอกเครองมอ Eyedropper

• น าเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยม

ดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยใน

โหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

• น าเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสน

ขอบ

กลมวตถ (Group)

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

เปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนค าสง Modify, Group และเมอตองการแยกกลบ

สสภาพเดมกเลอกค าสง Modify, Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม


รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถ

วตถบางชนทเปน Group หรอ Instance เมอจะตองน ามาท าเปน Movie แบบ Shape

Tweening จ าเปนตองแยกชนสวนของวตถใหอยในสภาวะ “จด” กอนเสมอ ซงท าไดโดยเลอกวตถ

กอน จากนนจงใชเมนค าสง Modify, Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม


รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Group

วตถทอยในสภาวะ Group สามารถยอ/ขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไข

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

เฉพาะเกยวกบ Group ซงกระท าไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup

ซงสงเกตไดจาก

• Scene 1 หมายถงจอภาพในโหมดหลก

• Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสท

จางไป

จอภาพโหมดปกต (Scene1)


โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกต

เมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการท างานปกต ดวยทกครง

ฝกหดวาดภาพ

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

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

• วาดเสน ใหมลกษณะ ดงน


• จากภาพจะพบวาเปนการน ากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอ

การใชเทคนค “เชอม” การทจะท าใหมลกษณะเปนเสนทางแผนท จะตองตดสวน

บางสวนของกรอบสเหลยมออกไป ดงน

สวนทตองตดทง


-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection

น าเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน “จดเลกๆ

หลายจด” ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

-ท าซ ากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกด

ปม delete

สวนทตองการคลกเพอลบทง


หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน

มลกษณะโคง

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


หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก


เดกหญง

คนสงอาย

ดวงอาทตย


รองเทาสเกต

ถงเทาเดก


ใบไม

หมวก


ตนครสมาตส

ตนไม

ตนไม


ดอกไม

ดนสอ

ตกตาหม


ฮปโป


ผลไมการตน


สตอรเบอรร

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 (เรยกดวยค าสง


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


Library ทม Symbol

แปลงวตถเปน Symbol

การสรางภาพเคลอนไหวแบบ Motion Tweening หรอการท าระบบโตตอบ จ าเปนตอง

ท างานกบ Symbol ดงนนวตถหรอภาพกราฟกใดๆ กตาม จะตองแปลงสภาพจาก Shape, Group

หรอ Picture ใหเปน Symbol กอนและจะตองเลอก Behavior ของ Symbol ใหตรงกบลกษณะการ

ใชงาน เชน Symbol ทตองการก าหนดใหคลกไดเพอสงงานใดๆ จะตองก าหนดเปน Button ภาพ

ใดๆ ทมการเคลอนทหรอการเคลอนไหว เชน ลอรถทตองหมน ควรก าหนดเปน Movie Clip หรอ

Symbol ทแสดงเปนเพยงภาพนง กเลอกเปน Graphic เปนตน

การแปลงวตถใหเปน Symbol มหลกการดงน

• วาด/สราง หรอน าเขาวตถ • เลอกวตถ

• เลอกค าสง Insert, Convert to Symbol… หรอกดปม <F8>


• ตงชอในชอง 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 จะเปรยบเสมอนตวแทนของ


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 เหมอนกบการแกไขวตถปกตทวไป


• เมอแกไขเรยบรอยแลว สามารถกลบมาท างานในโหมดปกตไดโดยคลกทชอ 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


เฟรมและ Timeline

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

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

ใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการน าเสนอ

ดงนน Frame และ Timeline จงเปนสวนส าคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยม ลกษณะหนาตาง ดงน


Timeline

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

หนวยละ 5 ชวงเวลา

เฟรม

คอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie

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

วงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลม ใหเลอนมาดานขวานดหนง และท าซ าๆ ไปเรอยๆ ซง

เปนการสราง Movie ใหวงกลมวงจากดานซายมา ดานขวานนเอง


Playhead

ต าแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame & Keyframe)

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

โดยต าแหนงเฟรมใดทตองการก าหนดใหมสถานะเปน Keyframe ใหใชค าสง Insert, Timeline,

Keyframe

เฟรม คอ การก าหนดต าแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการท า

ฉากหลง โดยต าแหนงเฟรมใดทตองการก าหนดใหมสถานะเปน Frame ใหใชค าสง Insert,

Timeline, Frame

ควบคมเฟรม

การควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชค าสงจากเมน Insert ยง

สามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกค าสงท

ตองการ ลบเฟรม

• เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)

• เลอกค าสง Remove, Frames


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


การสราง 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 ใหเหมาะสม


ดวยค าสง Modify, Document

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

ชดสไลโทน “สม/ขาว” โดย

เปด Color Mixer Panel เลอก

รายการชดสเปน Linear

ก าหนด Color Maker 3

ต าแหนง โดยต าแหนงท 1

และต าแหนงท 3 ใหก าหนด

เปนสสม ต าแหนงท 2 ก าหนด เปนสขาว

• เลอกเครองมอ Paint Bucket

เตมสลงในรปสเหลยม

• ใชเครองมอวาดเสน*ต

เสนตรงตดรปสเหลยม 2

ต าแหนง เพอแปลงสภาพเปน

ปลายดนสอ และยางลบ

• เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยม

ใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยม ใหเปนสามเหลยม ดงรป

• ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดย

ใชเครองมอ Selection คลก

เลอกแลวกดปม delete


• ดดแปลงปลายดนสออกดานใหเปนยางลบ

ดงตวอยาง

• แปลงรปดนสอทวาดเรยบรอย

แลว เปน 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


ยายต าแหนง 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


Shape Tween

Shape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถ ขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรป

หลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tween

• ก าหนดเฟรมเรมตน (ไมจ าเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการ

แลวเลอกค าสง Insert, Timeline, Keyframe หรอคลกปมขวาของเมาส แลวเลอก

Insert, Keyframe

• สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานน

o กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะ

Shape กอน โดย เลอกวตถ

กดปม ctrl + b(อาจจะตองท าหลายครง) จนกวาวตถมจดพกเซล เลกๆ ประกอบในวตถ


• เลอกเฟรมปลายทาง แลวเลอกค าสง 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 ใหคลกปม


ขวาของเมาสในเฟรม 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


• ก าหนดเฟรมตนทางของ

Shape Tween เชน เฟรม 5

โดยคลกเมาสในเฟรม 5 แลว คลกปมขวาของเมาส เลอก

ค าสง Insert Keyframe

• วาดเสนบางๆ สนๆ ดวย

เครองมอ Pencil

• พยายามวาดใหอยใตดนสอ • เลอกเฟรมปลายทาง ใหอย ต าแหนงเดยวกบเลเยอรดนสอ

(เชนเฟรม 50) คลกปมขวาของ

เมาส แลวเลอกค าสง Insert

Keyframe

• ขยายเสนทขดในเลเยอร Line

ใหยาว มระยะทางเทากบจด ปลายทางของดนสอ โดยใช

เครองมอ Free Transform

คลกเลอกเสนขด จากนนยาย จดศนยกลางของเสนขดไปอย

รมดานซาย (ใชเครองมอ

Zoom เพอขยายภาพใหเหน

เดนชด)


• ลากจด Handle ดานขวาใหยาว เทากบปลายทางของดนสอ • เลอนเมาสกลบมาคลกทเฟรม

ตนทางของเลเยอร Line

• เปลยนคา Tween จาก

Properties เปน Shape

• ทดสอบ Movie โดยใชคยลด Ctrl + enter

o กลบมาสจอภาพแกไข Movie

โดยกดปม Ctrl + w

• บนทกไฟล แลว Publish เปน

SWF

ตวอกษร/ขอความ

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

สรางขอความ

• คลกเลอกเครองมอ Text Tool

• เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร – Static คอตวอกษรในสภาวะปกต, Dynamic คอ

ตวอกษรทรบคาจากตวแปร, Input คอตวอกษรทสามารถปอนผานแปนพมพ


• น าเมาสไปคลก ณ ต าแหนงทตองการพมพงาน ปรากฏกรอบพมพงาน

o ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวา ของกรอบขอความ มสญลกษณวงกลมเลกๆ o ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงาน

แบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณ

สเหลยมเลกๆ

• พมพงานทตองการ สามารถยกเลกโดยน าเมาสไปคลก ณ ทวางๆ บน Stage

ตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

• เลอกเมนค าสง Modify, Break Apart (อาจจะใชค าสงนหลายครง)

• ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ


• สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Tool

• นอกจากการใชค าสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถ

เคลอนยาย, หมน, บดตวอกษรไดเหมอนกบวตถทวไป

ท างานกบเลเยอร (Layer)

เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยใน

ชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยด

หลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระท าไดอยางสมบรณ


เปลยนชอเลเยอร

• ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม <Enter>

เปลยนล าดบของเลเยอร • น าเมาสไปคลกทชอเลเยอรทตองการเปลยนล าดบ กดปมเมาสคางไว แลวลากไป

ปลอย ณ ต าแหนงใหม


ควบคมเลเยอร

• ซอน/แสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมน

• ลอกเลเยอร ปองกนการแกไข

• แสดงผลแบบโครงราง เหมาะส าหรบการสราง 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 เทานน


• 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


การท างานกบไฟลเสยง

เมอน าเขาไฟลเสยงเกบไวใน 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


• เปด 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 Script ควบคมปม Pause

โดยจะหมายถงการสงให Play head ของ

Timeline หยด ณ ต าแหนงทคลกปม

stop();

}


• เลอกปม Play


• ปอนค าสง Action Script ควบคมปม Play


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


• เลอกรายการ 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


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


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 }



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 }


Timeline เลนตอจากต าแหนงทหยดครง

ลาส


Timeline เลนตอจากต าแหนงทหยดครงลาสด



กรอบ VDO

เทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวย

วตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเล

เยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพท

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

เทคนค Masking จะชวยใหการน าเสนอ VDO มจดเดนในเรองกรอบ VDO

• น าไฟล VDO จากแบบฝกหดกอนหนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน


บนสด ตงชอเปน Mask

• วาดรปทรงตามตองการ โดยรปทรงทวาด

จะถกน ามาใชเปนสวนแสดง VDO

• เลอกเลเยอร Mask กดปมขวาของเมาส แลว

เลอกค าสง Mask



ตดตอ 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 ดงน


• การตดตอ VDO ท าไดโดยเลอนสญลกษณ ไป ณ ต าแหนงจดเรมตนของ VDO จากนน

เลอนสญลกษณ เขามา ณ ต าแหนงจดสดทายของ VDO

• คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวน

พรอมๆ กน


ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปน

การระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสม

VDO จากหลายคลป)

• คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอก

รปแบบทเหมาะสมแลวคลกปม Finish

• รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Documents

คู่มือการใช้โปรแกรม Flash CS3 โดย ... · 2017. 7. 29. · คู่มือการใช้โปรแกรม Flash CS3 โดย