รู้จักโปรแกรม flash
DESCRIPTION
รู้จักโปรแกรม Flash. - PowerPoint PPT PresentationTRANSCRIPT
รจกโปรแกรม Flash
โปรแกรม Flash เปนโปรแกรมสรางมลตมเดยทมคณภาพสง รองรบผใชไดทกระดบ สามารถสรางผลงานทงายๆ เชน ภาพ
เคลอนไหวธรรมดา ไปจนถงมลตมเดยทมทงภาพและเสยง จดเดนทสำาคญของโปรแกรม Flash คอ มลกษณะภาพทเปน vector
ทำาใหงานมขนาดเลกเมอเทยบกบโปรแกรมในระดบเดยวกน โปรแกรม Flash จงเปนทยอมรบและนยมของคนทวโลก
หลกการทำางานของ Flash
1 .การ Import File จากขางนอกเขามาและนำามาไวท Stage2. นำาวตถนนมาแปลงใหเปน Symbol เพอจะนำาไปเปน
Animation3. เปนขนตอนการทำา Animation โดยการนำา Symbol มาใช อาจ
เปนการใสเสยง หรอ Action Script เขาไป4. เปนการนำาเสนอผลงานโดยการ Publish ชนงานออกมานำาเสนอ
ชนดของภาพกราฟก
• Vector เปนภาพกราฟกทเกดจากเสนตรง และเสนโคงรวมกบขอมลของตำาแหนง และนำามาทำาการคำานวณใหเกดเปนทางเดนของเสนมาประกอบกนขนเปนภาพ รปทรงของทางเดนของเวคเตอรท
ไดจะถกพลอตดวยจดไปตามทางเดนนน• Bitmap เปนภาพกราฟกทเกดจากการนำาจดสรปสเหลยมเลกท
เรยกวา พกเซล (pixel) มาเรยงตอกนเพอประกอบขนเปนภาพคลายกบการเรยงกระเบองโมเสค โดยแตละพกเซลจะถกกำาหนด
ตำาแหนงและสไวตายตว และภาพกราฟกทสรางจากโปรแกรมระบายสทวไป บางครงเราเรยกภาพกราฟกชนดนวา Raster
image
ไฟล .FLA และ .SWF
• การเรยกใชงานของโปรแกรม Flash จะมนามสกลหลกอย 2ชนด คอ– .FLA คอไฟลหลกในการสรางและแกไขงาน ไฟลนจะเกดขนเมอเราทำาการ
บนทกชนงาน (FLA ยอมาจาก FLASH Movie)
– .SWF คอไฟลทไดจากการ Publish เปนไฟลทใชเพอการแสดงผลงาน โดยไมจำาเปนตองเปดโปรแกรม Flash (SWF ยอมาจาก Shock Wave Flash)
1. Start2. Programs3. Macromedia4. Macromedia
Flash 9
การเรยกใชโปรแกรม Flash
การสรางงานใหม
คลก
1
2
3
4
5
6
Menu Bar
Docked Panel
Toolbox Properties inspector panel
Time Line Frames
Stage
• Menu Bar เปนเมนทใชแสดงชดคำาสงทงหมดของโปรแกรม Flash โดยคลกเลอกเมนคำาสงจะปรากฏคำาสงยอยใหเลอกตามตองการ
• Toolbox เปนกลองทใชบรรจเครองมอวาดภาพตางๆ เชน เครองมอสรางรปสเหลยม เครองมอสรางขอความ เปนตน
• Time Line Frames เปนสวนทใชสำาหรบสรางภาพเคลอนไหว โดยแบงเปน 2 สวน คอ Layer และ Time Line Frames
• Stage เปนพนทใชในการทำางาน หรอจดวางออบเจกตตางๆ ทตองการใหปรากฏในไฟลเอกสาร
• Docked Panel เปนการรวบรวมเอาจอภาพ Panel ตางๆ มาเกบไวในทเดยวกนหรอวางเรยงกนเปนลำาดบเพอความสะดวกตอการ
เรยกใชงาน• Properties inspector panel เปนจอภาพ Panel ทใชสำาหรบ
แสดงคณสมบตของออบเจกตตางๆ ทมใน Flash MX 2004 โดยจะแสดงคณสมบตแบบโตตอบตอการคลกเมาส
การตงคา Stageไปท Modify Document
หรอกด Ctrl + J
การตงคา StageTitle ชอหวเรองของชนงาน
Description รายละเอยดชนงานDimensions ขนาดพนทของ Stage โดยกำาหนดเปน
กวาง*ยาว (ภาพขนาดใหญสด = 2880 * 2880 pixels
แตขนาดทใชในปจจบนคอ 800*600pixels)
Match การกำาหนดขนาดของ Stage โดย Printer หมายถง ปรบขนาด Stage ใหญสดเทาทจะ
พมพไดContents หมายถง ปรบใหพนทรอบๆเทากน
Default หมายถง ปรบขนาดมาตรฐาน 550 * 400 พกเซล
Background color การกำาหนดสพนของ StageFrame Rate อตราความเรวในการแสดงการเคลอนไหว หรอ
การแสดงจำานวนเฟรมภาพ ตอวนาทRuler Units การกำาหนดหนวยวดพนทบน Stage
Layer
• เลเยอร เปรยบเสมอนแผนใสทสามารถวาดภาพ หรอวางออบเจกตลงไป เมอนำามาเรยงซอนกนเปนชนสามารถมองทะลผานแผนใสได ซงเลเยอรแตละแผนจะแยกเปนอสระจากกน และสามารถเปลยน
ตำาแหนงการซอนกนของแตละเลเยอรได โดยจะมผลทำาใหภาพทอยบน Stage เปลยนตำาแหนงการทบซอนกนดวย
• ขอดของเลเยอร คอ กรณทตองการแกไขออบเจกตในเลเยอรหนงจะไมกระทบกบเลเยอรอนๆ รวมทงสามารถซอน ลอค และแสดงเฉพาะโครงรางของเลเยอรได ทำาใหสะดวกและงายตอการแกไข
Layer 3
Layer 2Layer 1
การทำางานกบ Layer• ใชสำาหรบสราง layer ใหม หรอเพม layer
• ใชในงานจดวางวตถ การจดเรยง เชน การทำาใหวตถ 2 ชนดอยในระดบเดยวกน
• ใชสราง Folder เพอใชในการจดเกบ layer
• ใชสำาหรบลบ layer
การเปลยนชอ Layer1. ดบเบลคลกทชอ layer 2. เปลยนชอ
ทตองการ แลวกด Enter
Time Line Frames
ซอน/แสดงเลเยอร
ลอค/ปลดลอคเลเยอร แสดงเฉพาะภาพ
โครงรางPlayhead
Timeline Header
Timeline Menu
Frame
Elapsed Time
Current Frame
Onion Skinning
Delete
Frame RateCenter
Frame
Insert Layer Folder
Add Motion Guide
Insert Layer
• Frame คอชวงของการทำางานตอชวงเวลา โดยสามารถกำาหนดจำานวนเฟรมตอชวงเวลาไดทจอภาพ Document Properties
• Timeline Header เปนแถบทแสดงตวเลขของจำานวนเฟรม• Playhead ใชสำาหรบชบอกตำาแหนงของเฟรมทกำาลงใชงานปจจบน• Timeline Menu คลกเพอแสดงจอภาพเมนของ Timeline• Insert Layer เพมเลเยอรใหม โดยจะแทรกดานบนของเลเยอรปจจบนทถกเลอก• Add Motion Guide เพมเลเยอร Guide ใหม โดยจะแทรกดานบนของเลเยอรปจจบน
ทถกเลอก Guide Layer จะไมปรากฏใหเหนในการแสดงมว ใชสำาหรบสรางเสนแนวทาง (Path) การเคลอนไหวทซบซอนของออบเจกต
• Insert Layer Folder เพมเลเยอรโฟลเดอร• Delete Layer ลบเลเยอรปจจบนทเลอกออกจากมว• Center Frame เคลอนยาย Playhead ไปกงกลางเฟรมของมว• Onion Skinning แสดงภาพการทำางานของภาพเคลอนไหวในแตละเฟรมบน Stage • Current Frame แสดงเลขเฟรมทกำาลงใชงานอยปจจบน• Frame Rate สำาหรบแสดงคาเฟรมตอเวลา มหนวยเปนเฟรมตอวนาท• Elapsed Time ชวงแสดงคาเวลาทแสดงเฟรมมาจนถงเฟรมปจจบน มหนวยเปนวนาท
History
การยอนกลบการทำางานของ object ทำาไดโดยการเปดหนาตาง Preferences และเปลยนเปน Object Level Undo กอนจากนนเรยกใชท Windows Other Panels History หรอกด Ctrl + F10 สามารถกลบขนตอนไดหลายขนตอน ซงแตก
ตางจากการ Undo หรอการกด Ctrl + Z
Panel Properties
Properties จะแสดงคาตางๆ ทถกกำาหนดไวใหกบเครอง ซงเราสามารถปรบตงคาไดตามตองการ หากขณะนนไมปรากฏ Panel Properties ใหเลอกคำาสง Windows Properties
แสดงคาตางๆในการใชงานเครองมอนน ซงเราสามารถ
ปรบไดตามตองการ
การ Save, Open File
การบนทกแบงได 2 ลกษณะ คอ1 . การ Save เปนการบนทกขอมลในลกษณะทไมตองการยายขอมลไป
เกบไวทอน2. การ Save As เปนการบนทกขอมลในลกษณะทตองการบนทกขอมลเดม
ไปไวทอนๆการเรยกใชงาน
File Save หรอ Ctrl + S
การ Open Fileการเรยกใชงาน
File Open หรอ Ctrl + O
การ Close File
การปดไฟล ( Close )การปดไฟลเปนการเลกการทำางานของงานชนนน ๆ และปองกนกรณไฟลขอมลทยงไมไดทำาการบนทก เมอทำาการปดไฟลจะมการเตอนของโปรแกรมขนมา
ตวอยางการเตอนของโปรแกรม
การเรยกใชงาน File > Close หรอ ( Ctrl + W )
แถบเครองมอ ( Toolbox )
คอกลองเครองมอทประกอบไปดวยเครองมอตาง ๆ ทใชในการทำางาน โดยแสดงเปน Icon สามารถเรยกใชไดโดยการ Click เลอกท Icon
รปภาพ โดยท Toolbox สามารถแบงออกเปน 4 หมวด คอ1 .กลมของ Tools เปนกลมเครองมอทใชในการสรางและ
เปลยนแปลงวตถ 2. กลมของ View เปนกลมเครองมอทใชในการ ยอและขยาย วตถท
อยบน Stage3. กลมของ Color เปนกลมเครองมอทใชในการกำาหนดสเสนและสพน
4 . กลมของ Option เปนกลมของคำาสงเพมเตมของแตละเครองมอทเราเลอกใชงาน
การเรยกใชงาน Window > Tools
สวนประกอบของรปทรง
1.Stroke ( เสน ) สวนทมลกษณะเปนเสนขอบ ของวตถทวาดขน เชน เสนตรง เสนโคง เสนอสระ
2 . Fill ( พน ) สวนทมลกษณะเปนพนทขางในของวตถ สามารถใชสเขาไปได เชน สทบ สไลโทนหรอรปภาพโดยสวนประกอบทง 2
สวนนสามารถทจะกำาหนดสได
สวนประกอบของรปทรง
Stroke เสน
Fill พน
การเลอกส
1.Color Swatches เปนสวนทแสดงสทงหมดของกลมสทใชอยแลวเลอกสทตองการได
2 Color Mixer เปนการกำาหนดสขนมาใหมโดยลกษณะสทเลอก จะมลกษณะเปน
Solid สตาย ( สเรยบ )Linear ไลสในแนวเสน
ตรง
Radial ไลสในแนววงกลม
Bitmap ใสรปภาพแบบบตแมป
รายละเอยดของ Icon
Arrow Tool : ใชเลอกวตถทเราตองการโดยการคลกแลวลากใหเปนรปสเหลยมSub selection Tool : ใชเลอกวตถทเราตองการเฉพาะบางสวนFree Transform Tool : ใชปรบแตงรปทรงของวตถไดอยางอสระFill Transform Tool : ใชปรบแตงระดบเฉดสของแบบส GradientLine Tool : ใชสำาหรบวาดลายเสนตรงLasso Tool : ใชเลอกวตถทเราตองการโดยการวาดเสนรอบวตถอยางอสระPen Tool : ใชวาดลายเสนและสวนโคงตาง ๆText Tool : ใชสำาหรบสรางตวอกษรหรอขอความตาง ๆOval Tool : ใชวาดวงกลมหรอวงรRectangle Tool : ใชวาดรปสเหลยมตาง ๆ
Pencil Tool : ใชวาดลายสนตาง ๆ อยางอสระBrush Tool : ใชระบายสคลายพกนหรอแปรงทาสInk Bottle Tool : ใชเปลยนสเสนขอบPaint Bucket Tool : ใชเตมสพนภายในของวตถEyedropper Tool : ใชคดลอกสและลกษณะของเสนวตถอน ๆ เพอนำาไปใสวตถทตองการEraser Tool : ใชสำาหรบลบลายเสนหรอสของวตถHand Tool : ใชเคลอนยายจอภาพทแสดงใน Stage ไปยงตำาแหนงตาง ๆZoom Tool : ใชยอและขยายพนทใน Stage Default Color : ใชทำาใหสพนและสของลายเสนกลายเปนสมาตรฐานคอส ขาว/ดำาNo Color : ใชในกรณทไมตองการกำาหนดหรอใสสใหกบวตถSwap Color Tool : ใชสลบสของสพนและสของลายเสนStoke Color : ใชกำาหนดสของลายเสนFill Color : ใชกำาหนดสของพนวตถ
การวาดรปเสนและรปทรง
เราสามารถใชเครองมอ Line Oval และ Rectangle tool ในการวางเสนและรปทรงเรขาคณตแบบพนฐานโดย
1. เลอกเครองมอ Line, Oval หรอ RectangleLine เสน
ตรงOval วงกลม
Rectangle สเหลยม
RectangleOv
al
Line
2. เลอกลกษณะของสและเสนในพาเนล Properties
เลอกสเสน เลอกลกษณะเสน
เลอกขนาดเสนเลอกสระบายจะไมมใน Line Tool
รปแบบการวาดรปเสนและรปทรงใน Flash
โดยคาปกตในการวาดรปเสนและรปทรงใน Flash 9 นจะอยในรปแบบของ Object Drawing Model พนกบเสนจะมการรวมกนโดยอตโนมต ซงจะ
สงเกตไดจากกรอบสฟา ทจะปรากฏขนมาเมอทำาการเลอกหรอการวาดรปทรงเสรจ และการวาดอกชนดหนงคอการวาดแบบ Merge Drawing Model
คอพนกบเสน จะเปนอสระตอกน ทำาใหเวลาทบซอนกนหรอตดกนภาพทวาดจะรวมเปนชนเดยวกนเวลาเคลอนยายอาจทำาใหองคประกอบบางสวนหายไป
วธการเลอกใช รปแบบการวาด1 . ในการเลอกรปแบบวาดทงสองแบบ ตอง Click ปม Object
Drawing ทปรากฏในสวนของ Option ของเครองมอกอนการวาดเสยอก2. กดปม เมอตองการวาดแบบ Object Drawing
หากตองการเปลยนรปทวาดแบบ Merge ใหเปนแบบ Object สามารถทำาไดโดย Click ทรป และเลอกเมน Modify > Combine Object
การวาดรปเสนและรปทรงใน Flash 9
การเคลอนยายรปทรงททบกน วาดโดย Merge Drawing Model จะทำาใหสวนทถกทบกนหายไป
การเคลอนยายรปทรงททบกน วาดโดย Object Drawing Model จะยงคงลกษณะของรปทวาดไว
การวาดรปเสนตรงดวย Line Tool Line Tool เปนเครองมอทใชในการวาดรปเสนตรง ซงมลกษณะการใชงานดงน
1. Click Mouse ท Tool Bar จากนน Mouse จะเปลยนเปน +2 .จากนนให Click Mouse 1 ครงเพอกำาหนดจดเรมตน
3 .กด Mouse คางไว แลวลากไปยงตำาแหนงทตองการ จากนนทำาการปลอย Mouse จะได
เสนขนมา 1 เสน
คลก Mouse คางไว 1 ครง
ลาก Mouse ไปยงตำาแหนงทตองการ
2
3
การวาดรปวงกลมดวย Oval Tool Oval Tool เปนเครองมอทใชในการวาดรป วงกลมและวงร ซงมลกษณะการใชงานดงน
1. Click Mouse ท Tool Box จากนน Mouse จะเปลยนเปน +2 .จากนนให Click Mouse 1 ครง เพอกำาหนดจดเรมตน
3 .กด Mouse คางไว แลวลากไปยงตำาแหนงทตองการ เชน การลากทะแยงมมไปทางซาย
หรอขวาจะเกดรปลกษณะทรงกลม จากนน ทำาการปลอย Mouse จะไดรปขนมา
คลก Mouse คางไว 1 ครง
ลาก Mouse ไปยงตำาแหนงทตองการ
2
3
การวาดรปสเหลยมดวย Rectangle Tool Rectangle Tool เปนเครองมอทใชในการวาดรป สเหลยมแบบตางๆซงมลกษณะการใชงาน ดงน
1. Click Mouse ท Tool Box จากนน Mouse จะเปลยนเปน +2 .จากนนให Click Mouse 1 ครงเพอกำาหนดจดเรมตน
3 .กด Mouse คางไว แลวลากไปยงตำาแหนงทตองการ เชน การลากทะแยงมมไปทางซาย
หรอขวาจะเกดรปลกษณะสเหลยม จากนน ทำาการปลอย Mouse จะไดรปขนมา
คลก Mouse คางไว 1 ครง
ลาก Mouse ไปยงตำาแหนงทตองการ
2
3
การวาดรปดวยลายเสน Pencil Tool Pencil Tool เปนเครองมอทมชในการวาดรป แบบอสระ เหมอนการใชดนสอวาดรป ซงสามารถวาดได
ทงเสนตรง เสนโคง ซงมลกษณะการใชงาน ดงน
1. Click Mouse ท Tool Bar จากนน Mouse จะเปลยนเปน
2 .จากนนให Click คางไว ละลากเสน ทตองการวาด จะไดรปขนมาซงใน Pencil Tool สามารถ
กำาหนด Option ของเสนไดดงน
คลก Mouse คางไว 1 ครง
ลาก Mouse ตามตองการ
Straighten :
การทำาใหเสนเขารป
Smooth :
การทำาใหเสนเขารปโคงกลน
Ink : การทำาใหเสนเปนแบบเสนหมก
1
2
การวาดรปดวยลายเสน Brush ToolBrush Tool เปนเครองมอทใชในการวาดรป แบบอสระ เหมอนการใชพกนสวาดรป และระบายส
บนสวนตางๆของวตถ ซงมลกษณะการใชงาน ดงน
1. Click Mouse ท Tool Box จากนน Mouse จะเปลยนเปน +2 .จากนนให Click ไวในสวนของ Option เพอเลอกลกษณะรปราง และขนาด ของแปรงทาส ซงใน
Brush Tool สามารถกำาหนด Option ของเสนได ดงน
3 . จากนนให Click คางไว และลากเสนทตองการจะระบาย จะไดรปขนมา
คลก Mouse คางไว 1 ครง
ระบายสตามทตองการ
2
3
Option ของ Brush Tool ขนาดของแปรงทาส ลกษณะรปแบบของแปรง
นอกจากน Blush Tool ยงม Option ในการระบาย ดงน
Paint Normal : การระบายสทบทกสวนของภาพ
Paint Fills : การระบายสตรงสวนพนของภาพ
Paint Behind : การระบายสในสวนพนหลง
Paint selection: การระบายสเฉพาะสวนทเลอก
Paint Inside : การระบายตรงพนทดานใน
การวาดรปดวยปากกา Pen Tool Pen Tool เปนเครองมอทใชในการวาดรป เสนตรงและรปสวนโคง โดยสวนมากนยมใชวาดเสนโคง
เพราะวาเสนทวาดโดย Pen Tool นนจะมลกษณะทมความเรยบสง ลกษณะเหมอนเสน Path ของ
โปรแกรม Illustrator ซงมลกษณะการใชงาน ดงน
1. Click Mouse ท Tool Box จากนน Mouse จะเปลยนเปนเครองหมาย
2 .จากนนให Click Mouse 1 ครงเพอกำาหนดจดเรมตน
3 .เลอน Mouse ไปยงตำาแหนงทตองการ แลว Click Mouse ทตำาแหนงสนสด จากนนจะไดรปเสนตรง
คลก Mouse 1 ครง กำาหนดจดเรมตน
เลอน Mouse ไปยงตำาแหนงสนสด
2
3
การวาดเสนโคง ในการวาดเสนโคงโดยใช Pen Tool นน สามารถทำาไดงาย โดยขนตอนแรก คอการ
วาดเสนตรง จากนน ลาก Mouse จะทำาใหเสนตรงกลายเปนเสนโคง ซงมลกษณะการใชงาน ดงน
1. Click Mouse ท Tool Box จากนน Mouse จะเปลยนเปน
2 .จากนนให Click Mouse 1 ครง เพอกำาหนดจดเรมตน
3 .เลอน Mouse ไปยงตำาแหนงทตองการ แลว Click Mouse ทตำาแหนงสนสด และทำาการเลอน
Mouse + Click Mouse คางไว จะไดรปเสนโคง
เลอน Mouse ไปยงตำาแหนงทตองการ + ลาก Mouse
คลก Mouse 1 ครง กำาหนดจดเรมตน2
3
การเลอกวตถแบบอสระ Lasso Tool
Lasso Tool เปนเครองมอทใชในการเลอกรปทรง หรอรปภาพแบบอสระ ในบรเวณพนททตองการ ซงมลกษณะการใชงานดงน1 .คลก Mouse ท Tool Box จากนน Mouse จะเปลยนเปน2 .คลกซายคางไว แลวลากใหคมพนททตองการไดอยางอสระ3 .จากนนจะไดพนทททำาการเลอกไว
การลบรปทรงดวย Eraser Tool
เปนเครองมอทใชในการลบรปทรง หรอลบองคประกอบทงหมด โดยสามารถทำาไดดงน
1 . คลก Mouse ท Tool Box จากนน Mouse จะเปลยนเปน2. คลก Mouse ปม Eraser Mode จะมรปแบบการลบดงน
Eraser Normal : การลบทกสวนของภาพEraser Fills : การลบตรงสววนพนของภาพEraser Lines : การลบในสวนของเสนEraser Selection : การลบเฉพาะสวนพนทเลอกEraser Inside : การลบตรงพนทดานใน
3. คลกเลอกลกษณะและขนาดของหวยางลบ จากนนทำาการลบตามตองการ
การเตมสขอบดวย Ink Bottle Tool
Ink Bottle Tool เปนเครองมอทใชในการเปลยนสเฉพาะเสนขอบ โดยจะไมสงผลกระทบตอสวนของพน มลกษณะการใชงานดงน
1 . คลก Mouse ท Tool Box จากนน Mouse จะเปลยนเปน2 . จากนนเลอกสและรปแบบของเสนทตองการจาก Properties
Inspector3 . คลกซายทวตถทตองการ โดยเสนขอบของวตถนนจะ
เปลยนแปลงไปเลอกสและรปแบบของเสนทตองการ
เสนขอบจะเปลยนแปลงไป
2
3
การเตมสภายในดวย Paint Bucket Tool
Paint Bucket Tool เปนการเทสลงในรปทรง ซงอากเปนพนทวางอย หรอเปลยนสทลงไวแลวกได โดยมขนตอนดงน1 . คลกท Paint Bucket Tool 2 . ใน Panel Properties เลอกสระบาย
การดดไลสดวย Eyedropper Tool
Eyedropper Tool เปนเครองมอทใชในการดดสไมวาจะเปนสเสน หรอสระบาย รวมทงลกษณะของเสนออบเจกตหนงไปใชในอก
ออบเจกตหนง นอกจากนยงใชในการดดสในภาพเพอนำาไปใชเปนตวอยางสกได
1. เลอกเครองมอ 2. คลกทเสนหรอพนทของออบเจกตทตองการจะนำาสและ
ลกษณะไปใชกบพนทอน เมอคลกทเสน โปรแกรมจะเปลยนไปใชเครองมอ Ink Bottle Tool และเมอคลกทพนทสระบาย โปรแกรมจะเปลยนไปใชเครองมอ Paint Bucket Tool
การยอ/ขยายมมมองดวย Zoom Tool
1 . คลก ท Tool Box จากนน Mouse จะเปลยนเปนรป 2. คลกจดทตองการยอ/ขยาย และสามารถเลอกสวนทตองการขยายไดโดย
การลาก Mouse คลมพนททตองการยอ/ขยาย จากนนรปบรเวณทตองการจะยอ/ขยายไดทนท
Fit in Window : ทำาใหขนาดพอดกบหนาจอการแสดงShow Frame : ทำาใหแสดงเหตการณตางๆ ทเกดขนในเฟรมShow All : ทำาใหแสดงชนงานทงหมดทอยบน Stage และ Work Area
การเลอนวตถดวย Hand Tool
ในการขยายภาพนนจะสงเกตเหนวาขนาดของภาพมขนาดใหญขน ทำาใหเราไมสามารถมองเหนผลงานทแสดงบน Stage ไดทงหมด หากตองการเลอนเพอทำางานกบพนทอนๆ สามารถทำาไดโดยการเลอก Hand Tool โดยมการ
เรยกใชงานดงน1 .คลก ท Tool Box จากนน Mouse จะเปลยนเปนรป 2. จากนนคลก Mouse คางไวแลวเลอนไปบรเวณทตองการดขอมล
การเรยกใชงานคลกท icon หรอ (H) ขอแนะนำา ในการเลอกดขอมลโดยการใช Hand Tool นน หากตองการ
ทจะทำาผลงานแสดงใหพอดกบหนาจอสามารถทำาไดโดยการดบเบลคลกท
การปรบแตงรปทรงดวย Free Transform Toolใชสำาหรบการปรบรปทรง เชน การหมน การบดเอยงของวตถ ปรบขนาด บดดด กลบรปทรงโดยมการใชงานดงนการหมนและบดเอยง1 .คลก ท Tool Box2 .เลอกวตถทตองการทำาการหมน3 .คลกปม Rotate and Skew จากสวนของ Option
4 .นำา Mouse ไปวางบรเวณมมดานนอกตรงจด Mouse จะเปลยนเปนรป 5. คลกซายคางไวและหมนรปทรงไปยงทศทางทตองการ
การปรบขนาด1 . คลก ท Tool Box2 . เลอกวตถทตองการทำาการหมน3 . คลกปม Rotate and Skew จากสวนของ Option
4 . นำา Mouse ไปวางบรเวณมมดานนอกตรงจด Mouse จะเปลยนเปนรป
5 . คลกซายคางไวและปรบขนาดทตองการ
การเคลอนยายวตถ
ในการเคลอนยายวตถไปยงตำาแหนงทตองการ สามารถทำาไดโดยการลากวตถ ดงน
1. คลก Mouse ทวตถทตองการเคลอนยาย 2. ลาก Mouse ไปยงตำาเหนงทตองการ ซง Mouse จะเปลยน
เปนรป 3. เมอไดตำาแหนงของวตถทตองการแลวใหปลอย Mouse
การเคลอนยายวตถโดย Inspectorเปนการเคลอนยายวตถทสามารถกำาหนดตำาแหนงทแนนอน
ดดยการใสคาแกนนอน (x) และแกนตง (y)
การใชงาน Ruler
Ruler, Grid, Guides เปนเครองมอทชวยในการวาง การกำาหนดขอบเขตตำาแหนงของวตถทอยบน Stage ใชในการวดคาหรอกำาหนดตำาแหนงของวตถใหเทากนRuler : คอไมบรรทดทอยดานซายมอและดานบนของ Stage สามารถเปดและปดได
การเรยกใชงาน View Ruler หรอ Ctrl + Alt + Shift + R
การใชงาน Guide
Guide : ลกษณะเปนเสนสเขยวใชในการจดวางวตถทอยบน Stage ทตองการอสระของตำาแหนงการจดวาง โดยเสน Guide สรางขนมาจาก Ruler
การเรยกใชงาน View Guide Show Guide หรอ Ctrl + ;
การใชงาน Grid
Grid : ลกษณะเปนลายเสนตารางหมากรก ชวยในการกำาหนดตำาแหนงของวตถทอยบน Stage สามารถเปดปดได ใชในการจดวางรปทรง รปภาพ และขอความ
การเรยกใชงาน View Grid Show Grid หรอ Ctrl + ‘
การจดลำาดบวตถโดย Arrange
ในการสรางวตถขนใหม วตถนนจะถกจดอยลำาดบบนสดเสมอ ทำาใหบางครงวตถดงกลาวทบซอนวตถทตองการใหอยดานหนา หากตองการ
เปลยนแปลงสามารถทำาไดดงน1 .คลก Mouse ทวตถทตองการจดลำาดบ2. เลอกทเมน Modify Arrange เลอรปแบบทตองการ
Bring to Front ใหแสดงดานบนสดBring Forward ใหแสดงดานบน 1 ลำาดบSend Backward ใหแสดงดานลาง 1 ลำาดบSend to Back ใหแสดงดานลางสด
การจดเรยงวตถ Align
Align เปนคำาสงการจดเรยงวตถใหเปนระเบยบ เชน การจดเรยงวตถใหอยในแนวเดยวกน อยตรงกลาง ชดหนา ชดหลง เปนตน1 .คลก Mouse วตถทตองการจดเรยง2 .เลอกเมน Windows Align จะมหนาตางขนมา ซงมรายละเอยดดงน
Align = การจดเรยงวตถใหชดซาย กลาง ขวาDistribute = การจดเรยงวตถใหเสมอกน โดยใชวตถทงหมด
คำานวณMatch Size = การจดเรยงใหวตถทงหมดมขนาดเทากบวตถทม
ขนาดใหญทสดSpace = การจดเรยงวตถใหมระยะหางเทากนTo Stage = การจดเรยงวตถโดยคำานวณจาก Stage ทงหมด
3. วตถจะถกจดเรยงตามทกำาหนด
การจดกลมและแยกกลมวตถ Group/Ungroup
• การรวมกลม (Group)ในการวาดรปแบบ Merge Drawing Model เสนและพนจะถกแยกคนละสวน แตรปทวาดใน Object Drawing Model เสนและพนจะถกรวมกลมกนอยจงทำาใหการเคลอนยาย ยอ/ขยาย ขนาดทำาไดโดยงาย หากเราตองการรวมกลม สามารถทำาไดดงน
1. คลก Mouse เลอกวตถทตองการรวมกลมทงหมด 2 . กด Ctrl + G หรอ Modify Group เพอรวมกลมใหวตถ
• การยกเลกกลม (Ungroup)หากตองการแกไขหรอยกเลกการรวมกลมสามารถทำาไดดงน
1. คลก Mouse กลมวตถทตองการยกเลกการรวมกลม 2. กด Ctrl + Shift +G หรอ Modify Ungroup ซงจะทำาใหวตถ
ถกแยกออกจากกน
การแยกกลมวตถโดยใช Break Apart
• Break Apart เปนการแยกวตถทถก Group ไว และสามารถแยกองคประกอบของ Symbol, Text, ภาพ Bitmap การ Break Apart ทำาเพอการตกแตงหรอปรบเปลยนวตถ ไดดงน
1. เลอกวตถทตองการทำา Break Apart2. เลอก Modify Break Apart3. สงเกตวารปทรงจะมการแยกองคประกอบ
4 . ลองใช Mouse แยกองคประกอบของรป
ชนดของขอความ แบงได 3 ชนด
Static Text
ขอความปกต
Dynamic Text
ขอความทสามารถเปลยนแปลงได
Input Text
ชองกรอกขอความ
การปรบแตงขอความลกษณะจอภาพ Properties Inspector ของ Text Block ในแตละชนด (Text Type) จะแตกตางกนบางเลกนอย แตสวนประกอบหลกๆ จะเหมอนกน ดงรป
ชนดของขอความCharacter spacing Character
position
Point size Colour
BoxBold
Italic
Alignment buttons
Text direction buttons
Target
Auto kern
Selectable
Render Text as
Show border around textLine typeURL
Linkบอกตำาแหนงและขนาดของ Text Box
รายละเอยดบนจอภาพ Properties - Fontรปแบบของตวอกษร- Point Size ขนาดขอความ- Color Box สของขอความ โดยเมอคลกจะแสดงกลองสใหเลอกตามตองการ- Bold ตวหนา- Italic ตวเอยง- Text direction ทศทางของขอความ- Alignment การจดวางขอความ- Character spacing ระยะหางขอขอความ- Character position ตำาแหนงของขอความ- Auto Kern กำาหนดใหลดคาของระยะหางะหวางตวอกษร เชน ระยะหางระหวางตวอกษร TA หรอ VA เปนตน เพอเวลานำาไปใชงาน แลวดสวยงามโดยอตโนมต
- Line type กำาหนดรปแบบบรรทดขอความ ม 3 รปแบบ คอ- single Line แสดงขอความ 1 บรรทด- Multiline แสดงขอความหลายบรรทด- Multiline no wrap แสดงขอความหลายบรรทด และไมตดคำา- Selectableกำาหนดใหสามารถเลอกขอความไดเมอแสดงมว- Render text as HTML ใชขอมลของภาษา HTML แบบพนฐานได- Show borders… แสดงเสนของรอบ Text Block- URL Link กำาหนด URL ทตองการเชอมโยง
การสรางขอความแบบกำาหนดขอบเขต
เมอกด Mouse ลงบนพนท Stage ตองทำาการกำาหนดพนทการใชงานเสยกอนแตกตางจากการไมกำาหนดขอบเขต ซงหากมความยาวมากไปจะทำาใหขอความลนเกน
Stage การกำาหนดขอบเขตสามารถทำาไดดงน 1. Click Mouse ท Tool Box จากนน Mouse จะเปลยนเปน
2. จากนนให Click Mouse 1 ครง จากนนจะมกรอบขอความขนมา มมดานซายจะเปนรปวงกลม
3. ทำาการลาก Mouse จากวงกลมเพอกำาหนดขอบเขตของขอความ 4. จากนนใหทำาการพมพขอความทตองการลงไปเพอความยาวของขอความถงขอบ
เสนโปรแกรมจะทำาการตบบรรทดใหโดยอตโนมต ดงรป
แบบไมกำาหนดขอบเขตเมอกด Mouse ลงบนพนท Stage กสามารถทจะพมพขอความไดทนท โดยไมตองกำาหนดพนทของText1.Click Mouse ท Tool Box จากนน Mouse จะเปลยนเปน
2 .จากนนให Click Mouse 1 ครง จากนนจะมกรอบขอความขนมา มมดานซายจะเปนรปวงกลม
3. พมพขอความทตองการลงไป ซงขอความจะขยายตามตวอกษรทพมพลงไปโดยอตโนมต
การแยกสวนประกอบและการใสสขอบของขอความการแยกสวนประกอบขอความปกตขอความทอยบน Stage จะไมสามารถทจะทำาการปรบเปลยนรปทรงได ใสเสนของขอความได สามารถทำาได ดงน1 .ทำาการเลอกขอความทตองการแยกสวนประกอบ2.เลอกทเมน Modify > Break Apart จากนนขอความจะถกแยกเปนอกษรตางๆ3.เลอกทเมน Modify > Break Apart อกครงจากนนขอความจะถกแยกสวนประกอบ
การใสสขอบใหขอความ1 .ทำาการเลอกขอความทตองการแยกสวนประกอบ2 .เลอกทเมน Modify Break Apart 2 ครง จากนนขอความจะถกแยกสวนประกอบ3.Click Mouse ท Tool Box จากนน Mouse จะเปลยนเปน เลอกสและนำาไปเทตามขอบของขอความ
การสรางขอความ Link
การสรางขอความ Linkหากเราตองการใหขอความทเราพมพนนสามารถทจะ Link ไปยงเวบไซคตางๆไดนน การสรางขอความชนดน สามารถทำาได ดงน1 .ทำาการเลอกขอความทตองการทำา Link2 .จากนนใหพมพ URL ทตองการจะเชอมโยงในชอง URL ในหนาตาง Character Panel 3 .ทำาการทดสอบ Test Movie โดยการกด Ctrl + Enter
การนำาภาพเขามาใช
การสรางผลงานในโปรแกรม Flash เราสามารถนำาภาพมาใชในโปรแกรมได ไมวาจะเปนภาพ Bitmap หรอ Vector อกทงภาพทอยในโปรแกรมยงสามารถทจะทำาการบบอดใหมขนาดเลกลงไดอกดวย การแปลงภาพชนด Bitmap ใหเปน
ภาพชนด Vector กสามารถทำาไดลกษณะการใชงาน ดงน1. Click Menu… Files > Import To Stage จากนนจะมหนาตางใหเลอกภาพ2. จากนนให Click Mouse เลอกภาพ และกดปม Open
3. ภาพจะเขามาอยท Stage พรอมกบการถกแปลงไปเปน Symbol ใน Library
ขอแนะนำา การนำาภาพเขาสามารถกด Ctrl + R ได หากเลอกการนำาเขารปภาพโดยเลอกท Menu Files > Import To Library ภาพจะถกจดเกบไวทเปน
Symbol ใน Library เพยงอยางเดยว
การสราง Symbolไปท Insert New Symbolหรอกด Ctrl + F8
ชนดของ Symbol
Name ใสชอ SymbolType เลอกชนดของ Symbol
โดย Movie clip ใชสำาหรบสรางภาพเคลอนไหวสามารถควบคม การ
โตตอบหรอเพมเสยงใน Movie clip ได Button ใชสำาหรบสรางปมเพอการโตตอบมว โดยจะม การตอบสนองกบ
เหตการณตางๆ ของเมาส Graphic ใชสำาหรบสรางรปภาพและสรางสวนประกอบ ของภาพเคลอนไหว โดยจะแสดงออกมาเปน ภาพนงเทานน
ตวอยางการสรางปม
ในทนจะแสดงใหเหนถง สถานะของปมกดแตละสถานะ และแสดงการเปลยนแปลงของเหตการณ
Up ขณะท Mouse ยงไมไดอยปมแตอยบน stageOver ขณะท Mouse วางอยบนปมDown ขณะท Mouse กำาลงคลกลงบนปมHit ขณะทปลอย Mouse หลงจากทคลกลงไปทปมแลว
ตวอยางการสรางปม1 . สราง Instance ขนมา
2 . ทำาการเลอกทวตถ แลวทำาการแปลงใหเปน Symbol เลอกทเมน Insert New Symbol
3 . ตงชอและชนดเปน Button จากนนกด OK
4 . จะได Symbol ชนด button โดยใหสงเกตท library จะมรป อยหนาชอ Symbol
5. Double click ท Symbol หรอสญลกษณ ใน Library เพอทำาการแกไข
6. สงเกตวา Timeline จะเปลยนไป โดยมลกษณะเปน Frame ทแสดงสถานะของปมกด 4 สถานะ
7. คลกขวาท Over แลวเลอก Insert Blank Keyframe จากนนนำารปมาใส
8. คลกขวาท Down แลวเลอก Insert Blank Keyframe จากนนนำารปมาใส
9. กด F6 เพอ Create Keyframe เพอใหสถานะของ HIT เปนรปเดยวกบสถานะ Down
10. กลบมาท scene1 และทำาการทดสอบ Test Movie โดยกด Ctrl + Enter
การสรางภาพเคลอนไหวดวย Movie Clip Symbol
• Movie Clip คอ Symbol ประเภทหนงทมการสรางการเคลอนไหวภายใน โดยตองมการสราง Movie Clip เกบไวใน
Library กอนนำามาใชงานในรปแบบของ Instance บน State ไดไมจำากดจำานวนเหมอนกบ Symbol ทวไป
• การสรางการเคลอนไหวใหกบ Symbol แบบ Movie Clip จะตองสรางในโหมด Edit Symbol ของ Movie Clip โดยการใสรปแบบการเคลอนไหวตางๆ ลงในเฟรมของโหมด Edit Symbol
ตวอยางการสราง Symbol แบบ Movie Clip
• เปดไฟลเอกสาร Flash แลวคลกเลอกเมน Insert New Symbol…
• กำาหนดชอของ Symbol และเลอกชนดของ Symbol เปนแบบ Movie Clip และคลก OK
• เลอกคลก OK จะเขาสโหมด Edit Symbol ของ Movie Clip สงเกตไดจาก Edit Bar จะมรป และตามดวยชอของ Movie Clip
• สรางออบเจกตบน Stage ในโหมด Edit Symbol ตามตองการ• สรางการเคลอนไหวดวยรปตางๆตามตองการ เชน Frame by
Frame
•ทดสอบภาพเคลอนไหวบน Stage โดยกดปม Enter• คลกทแถบ Edit Bar แลวเลอก Scene ทตองการเพอออกจากโหมด Edit Symbol• สราง Instance ลงบน Stageจาก Symbol แบบ Movie Clip ทผใชสรางไว โดยจะเกบอยใน
Library Panel ซงผใชสามารถสราง Instance ไดมากตามตองการ• กดปม Ctrl + Enter เพอทดสอบมว
มาทำาตวอยางกนนะ test
เฟรม คยเฟรม คยเฟรมวาง Playhead
• เฟรม (Frame) คอ ชองแสดงภาพในแตละชวงเวลาทปรากฏอยในจอภาพ Timeline โดยเมอมการสรางภาพทมลกษณะตอเนองกนในแตละชอง เมอนำาภาพเหลานนมาแสดงอยางตอเนองกนจะทำาใหมองเหมอนภาพกำาลงเคลอนไหว ซงจะมลกษณะคลายฟลม
ภาพยนตรPlayhead
คยเฟรม(Keyframe)
เฟรม(Frame)
คยเฟรมวาง(Blank Keyframe)
เฟรมวาง
เฟรม คยเฟรม คยเฟรมวาง Playhead• สามารถแบงชนดของเฟรมไดดงน
– เฟรม ( ) คอ ชวงของเฟรมทมลกษณะภายในเฟรมเหมอนกนทงหมดแบบตอเนองมาจากคยเฟรมแรก ใชสำาหรบสรางภาพนง
ทไมกำาหนดการเคลอนไหว– คยเฟรม ( ) คอ เฟรมทมการกำาหนดรายละเอยด หรอสราง
ออบเจกตไวภายในแตกตางกนออกไป ใชสำาหรบสรางภาพเคลอนไหวในแตละชวง
– คยเฟรมวาง ( ) คอ คยเฟรมทวางอยยงไมมการกำาหนดรายละเอยด หรอสรางออบเจกตไวภายใน
– เฟรมวาง ( ) คอ สวนทยงไมไดสรางเฟรมขนมาใชงาน– Playhead ( ) เปรยบเสมอนหวอานทใชในการอานเฟรม และ
บอกตำาแหนงของเฟรมทอานอย
การสรางภาพนงโดยใชเฟรม
ตวอยางท 1
1. เปดไฟลเอกสาร Flash และวาดรปทรง
ขนมาหนงรป
2. คลกขวาทเฟรมสดทายทตองการแสดง
ภาพนง เชน เฟรมท 15 แลวเลอก
Insert Frame 3 . ทดสอบการ
เคลอนไหว โดยกดปม Enter จะพบวา
Playhead เคลอนทจากเฟรมท 1 ไปยง
เฟรมท 15 โดยภาพทอยบน Stage ไมม
การเคลอนไหว
การลบเฟรม
สามารถลบเฉพาะเฟรมทเลอก หรอลบเปนชวงกได ซงจะไมมผลกบเฟรมอนๆ ทอยรอบขางเฟรมนน โดยเลอกคำาสง Remove Frames เชน ตองการลบเฟรมท 10จากตวอยางท 1
1. คลกขวาบนเฟรม หรอชวงของเฟรมทตองการลบ (เฟรมท 10)
2. เลอกคำาสง Remove Frames3. เฟรมท 10 จะถกลบออกไป และเฟรมอนๆ จะถกเลอนลำาดบเขามาแทนททำาใหเหลอเฟรมทงหมด 14
เฟรมตวอยางท 2
คยเฟรม (Keyframe)
1. จากตวอยางท 2 คลกขวาเลอกเฟรมหรอชวงของเฟรมทตองการเพมคยเฟรม เชน คลกขวาทเฟรมท 10
2 . จากนนเลอกคำาสง Insert Keyframe
3. ลบรปบน Stage ทง
4. ทดสอบการเคลอนไหว โดยกดปม Enter จะพบวา Playhead เคลอนทในชวงของเฟรม 10 ถงเฟรมท 14 แลวหยด ซงเปนชวงทไมปรากฏรปสเหลยม ใหกดปม Enter อกครงหนงจะพบวา Playhead เคลอนทจากเฟรมแรกถงเฟรมท 9 จะปรากฏรปสเหลยมบน Stage ดงรป (a) แตเมอถงเฟรมท 10 รปภาพสเหลยมบน Stage จะหายไปจนถงเฟรมท 14 ดงรป (b)
รป a รป b
คยเฟรมวาง (Blank Keyframe)1. เปดไฟลเอกสาร Flash และวาดรปทรงขนมาหนงรป
2. คลกขวาทเฟรมท 20 แลวเลอก Insert Frame เพอสรางภาพนง
3. คลกขวาทตำาแหนงของเฟรมภาพนงทตองการสรางคยเฟรมวาง
4 . คลกเลอก Insert Blank Keyframe จะพบวาภาพบน Stage หายไป
5. ทดสอบการเคลอนไหวโดยกดปม Enter จะพบวา Playhead เคลอนทในชวงของเฟรมท 10 ถงเฟรมท 20 แลวหยด ซงเปนชวงทไมปรากฏรปวงกลม ใหกดปม Enter อกครง จะพบวา
Playhead เคลอนทจากเฟรมแรกถงเฟรมท 9 จะปรากฏรปภาพวงกลมบน Stage ดงรป (a) แตเมอถงเฟรมท 10รปภาพวงกลมบน Stage จะหายไปจนถงเฟรมท 20 ดงรป
(b)
รป a รป b
การสรางภาพเคลอนไหวแบบ Frame by Frame• การสรางภาพเคลอนไหวแบบ Frame by Frame คอ การกำาหนดการ
เปลยนแปลงของออบเจกตทแตกตางกนในทกๆ คยเฟรม เหมาะสำาหรบการสรางภาพเคลอนไหวทมความซบซอนมากๆ แตขนาดของไฟลจะม
ขนาดใหญ การสรางภาพเคลอนไหวแบบ Frame by Frame จะตองมการกำาหนดการเคลอนไหวใหแตละเฟรม ซงวธนไมเปนทนยม เพราะตองใชเวลาในการสรางการเคลอนไหวนาน จะใชวธนในบางกรณเทานน เชน
การสรางภาพเคลอนไหวทมรายละเอยดมากๆ• ตวอยางการสรางภาพเคลอนไหวแบบ Frame by Frame
1. เปดไฟลเอกสาร Flash สรางออบเจกตลงบน Stage2. คลกขวาทเฟรมถดไป แลวเลอก Insert Keyframe3. แกไขภาพบน Stage ตามตองการเพอกำาหนดการเคลอนไหวของภาพ
4. ทำาตามขอ 2 และขอ 3 เพอสรางภาพเคลอนไหวตามตองการ 5. กดปม Ctrl + Enter เพอทดสอบภาพเคลอนไหว
มาทำาตวอยางกนนะ
การสรางภาพเคลอนไหวแบบ Tween• เปนการสรางภาพเคลอนไหวเฉพาะเฟรมเรมตนและเฟรมสดทาย ซงโปรแกรม
จะสรางการเปลยนแปลงระหวางเฟรมใหโดยอตโนมต จะทำาใหขนาดไฟลมขนาดเลกกวาการสรางภาพเคลอนไหวแบบ Frame by Frame
• การสรางภาพเคลอนไหวแบบ Tween ม 2 ชนด 1 . Motion Tween เปนการสรางภาพเคลอนไหวทมการกำาหนดการ
เคลอนท หมน ยอ หรอขยายใหกบ Instance ของ Symbol และสามารถแกไขคณสมบตของ Instance ในแตละชวงได การสรางภาพเคลอนไหวแบบ Motion Tween เปนรปแบบการสรางภาพเคลอนไหวทใชมากทสด
2. Shape Tween เปนการสรางภาพเคลอนไหวทมการเปลยนแปลงรปทรงของออบเจกตจากรปทรงหนงเปนอกรปทรงหนง โดยสามารถกำาหนด
ทศทาง ตำาแหนง ขนาด และสของการเปลยนแปลงไดตามตองการ ออบเจกตทสามารถนำามาสรางการเคลอนไหวแบบ Shape Tween ไดตองเปนรป
ทรงธรรมดา (รปทรงทผใชวาดขนเอง ) ถาตองการสรางจากกลมออบเจกต Instance, Text Block จะตองเปลยนใหกลายเปนรปทรงธรรมดากอน
โดยใชคำาสง Break Apart
ตวอยางการสรางภาพเคลอนไหวแบบ Motion Tween
1 . เปดไฟลเอกสาร Flash สราง Symbol ชนด Graphic วาดรป Symbol ทตองการ จากนนสราง Instance บน Stage
2 . คลกขวาในเฟรมทตองการใหเปนจดสนสดของการเคลอนไหว เชน เฟรมท 35 แลวเลอกเมน Insert Keyframe
3 . ยายตำาแหนงของ Instance ไปยงจดสนสดของการเคลอนททตองการ ซงในทนเลอนจากขวาไปซาย
4 . คลกขวาบรเวณพนทระหวางเฟรมทตองการเรมตนการเคลอนไหว (เฟรมท 1) กบเฟรมสนสดการเคลอนไหว (เฟรมท
35) แลวเลอก Create Motion Tween จะสงเกตเหนวาทเฟรมจะมลกศรชจากซายไปขวา
5 . กดปม Ctrl + Enter เพอทดสอบภาพเคลอนไหว
การกำาหนดคณสมบตของ Motion Tween
1 . กรณทไมไดเปดจอภาพ Properties Inspector ใหคลกเลอกคำาสง Window Properties ทำาเครองหมาย หนาตวเลอก Properties
2 . คลกเมาสบรเวณเฟรมทตองการกำาหนดคณสมบต จะปรากฏดงรป
กำาหนดลกษณะการเคลอนไหว3. กำาหนดคณสมบตของเฟรมตามตองการ แลวคลกปม Enter
รายละเอยดบนจอภาพ ประกอบดวย• Frame Label กำาหนดชอของเฟรมเมอกำาหนดจะปรากฏรป
ธงสแดง และชอ เฟรมทจอภาพ Timeline• Tween กำาหนดรปแบบของภาพเคลอนไหว คอ แบบ Shape
และแบบ Motion• Ease กำาหนดความชาเรวในการเคลอนท ดงน
- กรณทปรบคาตวเลขมากกวาศนย การเคลอนทของออบเจกต จะเรมจากเรวแลวคอยๆชาลงจนกระทงหยดการเคลอนไหว- กรณทปรบคาตวเลขนอยกวาศนยการเคลอนทของออบเจกต จะเรมตนจากชาแลวคอยๆเรวขนจนกระทงหยดการ เคลอนไหว
• Rotate ปรบตงคาการหมนของออบเจกต ดงน - None ไมใหหมนออบเจกต - Auto หมนออบเจกตโดยอตโนมต - CW / CWW หมนออบเจกตตามเขมนาฬกา / ทวนเขมนาฬกา (ตามลำาดบ)โดยตองกำาหนด จำานวนรอบทจะใหออบเจกตหมนในชอง Time ถาไมกำาหนด times ออบเจกตจะไมหมน
• Orient to pathกำาหนดใหออบเจกตหมนครบหนงรอบเมอมการเคลอนท• Sync กำาหนด synchronize ของเสยง• Snap กำาหนดใหออบเจกตเขาไปชดกน
ตวอยาง การสรางภาพเคลอนไหวแบบShape Tween
1. เปดไฟลเอกสาร Flash แลวสราง Object ขนมาหนงรป2. คลกขวาเลอกเฟรมทตองการใหเปนจดสนสดของการเคลอนไหว
เชน เฟรมท 30 แลวเลอก Insert Keyframe เพอกำาหนดชวงของการเคลอนไหว
3. ลบ Object เดมและสราง Object ใหมหรอใชเครองมอ เชน Free Transform Tool ปรบแตง Object เดมตาม
ตองการ
4. คลกเลอกเฟรมทอยระหวางเฟรมเรมตน (เฟรมท 1) กบเฟรมสดทาย (เฟรมท 30) และกำาหนดรปแบบการเคลอนไหวเปน
แบบ Shape ใน List Box ชอ Tween ท Properties Inspector
5 . กดปม Ctrl + Enter เพอทดสอบภาพเคลอนไหว
เฟรมท 1
เฟรมท 5
เฟรมท 10
เฟรมท 15
เฟรมท 20
เฟรมท 25
เฟรมท 30
เฟรมท 35
การกำาหนดคณสมบตของ Shape Tween
1. กรณทไมเปดจอภาพ Properties Inspector ไวใหคลกเลอกคำาสง Window Properties ใหปรากฏเครองหมาย หนาตวเลอก “Properties”
2. คลกเมาสในบรเวณของเฟรมทตองการกำาหนดคณสมบต จะปรากฏจอภาพ Properties Inspector มาใหในทนจะอธบายเฉพาะสวนทใชสำาหรบกำาหนดการ
เคลอนไหวเทานน ดงรป
3. กำาหนดคณสมบตของเฟรมตามตองการ แลวคลกปม Enter เพอทดสอบผลลพธ
กำาหนดลกษณะการเคลอนไหว
รายละเอยดจอภาพประกอบดวย• Frame Label กำาหนดชอของเฟรม เมอกำาหนดชอจะปรากฏรปสแดง
และชอเฟรมท จอภาพ Timeline• Tween กำาหนดรปแบบชองภาพเคลอนไหว คอ แบบ Shape และแบบ
Motion• Ease กำาหนดความชาเรวในการเคลอนท ดงน- กรณทปรบคาตวเลขมากกวาศนย การเคลอนทของออบเจกตจะ
เรมจากเรวแลวคอยๆชาลงจนกระทงหยดการเคลอนไหว- กรณทปรบคาตวเลขนอยกวาศนย การเคลอนทของออบเจกต
จะเรมจากชาแลวคอยๆเรวขนจนกระทงหยดการเคลอนไหว• Blend กำาหนดความกลมกลนของการเปลยนรปทรงดงน
- Distributive สรางภาพเคลอนไหวระหวางชวงกลางเฟรมไดนมนวล เหมาะสำาหรบการ เปลยนแปลงรปทรงทมสวนโคงเวา
- Angular สรางภาพเคลอนไหวระหวางชวงกลางเฟรม ใหลกษณะของมม และเสนความคมชด เหมาะสำาหรบรปทรงทมมมและเสน
การอมพอรตเสยง
การอมพอรต (Import ) คอการนำาไฟลเสยง จากแหลงอนเขามาใชในโปรแกรม Flash โดยจะมการนำาไฟลเสยงไปเกบไวใน Library ของไฟลเอกสารปจจบนดวย
รปแบบของไฟลสยงทสามารถอมพอรตทเขามาใชในโปรแกรม Flash ได มดงน
- WEV ใชไดกบระบบปฏบตการ Windows เทานน- AIFF ใชไดกบระบบปฏบตการ Macintosh เทานน- MP 3 ใชไดกบระบบปฏบตการ Windows และ
Macintosh
ตวอยางการอมพอรตเสยง
• เปดไฟลเอกสาร Flash คลกเลอกเมน File Import State จะปรากฏจอภาพ “Import”
• เลอกโฟลเดอรและไฟลเสยงทตองการแลวคลก Open • เมอคลกปม Open ไฟลเสยงจะถกอมพอรตเขามาไวใน Library
ใหคลกเลอกเมน Window Library เมอเปดจอภาพ Library Panel จะพบไฟลเพลงทอมพอรตเขามาถกเกบไวใน Library
การเพมเสยงในเฟรม (Frame)
การเพมเสยงใหกบมว ผใชสามารถกำาหนดจดเรมตนและจดสนสดในการแสดงเสยงไดดวยการเพมเสยงลงในเฟรม ซง
เฟรมจะเปนตวกำาหนดชวงเวลาในการแสดงเสยงรวมกบมว การเพมเสยงลงใบเฟรมแสดงไดดงตวอยาง
ตวอยางการเพมเสยงลงในเฟรมของ Time Line หลก
• เปดไฟลเอกสาร Flash แลวอมพอรตเสยงมาเกบไวใน Library จากนนคลกลอกเมน Window Library เพอเปดจอภาพ Library Panal
• คลกเลอกเลเยอรทตองการเพมเสยง (ควรแยกเลเยอรทตองการใสเสยงออกจากเลเยอรอนๆ ) จากนนกำาหนดจดสนสดของการแสดงเสยง โดยการเพมเฟรมหรอคยเฟรมลงใน Time Line ซงในทนกำาหนดบนเฟรมท 40
• คลกเลอกเสยงทตองการใน Library จากนนลากเมาสมาบน Stage แลวปลอยเมาส
• เมอปลอยเมาสจะพบเสนแสดงคลนความถเสยงบนเฟรม
การเพมเสยงใน Movie Clip Symbol
• จากทกลาวไปแลวในตอนตนวา Movie Clip สามารถเพมไฟลเสยงเพอประกอบการเลนภาพเคลอนไหวได ทำาใหมวดนาสนใจยงขนหลกการของการเพมไฟลเสยงลงใน Movie Clip จะเหมอนกบการเพมไฟลเสยงลง
ใน Time Line หลก แตใน Movie Clip จะเพมลงใน Time Line ของ Movie Clip โดยตรง ทำาให Instance ของ Movie Clip นน
จะมไฟลเสยงประกอบมาดวย
การเพมเสยงใน Button Symbol
• การเพมเสยงลงในปมเปนอกวธททำาใหมวดนาสนใจ ซงปมทผใชเพมเสยงลงไปคอ Symbol ชนด Button นนเอง โดยผใชสามารถใสเสยง
เมอเกดเหตการณตางๆกบปมได เชน เมอผใชคลกทปมจะมเสยง “กรก” เกดขนสวนมาก เสยงทนำามาใชกบปมจะเปนเสยงสนๆ
ตวอยางการเพมเสยงลงในปม• เปดไฟลเอกสาร Flash แลวคลกเลอก Insert New Symbol จะปรากฏจอภาพ
Create New Symbol • ทจอภาพ Create New Symbol ใหกำาหนดชอของ Symbol และกำาหนดชนดของ
Symbol เปน Button แลวคลกปม OK• เมอคลกปม OK จะเขาสโหมด Edit Symbol ใหคลกเลอกเฟรมชอ Up แลวสรางรปทรง
ของปมตามตองการ• คลกขวาทเฟรมชอ Over แลวเลอก Insert Keyframe จากนนเปลยนสของปมตาม
ตองการ• คลก Menu File Import Import to Stage จะปรากฏจอภาพ Import
• เลอกเสยงทตองการแลวคลกปม Open จากนนเปดจอภาพ Library ขนมาจะพบเสยงทผใช Import เขามาเกบอยใน Library
• คลกขวาทเฟรมชอ down แลวเลอก Insert Keyframe จากนนเปดจอภาพ Properties Inspecpor คลกเลอก List Box ชอ Sound จากนนเลอกเสยงทตองการใสลงในปม
• ออกจากโหมด Edit Symbol โดยการคลกเมน Edit Edit Document แลวสราง Instance จาก Symbol ชนด Button ทสรางลงใน Stage
• กดปม Ctrl + Enter เพอทดสอบมว เมอลองคลกเมาสทปมจะมเสยงเกดขน
มาทำาตวอยางกนนะ การเพมเสยง
Action Script
• การสรางผลงานทสามารถโตตอบกบผใชได (Interactive) เชน การสรางปมกดเมอคลกแลวจะแสดงอกมวหนง ซงโปรแกรม Flash มชดคำาสงตางๆ ทใชในการโตตอบกบผใชโดยผาน Action Script
• การใส Action Script เปนการใสชดคำาสงเขาไปใน Movie เพอการควบคมการแสดงผล เมอเกดเหตการณเหลาน เชน- เมอ Playhead วงไปยง Frame ทมการใส Action Scipt- เมอมการใส Action Script ทปมกด- เมอมการกดปม Keyboard
การเรยกใชงาน Action Script กด F9 หรอ คลกทเมน Windows Action
Action Script พนฐานทใชในการควบคมโปรแกรม Flash ไดบรรจคำาสงไวเปนหมวดหมโดยคำาสงทใชในการควบคม Movie พนฐานจะอยทหมวดของ Timeline Control โดยมคำาสงทงหมดดงนgotoAndPlay
เปนคำาสงเพอใหกระโดดไปยง Frame ทกำาหนด และเลน Frame นน
gotoAndStop
เปนคำาสงเพอใหกระโดดไปยง Frame ทกำาหนด และหยดเลน Frame นน
nextFrame
เปนคำาสงเพอใหเลน Frame ถดไป
nextScene
เปนคำาสงเพอใหเลน Scene ถดไป
Play เปนคำาสงเพอใหเลนprevFrame
เปนคำาสงเพอใหเลนยอนหลง Frame ไป 1 Frame
prevScene
เปนคำาสงเพอใหเลนยอนหลง Scene ไป 1 Scene
Stop เปนคำาสงเพอใหหยดเลนstopAllSounds
เปนคำาสงเพอใหหยดเลนเสยงทงหมด