คู่มือ ADOBE FLASH CS5

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 13

โปรแกรม Flash ประกอบไปดวยหนาตางท างาน (Panel) ทมเครองมอส าหรบปรบแตงชนงานชวยสรางชนงานใหไดตามตองการ เนองจาก Flash จะมหลายหนาตางมาก ในทนจะขอแนะน าเฉพาะหนาตางทจ าเปนและสงทนาสนใจ ดงรป

แสดงรายละเอยดของหนาตางโปรแกรม Flash CS5

Menu Bar คอ เมนทใชแสดงชดค าสงทงหมดโปรแกรม Flash โดยคลกเลอกเมนค าสง จะ ปรากฏค าสงยอยใหเลอกตามตองการ

สเตจ (Stage)

แทบไฟลเอกสาร

ไทมไลน

พาเนลตางๆ เมนบาร ทลพาเนล


ประกอบไปดวยเลเยอรและเฟรม (ชองเลกๆ เรยงกน) ทจะชวยในการกบชนงานสวนตางๆ ใหแยกกนไดอยางอสระ การแสดงภาพเคลอนไหวจะแสดงทละเฟรมตรงต าแหนงทหวอาน (Play Head) วงไปถง นอกจากนยงมสวนของปมแสดงเฟรมยอนหลงทเรยกวา Onion Skin อยทดานลาง ของ Timeline

รปภาพแสดงจอภาพของ Timeline Panel

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

Timeline เปนสวนทใชส าหรบก าหนดการเคลอนไหวของภาพวาดตางๆ โดยภายใน Timeline ยงประกอบไปดวยตารางเลก ๆ และมแถบบอกจ านวนเฟรม (Frame) ดานบน รวมทงมเสนสแดงทเรยกวา “Playhead” ทใชส าหรบบอกต าแหนงวาขณะนก าลงท างานอย ณ ทใด

เลเยอร

เพมเลเยอร

Onion Skin Framerate

คยเฟรม

เฟรม

หวอาน


เมอสรางเสรจแลว หรอเมอตองการทดสอบผลงานและภาพเคลอนไหวทเกดขน จะท าการคลก ปมบนหนาตาง Controller น จะแสดงผลเหมอนกบการกด <Alt+Enter> ทแปนคยบอรด

รปแสดง Controller Toolbar

ไอคอน ชอเรยก การใชงาน

Stop ใหหยดการแสดงมฟว

Go To first frame ใหยอนกลบไปเฟรมแรก เพอเรมตนการแสดงมฟวใหม

Step Back one frame

ใหยอนกลบไปเฟรมกอนหนาทละขนตอน

Play ใหเรมตนแสดงมฟว

Step Forward one frame

ใหเดนหนาไปเฟรมตอไปทละขนตอน

Go to Last frame ใหไปยงเฟรมสดทายของมฟว

เมอสรางชนงานขนมาแลวท าการแปลงเปนซมโบล หรอการน าภาพจากขางนอกโปรแกรมเขา

มาใน Flash ภาพเหลานนจะบรรจอยในหนาตางไลบรารน และสามารถเรยกหนาตางอยางรวดเรวดวยคยลด <Ctrl+L>


Toolbox คอ กลองทใชส าหรบบรรจเครองมอวาดภาพตางๆ เชน เครองมอสรางรปสเหลยม เครองมอสรางขอความ เปนตน ซงภายใน Toolbox จะถกแบงออกเปน 4 กลมคอ Tool , View , Colors และ Option

ไอคอน ชอเรยน หนาทของปมเครองมอ

Arrow Tool ใชส าหรบเลอกออบเจกต (Object) โดยการคลก หรอคลกแลวลากใหเปนบรเวณสเหลยมรอบออบเจกตทตองการเลอก

Subselection Tool ใชส าหรบเลอกจดการกบออบเจกตเฉพาะบางสวน

Free Transform ใชส าหรบปรบแตงรปทรงของออบเจกตในแบบตางๆ อยางอสระ

Gradient Transform ปรบแนวสเกรเดยนท

3D Rotation tool การปรบแตงรปทรงออบเจกตแบบ 3 มต

Lasso Tool ใชส าหรบเลอกออบเจกต โดยการวาดเสนแบบอสระรอบออบเจกต

Pen วาดรปทรง เสนตรง เสนโคง

Add Anchor Point เพมจดแองเคอร

ตวอยางซมโบล

ชอซมโบล

เพมซมโบลใหม


Delete Anchor Point

ลบจดแองเคอร

Convert Anchor Point

ปรบจดแองเคอร

Line Tool ใชส าหรบวาดเสนตรง

Rectangle Tool ใชส าหรบวาดรปสเหลยม

Oval Tool ใชส าหรบวาดวงกลม หรอวงร

Rectangle Primitive วาดสเหลยมทปรบแตงมมไดภายหลง

Oval Primitive วาดวงกลมหรอวงรทปรบแตงรปแบบไดภายหลง

PolyStar วาดรปหลายเหลยมและรปดาว

Text ใชส าหรบสรางตวอกษร หรอขอความ

Brush Tool ใชส าหรบระบายสคลายพกน หรอแปลงทาส

Pencil Tool ใชส าหรบวาดลายเสนแบบอสระ

Ink Bottle Tool ใชส าหรบเปลยนสเสนขอบ

Eyedropper Tool ใชส าหรบคดลอกลกษณะของเสน หรอสพนภายในของสวนทถกคลกเพอน าไปใสใหเสน หรอรปทรงอน

Paint Bucket Tool ส าหรบเตมสพนภายในของออบเจกต

Eraser Tool ใชส าหรบลบเสน หรอสพนภายใน

Hand Tool ส าหรบเคลอนยายจอภาพของ Stage ไปยงต าแหนงตางๆ

Zoom Tool ใชส าหรบยอ หรอขยาย Stage

Stroke Color ใชส าหรบเลอกสเสนขอบของออบเจกต

Fill Color ใชส าหรบเลอกสพนภายในของออบเจกต

Default Color ใชส าหรบเลอกสพนผว และสเสนเปนสมาตรฐานคอ สขาว- ด า

No Color คลกเลอกเมอไมตองการก าหนดสใหกบเสน หรอสพนออบเจกต

Swap Colors Tool ใชสลบสระหวางสพนท กบสเสนขอบ ก าหนดสทเลอกไวกอนหนาของออบเจกต


โดยปกตชดเครองมอ Toolbox จะปรากฏอยทดานซายมอสดของจอภาพ แตผใชสามารถก าหนดใหซอน

หรอแสดงชดเครองมอ Toolbox ไดตามตองการ ดงน

- การซอนชดเครองมอ คลกเลอกเมน Window > Tools เพอท าใหเครองหมาย หนาตวเลอก Tools หายไปเพอซอนชดเครองมอ

- การแสดงชดเครองมอ คลกเลอกเมน Window > Tools ซ าอกครงเพอท าใหปรากฏเครองหมาย หนาตวเลอก Tools

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

การแบงหมวดหมในหนาตาง Actions ชวยใหการเขยนโปรแกรมสะดวกขน

Action Script Group

Action List


ใชส าหรบปรบแตงสสน และปรบเปลยนเครองมอวาดรปตางๆ หรอตรวจสอบคณสมบตของรปภาพจะสะดวกมากหากเปดหนาตาง Properties ขนมาดวยคยลด<Ctrl+F3>

Stage เปนพนทส าหรบใชในการท างาน หรอจดวางออบเจกตตางๆ ทตองการใหปรากฏใน ไฟลเอกสาร โดยรปวาดทสรางจากชดเครองมอหลกหรอสงตางๆ ทวางบน Stage จะเรยกวา ออบเจกต ซงผใชสามารถเปลยนสพนหลง ขนาด หนวยไมบรรทด หรออนๆ ไดตามตองการ โดยคลกเลอกเมน Modify > Document จะปรากฏจอภาพ

รายละเอยดบนจอภาพ Document Properties ประกอบดวย Dimension ก าหนดขนาดความกวาง และความสงของ Stage ปกตโปรแกรมจะ

ก าหนดคาเรมตองขนาด Stage เทากบ 550 x 400 Pixel สามารถก าหนด ขนาดของ Stage ไดเลกทสด 1x1 Pixel และ ใหญทสด 2880 x 2880 Pixel

Match ก าหนดขนาดของ Stage ตามตวเลอก ดงน * ปม Printer ขนาดของ Stage เทากบขนาดกระดาษปกตทเครองพมพสามารถพมพได * ปม Contents ขนาดของ Stage เทากบรายละเอยดทแสดงในไฟลเอกสาร

ประเภทของซมโบล

ปรบเอฟเฟกตส


* ปม Default ขนาดของ Stage เทากบคาเรมตน คอ 500 x 400 Pixel Background Color ก าหนดสฉากหลงของ Stage Fame Rate ก าหนดจ านวนเฟรมทตองการแสดงภายใน 1 วนาท Ruler Units ก าหนดหนวยของ Ruler ปม Make Default เปลยนคาทก าหนดใหเปนคาเรมตนของโปรแกรม

การเปลยนมมมองของจอภาพ Stage โดยการยอ หรอ ขยายจอภาพ Stage เพอความสะดวกในการสรางไฟลเอกสาร Flash สามารถท าได ดงน

คลกปมเครองมอ Zoom ทอยในสวนของชดเครองมอ View จากนนคลกเลอกปมเครองมอ Enlarge เพอขยายขนาด หรอคลกปมเครองมอ Reduce เพอยอขนาดจาก ชดเครองมอ Options

จอภาพแสดงปมเครองมอ Zoom ในจอภาพ View และปมเครองมอยอยในจอภาพ Options

คลกเลอกเมน View > Zoom In / Zoom Out / Magnification > เลอกขนาดจอภาพทตองการแสดง

จอภาพแสดงการใชค าสง / ขยายจากเมน View

Zoom

ยอขยายขนาดจอภาพ

ขยายขนาดจอภาพ

แสดงจอภาพ Stage ทงหมด

แสดงออบเจกตทงหมดบน Stage


คลกปม ทอยดานขวามอของแถบเครองมอ Edit Symbol จะปรากฏจอภาพยอยใหเลอกขนาดจอภาพทตองการแสดง

จอภาพแสดงการใชค าสงยอ / ขยาย จากแถบเครองมอ Edit

Symbol

ในหนงมฟวอาจจะประกอบไปดวยหลาย Scene กได สามารถจดการ Scene เหลานนใน หนาตางScene ได

กรณทมฟวมหลาย Scene สามารถจดการไดในหนาตาง Scene

เมอเขาสโปรแกรม Flash CS5 โปรแกรมจะใหเลอกสรางไฟลเอกสารใหม เมอสราง ไฟลเอกสาร Flash ขนมาใหมแลว ผเรยนสามารถก าหนดรปแบบของไฟลเอกสาร Flash ใหมได เชน ก าหนดขนาด อตราการแสดงตอเฟรม (Framerate) สพน และคณสมบตอนๆ ไดทจอภาพของ Document Properties นอกจากนเมอผใชตองการสรางไฟลเอกสารใหมโดยใชค าสง File > New.. โปรแกรมจะใหเลอกสรางไฟลเอกสารใหม โดยตองการใหไฟลเอกสารใหมซอนทบกบไฟลเอกสารเดม หรอสรางไฟลเอกสารใหมจาก Template

เมอผใชตองการสรางไฟลเอกสารใหมท าไดโดยคลกเมน File > New.. จะปรากฏจอภาพ New Document ใหเลอกชนดไฟลเอกสาร เมอสรางเสรจแลวไฟลเอกสารใหมจะซอนทบกบไฟลเอกสารเดม


รปจอภาพแสดงการสรางไฟลเอกสาร Flash

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

1. เปดโปรแกรม Flash CS5 จะปรากฏจอภาพ ใหเลอกรปแบบของ Template ทตองการ

จอภาพแสดงใหเลอกสราง หรอเปดเอกสารเมอเรยนโปรแกรม Flash CS5

2. เมอเลอกรปแบบของ Template ทตองการแลวจะปรากฏจอภาพ New from Template ในกรณทตองการสรางเอกสาร Template ขนมาใหมให คลกเมน File > New จะปรากฏจอภาพ New from Template


3. คลกเลอกชนดของ Template ทชองรายการ “ Category” และเลอกรายการ Template ทชอง “Templates” โดยสามารถดภาพตวอยางของ Template ทเลอกไดทจอภาพ Preview และดรายละเอยดของ Template ไดใน Description

4. คลกปม OK เพอสรางไฟลเอกสารใหมตามรปของ Template ทเลอก

นอกจากนเมอผใชสรางมฟวแลวตองการบนทกเกบไวเปน Template ของตนเอง เพอ น าไปใชงานตอไป สามารถท าไดโดยเลอกเมน File > Save AS Template

ตวอยาง การบนทกไฟลมฟวเกบไวเปน Template 1. สรางมฟว 2. คลกเลอกเมน File > Save As Template


3. ก าหนดชอ Template ทชอง “Name” ก าหนดประเภท Category และก าหนดรายละเอยดทชอง

“Description” ตามตองการ

4. คลกปม Save โปรแกรมจะสรางและเกบ movie ดงกลาวไวใน Library “Template” ของ Flash CS5ใหโดยอตโนมต

5. ผเรยนสามารถดไฟล Template ทสรางเกบไวไดโดยคลกเลอกเมน File > New From Template


การเขาสโปรแกรม Flash CS5 โปรแกรมจะใหสรางไฟลเอกสาร Flash ขนมาใหม โดยก าหนดชอไฟลวา Untitled-1 และเมอผใชตองการสรางไฟลเอกสารใหม โดยคลกเลอกค าสง File > New โปรแกรมจะก าหนดชอไฟลวา Untitled – 2 โดยเรยงตวเลขตามล าดบการสรางไฟลเอกสารใหมทกครง ชอไฟลเอกสารนจะเปลยนไปตามทผใชก าหนดเมอมการบนทกไฟล โดยเลอกค าสงดงน

ค าสง File > Save ส าหรบการบนทกไฟลครงแรก หรอบนทกเพอปรบปรง ไฟลทไดแกไข

ค าสง File > Save As ส าหรบการบนทกไฟลเอกสารในชอใหม หรอบนทก ไฟลเอกสารในรปแบบของ Flash MX เวอรชนเกา

เมอเลอกค าสงใดค าสงหนงจะปรากฏจอภาพ Save หรอ Save As ซงทงสองจอภาพม ลกษณะคลายดงรป


เลอกโฟลเดอรทตองการเกบบนทกไฟล ก าหนดชอไฟลในชอง “File Name” และเลอกเวอรชนไฟลเอกสาร Flash ทตองการบนทกทชอง Save as type โดยปกตโปรแกรมจะบนทกในไฟลในรปแบบ flash CS5 Document (*.Fla) แตผเรยนสามารถเลอกบนทกไฟลเอกสาร flash หรอ flash MX Document (Flash MX เวอรชนเกา) ไดอกดวยจากนนคลกปม Save เพอบนทกไฟลเอกสาร

รปแบบของไฟลเอกสาร Flash แบงออกเปน 2 แบบคอ

Flash Movie (*.fla) เปนการบนทกขอมลในเอกสารเพอเกบไวในรปแบบไฟลธรรมดาของโปรแกรม Flash ซงผใชสามารถเปดไฟลเพอแกไข เพมเตม หรอทดสอบการแสดงไดตามตองการไฟลลกษณะนจะมขนาดใหญ และไมสามารถน าไปแสดงไดจรง เปนเหมอนไฟลตนฉบบ

Flash Player หรอ Shockwave Flash (*.swf) เปนการบนทกไฟลเพอน าไปใชงานจรงบน Web Browser ซงไฟลจะมขนาดเลก แตผใชจะไมสามารถแกไขไฟลในลกษณะนได

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

เลอกเวอรชนทตองการบนทก

ก าหนดชอไฟลเอกสาร Flash

เลอกโฟลเดอรทตอง การเกบบนทกไฟล

บนทกไฟล

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


ไมนอยไปกวาเครองมอตกแตงทรจกกนด เชน Photoshop, Illustrator และยงมรปแบบเฉพาะตวทไมเหมอนใครใหตดตามดไดจากขอถดไป หลงจากสรางชนงานแลวเราจะท าการเปลยนให เปนซมโบลซงจะจ าเปนส าหรบการสรางภาพเคลอนไหวและสามารถใชลกเลนของเครองมอใน Flash ไดอยางเตมทตอไปไดอยางสะดวกขน มาดกนวาเครองมอส าหรบการสรางงานดวย Flash มอะไรกนบาง ดงน รปแบบการวาด

การวดภาพกราฟกใน Flash แบงออกเปน 2 รปแบบ ดงน

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

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

รปทรงทวาดหรอน ามาวางซอนกน จะเปนอสระจากกน

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

คณสมบตของพนภาพหรอเสนแปรเปลยนไป ในการวาดแบบนใหคณยกเลกการเลอก Object Drawing ทออปชนของเครองมอ กอนลงมอวาด การซอนทบของรปทรงในแบบ Merge Drawing ในการวาดแบบ Merge Drawing เมอวาดรปทรงใดๆ ทบรปทรงอนทอยดานลาง (หรอยายรปทรงทวาดดวยวนมาซอนทกน) จะมผลกบรปทรงทงสอง โดยแยกไดเปนกรณตางๆ ดงน


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

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

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

วาดรปทรงซอนกน

ดบเบลคลกบนรปสเขยว ดบเบลคลกบนรปสฟา แลวคลกลากออกมา แลวคลกลากออกมา

รปทรงทมเฉพาะเสน ไมวาจะเปนสเดยวกนหรอไมกตาม เสนจะสามารถแยกสวนออกตามมมหรอตรงจดทเสนตดกนได

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


1. คลกปม Line Tool ททลบอกซ 2. คลกเลอกสของเสนจากชอง Stroke Color 3. คลกเมาสทจดเรมตนบนสเตจ (พนทวาง) คลกคางไวแลวลากเมาสก าหนดความยาวและทศทางของ

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

4. หากตองการวาดใหเปนรปตางๆ ใหดรากสเมาสลากจนกลายเปนรปทตองการ ซง Snap to Objects (เปนรปวงกลมทปรากฏพรอมเสนทวาด) จะชวยท าใหขณะทวาดอยนน มมมองเสนจะสามารถชนกนและกลายเปนเสนทตอเนองกนโดยอตโนมต

ดรากสเมาสจนกลายเปนรปทตองการ 4 ดรากสเมาสลาก 3

คลกเลอกสของเสน

1

2


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

1. คลกปม Arrow Tool ททลบอกซ และดรากสเมาสคลมเลอกออบเจกต 2. คลกเมน Window เลอกค าสง Properties ใหปรากฏเครองหมายถก 3. คลกเลอกสของเสนจากชอง Stroke Color 4. คลกเลอกความหมายของเสนจากชอง Thickness 5. คลกเลอกรปแบบของเสนจากชอง Type 6. คลกเมาสทพนงาน 1 ครง จากนนเสนทเลอกไวจะมส ความหนา และรปแบบเปลยนไปตามคาท

ก าหนด

1.คลกปม Arrow Tool 3.คลกเลอกสของเสน

4. คลกเลอกความหนาของเสน

5. คลกเลอกรปแบบของเสน

6. คลกเมาสทพนงาน 1 ครง


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

1. คลกปม ท Properties Panel จะปรากฏไดอะลอกบอกซ Stoke Style ขนมา

2. ก าหนดคาระยะหางของเสนประจากชอง Dot Spacing เมอก าหนดเรยบรอยแลวใหคลกทปม OK

3. จะไดรปภาพเสนประทมระยะความหางมากขนตามคาทก าหนดไว


หนาทการท างานของเครองมอ Pen Tool คอ ใชส าหรบวาดเสนตรงและเสนโคงไปในทศทาง ตางๆ เสนทสรางจากเครองมอ Pen Tool จะมความยดหยนตอการท างานมากกวาเสนทสรางจากเครองมอ Line Tool เนองจากปรากฏแฮนเดลขนมาในระหวางท างาน ท าใหสามารถดดเสนใหเปนรปรางตามตองการไดอยางสะดวกขน นอกจากการก าหนดสเสนแลว ออบเจกตทสรางจากเครองมอ Pen Tool ยงสามารถก าหนดใสสใหกบพนได ซงหลงจากการวาดเปนทเรยบรอยแลว

1. คลกปม Pen Tool ททลบอกซ 2. คลกเลอกสเสนจากชอง Stroke Color 3. คลกเลอกพนจากชอง Fill Color 4. คลกเมาสทพนทงานจะปรากฏจดแฮนเดลขนมา 5. ดรากสเมาสลากพรอมทงดงแฮนเดลไปในทศทางและต าแหนงทตองการ จากนนจะปรากฏเสน

ขนมา 6. ใหดรากสเมาสลากจนกลายเปนรปทตองการ เมอต าแหนงเรมตน จดแฮนเดลจะเชอมตอเขาหา

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

1. คลกปม Pen Tool

2. คลกเลอกสเสน 3. คลกเลอกสพน

4. คลกเมาสทพนงาน


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

1. คลกปม Arrow Tool ททลบอกซ และดรากสเมาสคลมเลอกออบเจกต 2. คลกเมน Window > Properties ใหปรากฏเครองหมายถก 3. คลกเลอกพนจากชอง Fill Color 4. คลกเมาสทพนงาน 1 ครง จากนนพนของออบกเจกตทเลอกไวจะมเปลยนแปลงไปตามคาท

ก าหนด

5. ดรากสเมาสลากพรอมดง 6. ดรากสเมาสจนกลายเปนรปทตองการ

1. คลกปม Arrow Tool

2.คลกเมน Window >Properties

3.คลกเลอกสพน


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

1. คลกปม Pencil Tool ททลบอกซ และดรากสเมาสคลมเลอกออบเจกต 2. คลกเลอกลกษณะของดนสอทใชในการวาดท Options จากสวนของ Pencil Mode

เลอก Straighten เสนทไดจะเปนเสนตรง เลอก Smooth เสนทไดจะเปนเสนโคง เลอก Ink เสนทไดจะเปนเสนอสระ

3. ดรากสเมาสวาดเปนรปตางๆ ตามตองการ

4. คลกเมาสทพนงาน 1 ครง

1. คลกปม Pencil Tool

2. คลกเลอกลกษณะของ ดนสอทใชในการวาด

Straighten Smooth Ink

3. ดรากสเมาสวาดเปนรปตางๆ


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

1. คลกปม Rectangle Tool ททลบอกซคางไว จะปรากฏเครองขนมา ใหเลอกมาท Oval Tool

2. คลกเลอกสเสนของรปวงกลมจากชอง Stroke Color 3. คลกเลอกพนของรปวงกลมจากชอง Fill Color 4. กดปม Shift ทคยบอรดคางไว พรอมทงดรากสเมาสลากทพนงาน จากมมหนงทแยงไปยงมมหนง จะ

เกดรปวงกลมขนมา 5. คลกเลอกเปลยนสพนของวงกลมจากชอง Fill Color 6. ดรากสเมาสไปในทศทางและต าแหนงทตองการ โดยไมตองกดปม Shift คางไว จากนนจะเกดรปวงร

ขนมา

1. คลกปม Oval Tool

2. คลกเลอกสเสนของรปวงกลม

3. คลกเลอกสพนของรปวงกลม

4.กดปม Shift ทคยบอรดพรอมทงดรากสเมาสลาก


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

6.คลกดรากสเมาสลาก

5.คลกเลอกเปลยนสพนของวงกลม

คามมเรมตนและมมสดทายเสยววงกลม

เลอกเพอวาดรปทรงแบบปด

รศมของวงกลมวงใน

คามมเรมตนและมมสดทายเสยววงกลม


Start angle (คามมเรมตน) และ End angle (มมสดทาย) ใชเพอนการดดแปลงรปทรงใหมลกษณะเปนเสยว ซงมทศทางดงน

Inner radius รศมของวงกลมในซงจะเจาะทะลรปวงกลมวงนอกจนกลายเปนรปโดนท โดยมคาเปนเปอรเซนตเมอเทยบกบรศมของวงกลมวงนอก

Close path เลอกออปชนนเพอใหรปทรงเปนแบบปด ซงจะสามารถเตมสพนได แตหากยกเลกออปชนนกจะไดรปทรงแบบเปด ซงจะสามารถเตมสพนได แตหากยกเลกออปชนนกจะไดรปทรงแบบเปดซงมเฉพาะเสนเทานน

Note : นอกจากการคลกลากปรบจดควบคมแลว เราอาจปรบแตงโดยใชวการแกไขคาตางๆ บน Property inspector ได

270

225

180

135

90

45

0,360

315 Start : 90 End : 225

Start : 90 End : 315


ตวอยางผลลพธจากคามมตางๆ

ตวอยางผลลพธจากคาเปอรเซนตตางๆ

Inner radius : 50 Inner radius : 25 Start : 90 End : 225


แกไขคารศมวงกลมวงใน


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

1. คลกปม Rectangle Tool ททลบอกซ 2. คลกเลอกสเสนของรปสเหลยมจากชอง Stroke Color 3. คลกเลอกสพนของรปสเหลยมจากชอง Fill Color 4. คลกลากในแนวทแยงใหไดขนาดและรปทรงตามตองการ

1.คลกปม Rectangle Tool

2. เลอกสเสนของรป

3. เลอกสพนของรป

4. คลกลากในแนวทแยงใหไดขนาดรปตามตองการ

ก าหนดคณสมบตของเสนและพน

ก าหนดความโคงของมมตางๆ


Note : การวาดรปทรงสเหลยมมมฉากใหก าหนด Conner radius เปนคา 0 pixels เทานนโดยคลกปม

ถาวาดรปดวยวธ Object Drawing หลงจากวาดแลวรปทรงนนจะถกเลอกอยซงถาจะวาดรปท 2 ตอไป กจะไมสามารถก าหนดคณสมบตบน Property inspector ได เพราะจะเปนการไปเปลยนคณสมบตของรปทรงเดม ดงนนกอนวาดรปท 2 จะตองยกเลกการเลอกรปทรงแรก โดยกดคย Esc

ในขนตอนการวาด เราสามารถปรบความโคงของแตละมมได โดยก าหนดคารศมมมมโคงบน Property inspector ซงคาบวกจะใหผลเปนมมโคงออก สวนคาลบจะใหผลเปนมมเวาเขา ตวอยางผลลพธจากการก าหนดคารศมมมโคงแบบตางๆ

ก าหนดรศมมมโคง

คลกเพอลอค หรอยกเลกลอค ในการก าหนดใหทกมมมคาทากน

คลกเพอตงคารศม ทงหมดกลบเปน 0

เลอนแถบ เพอปรบคามมโคง


เฉพาะกรณทวาดดวยเครองมอ Rectangle Primitive จะสามารถดดแปลงรปทรงภายหลงได

โดยใชเครองมอ Selection คลกเลอกออบเจค แลวคลกลากปรบจดควบคมแตละมมได ดงน

ตวอยางการปรบแตงรปทรงเพมเตม

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

1. คลกปม Text Tool ททลบอกซ 2. คลกเลอกสของตวอกษรจากชอง Fill Color 3. คลกเมาสทพนงาน 1 ครง จากนนพมพขอความตามตองการ จะเหนวากลองขอความจะมวงกลม

เลกๆ อยดานบนขวามอ พรอมกบถกขยายขนาดออกมาในแนวนอนตามจ านวนขอความทก าลงพมพอย

ปรบความโคงของมมบนขวา

ปรบความโคงของมมลางซาย

ปรบความโคงของมมบนซาย

ปรบความโคงของมมลางขวา


4. คลกเลอกสของตวอกษรจากชอง Fill Color 5. ดรากสเมาสลากก าหนดขนาดของพารากราฟเปนทรปสเหลยม สามารถสงเกตเหนไดวา กลอง

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

ขอความตวอกษรทไดท าการพมพขนมา สามารถท าการแกไขในภายหลงใหมความแตกตางกนไปตามตองการไดไมวาจะเปนการก าหนดรปแบบ ขนาด ส ตวหนา ตวเอยง ลกษณะการจดวาง การจดยอหนา ระยะหางตวอกษร ระยะหางระหวางขอความแตละแถว ฯลฯ ส าหรบการปรบเปลยนแกไขคาตางๆ นน ใหท าการคลกเมน Window > Properties ใหปรากฏเครองหมายถก และตอไปนเปนสวนประกอบค าสงๆ ทมอยใน Properties ใหปรากฏเครองหมายถก และตอไปนเปนสวนประกอบค าสงตางๆ ทมอยใน Properties ของเครองมอ Text Tool

1. คลกปม Text Tool

2. คลกเลอกสของตวอกษร

3. คลกเมาสทพนงาน 1 ครงจากนนพมพขอความ


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

เลอกประเภทขอความ

ขนาดของกรอบขอความและต าแหนงของของความ

คลกเลอกแนวขอความ

ก าหนดออปชนตวอกษรและยอหนา

ฟอนตตวอกษร

ระยะหางตวอกษรโดยรวม

รปแบบการแสดงตวอกษร

เปลยนเปนตวยก / หอย ระยะหางระหวางคอกษร

สตวอกษร

ขนาดตวอกษร


เปนการก าหนดลกษณะการจดยอหนา เชน การจดชดขวา, ชดซาย, กงกลาง, จดระยะหางระหวางบรรทด หรอ ตงยอหนาใหมการเยอง เปนตน

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

1. ดรากสเมาสเลอกหวขอความทตองการจะท าการปรบแกไข 2. คลกเลอกรปแบบตวอกษรทตองการจากชอง Font 3. คลกก าหนดขนาดตวอกษรจากชอง Font size โดยยงก าหนดคามากขนเทาไร ตวอกษรกจะม

ขนาดใหญมากขนเทานน 4. คลกเลอกสทตองการจากชอง Text Fill Color

จดใหซายขวาตรงกนทกบรรทด(ยกเวนบรรทดสดทายของยอหนา)

รปแบบการเยองและระยะ

บรรทด

จดยอหนาชดซาย จดยอหนากงกลาง

จดยอหนาชดขวา


1. ดรากสเมาสเลอกขอความ

ขอความทเลอกไวจะมรปแบบตวอกษรเปลยนแปลงไป

ขอความทเลอกไวจะมขนาดตวอกษรเปลยนไป

3.คลกก าหนดขนาดตวอกษร

4.คลกเลอกส

ขอความทเลอกไวจะมสเปลยนแปลงไป

2.คลกเลอกรปแบบตวอกษร


5. คลกปม Change direction เพอก าหนดเปลยนทศทางใหตวอกษรวางอยในแนวนอนหรอแนวตง

6. คลกปม Center Justify ขอความตวอกษรทงหมดจะถกวางไวตรงกลางของกลองขอความ

7. คลกปม Right / Bottom Justify ขอความตวอกษรทงหมดจะถกวางไวชดดานขวาของกลองขอความ

8. คลกปม Full Justify ขอความตวอกษรบรรทดทยาวทสดจะถกขยายขนาดออกจนกระทงเตมกลอง

ขอความทเลอกไวจะถกวางในแนวตงทางดานขวา

6.คลกปม Change direction


9. คลกก าหนดระยะหางระหวางตวอกษรจากชอง Letter spacingโดยหากก าหนดตวเลขเปนคาบวกระยะหางระหวางตวอกษรกจะถกเพมมากขน

10. คลกก าหนดต าแหนงตวอกษรจากปม * Normal ตวอกษรจะอยในลกษณะปกตไมคลกเลอกทปมใด

* Toggle the Superscript ตวอกษรทเลอกจะถกยกขนเมอคลกทปม * Toggle the Subscript ตวอกษรจะกลายเปนตวหอยเมอคลกทปม

คลกก าหนดระยะหางระหวางตวอกษร

ขอความทงหมดจะมระยะหางระหวางตวอกษรเพมมากขน

ขอความทเลอกจะถกยกขน

11.คลกก าหนดต าแหนงตวอกษร


การเลอกแสดงผลของ Font ตางๆ ใน Flash นน เราสามารถก าหนดใชใหเหมาะสมกบการใชงานแตละประเภททแตกตางกนได

- Use Device Fonts เปนการเลอก Font จากเครองคอมพวเตอรทแสดงผล เพอการประหยดไฟลซงโดยปกตแลว Static Text ทใชใน flash เมอมการแสงผลโปรแกรมจะท าการ Create Outline ใหกลายเปน shape เพอไปแสดงผลทใดกได แตทงนกท าใหขนาดไฟลใหญโตตามไปดวยในกรณทการใช Text มากๆ ดงนนหากวาทานมเนอหาของ Text คอนขางมาก อาจใช Device Fonts ในการลดขนาดไฟลลงได แตทงนขอจ ากดกอยตรงทใช Device Fonts ในการลดขนาดไฟลลงได แตทงนขอจ ากดกอยตรงท Font ทเลอกใช ตองเปน Font มาตรฐาน โดย Flash ไดก าหนด Font ทใชส าหรบ Device ไว 3 รปแบบ คอ

1. _sans ส าหรบผใช Font ใกลเคยงกบตระกล Helvetica หรอ Arial

2. _serif ส าหรบผทใช Font ใกลเคยงกบตระกล Time Roman

3. _typewriter ส าหรบผทใช Font ใกลเคยงกบตระกล Courier

- Bitmap text (no anti-alias) ใชในกรณทตองการพมพ Text ขนาดเลก เนองจาก Text ทเปนคาเรมตนของ Flash นนจะเปนลกษณะ Anti-Alias ซงหมายถง Text ทมการท าขอบใหฟงเพอไมใหแสดงผลเปนเหลยมแบบ Pixel โดยใหผลสวยงามกบ Text ทคอนขางใหญ แตกลบกนเมอใชกบ Text ทเลก กจะท าใหเบลอ และอานไมรเรอง ดงนนกรณท Text ในงาน Flash คอนขางเลก (12 px ลงไปแลวแตรปแบบของ Font) ควรเลอกใชเปน Bitmap Text

- Anti-Alias for animation จากทกลาวมาขางตน Text ประเภทนใชกบตวหนงสอขนาดทวๆ ไปถงขนาดใหญ แตกรณของ Anti-Alias for animation นนถกออกแบบมาใหใชกบ Text ทจะมการเคลอนท


- Anti-Alias for readability ใชกบ Font ขนาดทวไปถงขนาดใหญเชนเดยวกน แตแสดงผลไดคมชดสวยงามกวาแบบ for animation แตขณะเดยวกนถาน ามาเคลอนไหว กจะไม Smooth เทาแบบ for animation

- Custom anti-alias ส าหรบการตงคา Anti-Alias ดวยตนเอง

การพมพ Text ใน flash ทกค านน มคณสมบตพเศษวา สามารถท า Link ไดทนท โดยท า ไฮไลทบรเวณทตองการท า Link จากนนใหใส URL ของเวบไซตใดกได หรอหากเปนเวบไซตของเราเองกสามารถใสชอไฟล html ไดเชนกน

Documents

คู่มือ ADOBE FLASH CS5