รจกโปรแกรม 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

เปนคำาสงเพอใหหยดเลนเสยงทงหมด