เรมตนกบ Flashการสรางสอการเรยนร สอนำาเสนอ หรองานออกแบบตางๆ ยอมจะหนไมพนการออกแบบสรางสรรคงานกราฟก หากสามารถสรางงาน ออกแบบงานกราฟกดวยตนเอง คงจะสรางความภมใจไดมาก แตปญหาใหญของการสรางสรรคงานกราฟกของหลายๆ ทานกคอ ldquoวาดภาพไมเปนrdquoหรอ ldquoสรางผลงานไมไดrdquo แตดวยความสามารถของโปรแกรม Macromedia Flash เครองมอชวยสรางสรรคงานกราฟกทงายในการเรยนร และประยกตใชงาน พรอมๆ กบแนวทางการวาดภาพจากคมอฉบบน จะลมคำาวา ldquoวาดยากrdquo ไปเลย เนองจาก Flash เปนซอฟตแวรสรางสรรคงานกราฟกในฟอรแมต Vector ทภาพกราฟกทกภาพประกอบจากเสนโครงรางททำาใหการปรบแตง แกไข หรอออกแบบภาพ ทำาไดงายดวยเทคนค ldquoตด เชอม ปรบเปลยนรปรางrdquoMacromedia Flash CS3 เปนผลตภณฑลาสดจากคาย Macromedia ทพฒนามาเพอสนบสนนการสรางงานกราฟก ทงภาพนง และภาพเคลอนไหว สำาหรบการนำาเสนอผานเครอขายอนเทอรเนต Flash มฟงกชนชวยอำานวยความสะดวก ในการสรางผลงานหลากหลายรปแบบตลอดจนชดคำาสงโปรแกรมมงทเรยกวา Flash Action Script ทเพมประสทธภาพในการทำางาน และสามารถคอมไพล (Compile) เปนโปรแกรมใชงาน (Application Program) เชน การทำาเปน e-Cardเพอแนบไปพรอมกบ e-Mail ในโอกาสตางๆการเรยกใชโปรแกรม Flashการเรยกใชงานโปรแกรม Flash มหลกการคลายๆ กบการเรยกโปรแกรมทวๆ ไปของ

ระบบปฏบตการวนโดวส โดยเรมจากการคลกปม จากนนเลอนไปคลกทรายการProgram Adobe Flash CS3 Professional รอสกครจะปรากฏหนาตางการทำางาน ซงมโหมดการทำางานใหเลอกไดหลายลกษณะไดแกbull การเปดไฟลจากคำาสง Open a Recent Itembull การสรางงานผลงานจากรายการ Create Newbull การสรางผลงานแมแบบ 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 amp LayerTimeline เปนสวนสำาคญททำาหนาทควบคมการนำาเสนอผลงาน สามารถเปดปดดวยคำาสง

Window Timeline

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

Stage amp Workspace

จากรปตวอยางน เมอสงนำาเสนอผลงาน แสดงวาจะกำาหนดใหเรอยงไมตองแสดงผลทนทบนจอภาพ เพราะเรอถกนำาไปวางไวในพนทสเทา เมอนำามาทำาเปน Movie ใหเรอวงผานจอภาพไปอกดานหนง กจะปรากฏเรอวงผานจอจากดานซายไปดานขวาของจอ ตามชวงเวลาทกำาหนด

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

ควบคม PanelPanel เปนจอภาพเลกๆ ทแสดงฟงกชนการทำางานเฉพาะอยาง เชน การทำางานเกยวกบสจะควบคมดวย Color Mixer หรอ Color Swatches การจดตำาแหนงวตถตางๆ ควบคมดวย Align Panelเปนตน การเรยกใชหรอเปดปด Panel จะใชคำาสง Window แลวตามดวยชอ Panel นนๆ

ทำางานกบไฟล Flashโปรแกรม Flash สามารถสรางผลงานไดทงภาพนง ทเรยกวา (Still Image) และภาพเคลอนไหว ซงจะเรยกวา Movie ทงภาพนง และภาพเคลอนไหว จำาเปนตองเรมตนจากไฟลFlash ตนฉบบ ทมสวนขยายเปน fla จากนนจงบนทกเปนไฟลภาพใชงาน สำาหรบภาพนง สามารถเลอกบนทกไดหลายฟอรแมต เชน

ประเภทไฟล สวนขยายAdobe Illustrator aiGIF Image gifBitmap bmpAutoCAD DXF Image dxfEnhanced Metafile emfEPS 30 epsJPEG Image jpgPICT pctPNG Image pngWindows Metafile wmf

ภาพเคลอนไหว หรอ Flash Movie สามารถบนทกในฟอรแมตทพรอมใชงาน ไดดงน

ประเภทไฟล สวนขยายFlash Movie swfAnimation GIF Image gifQuickTime movWindows AVI aviExecute File exe

สรางไฟลใหมไฟล Flash ทสรางใหมทกครง ควรกำาหนดคณสมบตใหเหมาะสม ดวยคำาสง ModifyDocument เชน ความกวางความสงของ Stage ลกษณะสพนของ Stage เปนตน

เปดไฟล

การเปดไฟลภาพใชคำาสง File Open หรอคลกปม Open จากMainToolbarนอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนคำาสง File Open Recent

การคนสสภาพเดม (Revert)ไฟลทกำาลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชคำาสง File Revert

ปดไฟลไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชคำาสง File Close หรอ FileCloseAll ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอนปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปมNoหรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต

บนทกไฟลภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟลตนฉบบจะไดสวนขยายเปน fla การบนทกไฟลสามารถใชคำาสง File Savehellip หรอ File SaveAshellipจดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากมเครองหมาย แสดงวายงไมผานการบนทก

การบนทกเปนภาพนงใชงาน

เนองจากไฟล fla เปนไฟลตนฉบบ ไมสามารถนำาไปใชงานได กอนนำาไฟลภาพทสรางดวย Flash ไปใชงาน จำาเปนตองบนทกในฟอรแมตทเหมาะสม สำาหรบภาพนง ใหเลอกคำาสง FileExport Export Imagehellipฟอรแมตของภาพนง กเปนรายการทควรนำามาพจารณาประกอบ เชน ถาตองการเปนภาพประกอบสอสงพมพ แนะนำาใหเลอกเปน bmp หรอ ai แตถาตองการใชบนเวบไซต กควรเลอกเปน gif jpg หรอ png โดยมหลกในการพจารณา ดงนbull ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Formatbull ภาพทมการใชสแบบไลโทน หรอมการใชสจำานวนมาก ใหเลอกเปน JPEG Formatการบนทกในฟอรแมต GIFการบนทกภาพวาดในฟอรแมต GIF ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเลอกรายการ Save as Type เปน GIF Image (GIF)

รายการเลอกของ GIF Format ไดแกbull Dimension กำาหนดขนาดของภาพ

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

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

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

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

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

สรางเลเยอรใหม ลบเลเยอร

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

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

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

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

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

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

ระบบปฏบตการวนโดวส โดยเรมจากการคลกปม จากนนเลอนไปคลกทรายการProgram Adobe Flash CS3 Professional รอสกครจะปรากฏหนาตางการทำางาน ซงมโหมดการทำางานใหเลอกไดหลายลกษณะไดแกbull การเปดไฟลจากคำาสง Open a Recent Itembull การสรางงานผลงานจากรายการ Create Newbull การสรางผลงานแมแบบ 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 amp LayerTimeline เปนสวนสำาคญททำาหนาทควบคมการนำาเสนอผลงาน สามารถเปดปดดวยคำาสง

Window Timeline

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

Stage amp Workspace

จากรปตวอยางน เมอสงนำาเสนอผลงาน แสดงวาจะกำาหนดใหเรอยงไมตองแสดงผลทนทบนจอภาพ เพราะเรอถกนำาไปวางไวในพนทสเทา เมอนำามาทำาเปน Movie ใหเรอวงผานจอภาพไปอกดานหนง กจะปรากฏเรอวงผานจอจากดานซายไปดานขวาของจอ ตามชวงเวลาทกำาหนด

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

ควบคม PanelPanel เปนจอภาพเลกๆ ทแสดงฟงกชนการทำางานเฉพาะอยาง เชน การทำางานเกยวกบสจะควบคมดวย Color Mixer หรอ Color Swatches การจดตำาแหนงวตถตางๆ ควบคมดวย Align Panelเปนตน การเรยกใชหรอเปดปด Panel จะใชคำาสง Window แลวตามดวยชอ Panel นนๆ

ทำางานกบไฟล Flashโปรแกรม Flash สามารถสรางผลงานไดทงภาพนง ทเรยกวา (Still Image) และภาพเคลอนไหว ซงจะเรยกวา Movie ทงภาพนง และภาพเคลอนไหว จำาเปนตองเรมตนจากไฟลFlash ตนฉบบ ทมสวนขยายเปน fla จากนนจงบนทกเปนไฟลภาพใชงาน สำาหรบภาพนง สามารถเลอกบนทกไดหลายฟอรแมต เชน

ประเภทไฟล สวนขยายAdobe Illustrator aiGIF Image gifBitmap bmpAutoCAD DXF Image dxfEnhanced Metafile emfEPS 30 epsJPEG Image jpgPICT pctPNG Image pngWindows Metafile wmf

ภาพเคลอนไหว หรอ Flash Movie สามารถบนทกในฟอรแมตทพรอมใชงาน ไดดงน

ประเภทไฟล สวนขยายFlash Movie swfAnimation GIF Image gifQuickTime movWindows AVI aviExecute File exe

สรางไฟลใหมไฟล Flash ทสรางใหมทกครง ควรกำาหนดคณสมบตใหเหมาะสม ดวยคำาสง ModifyDocument เชน ความกวางความสงของ Stage ลกษณะสพนของ Stage เปนตน

เปดไฟล

การเปดไฟลภาพใชคำาสง File Open หรอคลกปม Open จากMainToolbarนอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนคำาสง File Open Recent

การคนสสภาพเดม (Revert)ไฟลทกำาลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชคำาสง File Revert

ปดไฟลไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชคำาสง File Close หรอ FileCloseAll ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอนปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปมNoหรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต

บนทกไฟลภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟลตนฉบบจะไดสวนขยายเปน fla การบนทกไฟลสามารถใชคำาสง File Savehellip หรอ File SaveAshellipจดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากมเครองหมาย แสดงวายงไมผานการบนทก

การบนทกเปนภาพนงใชงาน

เนองจากไฟล fla เปนไฟลตนฉบบ ไมสามารถนำาไปใชงานได กอนนำาไฟลภาพทสรางดวย Flash ไปใชงาน จำาเปนตองบนทกในฟอรแมตทเหมาะสม สำาหรบภาพนง ใหเลอกคำาสง FileExport Export Imagehellipฟอรแมตของภาพนง กเปนรายการทควรนำามาพจารณาประกอบ เชน ถาตองการเปนภาพประกอบสอสงพมพ แนะนำาใหเลอกเปน bmp หรอ ai แตถาตองการใชบนเวบไซต กควรเลอกเปน gif jpg หรอ png โดยมหลกในการพจารณา ดงนbull ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Formatbull ภาพทมการใชสแบบไลโทน หรอมการใชสจำานวนมาก ใหเลอกเปน JPEG Formatการบนทกในฟอรแมต GIFการบนทกภาพวาดในฟอรแมต GIF ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเลอกรายการ Save as Type เปน GIF Image (GIF)

รายการเลอกของ GIF Format ไดแกbull Dimension กำาหนดขนาดของภาพ

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

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

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

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

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

สรางเลเยอรใหม ลบเลเยอร

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

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

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

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

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

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

แถบเครองมอหลก (Main Toolbar)แถบเครองมอควบคมการทำางานหลกของโปรแกรม เชน การสรางไฟลใหม การเปดไฟลการคดลอกขอมลเปนตน โดยสามารถควบคมใหแสดง หรอไมตองแสดงโดยคลกเลอกคำาสงWindow Toolbars Main

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

ปดดวยคำาสง Window Tools โดยสามารถแบงเครองมอเปนหมวดๆ ได 5 หมวด คอ เครองมอหมวดเลอกวตถ (Selection) เครองมอหมวดวาดภาพ (Drawing) เครองมอจดแตงวตถ (Modify)เครองมอควบคมมมมอง (View) และเครองมอควบคมส (Color)

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

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

Window Timeline

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

Stage amp Workspace

จากรปตวอยางน เมอสงนำาเสนอผลงาน แสดงวาจะกำาหนดใหเรอยงไมตองแสดงผลทนทบนจอภาพ เพราะเรอถกนำาไปวางไวในพนทสเทา เมอนำามาทำาเปน Movie ใหเรอวงผานจอภาพไปอกดานหนง กจะปรากฏเรอวงผานจอจากดานซายไปดานขวาของจอ ตามชวงเวลาทกำาหนด

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

ควบคม PanelPanel เปนจอภาพเลกๆ ทแสดงฟงกชนการทำางานเฉพาะอยาง เชน การทำางานเกยวกบสจะควบคมดวย Color Mixer หรอ Color Swatches การจดตำาแหนงวตถตางๆ ควบคมดวย Align Panelเปนตน การเรยกใชหรอเปดปด Panel จะใชคำาสง Window แลวตามดวยชอ Panel นนๆ

ทำางานกบไฟล Flashโปรแกรม Flash สามารถสรางผลงานไดทงภาพนง ทเรยกวา (Still Image) และภาพเคลอนไหว ซงจะเรยกวา Movie ทงภาพนง และภาพเคลอนไหว จำาเปนตองเรมตนจากไฟลFlash ตนฉบบ ทมสวนขยายเปน fla จากนนจงบนทกเปนไฟลภาพใชงาน สำาหรบภาพนง สามารถเลอกบนทกไดหลายฟอรแมต เชน

ประเภทไฟล สวนขยายAdobe Illustrator aiGIF Image gifBitmap bmpAutoCAD DXF Image dxfEnhanced Metafile emfEPS 30 epsJPEG Image jpgPICT pctPNG Image pngWindows Metafile wmf

ภาพเคลอนไหว หรอ Flash Movie สามารถบนทกในฟอรแมตทพรอมใชงาน ไดดงน

ประเภทไฟล สวนขยายFlash Movie swfAnimation GIF Image gifQuickTime movWindows AVI aviExecute File exe

สรางไฟลใหมไฟล Flash ทสรางใหมทกครง ควรกำาหนดคณสมบตใหเหมาะสม ดวยคำาสง ModifyDocument เชน ความกวางความสงของ Stage ลกษณะสพนของ Stage เปนตน

เปดไฟล

การเปดไฟลภาพใชคำาสง File Open หรอคลกปม Open จากMainToolbarนอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนคำาสง File Open Recent

การคนสสภาพเดม (Revert)ไฟลทกำาลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชคำาสง File Revert

ปดไฟลไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชคำาสง File Close หรอ FileCloseAll ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอนปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปมNoหรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต

บนทกไฟลภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟลตนฉบบจะไดสวนขยายเปน fla การบนทกไฟลสามารถใชคำาสง File Savehellip หรอ File SaveAshellipจดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากมเครองหมาย แสดงวายงไมผานการบนทก

การบนทกเปนภาพนงใชงาน

เนองจากไฟล fla เปนไฟลตนฉบบ ไมสามารถนำาไปใชงานได กอนนำาไฟลภาพทสรางดวย Flash ไปใชงาน จำาเปนตองบนทกในฟอรแมตทเหมาะสม สำาหรบภาพนง ใหเลอกคำาสง FileExport Export Imagehellipฟอรแมตของภาพนง กเปนรายการทควรนำามาพจารณาประกอบ เชน ถาตองการเปนภาพประกอบสอสงพมพ แนะนำาใหเลอกเปน bmp หรอ ai แตถาตองการใชบนเวบไซต กควรเลอกเปน gif jpg หรอ png โดยมหลกในการพจารณา ดงนbull ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Formatbull ภาพทมการใชสแบบไลโทน หรอมการใชสจำานวนมาก ใหเลอกเปน JPEG Formatการบนทกในฟอรแมต GIFการบนทกภาพวาดในฟอรแมต GIF ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเลอกรายการ Save as Type เปน GIF Image (GIF)

รายการเลอกของ GIF Format ไดแกbull Dimension กำาหนดขนาดของภาพ

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

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

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

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

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

สรางเลเยอรใหม ลบเลเยอร

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

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

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

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

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

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

ปดดวยคำาสง Window Tools โดยสามารถแบงเครองมอเปนหมวดๆ ได 5 หมวด คอ เครองมอหมวดเลอกวตถ (Selection) เครองมอหมวดวาดภาพ (Drawing) เครองมอจดแตงวตถ (Modify)เครองมอควบคมมมมอง (View) และเครองมอควบคมส (Color)

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

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

Window Timeline

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

Stage amp Workspace

จากรปตวอยางน เมอสงนำาเสนอผลงาน แสดงวาจะกำาหนดใหเรอยงไมตองแสดงผลทนทบนจอภาพ เพราะเรอถกนำาไปวางไวในพนทสเทา เมอนำามาทำาเปน Movie ใหเรอวงผานจอภาพไปอกดานหนง กจะปรากฏเรอวงผานจอจากดานซายไปดานขวาของจอ ตามชวงเวลาทกำาหนด

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

ควบคม PanelPanel เปนจอภาพเลกๆ ทแสดงฟงกชนการทำางานเฉพาะอยาง เชน การทำางานเกยวกบสจะควบคมดวย Color Mixer หรอ Color Swatches การจดตำาแหนงวตถตางๆ ควบคมดวย Align Panelเปนตน การเรยกใชหรอเปดปด Panel จะใชคำาสง Window แลวตามดวยชอ Panel นนๆ

ทำางานกบไฟล Flashโปรแกรม Flash สามารถสรางผลงานไดทงภาพนง ทเรยกวา (Still Image) และภาพเคลอนไหว ซงจะเรยกวา Movie ทงภาพนง และภาพเคลอนไหว จำาเปนตองเรมตนจากไฟลFlash ตนฉบบ ทมสวนขยายเปน fla จากนนจงบนทกเปนไฟลภาพใชงาน สำาหรบภาพนง สามารถเลอกบนทกไดหลายฟอรแมต เชน

ประเภทไฟล สวนขยายAdobe Illustrator aiGIF Image gifBitmap bmpAutoCAD DXF Image dxfEnhanced Metafile emfEPS 30 epsJPEG Image jpgPICT pctPNG Image pngWindows Metafile wmf

ภาพเคลอนไหว หรอ Flash Movie สามารถบนทกในฟอรแมตทพรอมใชงาน ไดดงน

ประเภทไฟล สวนขยายFlash Movie swfAnimation GIF Image gifQuickTime movWindows AVI aviExecute File exe

สรางไฟลใหมไฟล Flash ทสรางใหมทกครง ควรกำาหนดคณสมบตใหเหมาะสม ดวยคำาสง ModifyDocument เชน ความกวางความสงของ Stage ลกษณะสพนของ Stage เปนตน

เปดไฟล

การเปดไฟลภาพใชคำาสง File Open หรอคลกปม Open จากMainToolbarนอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนคำาสง File Open Recent

การคนสสภาพเดม (Revert)ไฟลทกำาลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชคำาสง File Revert

ปดไฟลไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชคำาสง File Close หรอ FileCloseAll ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอนปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปมNoหรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต

บนทกไฟลภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟลตนฉบบจะไดสวนขยายเปน fla การบนทกไฟลสามารถใชคำาสง File Savehellip หรอ File SaveAshellipจดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากมเครองหมาย แสดงวายงไมผานการบนทก

การบนทกเปนภาพนงใชงาน

เนองจากไฟล fla เปนไฟลตนฉบบ ไมสามารถนำาไปใชงานได กอนนำาไฟลภาพทสรางดวย Flash ไปใชงาน จำาเปนตองบนทกในฟอรแมตทเหมาะสม สำาหรบภาพนง ใหเลอกคำาสง FileExport Export Imagehellipฟอรแมตของภาพนง กเปนรายการทควรนำามาพจารณาประกอบ เชน ถาตองการเปนภาพประกอบสอสงพมพ แนะนำาใหเลอกเปน bmp หรอ ai แตถาตองการใชบนเวบไซต กควรเลอกเปน gif jpg หรอ png โดยมหลกในการพจารณา ดงนbull ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Formatbull ภาพทมการใชสแบบไลโทน หรอมการใชสจำานวนมาก ใหเลอกเปน JPEG Formatการบนทกในฟอรแมต GIFการบนทกภาพวาดในฟอรแมต GIF ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเลอกรายการ Save as Type เปน GIF Image (GIF)

รายการเลอกของ GIF Format ไดแกbull Dimension กำาหนดขนาดของภาพ

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

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

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

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

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

สรางเลเยอรใหม ลบเลเยอร

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

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

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

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

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

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

Window Timeline

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

Stage amp Workspace

จากรปตวอยางน เมอสงนำาเสนอผลงาน แสดงวาจะกำาหนดใหเรอยงไมตองแสดงผลทนทบนจอภาพ เพราะเรอถกนำาไปวางไวในพนทสเทา เมอนำามาทำาเปน Movie ใหเรอวงผานจอภาพไปอกดานหนง กจะปรากฏเรอวงผานจอจากดานซายไปดานขวาของจอ ตามชวงเวลาทกำาหนด

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

ควบคม PanelPanel เปนจอภาพเลกๆ ทแสดงฟงกชนการทำางานเฉพาะอยาง เชน การทำางานเกยวกบสจะควบคมดวย Color Mixer หรอ Color Swatches การจดตำาแหนงวตถตางๆ ควบคมดวย Align Panelเปนตน การเรยกใชหรอเปดปด Panel จะใชคำาสง Window แลวตามดวยชอ Panel นนๆ

ทำางานกบไฟล Flashโปรแกรม Flash สามารถสรางผลงานไดทงภาพนง ทเรยกวา (Still Image) และภาพเคลอนไหว ซงจะเรยกวา Movie ทงภาพนง และภาพเคลอนไหว จำาเปนตองเรมตนจากไฟลFlash ตนฉบบ ทมสวนขยายเปน fla จากนนจงบนทกเปนไฟลภาพใชงาน สำาหรบภาพนง สามารถเลอกบนทกไดหลายฟอรแมต เชน

ประเภทไฟล สวนขยายAdobe Illustrator aiGIF Image gifBitmap bmpAutoCAD DXF Image dxfEnhanced Metafile emfEPS 30 epsJPEG Image jpgPICT pctPNG Image pngWindows Metafile wmf

ภาพเคลอนไหว หรอ Flash Movie สามารถบนทกในฟอรแมตทพรอมใชงาน ไดดงน

ประเภทไฟล สวนขยายFlash Movie swfAnimation GIF Image gifQuickTime movWindows AVI aviExecute File exe

สรางไฟลใหมไฟล Flash ทสรางใหมทกครง ควรกำาหนดคณสมบตใหเหมาะสม ดวยคำาสง ModifyDocument เชน ความกวางความสงของ Stage ลกษณะสพนของ Stage เปนตน

เปดไฟล

การเปดไฟลภาพใชคำาสง File Open หรอคลกปม Open จากMainToolbarนอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนคำาสง File Open Recent

การคนสสภาพเดม (Revert)ไฟลทกำาลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชคำาสง File Revert

ปดไฟลไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชคำาสง File Close หรอ FileCloseAll ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอนปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปมNoหรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต

บนทกไฟลภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟลตนฉบบจะไดสวนขยายเปน fla การบนทกไฟลสามารถใชคำาสง File Savehellip หรอ File SaveAshellipจดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากมเครองหมาย แสดงวายงไมผานการบนทก

การบนทกเปนภาพนงใชงาน

เนองจากไฟล fla เปนไฟลตนฉบบ ไมสามารถนำาไปใชงานได กอนนำาไฟลภาพทสรางดวย Flash ไปใชงาน จำาเปนตองบนทกในฟอรแมตทเหมาะสม สำาหรบภาพนง ใหเลอกคำาสง FileExport Export Imagehellipฟอรแมตของภาพนง กเปนรายการทควรนำามาพจารณาประกอบ เชน ถาตองการเปนภาพประกอบสอสงพมพ แนะนำาใหเลอกเปน bmp หรอ ai แตถาตองการใชบนเวบไซต กควรเลอกเปน gif jpg หรอ png โดยมหลกในการพจารณา ดงนbull ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Formatbull ภาพทมการใชสแบบไลโทน หรอมการใชสจำานวนมาก ใหเลอกเปน JPEG Formatการบนทกในฟอรแมต GIFการบนทกภาพวาดในฟอรแมต GIF ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเลอกรายการ Save as Type เปน GIF Image (GIF)

รายการเลอกของ GIF Format ไดแกbull Dimension กำาหนดขนาดของภาพ

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

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

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

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

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

สรางเลเยอรใหม ลบเลเยอร

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

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

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

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

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

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

จากรปตวอยางน เมอสงนำาเสนอผลงาน แสดงวาจะกำาหนดใหเรอยงไมตองแสดงผลทนทบนจอภาพ เพราะเรอถกนำาไปวางไวในพนทสเทา เมอนำามาทำาเปน Movie ใหเรอวงผานจอภาพไปอกดานหนง กจะปรากฏเรอวงผานจอจากดานซายไปดานขวาของจอ ตามชวงเวลาทกำาหนด

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

ควบคม PanelPanel เปนจอภาพเลกๆ ทแสดงฟงกชนการทำางานเฉพาะอยาง เชน การทำางานเกยวกบสจะควบคมดวย Color Mixer หรอ Color Swatches การจดตำาแหนงวตถตางๆ ควบคมดวย Align Panelเปนตน การเรยกใชหรอเปดปด Panel จะใชคำาสง Window แลวตามดวยชอ Panel นนๆ

ทำางานกบไฟล Flashโปรแกรม Flash สามารถสรางผลงานไดทงภาพนง ทเรยกวา (Still Image) และภาพเคลอนไหว ซงจะเรยกวา Movie ทงภาพนง และภาพเคลอนไหว จำาเปนตองเรมตนจากไฟลFlash ตนฉบบ ทมสวนขยายเปน fla จากนนจงบนทกเปนไฟลภาพใชงาน สำาหรบภาพนง สามารถเลอกบนทกไดหลายฟอรแมต เชน

ประเภทไฟล สวนขยายAdobe Illustrator aiGIF Image gifBitmap bmpAutoCAD DXF Image dxfEnhanced Metafile emfEPS 30 epsJPEG Image jpgPICT pctPNG Image pngWindows Metafile wmf

ภาพเคลอนไหว หรอ Flash Movie สามารถบนทกในฟอรแมตทพรอมใชงาน ไดดงน

ประเภทไฟล สวนขยายFlash Movie swfAnimation GIF Image gifQuickTime movWindows AVI aviExecute File exe

สรางไฟลใหมไฟล Flash ทสรางใหมทกครง ควรกำาหนดคณสมบตใหเหมาะสม ดวยคำาสง ModifyDocument เชน ความกวางความสงของ Stage ลกษณะสพนของ Stage เปนตน

เปดไฟล

การเปดไฟลภาพใชคำาสง File Open หรอคลกปม Open จากMainToolbarนอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนคำาสง File Open Recent

การคนสสภาพเดม (Revert)ไฟลทกำาลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชคำาสง File Revert

ปดไฟลไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชคำาสง File Close หรอ FileCloseAll ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอนปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปมNoหรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต

บนทกไฟลภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟลตนฉบบจะไดสวนขยายเปน fla การบนทกไฟลสามารถใชคำาสง File Savehellip หรอ File SaveAshellipจดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากมเครองหมาย แสดงวายงไมผานการบนทก

การบนทกเปนภาพนงใชงาน

เนองจากไฟล fla เปนไฟลตนฉบบ ไมสามารถนำาไปใชงานได กอนนำาไฟลภาพทสรางดวย Flash ไปใชงาน จำาเปนตองบนทกในฟอรแมตทเหมาะสม สำาหรบภาพนง ใหเลอกคำาสง FileExport Export Imagehellipฟอรแมตของภาพนง กเปนรายการทควรนำามาพจารณาประกอบ เชน ถาตองการเปนภาพประกอบสอสงพมพ แนะนำาใหเลอกเปน bmp หรอ ai แตถาตองการใชบนเวบไซต กควรเลอกเปน gif jpg หรอ png โดยมหลกในการพจารณา ดงนbull ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Formatbull ภาพทมการใชสแบบไลโทน หรอมการใชสจำานวนมาก ใหเลอกเปน JPEG Formatการบนทกในฟอรแมต GIFการบนทกภาพวาดในฟอรแมต GIF ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเลอกรายการ Save as Type เปน GIF Image (GIF)

รายการเลอกของ GIF Format ไดแกbull Dimension กำาหนดขนาดของภาพ

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

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

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

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

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

สรางเลเยอรใหม ลบเลเยอร

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

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

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

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

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

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

ควบคม PanelPanel เปนจอภาพเลกๆ ทแสดงฟงกชนการทำางานเฉพาะอยาง เชน การทำางานเกยวกบสจะควบคมดวย Color Mixer หรอ Color Swatches การจดตำาแหนงวตถตางๆ ควบคมดวย Align Panelเปนตน การเรยกใชหรอเปดปด Panel จะใชคำาสง Window แลวตามดวยชอ Panel นนๆ

ทำางานกบไฟล Flashโปรแกรม Flash สามารถสรางผลงานไดทงภาพนง ทเรยกวา (Still Image) และภาพเคลอนไหว ซงจะเรยกวา Movie ทงภาพนง และภาพเคลอนไหว จำาเปนตองเรมตนจากไฟลFlash ตนฉบบ ทมสวนขยายเปน fla จากนนจงบนทกเปนไฟลภาพใชงาน สำาหรบภาพนง สามารถเลอกบนทกไดหลายฟอรแมต เชน

ประเภทไฟล สวนขยายAdobe Illustrator aiGIF Image gifBitmap bmpAutoCAD DXF Image dxfEnhanced Metafile emfEPS 30 epsJPEG Image jpgPICT pctPNG Image pngWindows Metafile wmf

ภาพเคลอนไหว หรอ Flash Movie สามารถบนทกในฟอรแมตทพรอมใชงาน ไดดงน

ประเภทไฟล สวนขยายFlash Movie swfAnimation GIF Image gifQuickTime movWindows AVI aviExecute File exe

สรางไฟลใหมไฟล Flash ทสรางใหมทกครง ควรกำาหนดคณสมบตใหเหมาะสม ดวยคำาสง ModifyDocument เชน ความกวางความสงของ Stage ลกษณะสพนของ Stage เปนตน

เปดไฟล

การเปดไฟลภาพใชคำาสง File Open หรอคลกปม Open จากMainToolbarนอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนคำาสง File Open Recent

การคนสสภาพเดม (Revert)ไฟลทกำาลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชคำาสง File Revert

ปดไฟลไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชคำาสง File Close หรอ FileCloseAll ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอนปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปมNoหรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต

บนทกไฟลภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟลตนฉบบจะไดสวนขยายเปน fla การบนทกไฟลสามารถใชคำาสง File Savehellip หรอ File SaveAshellipจดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากมเครองหมาย แสดงวายงไมผานการบนทก

การบนทกเปนภาพนงใชงาน

เนองจากไฟล fla เปนไฟลตนฉบบ ไมสามารถนำาไปใชงานได กอนนำาไฟลภาพทสรางดวย Flash ไปใชงาน จำาเปนตองบนทกในฟอรแมตทเหมาะสม สำาหรบภาพนง ใหเลอกคำาสง FileExport Export Imagehellipฟอรแมตของภาพนง กเปนรายการทควรนำามาพจารณาประกอบ เชน ถาตองการเปนภาพประกอบสอสงพมพ แนะนำาใหเลอกเปน bmp หรอ ai แตถาตองการใชบนเวบไซต กควรเลอกเปน gif jpg หรอ png โดยมหลกในการพจารณา ดงนbull ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Formatbull ภาพทมการใชสแบบไลโทน หรอมการใชสจำานวนมาก ใหเลอกเปน JPEG Formatการบนทกในฟอรแมต GIFการบนทกภาพวาดในฟอรแมต GIF ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเลอกรายการ Save as Type เปน GIF Image (GIF)

รายการเลอกของ GIF Format ไดแกbull Dimension กำาหนดขนาดของภาพ

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

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

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

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

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

สรางเลเยอรใหม ลบเลเยอร

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

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

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

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

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

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

ภาพเคลอนไหว หรอ Flash Movie สามารถบนทกในฟอรแมตทพรอมใชงาน ไดดงน

ประเภทไฟล สวนขยายFlash Movie swfAnimation GIF Image gifQuickTime movWindows AVI aviExecute File exe

สรางไฟลใหมไฟล Flash ทสรางใหมทกครง ควรกำาหนดคณสมบตใหเหมาะสม ดวยคำาสง ModifyDocument เชน ความกวางความสงของ Stage ลกษณะสพนของ Stage เปนตน

เปดไฟล

การเปดไฟลภาพใชคำาสง File Open หรอคลกปม Open จากMainToolbarนอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนคำาสง File Open Recent

การคนสสภาพเดม (Revert)ไฟลทกำาลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชคำาสง File Revert

ปดไฟลไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชคำาสง File Close หรอ FileCloseAll ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอนปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปมNoหรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต

บนทกไฟลภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟลตนฉบบจะไดสวนขยายเปน fla การบนทกไฟลสามารถใชคำาสง File Savehellip หรอ File SaveAshellipจดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากมเครองหมาย แสดงวายงไมผานการบนทก

การบนทกเปนภาพนงใชงาน

เนองจากไฟล fla เปนไฟลตนฉบบ ไมสามารถนำาไปใชงานได กอนนำาไฟลภาพทสรางดวย Flash ไปใชงาน จำาเปนตองบนทกในฟอรแมตทเหมาะสม สำาหรบภาพนง ใหเลอกคำาสง FileExport Export Imagehellipฟอรแมตของภาพนง กเปนรายการทควรนำามาพจารณาประกอบ เชน ถาตองการเปนภาพประกอบสอสงพมพ แนะนำาใหเลอกเปน bmp หรอ ai แตถาตองการใชบนเวบไซต กควรเลอกเปน gif jpg หรอ png โดยมหลกในการพจารณา ดงนbull ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Formatbull ภาพทมการใชสแบบไลโทน หรอมการใชสจำานวนมาก ใหเลอกเปน JPEG Formatการบนทกในฟอรแมต GIFการบนทกภาพวาดในฟอรแมต GIF ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเลอกรายการ Save as Type เปน GIF Image (GIF)

รายการเลอกของ GIF Format ไดแกbull Dimension กำาหนดขนาดของภาพ

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

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

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

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

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

สรางเลเยอรใหม ลบเลเยอร

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

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

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

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

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

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

การเปดไฟลภาพใชคำาสง File Open หรอคลกปม Open จากMainToolbarนอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนคำาสง File Open Recent

การคนสสภาพเดม (Revert)ไฟลทกำาลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชคำาสง File Revert

ปดไฟลไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชคำาสง File Close หรอ FileCloseAll ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอนปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปมNoหรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต

บนทกไฟลภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟลตนฉบบจะไดสวนขยายเปน fla การบนทกไฟลสามารถใชคำาสง File Savehellip หรอ File SaveAshellipจดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากมเครองหมาย แสดงวายงไมผานการบนทก

การบนทกเปนภาพนงใชงาน

เนองจากไฟล fla เปนไฟลตนฉบบ ไมสามารถนำาไปใชงานได กอนนำาไฟลภาพทสรางดวย Flash ไปใชงาน จำาเปนตองบนทกในฟอรแมตทเหมาะสม สำาหรบภาพนง ใหเลอกคำาสง FileExport Export Imagehellipฟอรแมตของภาพนง กเปนรายการทควรนำามาพจารณาประกอบ เชน ถาตองการเปนภาพประกอบสอสงพมพ แนะนำาใหเลอกเปน bmp หรอ ai แตถาตองการใชบนเวบไซต กควรเลอกเปน gif jpg หรอ png โดยมหลกในการพจารณา ดงนbull ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Formatbull ภาพทมการใชสแบบไลโทน หรอมการใชสจำานวนมาก ใหเลอกเปน JPEG Formatการบนทกในฟอรแมต GIFการบนทกภาพวาดในฟอรแมต GIF ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเลอกรายการ Save as Type เปน GIF Image (GIF)

รายการเลอกของ GIF Format ไดแกbull Dimension กำาหนดขนาดของภาพ

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

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

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

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

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

สรางเลเยอรใหม ลบเลเยอร

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

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

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

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

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

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

เนองจากไฟล fla เปนไฟลตนฉบบ ไมสามารถนำาไปใชงานได กอนนำาไฟลภาพทสรางดวย Flash ไปใชงาน จำาเปนตองบนทกในฟอรแมตทเหมาะสม สำาหรบภาพนง ใหเลอกคำาสง FileExport Export Imagehellipฟอรแมตของภาพนง กเปนรายการทควรนำามาพจารณาประกอบ เชน ถาตองการเปนภาพประกอบสอสงพมพ แนะนำาใหเลอกเปน bmp หรอ ai แตถาตองการใชบนเวบไซต กควรเลอกเปน gif jpg หรอ png โดยมหลกในการพจารณา ดงนbull ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Formatbull ภาพทมการใชสแบบไลโทน หรอมการใชสจำานวนมาก ใหเลอกเปน JPEG Formatการบนทกในฟอรแมต GIFการบนทกภาพวาดในฟอรแมต GIF ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเลอกรายการ Save as Type เปน GIF Image (GIF)

รายการเลอกของ GIF Format ไดแกbull Dimension กำาหนดขนาดของภาพ

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

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

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

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

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

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

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

สรางเลเยอรใหม ลบเลเยอร

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

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

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

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

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

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

bull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Colors เลอกจำานวนคาสทเหมาะสมกบภาพ ดงนนหากบางภาพมการใชสนอย กสามารถระบจำานวนสทเหมาะสมได bull Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป

bull bull Transparent เลอกเพอกำาหนดใหภาพมลกษณะของพนแบบโปรงใส bull Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน bull Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน

การบนทกในฟอรแมต JPEGการบนทกภาพวาดในฟอรแมต JPEG ทำาไดโดยเลอกคำาสง File Export Export Imagehellipเมอเลอกไดรฟโฟลเดอร และตงชอไฟลภาพ ใหเลอกรายการ Save as Type เปน JPEG Image(jpg) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

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

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

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

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

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

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

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

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

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

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

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

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

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

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

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

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

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

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

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

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

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

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

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

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

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

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

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

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

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

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

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

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

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

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

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

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

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

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

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

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

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

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

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

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

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

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

กลมวตถ (Group)

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

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

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

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

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

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

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

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

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

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

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

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

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

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

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

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

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

สวนทตอง

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

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

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

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

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

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

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

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

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

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

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

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

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

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

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

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

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

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

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

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

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

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull Dimension กำาหนดขนาดของภาพbull Resolution กำาหนดความละเอยด มคาเทากบ 72 dpibull Include เลอกรปแบบการบนทกพนทรอบภาพ กรณทตองการบนทกเฉพาะพนททมภาพเทานน ใหเลอกเปน Minimum Image Area โปรแกรมจะไมนำาพนทรอบภาพมาบนทกดวย แตถาเลอกเปนรายการ Full Document Size จะเปนการบนทกเทากบขนาดทระบจรงในรายการ Dimensionbull Quality คณภาพของภาพ กรณทนำาไปใชกบเอกสารเวบ ควรกำาหนดไวท 60 ndash 90แตถาตองการบนทกเปนภาพตนฉบบเพอไปตกแตงดวยโปรแกรมอนตอไป ควรกำาหนดเปน 100bull Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกำาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlaceของ GIF

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

StageStage เปนชอเรยกพนทสรางภาพกราฟกของ Flash นบเปนพนทสำาคญในการสรางสรรคงานกราฟก หรอสราง Movie มลกษณะเปนพนทสเหลยมสขาวลอมดวยกรอบสเทา ภาพกราฟกหรอวตถใดๆ สามารถวางไดบนพนทสขาว และสเทา แตเมอสงนำาเสนอผลงาน เฉพาะภาพกราฟกหรอวตถทวางบนพนทสขาวเทานน ทจะแสดงผลขนาดของ Stageขนาดของ Stage จะหมายถงพนทการแสดงผลของ Movie นนเอง ดงนนกอนสรางงานควรกำาหนดขนาดของ Stage ใหเหมาะสมและตรงกบการใชงานจรง การกำาหนดขนาดของ Stageกระทำาไดโดย

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

Guide มลกษณะเปนเสนตรงทผใชสามารถกำาหนดตำาแหนง เพอชวยในการกะระยะตางๆชวยในการวาดภาพ เคลอนยายตำาแหนงลกษณะเดยวกบกรด แตมความอสระมากกวา โดยการ

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

เครองมอกลมเลอกวตถ(Selection)

เครองมอกลมวาดภาพ (Draw)

เครองมอกลมจดการปรบแตงแกไข(Edit)

เครองมอกลมแสดงผล (View)

เครองมอกลมจดการส (Color)

เครองมอกลมคำาสงเสรม (Tools Modifier)

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

การบนทกเปนภาพเคลอนไหวการบนทกผลงานของ Flash เปนภาพเคลอนไหว หรอ Flash Movie สามารถเลอกไดสองคำาสง คอ File Export Export Moviehellip โดยมหนาตางการบนทก และการเลอกฟอรแมตคลายกบการบนทกภาพนงทแนะนำาไปกอน นอกจากนยงสามารถเลอกไดจากคำาสง File PublishSettingshellip ซงเปนคำาสงทนยมเลอกใชมากกวา กรณทเปนภาพเคลอนไหว โดยจะปรากฏหนาตางทำางาน ดงน

เลอกฟอรแมตทตองการใชงานbull ใชงานในเครอขายอนเทอรเนต ใหคลกเลอกรายการ Flash และ HTMLbull สราง Movie ในฟอรแมต QuickTime ใหเลอกรายการ QuickTime ซงจะไดไฟล

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

StageStage เปนชอเรยกพนทสรางภาพกราฟกของ Flash นบเปนพนทสำาคญในการสรางสรรคงานกราฟก หรอสราง Movie มลกษณะเปนพนทสเหลยมสขาวลอมดวยกรอบสเทา ภาพกราฟกหรอวตถใดๆ สามารถวางไดบนพนทสขาว และสเทา แตเมอสงนำาเสนอผลงาน เฉพาะภาพกราฟกหรอวตถทวางบนพนทสขาวเทานน ทจะแสดงผลขนาดของ Stageขนาดของ Stage จะหมายถงพนทการแสดงผลของ Movie นนเอง ดงนนกอนสรางงานควรกำาหนดขนาดของ Stage ใหเหมาะสมและตรงกบการใชงานจรง การกำาหนดขนาดของ Stageกระทำาไดโดย

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

Guide มลกษณะเปนเสนตรงทผใชสามารถกำาหนดตำาแหนง เพอชวยในการกะระยะตางๆชวยในการวาดภาพ เคลอนยายตำาแหนงลกษณะเดยวกบกรด แตมความอสระมากกวา โดยการ

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

เครองมอกลมเลอกวตถ(Selection)

เครองมอกลมวาดภาพ (Draw)

เครองมอกลมจดการปรบแตงแกไข(Edit)

เครองมอกลมแสดงผล (View)

เครองมอกลมจดการส (Color)

เครองมอกลมคำาสงเสรม (Tools Modifier)

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Movie ทมสวนขยายเปน movbull สราง Movie ทสามารถนำาเสนอไดทนท โดยไมตองอาศย Plug-Ins ใดๆ ใหเลอกรายการ Windows Projector ซงจะไดไฟลทมสวนขยาย exe หรอเลอกรายการMacintosh Projector สำาหรบการนำาเสนอบนเครองคอมพวเตอร Macintoshเมอเลอกรปแบบไฟลทตองการแลว ใหคลกปม Publish โปรแกรมจะแปลงงานบน Stageเปน Movie ตามฟอรแมตทเลอก โดยใชชอไฟลเดยวกบไฟล Flash ตนฉบบทำางานกบ

StageStage เปนชอเรยกพนทสรางภาพกราฟกของ Flash นบเปนพนทสำาคญในการสรางสรรคงานกราฟก หรอสราง Movie มลกษณะเปนพนทสเหลยมสขาวลอมดวยกรอบสเทา ภาพกราฟกหรอวตถใดๆ สามารถวางไดบนพนทสขาว และสเทา แตเมอสงนำาเสนอผลงาน เฉพาะภาพกราฟกหรอวตถทวางบนพนทสขาวเทานน ทจะแสดงผลขนาดของ Stageขนาดของ Stage จะหมายถงพนทการแสดงผลของ Movie นนเอง ดงนนกอนสรางงานควรกำาหนดขนาดของ Stage ใหเหมาะสมและตรงกบการใชงานจรง การกำาหนดขนาดของ Stageกระทำาไดโดย

bull เลอกคำาสง File Newhellip เพอเขาสโหมดการสราง Movie

bull คลกเลอกคำาสง Modify Documenthellip

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

Guide มลกษณะเปนเสนตรงทผใชสามารถกำาหนดตำาแหนง เพอชวยในการกะระยะตางๆชวยในการวาดภาพ เคลอนยายตำาแหนงลกษณะเดยวกบกรด แตมความอสระมากกวา โดยการ

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

เครองมอกลมเลอกวตถ(Selection)

เครองมอกลมวาดภาพ (Draw)

เครองมอกลมจดการปรบแตงแกไข(Edit)

เครองมอกลมแสดงผล (View)

เครองมอกลมจดการส (Color)

เครองมอกลมคำาสงเสรม (Tools Modifier)

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensionsกรณทมขอมลบน Stage สามารถคลกปม Match Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมตbull เลอกสพนของ Stage จากตวเลอก Background colorbull รายการ Frame rate เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1 วนาทจะตองมภาพกเฟรม จงจะทำาใหภาพเคลอนไหวมความสมจรง ถากำาหนดนอยเกนไปกจะทำาใหมอาการกระตก และหากเรวเกนไปกจะทำาใหสญเสยรายละเอยด การนำาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตการสรางภาพยนตรเชนQuickTime หรอ AVI จะตองกำาหนดไวท 24 เฟรมตอวนาท

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

Guide มลกษณะเปนเสนตรงทผใชสามารถกำาหนดตำาแหนง เพอชวยในการกะระยะตางๆชวยในการวาดภาพ เคลอนยายตำาแหนงลกษณะเดยวกบกรด แตมความอสระมากกวา โดยการ

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

เครองมอกลมเลอกวตถ(Selection)

เครองมอกลมวาดภาพ (Draw)

เครองมอกลมจดการปรบแตงแกไข(Edit)

เครองมอกลมแสดงผล (View)

เครองมอกลมจดการส (Color)

เครองมอกลมคำาสงเสรม (Tools Modifier)

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull Ruler units หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนำาใหใชหนวยเปน pixelsการกำาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก PropertiesPanelโดยตองอยในโหมดการใชเครองมอ Selection

ขอแนะนำาการกำาหนดขนาดของ Stageวตถประสงคหลกของการพฒนา Flash Movie กคอการนำาไปใชเปนองคประกอบของเวบไซต ในปจจบนหนาเวบไซตทถอวาเปนมาตรฐานจะมขนาดทเหมาะสมกบการแสดงบนจอภาพขนาด 1024 x 768 pixels

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

Guide มลกษณะเปนเสนตรงทผใชสามารถกำาหนดตำาแหนง เพอชวยในการกะระยะตางๆชวยในการวาดภาพ เคลอนยายตำาแหนงลกษณะเดยวกบกรด แตมความอสระมากกวา โดยการ

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

เครองมอกลมเลอกวตถ(Selection)

เครองมอกลมวาดภาพ (Draw)

เครองมอกลมจดการปรบแตงแกไข(Edit)

เครองมอกลมแสดงผล (View)

เครองมอกลมจดการส (Color)

เครองมอกลมคำาสงเสรม (Tools Modifier)

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ดงนนขนาดของ Stage ควรกำาหนดใหมความกวาง ความสงสมพนธกบเลยเอาทของหนาเวบ

Ruler Grid GuidesRuler Grid Guidesเครองมอชวยกำาหนดขอบเขต และวางตำาแหนงการสรางกราฟกบนStage โดยbull Ruler แถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปดปดไดจากคำาสง View Rulersbull Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกำาหนดตำาแหนงในการสราง ยอขยาย หรอเคลอนยายวตถบน Stage สามารถเปดปดไดจากคำาสง View Grids Show Gridsโดยปกตขนาดของชองตารางจะมคาเทากบ 18 times 18 pixels ซงปรบแตงไดจากคำาสง ViewGrids Edit Gridhellip

Guide มลกษณะเปนเสนตรงทผใชสามารถกำาหนดตำาแหนง เพอชวยในการกะระยะตางๆชวยในการวาดภาพ เคลอนยายตำาแหนงลกษณะเดยวกบกรด แตมความอสระมากกวา โดยการ

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

เครองมอกลมเลอกวตถ(Selection)

เครองมอกลมวาดภาพ (Draw)

เครองมอกลมจดการปรบแตงแกไข(Edit)

เครองมอกลมแสดงผล (View)

เครองมอกลมจดการส (Color)

เครองมอกลมคำาสงเสรม (Tools Modifier)

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ทำางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนำาเมาสไปชในแถบไมบรรทด(ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตำาแหนงทปลอยเมาสการปรบยายตำาแหนงเสนไกด กระทำาไดโดยคลกเลอกเครองมอ Move แลวนำาเมาสไปชทเสนไกด เพอปรบยายตำาแหนง

คำาสงทเกยวของกบแถบไมบรรทด Grids และไกด คอคำาสง Snap tohellip ซงมหลายคำาสงเชนbull Snap to Grids ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนกรดทกำาหนดไวbull Snap to Guides ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองเสนไกดทกำาหนดไวbull Snap to Objects ชวยใหการวาดสรางวตถ การยอขยาย หรอยายตำาแหนงองจดกงกลาง (Center Point) ของวตถ

การใชเครองมอของ Flashการสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยมเครองมอหลายกลม และเปดปด Toolbox ไดจากเมนคำาสง Window Tools

เครองมอกลมเลอกวตถ(Selection)

เครองมอกลมวาดภาพ (Draw)

เครองมอกลมจดการปรบแตงแกไข(Edit)

เครองมอกลมแสดงผล (View)

เครองมอกลมจดการส (Color)

เครองมอกลมคำาสงเสรม (Tools Modifier)

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

เครองมอกลมเลอกวตถ(Selection)

เครองมอกลมวาดภาพ (Draw)

เครองมอกลมจดการปรบแตงแกไข(Edit)

เครองมอกลมแสดงผล (View)

เครองมอกลมจดการส (Color)

เครองมอกลมคำาสงเสรม (Tools Modifier)

Tools ModifierTools 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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

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 inZoom outMagnifier ไดเชนเดยวกน

ทำางานกบส (Color)วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสดำา และพนขางในเปนสนำาเงน ดงนนการทำางานเกยวกบส จงเปนการทำางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

larr

รายละเอยดเกยวกบสวนควบคมสใน 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 ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

เพมสการเพมรายการส สามารถทำาไดโดยคลกทเครองมอเลอกส (จะเปนFill หรอ Stroke) กไดแลวคลกทปม Color Picker ซงปรากฏทมมบนขวาของจอภาพแสดงคาส1048687 ปรากฏจอภาพผสมสใหม1048687 คลกในชอง Custom colors1048687 ผสมสตามตองการ1048687 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาว

คลกทปม Color Picker

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ปรากฏจอภาพผสมสใหม

1048688 คลกในชอง Custom colors1048688 ผสมสตามตองการ1048688 คลกปม Add to Custom Colorsการเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ

แผงควบคมส (Color Panel)

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Color Panel เปนการเพมประสทธภาพของการทำางานเกยวกบส โดยเฉพาะในสวนทเปนการไลโทนส (Gradient) เนองจากการสรางชดสการไลโทน ไมสามารถทำาไดจากสวนควบคมสปกต Flash เตรยม Panel เกยวกบสไว 2 ชดคอbull Swatches ซงมการทำางานใชงานลกษณะเดยวกบ Toolboxbull Color

Color มสวนเพมเตมการใชสมากกวาปกต เชน การทำาสแบบไลโทนลกษณะตางๆการใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

การเลอกรายการจาก Color มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color) สไลโทนแบบเสนตรง (LinearGradient) สไลโทนแบบรศม (Radial Gradient) และการนำาภาพจากภายนอกมาเปนพนของวตถ(Bitmap Background)ชดสแบบไลโทนbull คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial (ไลโทนในแนวรศม)bull นำาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กำาหนดจำานวน Gradient Pointer ตามตองการbull ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition bar

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Drop

นำาเมาสไปคลกใต Gradient definition bar จะปราก Gradient Pointerกำาหนดจำานวน Gradient Pointer ตามตองการ

Linear

Radial

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ถาตองการลบ Gradient Pointer ใหนำาเมาสไปช ณ Gradient Pointer ทตองการลบ แลวลากออกจาก Gradient definition barbull กำาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทำาซำากบ Gradient Pointer ตำาแหนงอนbull สามารถเลอนปรบตำาแหนงของ Gradient Pointer โดยใชหลก Drag amp Dropคลกปม Color Mixer Option Menu แลวเลอกคำาสง Add Swatch เพอเพมสทกำาหนดใหกบโปรแกรม

ความโปรงใสของสวตถ (Alpha)รปวงกลมไมไดกำาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลงแตถากำาหนดวงกลมใหมคาโปรงใส กจะทำาใหสของวงกลมมลกษณะจาง และมองทะลไปเหนรปดานหลงได

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

เครองมอวาดภาพ สเหลยม วงกลม วงรbull คลกเลอกเครองมอ Rectangle สามารถคลกคางไวเพอเลอกรปแบบการวาด

กำาหนดสพน สเสนขอบ และลกษณะของเสนขอบจาก Properties

กำาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

นำาเมาสมาคลก ณ ตำาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาสbull ถาตองการรปทสมบรณ ควรกดปม ltShiftgt คางไว ขณะลากเมาส

ลบวตถดวย Eraser Toolวตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอbull ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย คลกเลอก Eraser Toolคลกทปม Faucetนำาเมาสไปคลก ณ ตำาแหนงทตองการ1048687 ถาคลก ณ ตำาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด1048687 ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว

ลบวตถชนทตองการ โดย คลกเลอก Eraser Tool เลอกโหมดการลบโดยคลกท 1048687 Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill1048687 Erase Fills ลบเฉพาะสวนทเปน Fill

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

1048687 Erase Lines ลบเฉพาะเสนขอบ Stroke1048687 Erase Selected Fills ลบเฉพาะสวนทเลอกไว1048687 Erase Inside ลบเฉพาะสวนทเปน Fill แตถามการลากผานตำาแหนงทเปน Fill วางๆ จะไมลบใหเลอกลกษณะหรอขนาดของ Eraser โดยคลกทนำาเมาสมาคลก หรอลากผาน ณ ตำาแหนงทตองการลบ

Erase Normal Fill Stroke Selection Inside

การเลอกวตถ (Selection)วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนำาเขามาใชงานใน Flashนนเอง การเลอกวตถ เปนขนตอนสำาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน

Selection Tool สำาหรบเลอกวตถในสภาวะปกต

Subselection Tool สำาหรบการเลอกวตถในโหมดจดเชอม

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Lasso Tool สำาหรบการเลอกวตถทมรปทรงอสระ หรอกำาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน

สงสำาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก ldquoจดrdquo หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน ldquoFillrdquo

และสวนทเปน ldquoStrokerdquo ดงน

Stroke Fill Shape

รปแสดง จด อนเกดจากการเลอกบางสวนของวงกลมldquo rdquo

การเลอกวตถ หรอกลมวตถดวย Selection Tool bull คลกเลอกเครองมอ Selection Tool

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull เลอกวตถ โดยยดหลกดงน - เลอกเสนขอบของวตถนำาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก - เลอกพนวตถนำาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก

เลอกเสนขอบ เลอกพนวตถ

-เลอกวตถทงชนนำาเมาสไปชทวตถ แลวดบเบลคลก-เลอกวตถทงชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ-เลอกวตถหลายๆ ชนนำาเมาสไปช ณ ตำาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ

การเลอกวตถโดยการลากคลมพนทเลอกวตถหลายๆ ชนคลกวตถชนท 1 กดปมshift แลวคลกวตถชนถดไปเรอยๆเลอกวตถทกชนบน Workspace และ Stageกดปม ctrl +aยกเลกการเลอกวตถbull นำาเมาสไปคลกบนตำาแหนงวางๆ ของ Stage หรอ เลอกเมนคำาสง Edit Deselect Allซอนการเลอกวตถ

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทำางานหรอตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทำาไดโดยเลอกเมนคำาสง View Hide Edges หรอกดปม ctrl+ h

การยกเลกคำาสง (Undo)เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคำาสงนนๆ ไดโดยคลกปม ctrl+zหรอ Edit Undohellip ซงสามารถยกเลกคำาสงยอนหลงไดมากกวา 1 ครงปรบแตง แกไขวตถจดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตงแกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรวเปลยนรปทรงกราฟกจาก Flash เกดจากการรวมกนของ ldquoจดrdquo ทำาใหการปรบแตง เปลยนรปทรงกระทำาไดงาย และสะดวก เพยงแตใชหลกการ Drag amp Drop กทำาใหรปทรงพนฐาน เชน วงกลม วงรสเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

การเปลยนรปทรงของวตถ มหลกการดงนbull วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยมbull เลอกเครองมอ Selection

bull นำาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไวเมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส

bull นำาเมาสไปชบรเวณมมเหลยมของรป สงเกต เมาสจะมรปรางเปนกดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส

ตวอยางการวาดจรวดแบบงาย

1วาดสเหลยมผนผา 2เลอกเครองมอ Move เลอนไปชทมมบนขวา ของสเหลยม ดงเขามาตำาแหนงกงกลางของ

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ของสเหลยม ดงเขามาตำาแหนงกงกลางของ เพอตรงตำาแหนงการบดภาพ จากนน ทำาซำากบมมลางขวา

3 เลอนไปชทขอบซาย แลวดงเขามาดานใน ใหไดเปนรปจรวดดงตวอยาง

การยายวตถbull คลกเลอกเครองมอ Selection Toolbull เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตำาแหนงใหมbull เลอนวตถเปนแนวเฉยง 45 องศา ใหกด shiftดวยbull เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศรbull เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด shiftbull เลอนวตถไปยงตำาแหนงตางๆ โดยระบพกด ใหระบพกด x y จาก Shape Propertiesตำาแหนงมมบนซายของ Stage จะมพกดเปน 0 0การยอขยาย และปรบรปทรงของวตถbull เลอกวตถbull คลกปมเครองมอ Free Transform Tool

วตถสภาวะปกต วตถในสภาวะ Free Transform

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull นำาเมาสไปชทมม หรอขอบวตถ แลว Drag amp Drop เพอปรบขนาด หรอรปทรงตามตองการ

bull คลกเลอกจากเมนคำาสง Modify Transformhellip ซงมคำาสงใหเลอกทงคำาสงหมนวตถคำาสงกลบดานของวตถ เปนตน

ภาพตนฉบบ Distort

Envelop Skew

การจดเรยงวตถ (Alignment)บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจำาเปนตองจดเรยงตำาแหนงใหอยในแนว

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทำาไดยาก Flashไดเตรยมคำาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว

1 วาดวตถใหอยนอก Stage 2 เลอกวตถดวยเครองมอ Move3 เปด Align Panel

คลก ตอดวย และ

การคดลอกลกษณะเสนขอบวตถการคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทำาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ตองการใหวงกลม และสเหลยมเสนขอบดำา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ

bull คลกเลอกเครองมอ Eyedropper bull นำาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ (สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถได

ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง

bull นำาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ

กลมวตถ (Group)

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอใหการปรบแตงแกไข เคลอนยายกระทำาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคำาสง Modify Group และเมอตองการแยกกลบสสภาพเดมกเลอกคำาสง Modify Ungroup

รปการตนทเกดจาก Shape หลายชนประกอบรวมกน

ปญหาจากการยาย Shape รปทยงไมไดรวมกลม

รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ

การแยกชนสวนของวตถวตถบางชนทเปน Group หรอ Instance เมอจะตองนำามาทำาเปน Movie แบบ ShapeTweening จำาเปนตองแยกชนสวนของวตถใหอยในสภาวะ ldquoจดrdquo กอนเสมอ ซงทำาไดโดยเลอกวตถกอน จากนนจงใชเมนคำาสง Modify Break Apart หรอกดปม ctrl + b

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

รปภาพในสภาวะกลม

รปภาพทผานการ Break Apart แลว

การปรบแตงแกไขวตถทเปน Groupวตถทอยในสภาวะ Group สามารถยอขยาย หมนไดอสระ แตจะไมสามารถปรบแตงแกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทำาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมดการแกไขGroup ซงสงเกตไดจาก

bull Scene 1 หมายถงจอภาพในโหมดหลก

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน จะมสทจางไป

จอภาพโหมดปกต (Scene1)

โหมดแกไข Group จะพบวาภาพคลนทะเลจะจางกวาปกตเมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทำางานปกตดวยทกครง

ฝกหดวาดภาพเมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ ซง

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

มหลกทไมยากอยางทคด ขอใหนกถงหลก ldquoเชอม ตด ปรบเปลยนrdquo เทานนกพอแผนทการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด

bull วาดเสน ใหมลกษณะ ดงน

bull จากภาพจะพบวาเปนการนำากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค ldquoเชอมrdquo การทจะทำาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

-ารตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection นำาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน ldquoจดเลกๆหลายจดrdquo ดงตวอยาง

-จากนนกดปม delete เพอลบสวนทเลอก จะปรากฏผลดงน

สวนทตอง

สวนทตองการคลกเพอลบทง

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

-ทำาซำากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม delete เพอลบทง

หนาคนจากวงกลมและเสนตรง

วาดวงกลม วาดเสนตรงผาน เลอกเครองมอ Selection เลอนเมาส สวนบนของวงกลมใน ไปชทเสนตรง ใหเมาสมรปรางเปน

ลกษณะเฉยงดงภาพ กดปมเมาสคางไว แลวดงใหเสน มลกษณะโคง

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

คลกเลอกเสนทอยนอกวงกลม เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอกดปม delete เพอลบทง วาดเสน หรอ ดนสอ แลวปรบใหม ความโคงตามตองการ

หนาคนจากหลายๆ วตถ

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

เดกชายสวมหมวก

เดกหญง

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

คนสงอาย

ดวงอาทตย

รองเทาสเกต

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ถงเทาเดก

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ใบไม

หมวก

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ตนครสมาตส

ตนไม

ตนไม

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ดอกไม

ดนสอ

ตกตาหม

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ฮปโป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ผลไมการตน

สตอรเบอรร

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Symbol และ Instanceการสราง Movie ดวย Flash จำาเปนตองเกยวของกบ Symbol และ Instance ดงนนการศกษาวา Symbol และ Instance คออะไร มความสำาคญอยางไร ใชงานอยางไร จงเปนสงสำาคญมากอยางไรกตาม Flash มการกำาหนดประเภทของวตถไวหลากหลายลกษณะ โดยสามารถแบงไดดงนbull Dot หรอ Part เปนสวนยอยทสดของวตถ มลกษณะเปนจดเลกๆbull Shape เปนวตถทเกดจาก Dot หลาย Dot มาผสมกน โดยจะเรยกวตถทสรางดวยเครองมอสรางกราฟกพนฐานวา Shape ยกเวน TextToolbull Group เปน Shape หลายๆ ชนทรวมกนเปนชดเดยว เกดจากคำาสงModify Group รวมทงขอความจาก Text Toolbull Symbol เปนวตถทถกแปลงสภาพเพอพรอมสราง Movie เกดจากการแปลงวตถตางๆ รวมถงการสราง Button Movie Clip และการนำาเขาภาพจากแหลงอนๆ สามารถตรวจสอบไดวาไฟลททำางานมSymbol อะไร ประเภทใด จาก Library Panel (เรยกดวยคำาสงWindow Library)o Graphic เปน Symbol ภาพนง

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

o Button เปน Symbol ปมกดทสามารถคลกไดo Movie Clip เปน Symbol ภาพเคลอนไหวbull Instance เปน Symbol ทนำามาใชงานบน Stage

ภาพโหมด ShapeDot โหมด Group โหมด InstanceSymbolมลกษณะเปนจด มกรอบสลอมรอบ มจดกงกลางกลมและกากบาทกำากบ

ตรวจสอบ 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 มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Library ทม Symbolแปลงวตถเปน Symbolการสรางภาพเคลอนไหวแบบ Motion Tweening หรอการทำาระบบโตตอบ จำาเปนตองทำางานกบ Symbol ดงนนวตถหรอภาพกราฟกใดๆ กตาม จะตองแปลงสภาพจาก Shape Groupหรอ Picture ใหเปน Symbol กอนและจะตองเลอก Behavior ของ Symbol ใหตรงกบลกษณะการใชงาน เชน Symbol ทตองการกำาหนดใหคลกไดเพอสงงานใดๆ จะตองกำาหนดเปน Button ภาพใดๆ ทมการเคลอนทหรอการเคลอนไหว เชน ลอรถทตองหมน ควรกำาหนดเปน Movie Clip หรอSymbol ทแสดงเปนเพยงภาพนง กเลอกเปน Graphic เปนตนการแปลงวตถใหเปน Symbol มหลกการดงนbull วาดสราง หรอนำาเขาวตถbull เลอกวตถbull เลอกคำาสง Insert Convert to Symbolhellip หรอกดปม ltF8gt

bull ตงชอในชอง Name แลวเลอก Behavior ใหเหมาะสมbull คลกปม OK เพอยนยนการแปลงวตถเปน Symbol

การสราง Symbolนอกจากการแปลงวตถใหเปน Symbol ดวยวธการดงขางตน ยงสามารถเขาสโหมดการ

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

สราง Symbol ไดโดยตรง ซงมขนตอนดงนbull เลอกคำาสง Insert New Symbolhellipbull ปรากฏจอภาพ Create New Symbolbull ตงชอ Symbol และเลอก Behavior จากนนคลกปม OK กจะปรากฏจอภาพสรางSymbol ทมหนาตาคลายกบ Stage เกอบทกอยาง เพยงแตจะมสญลกษณ + อยกงกลางจอ เปนการระบตำาแหนงพกด 00 เพอใหสะดวกตอการวางตำาแหนง หรอสรางวตถbull เมอสรางวตถใหกบ Symbol เรยบรอยแลวกคลกท Scene 1 เพอกลบสสภาวะการทำางานปกต

bull รายละเอยดการสราง Movie Clip และ Button Symbol จะกลาวในหวขอถดไปการสราง Symbol ใดๆ ควรยดตำาแหนงสญลกษณ + เปนจดเรมตนของวตถ ตำาแหนงพกด00Symbol และ 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 Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

การนำา Symbol จาก Library มาใชงาน กระทำาไดโดยการเปด Library Panel แลวคลกเลอกSymbol ชนทตองการ ลากมาวางบน Stage และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol สำาเรจรปของโปรแกรมโปรแกรมไดเตรยม Symbol สำาเรจรปเพอสะดวกตอการสรางงาน โดยเรยกใชไดจากเมนคำาสง Window Other Panels Common Librarieshellip ซงม Library สำาเรจรปใหเลอกใชได 3 กลมเมอเลอก Symbol ทตองการไดแลว กสามารถนำามาวางบน Stage โดยการนำาเมาสชท Symbol นนแลวลากออกจาก Library มาวางบน Stage ไดเลย และ Symbol จะเปลยนสถานะเปน Instance ทนทเรยกใช Symbol จากไฟลอนจดเดนของ Symbol คอ สามารถโอนใชงานไดกบไฟลอน หรอเรยกใช Symbol จากไฟลอน โดยมหลกการดงนbull เปดไฟลเอกสารทตองการสรางงานbull เรยกใชคำาสง File Import Open External Libraryhellipbull เลอกไฟลทตองการนำา Library มาใชงานbull โปรแกรมจะเปด Library มาใหเลอกทำางาน เมอเลอกใช Symbol ๆ นนจะถกโอนไปยงไฟลเอกสารปจจบนโดยอตโนมตแกไข SymbolSymbol ทสรางไวแลว สามารถปรบเปลยนแกไขได โดยbull เปด Library Panel ดบเบลคลกทชอ Symbol ชนทตองการแกไข หรอกรณทม Instanceของ Symbol ปรากฏบน Stage กสามารถดบเบลคลกท Instance นนๆ ไดทนท

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull ปรากฏหนาตางการทำางานในโหมดแกไข Symbol โดยสงเกตไดวาตรงกลางจอภาพ มสญลกษณ + และปรากฏชอหนาตางเปนชอ Symbol นนทมมบนซายของ Stage

bull แกไข Symbol เหมอนกบการแกไขวตถปกตทวไปbull เมอแกไขเรยบรอยแลว สามารถกลบมาทำางานในโหมดปกตไดโดยคลกทชอ Scene1(หรอ Scene หมายเลขใดๆ กไดตามลกษณะของชนงาน)หมายเหต การแกไข Symbol จะสงผลตอ Instance ทเกดจาก Symbol นนๆ ทก Instance ทนำามาใชงานบน Stageแกไข InstanceInstance เปรยบเสมอนวตถชนหนง ซงสามารถใชคำาสงจดการวตถ มาดำาเนนการปรบเปลยนได โดยไมสงผลกระทบตอ Symbol ตนฉบบ โดยมวธจดการดงนวธท 1bull คลกเลอก Instancebull ใชเครองมอ Arrow ปรบขนาดหรอหมนวตถวธท 2bull คลกเลอก Instancebull กำาหนดลกษณะของสทตองการจาก Instance Properties

o Brightness ความสวางo Tint การปรบแกไขสความโปรงแสงo Alpha การปรบแกไขความโปรงแสง

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

o Advanced การปรบแกไขสและคาความโปรงแสงแบบ Advanced

เฟรมและ Timelineการสรางภาพยนต หรอภาพเคลอนไหวใด กคอการสรางอรยาบถของภาพใหมการเปลยนแปลงไปตามชวงเวลา เชน การวาดการตนลงกระดาษแตละใบ ใหมอรยาบถแตกตางกนไปเมอนำาการตนทกภาพมาแสดงอยาง รวดเรว กจะทำาใหภาพมลกษณะเปนภาพเคลอนไหว เมอมการนำาคอมพวเตอรมาใชสรางสรรคภาพยนต หรอภาพเคลอนไหว เฟรมกเปรยบเสมอนกระดาษแตละใบ ทมการวาดอรยาบถของการตนลงไป และ Timeline กคอชวงเวลาทใชควบคมการนำาเสนอดงนน Frame และ Timeline จงเปนสวนสำาคญอกสวนในการสรางภาพเคลอนไหวของ Flash โดยมลกษณะหนาตาง ดงน

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Timelineเปรยบเสมอนเวลาทใชในการสรางภาพเคลอนไหว หรอ Movie โปรแกรมจะแบงชวงใหหนวยละ 5 ชวงเวลา

เฟรมคอชองเลกทเรยงตอกนตามชวงเวลา แตจะชองเปรยบเสมอนกระดาษ 1 แผนทวาด Movie1 อรยาบถ และเปลยนไปทกๆ เฟรม เพอใหเกดการเคลอนไหวของวตถ เชน เฟรมชองท 1 วาดวงกลมไวรมซายสดของ Stage เฟรมท 2 วาดวงกลมใหเลอนมาดานขวานดหนง และทำาซำาๆ ไปเรอยๆ ซงเปนการสราง Movie ใหวงกลมวงจากดานซายมาดานขวานนเอง

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Playheadตำาแหนงของเฟรมปจจบนทจะปรากฏบน Stage

เฟรม และคยเฟรม (Frame amp Keyframe)คยเฟรม คอ การกำาหนดตำาแหนงการสรางภาพเคลอนไหวทมเนอหาภายในแตกตางกนไปโดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Keyframe ใหใชคำาสง Insert TimelineKeyframeเฟรม คอ การกำาหนดตำาแหนงภาพทไมมการเปลยนแปลง ไมมการเคลอนไหว เชนการทำาฉากหลง โดยตำาแหนงเฟรมใดทตองการกำาหนดใหมสถานะเปน Frame ใหใชคำาสง InsertTimeline Frameควบคมเฟรมการควบคมเฟรม เชน การใสคยเฟรม หรอแทรกเฟรม นอกจากใชคำาสงจากเมน Insert ยงสามารถใช Context Menu ซงเปนวธทสะดวกกวา โดยคลกขวาในเฟรมทตองการ แลวเลอกคำาสงทตองการลบเฟรมbull เลอกเฟรมทตองการลบ (สามารถใชการคลกเมาสขวาในเฟรมทตองการ)bull เลอกคำาสง Remove Frames

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Movie FileMovie คอ ภาพนงหรอภาพเคลอนไหวทสรางดวย Flash โดยมลกษณะการสราง 3 รปแบบคอbull Movie แบบ Frame by frame เปน Movie ทมการเปลยนแปลงของวตถตลอดเวลาและวตถมการเปลยนแปลงทไมตอเนอง หรอเปลยนแปลงทกสวนอยางไมสมำาเสมอไมเปนมาตรฐาน เชน ดอกไมบาน การงอกของตนไม การบนของนก การเดนของสตว การสรางจะตองสรางตนแบบงานหลายชน การสราง Movie แบบนวตถทนำามาสรางจะอยในสถานะใดกไดbull Movie แบบ Motion Tweening เปน Movie ทอาศยหลกการเปลยนรปทรง ขนาดโดยการคำานวณของโปรแกรม การสรางกระทำาไดงาย โดยสรางเฉพาะภาพแรก กบภาพสดทาย โปรแกรม Flash จะเตมขบวนการเปลยนแปลงใหโดยอตโนมต เชน ลกบอลตกจากทสงมากระทบพน การบนของเครองบน การหมนรอบวตถใดๆ การสรางMovie แบบน วตถจะตองอยในสถานะ Symbol กอนbull Movie แบบ Shape Tweening เปน Movie ทวตถมการเปลยนแปลงรปทรง รปรางจากรปตนฉบบไปอยางสนเชง เชน เปลยนจากสเหลยมเปนวงกลม เปลยนจากไขนก เปน

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ตวนก การสราง Movie แบบน วตถจะตองอยในสถานะ Break Apart

Motion Tweenการสราง Movie แบบ Motion Tween เปน Movie ทสรางไดงาย รวดเรว โดยยดหลกสรางวตถในตำาแหนงเรมตน และตำาแหนงสดทาย Flash จะสราง Effect การเคลอนทใหโดยอตโนมตรวมทงผสรางสามารถเลอกรปแบบการเคลอนทไดจาก Properties Panelหลกการสราง Movie แบบ Motion Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Group หรอ Symbolo การสรางวตถในสภาวะ Group1048687 เลอกวตถทสราง1048687 ใชคยลด ctrl G

o การสรางวตถในสภาวะ Symbol1048687 เลอกวตถทสราง1048687 กดปม F81048687 ตงชอ Symbol และเลอก Behavior ทเหมาะสมbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull ปรบแตงวตถ หรอยายวตถตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง แลวคลกปมขวาของเมาส เลอกคำาสง CreateMotion Tween

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ตวอยาง Motion Tween ndash ดนสอสราง Motion Tween เปนรปดนสอเคลอนทจากตำาแหนงหนง ไปอกตำาแหนงหนง ม 4ขนตอน ดงนขนแรก สรางวตถ (ดนสอ)

bull สรางไฟล Flash แลวกำาหนดลกษณะ Stage ใหเหมาะสมดวยคำาสง Modify Documentbull วาดสเหลยมรปทรงแทงยาวกำาหนดลกษณะเสนขอบตามความหมาะสมbull เตมสใหกบดนสอ โดยการใชชดสไลโทน ldquoสมขาวrdquo โดยเปด Color Mixer Panel เลอกรายการชดสเปน Linearกำาหนด Color Maker 3ตำาแหนง โดยตำาแหนงท 1และตำาแหนงท 3 ใหกำาหนดเปนสสม ตำาแหนงท 2 กำาหนดเปนสขาวbull เลอกเครองมอ Paint Bucket เตมสลงในรปสเหลยมbull ใชเครองมอวาดเสนตเสนตรงตดรปสเหลยม 2ตำาแหนง เพอแปลงสภาพเปนปลายดนสอ และยางลบbull เลอกเครองมอ Selection

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ปรบปลายดานหนงสเหลยมใหเปนสามเหลยม ดงรป

bull ลบเสนตรงสวนทคนปลาย ดนสอกบตวดนสอออก โดยใชเครองมอ Selection คลกเลอกแลวกดปม delete

bull ดดแปลงปลายดนสออกดานใหเปนยางลบ ดงตวอยาง

bull แปลงรปดนสอทวาดเรยบรอย แลว เปน Symbol แบบGraphics โดยใชเครองมอSelection เลอกดนสอ กดปมF8 ตงชอ Symbol เชน Pencilเลอก Behavior เปน Graphicแลวคลกปม OK เพอยนยนการสราง Symbolขนทสอง กำาหนดจดเรมตนของ Moviebull กำาหนดจดเรมตนของ Movieสมมตใหเรมตนทขอบซายของ Stage ณ เวลา 5 หนวยo คลกเมาสในเฟรม 5 ของTimeline Panelo กดปมขวาของเมาส เลอกคำาสง Insert Keyframe

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

o กรณทวาดสรางวตถไวกอนหนานแลว เฟรม 1 จะเปน Keyframe โดยอตโนมต สามารถใชหลกการ Drag amp Dropยายตำาแหนง Keyframeจากเฟรม 1 ไปเฟรม 5 ได

bull ใชเครองมอ Selection และFree Transform ยายปรบเปลยนรปทรงของดนสอใหเหมาะสมขนทสาม กำาหนดตำาแหนงปลายทางbull คลกเมาสเลอกเฟรมปลายทาง

เชนเฟรม 50 แลวคลกปมขวาของเมาส เลอกคำาสง InsertKeyframebull ใชเครองมอ Selection ยายตำาแหนงดนสอไปตำาแหนงใหมขนท 4 ใส Motion Tween ทเฟรมตนทางbull คลกเมาสในเฟรมตนทางของMotion จากตวอยางคอเฟรมท 5bull คลกปมขวาของเมาส แลวเลอกคำาสง Create Motion Tweenbull ทดสอบ Movie โดยใชคยลดCtrl +entero กลบมาสจอภาพแกไขMovie โดยกดปมCtrl +wbull บนทกไฟล (ยกตวอยางชอ pen)

ยาย

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

แลว Publish เปน SWF

Shape TweenShape Tween เปน Movie อกลกษณะทใชเทคนคการเปลยนรปรางของวตถ เชน จากวตถขนาดเลกๆ สนๆ เมอเวลาผานไปกกลายสภาพเปนวตถขนาดยาว หรอจากรปทรงวงกลม เปนรปหลายเหลยม เปนตน

หลกการสราง Movie แบบ Shape Tweenbull กำาหนดเฟรมเรมตน (ไมจำาเปนตองเปนเฟรมท 1) โดยการคลกเมาสในเฟรมทตองการแลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอกInsert Keyframebull สรางวตถ โดยวตถจะตองอยในสภาวะ Shape เทานนo กรณทวตถอยในสภาวะ Group หรอ Symbol ตองแปลงใหอยในสภาวะShape กอน โดย เลอกวตถ กดปม ctrl + b(อาจจะตองทำาหลายครง) จนกวาวตถมจดพกเซล

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

เลกๆ ประกอบในวตถbull เลอกเฟรมปลายทาง แลวเลอกคำาสง Insert Timeline Keyframe หรอคลกปมขวาของเมาส แลวเลอก Insert Keyframebull สรางวตถชนใหม หรอปรบแตงวตถเดมตามตองการbull เลอนเมาสกลบมาคลกทเฟรมตนทาง กำาหนดคา Tween จาก Properties เปน Shape

ตวอยาง Shape Tween ndash Magic Flowerฝกปฏบตการสราง Movie ndash Magic Flowerโดยการใชวตถวงกลม และหลายเหลยม แบบShape Tweenbull สรางไฟลใหม กำาหนดลกษณะขนาด Stage ตามตองการbull สรางชดสไลเฉด สม ขาว สมโดยเปด Color Mixer Panelbull เลอกรปแบบการลงสแบบRadialbull กำาหนดจด Marker 3 จด จดท 1และจดท 3 กำาหนดเปนสสม จดท 2 กำาหนดเปนสขาวbull วาดรปวงกลม กำาหนดตำาแหนง

ใหเหมาะสม

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull กำาหนดเฟรมสดทายของ Movie

เชน เลอกเฟรม 50 ใหคลกปมขวาของเมาสในเฟรม 50 แลวเลอกคำาสง Insert Keyframebull ลบรปวงกลมในเฟรม 50ออกไปbull เลอกเครองมอ PolyStar bull คลกปม Options ใน PropertiesPanel เลอกเปน Star กำาหนดคาตามตองการbull วาดรปหลายเหลยม ใหอยในตำาแหนงเดยวกบวงกลมทลบไปเดมbull เลอนเมาสมาคลกทเฟรมแรกเฟรมท 1เปลยนคา Tween เปนShapebull ทดสอบ Movie บนทกไฟลตวอยาง Shape Tween ndash การขดเสนดวยดนสอนำา Motion Tween รปดนสอเคลอนทจากตวอยางกอนหนา มาใส Shape Tween เปนการขดเสนดวยดนสอ โดยใชหลกการเปลยนรปรางของเสนจากเสนบางสนๆ จนกลายเปนเสนทมความยาว เสมอนกบการขดเสนดวยดนสอ ตวอยางนจะแนะนำาการทำางานกบเลเยอร การสรางShape Tween ไปในขณะเดยวกนbull เปดไฟล penflabull เปลยนชอเลเยอร MotionTween ของดนสอ เปน Pencilโดยดบเบลคลกทชอ Layer 1ปอนชอใหมแลวกดปม Enter

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull สรางเลเยอรใหม โดยคลกทปม Insert Layer ใน Timelinebull เปลยนชอเลเยอรใหม เปนLinebull กำาหนดเฟรมตนทางของShape Tween เชน เฟรม 5โดยคลกเมาสในเฟรม 5 แลวคลกปมขวาของเมาส เลอกคำาสง Insert Keyframebull วาดเสนบางๆ สนๆ ดวยเครองมอ Pencil

bull พยายามวาดใหอยใตดนสอbull เลอกเฟรมปลายทาง ใหอยตำาแหนงเดยวกบเลเยอรดนสอ(เชนเฟรม 50) คลกปมขวาของเมาส แลวเลอกคำาสง Insert

Keyframebull ขยายเสนทขดในเลเยอร Lineใหยาว มระยะทางเทากบจดปลายทางของดนสอ โดยใชเครองมอ Free Transform คลกเลอกเสนขด จากนนยายจดศนยกลางของเสนขดไปอยรมดานซาย (ใชเครองมอ

เสนทวาด

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Zoom เพอขยายภาพใหเหนเดนชด)bull ลากจด Handle ดานขวาใหยาวเทากบปลายทางของดนสอbull เลอนเมาสกลบมาคลกทเฟรมตนทางของเลเยอร Linebull เปลยนคา Tween จากProperties เปน Shapebull ทดสอบ Movie โดยใชคยลดCtrl + entero กลบมาสจอภาพแกไข Movie โดยกดปม Ctrl + wbull บนทกไฟล แลว Publish เปนSWF

ตวอกษรขอความเมอทราบถงการสรางกราฟก และการจดการกราฟกทใชใน Flash แลว สวนประกอบอกสวนหนง ซงจะขาดไมได กคอ ตวอกษร หรอขอความ โดยมคำาสงทเกยวของดงนสรางขอความbull คลกเลอกเครองมอ Text Toolbull เลอกลกษณะตวอกษร และพารากราฟ จาก Text Property

โหมดตวอกษร ndash Static คอตวอกษรในสภาวะปกต Dynamic คอ

ตวอกษรทรบคาจากตวแปร Input คอตวอกษรทสามารถปอนผานแปนพมพ

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull นำาเมาสไปคลก ณ ตำาแหนงทตองการพมพงาน ปรากฏกรอบพมพงานo ถาคลกเมาส 1 ครงจะเปนการพมพงานแบบบรรทดเดยว สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณวงกลมเลกๆo ถากดปมเมาสคางไว แลวลากขยายขนาดของกรอบขอความ จะเปนการพมพงานแบบหลายบรรทด สงเกตไดจากมมบนขวาของกรอบขอความ มสญลกษณสเหลยมเลกๆbull พมพงานทตองการ สามารถยกเลกโดยนำาเมาสไปคลก ณ ทวางๆ บน Stageตวอยางการจดขอมลใหมระยะหางระหวางตวอกษร 4 หนวย โดยคลกท

ปรบเปลยนกรอบขอความbull เปลยนจาก กรอบบรรทดเดยว เปนหลายบรรทด ใหนำาเมาสไปชทวงกลม มมบนขวาของกรอบขอความ กดปมเมาสคางไว แลวลากออกbull เปลยนจากกรอบหลายบรรทด เปนบรรทดเดยว ใหดบเบลคลกทสญลกษณสเหลยมมมบนขวาของกรอบขอความปรบเปลยนรปรางตวอกษรกอนทจะปรบเปลยนรปรางของตวอกษร ซงสามารถกระทำาไดรายตวอกษร จะตองแยกองคประกอบของขอความนนๆ กอน โดยbull คลกเลอกขอความ

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull เลอกเมนคำาสง Modify Break Apart (อาจจะใชคำาสงนหลายครง)bull ตวอกษรจะกลายเปน Shape ซงจะสงเกตไดจากจดเลกๆ ในตวอกษรนนๆ

bull สามารถปรบแตงรปรางไดอสระ โดยอาศย Arrow Toolbull นอกจากการใชคำาสง Break Apart ในการปรบเปลยนลกษณะตวอกษร ยงสามารถเคลอนยาย หมน บดตวอกษรไดเหมอนกบวตถทวไป

ทำางานกบเลเยอร (Layer)เลเยอร (Layer) หมายถงชนของชนงาน เนองจากการวาดภาพใดๆ กตามหากรวมอยในชนเลเยอรเดยวกน จะเกดปญหาการแกไขไดงาย ดงนนการสรางวตถใดๆ กตามดวย Flash ใหยดหลกทวาวตถ 1 ชนตอ 1 เลเยอรเพอใหการควบคม การสรางงานกระทำาไดอยางสมบรณ

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

เปลยนชอเลเยอรbull ดบเบลคลกทชอเลเยอรเดม แลวปอนชอใหมจากนนกดปม ltEntergtเปลยนลำาดบของเลเยอรbull นำาเมาสไปคลกทชอเลเยอรทตองการเปลยนลำาดบ กดปมเมาสคางไว แลวลากไปปลอย ณ ตำาแหนงใหม

สรางเลเยอรใหม ลบเลเยอร

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ควบคมเลเยอรbull ซอนแสดงเลเยอร โดยใหคลกทจดกลมเลกๆ ของเลเยอรใตปมนbull ลอกเลเยอร ปองกนการแกไขbull แสดงผลแบบโครงราง เหมาะสำาหรบการสราง Movie กบเครองทมแรมไมมากนก

การแสดงผลแบบปกต การแสดงผลแบบโครงราง

ไฟลเสยง (Sound)การสรางสอดวย Flash นอกจากมจดเดนเกยวกบภาพเคลอนไหวรปแบบตางๆ ยงสามารถนำาเสนอเสยงพรอมๆ กบการนำาเสนอภาพเคลอนไหว เปนการสรางสอมลตมเดยอยางสมบรณ โดยการนำาเสนอไฟลเสยงดวย Flash ทำาได 2 รปแบบคอbull Event Sound ซงจะมรปแบบการนำาเสนอ (บรรเลงเพลง) เมอเพลงนนๆ ถกดาวนโหลดมายงเครองลกขาย (คอมพวเตอรผเรยกดเวบ) ครบสมบรณbull Stream Sound เพลงจะบรรเลงทนททเพลงสวนแรกถกดาวนโหลด ไมต องรอใหครบทงไฟล และสามารถควบคมการหยดชวคราวไดตามชวงเวลาบน Timelineนบเปนรปแบบทดทสดสำาหรบการนำาเสนอผานเครอขายอนเทอรเนตฟอรแมตไฟลเสยงไฟลเสยงทสนบสนน Flash ไดแกbull WAV ไฟลเสยงเพลงทสามารถทำางานไดบนระบบปฏบต Windows โดยจะตอง

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

มการบนทกในฟอรแมต 8 หรอ 16-bit คา sample rate ท 11 kHz 22 kHz หรอ 44kHz Mono เทานนbull AIFF ไฟลเสยงเพลงททำางานในคอมพวเตอรระบบ Macintoshbull 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การนำาเขาไฟลเสยงbull เตรยมไฟลเสยงฟอรแมต WAVbull สราง Flash Movie กำาหนดขนาดของ Flash Movie และคณสมบตอนๆ จากเมนคำาสงModify Documentbull เปด Library Panel ดวยคำาสง Window Librarybull เลอกคำาสง File Import Import to Library

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull เลอกไฟลเสยงทเตรยมไว คลกปม Open เพอนำาเขาbull ไฟลเสยงทนำาเขา จะเกบไวใน Library Panel

การทำางานกบไฟลเสยงเมอนำาเขาไฟลเสยงเกบไวใน Library เรยบรอยแลว กสามารถนำามาสราง Movie หรอควบคมการนำาเสนอไดโดยbull สราง Layer ควบคมไฟลเสยงbull ลากไฟลเสยงจาก Library มาวางบน Stagebull จะปรากฏสญลกษณเสนเสยงในเฟรม 1 ของ Layer เสยงbull ขยายเฟรมจนสนสดเสนเสยง โดยคลกเฟรมปลายทาง เชนเฟรม 500 แลวเลอกคำาสงInsert Frame (อาจจะตองทำาหลายครงจนกวาเสนเสยงจะปรากฏเปนเสนเสยงเรยบ)

การควบคมเสยงใน Movieเมอนำาเสยงเพลง หรอเพลงบรรยายในฟอรแมต WAV มาวางใน Movie ควรสรางปมควบคมการนำาเสนอ ไดแก ปม Stop ปม Pause และปม Playbull สรางเลเยอรใหม ตงชอเปน Buttonbull เปด Button Panel ดวยคำาสง WindowOther Panels Common Libraries Buttonbull เลอกปมควบคมเสยงมาวางบน Stage ให

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

ครบ 3 ปม เพอทำาหนาทเปนปม Stop ปมPause และปม Playbull คลกเฟรม 1 ของเลเยอร Sound bull เปด Properties Panelbull เปลยนคา Sync จาก Event เปน StreamเพอใหการนำาเสนอไฟลเสยงเปนแบบStreamingo สามารถเปลยนไฟลเสยงไดจากรายการSoundo การยกเลกไฟลเสยง ใหเลอก None จากรายการ Soundo รายการ Effect เปนการใสลกษณะพเศษใหกบเสยงเชน เสยงเรมแบบเบาๆ แลวคอยๆ ดงขน (Fade in)bull เลอกปม Stopbull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Stopโดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการ ทำางานนนเองon (press) gotoAndStop(1)bull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม (bull ปอนคำาสง Action Script ควบคมปม Pauseโดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมstop()bull เลอกปม Playbull เปด Action Panel โดยกดปม (

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull ปอนคำาสง Action Script ควบคมปม Playโดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดon (press) play()bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ควบคมเพลง MP3การนำาเสนอและควบคมเพลง MP3 ดวย Flash สามารถใช Media Playback ซงเปนหนงในชดควบคมสอ (Media Components) ท Flash จดเตรยมพรอมใชงาน โดยมขนตอนดงนbull เตรยมไฟลเพลงในฟอรแมต MP3 bull สราง Flash Movie กำาหนดขนาดของFlash Movie ดวยคำาสง ModifyDocumentbull บนทกไฟลไวในโฟลเดอรเดยวกบไฟลmp3bull เปด Components Panel ดวยคำาสงWindow Development PanelsComponentsbull เลอกรายการ MediaPlayback แลวลากมาวางบน Stage กำาหนดขนาดจากProperties Panelbull คลกเลอก MediaPlayback บน Stage เปด Component Inspector Panel ดวยคำาสงWindow Development PanelsComponent Inspector

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull เลอกรปแบบสอเปน MP3bull ระบชอไฟลเพลง MP3 ในบรรทด URLbull เลอกรายการควบคมเพลง เชน1Automatically Play ใหเพลงบรรเลงทนททเปดไฟลหรอไม 2Control Placement เลอกตำาแหนงของแถบควบคมเพลง 3ontrol Visibility แสดงแถบควบคมเพลงใหเหนทนทหรอไม ควบคม VDOการนำาเสนอ VDO และควบคม VDO ดวย Flash กมหลกการคลายๆ กบการนำาเสนอควบคมไฟลเสยง คอสามารถเลอกไดทงแบบ Embedded และแบบ Linking โดยไฟลในฟอรแมตAVI หรอ MPEG มกจะใชรปแบบ Embedded สวนไฟลฟอรแมต Macromedia Flash Video (FLV)จะใชรปแบบ Linking อยางไรกตามการใชงาน VDO ใน Flash จำาเปนตองมการตดตงโปรแกรมประกอบในคอมพวเตอรกอนจงจะสามารถทำางานได เชน QuickTime หรอ DirectX 7 ขนไป โดยฟอรแมต VDO ทสนบสนนเมอตดตง QuickTime ไดแก

File type ExtensionAudio Video Interleaved aviDigital video dvMotion Picture Experts Group mpg mpegQuickTime movie mov

สำาหรบฟอรแมตไฟล VDO ทสามารถนำาเขาเมอตดตง DirectX 70 ขนไป ไดแก

File type Extension

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

Audio Video Interleaved aviMotion Picture Experts Group mpg mpegWindows Media file wmv asf

VDO แบบ Embeddedbull เตรยมไฟล VDO

bull สราง Flash Movie กำาหนดขนาดคณสมบตตามตองการ

bull นำาเขาไฟล VDO ดวยคำาสง File ImportImport to Stage

bull เขาสโหมดการนำาเขา VDOนำาเขา VDO ทนท เลอกรายการ Importthe entire videoo เขาสสวนการควบคม ตดตอ VDO ใหเลอก Edit the video first

bull เลอกรายการ Import the entire video เพอเขา VDO ทนท จากนนคลกปม Next

bull เขาสสวนการเขารหส VDO ใหเหมาะสมกบชองทางการเผยแพร เชน ถาตองการสราง Flash Movie นำาเสนอ VDO สำาหรบผใชทเรยกดอนเทอรเนตผาน MODEM

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

56Kbps กใหเลอก Compression profileเปน 56Kbps หรอเลอกระบบอนๆ ตามความเหมาะสม จากนนคลกปม Finish

bull รอสกคร Flash จะนำาเขาไฟล VDO

bull โปรแกรมจะแสดงเวลาทงหมดของ VDOคลกปม Yes เพอยนยนการนำาเขา

bull ปรากฏจอภาพ VDO บน Stage

bull สรางเลเยอรใหม ตงชอเปน Button สรางปมควบคม VDO 3 ปมไดแก ปม Stop ปมPause และปม Play on (press)

bull เปด Action Panel โดยกดปม F9 gotoAndStop(1)bull ปอนคำาสง Action Script ควบคมปม Stop โดยจะหมายถงการสงให Play Head ของTimeline วงกลบไปทเฟรม 1 แลวหยดการทำางานนนเองbull เลอกปม Pause on (press) bull เปด Action Panel โดยกดปม F9 stop()bull ปอนคำาสง Action Script ควบคมปม Pause โดยจะหมายถงการสงให Play head ของTimeline หยด ณ ตำาแหนงทคลกปมbull เลอกปม Play on (press) bull เปด Action Panel โดยกดปม F9 play()bull ปอนคำาสง Action Script ควบคมปม Play โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสด

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

โดยจะหมายถงการสงให Play Head ของTimeline เลนตอจากตำาแหนงทหยดครงลาสดbull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

กรอบ VDOเทคนคทนาสนใจของ Flash กคอ Masking ซงเปนการซอนบางสวนของวตถ (Object) ดวยวตถทซอนทบอยดานบน (เลเยอรบน) เชน เลเยอรลางเปน VDO หรอรปภาพ จากนนสรางอกเลเยอรซอนทบขนไปเปนรปหวใจ เมอสง Mask เลเยอรรปหวใจ กจะปรากฏ VDO หรอรปภาพทอยเลเยอรดานลาง ถกแสดงผลเปนรปหวใจตามรปทรงของวตถทซอนอยดานบนนนเอง ดวยเทคนค Masking จะชวยใหการนำาเสนอ VDO มจดเดนในเรองกรอบ VDObull นำาไฟล VDO จากแบบฝกหดกอน หนา มา

ปรบแตงโดยสรางเลเยอรใหม ใหอยชน บนสด ตงชอเปน Maskbull วาดรปทรงตามตองการ โดยรปทรงท วาดจะถกนำามาใชเปนสวนแสดง VDObull เลอกเลเยอร Mask กดปมขวาของ เมาส แลวเลอกคำาสง Mask bull บนทกไฟล แลว Publish เปน swfbull ทดสอบไฟล swf

ตดตอ VDOกอนทจะนำาไฟล VDO เขามาใชงานใน Flash Movie บางครงอาจจะจำาเปนตองตดตอ

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

VDO ใหเหมาะสม เชน VDO ตนฉบบหลายๆ เรองอาจจะมความยาวมากเกนไป การนำามาสรางเปน Flash Movie จะทำาใหขนาดไฟลโตเกนกวาจะแสดงผลผานเครอขายอนเทอรเนตไดอยางเหมาะสม การแบงหรอตดตอ VDO แลวสรางเปน Flash Movie ยอยๆ จะชวยใหการนำาเสนอมความเหมาะสมมากกวา

bull เตรยมไฟล VDObull สราง Flash Movie bull นำาเขาไฟล VDO ดวยคำาสง FileImport Import to Stagebull เขาสสวนการควบคม ตดตอ VDOเลอก Edit the video firstbull เมอคลกปม Next จะปรากฏสวนการตดตอ VDO ดงน

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull การตดตอ VDO ทำาไดโดยเลอนสญลกษณ ไป ณ ตำาแหนงจดเรมตนของ VDO จากนนเลอนสญลกษณ เขามา ณ ตำาแหนงจดสดทายของ VDO

bull คลกปม Create Clip เพอตด VDO สวนทเลอก สามารถเลอกสวน VDO แลวตดไดหลายสวนพรอมๆ กน

ถาคลกเลอกรายการ Combine list of clips into a single library item after import จะเปนการระบให VDO ทเลอกตดแตละสวน รวมเปน VDO ใน Library รายการเดยวกน (เทคนคการผสมVDO จากหลายคลป)bull คลกปม Next เพอเขาสจอภาพการเลอกคณภาพ และการบบอด VDO (Compression) เลอกรปแบบทเหมาะสมแลวคลกปม Finish

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป

bull รอสกครจะปรากฏ VDO ใน Library Panel พรอมใชงานตอไป