โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 13
โปรแกรม Flash ประกอบไปดวยหนาตางท างาน (Panel) ทมเครองมอส าหรบปรบแตงชนงานชวยสรางชนงานใหไดตามตองการ เนองจาก Flash จะมหลายหนาตางมาก ในทนจะขอแนะน าเฉพาะหนาตางทจ าเปนและสงทนาสนใจ ดงรป
แสดงรายละเอยดของหนาตางโปรแกรม Flash CS5
Menu Bar คอ เมนทใชแสดงชดค าสงทงหมดโปรแกรม Flash โดยคลกเลอกเมนค าสง จะ ปรากฏค าสงยอยใหเลอกตามตองการ
สเตจ (Stage)
แทบไฟลเอกสาร
ไทมไลน
พาเนลตางๆ เมนบาร ทลพาเนล
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 14
ประกอบไปดวยเลเยอรและเฟรม (ชองเลกๆ เรยงกน) ทจะชวยในการกบชนงานสวนตางๆ ใหแยกกนไดอยางอสระ การแสดงภาพเคลอนไหวจะแสดงทละเฟรมตรงต าแหนงทหวอาน (Play Head) วงไปถง นอกจากนยงมสวนของปมแสดงเฟรมยอนหลงทเรยกวา Onion Skin อยทดานลาง ของ Timeline
รปภาพแสดงจอภาพของ Timeline Panel
Layer เลเยอรเปรยบเสมอนแผนใสทสามารถวาดภาพ หรอวางออบเจกตลงไป เพอสรางภาพเคลอนไหวตางๆ ซงเลเยอรแตละแผนจะแยกเปนอสระตอกน สามารถเปลยนต าแหนงการซอนทบกนของแตละเลเยอรได โดยจะมผลใหภาพทอยในเลเยอรบน Stage เปลยนต าแหนงการซอนทบกนดวย
Timeline เปนสวนทใชส าหรบก าหนดการเคลอนไหวของภาพวาดตางๆ โดยภายใน Timeline ยงประกอบไปดวยตารางเลก ๆ และมแถบบอกจ านวนเฟรม (Frame) ดานบน รวมทงมเสนสแดงทเรยกวา “Playhead” ทใชส าหรบบอกต าแหนงวาขณะนก าลงท างานอย ณ ทใด
เลเยอร
เพมเลเยอร
Onion Skin Framerate
คยเฟรม
เฟรม
หวอาน
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 15
เมอสรางเสรจแลว หรอเมอตองการทดสอบผลงานและภาพเคลอนไหวทเกดขน จะท าการคลก ปมบนหนาตาง 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>
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 16
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 เพมจดแองเคอร
ตวอยางซมโบล
ชอซมโบล
เพมซมโบลใหม
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 17
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 ใชสลบสระหวางสพนท กบสเสนขอบ ก าหนดสทเลอกไวกอนหนาของออบเจกต
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 18
โดยปกตชดเครองมอ Toolbox จะปรากฏอยทดานซายมอสดของจอภาพ แตผใชสามารถก าหนดใหซอน
หรอแสดงชดเครองมอ Toolbox ไดตามตองการ ดงน
- การซอนชดเครองมอ คลกเลอกเมน Window > Tools เพอท าใหเครองหมาย หนาตวเลอก Tools หายไปเพอซอนชดเครองมอ
- การแสดงชดเครองมอ คลกเลอกเมน Window > Tools ซ าอกครงเพอท าใหปรากฏเครองหมาย หนาตวเลอก Tools
หนาตางทบรรจชดค าสงทจะจดการกบการแสดงของรปภาพ หรอภาพเคลอนไหวทจะเกดขน กบเรองราวทงหมดหรอบางสวน นอกจากนหนาตาง Actions ยงสามารถตรวจสอบการท างานของโคดตางๆ ในไฟลงานได
การแบงหมวดหมในหนาตาง Actions ชวยใหการเขยนโปรแกรมสะดวกขน
Action Script Group
Action List
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 19
ใชส าหรบปรบแตงสสน และปรบเปลยนเครองมอวาดรปตางๆ หรอตรวจสอบคณสมบตของรปภาพจะสะดวกมากหากเปดหนาตาง 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 เทากบรายละเอยดทแสดงในไฟลเอกสาร
ประเภทของซมโบล
ปรบเอฟเฟกตส
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 20
* ปม 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
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 21
คลกปม ทอยดานขวามอของแถบเครองมอ Edit Symbol จะปรากฏจอภาพยอยใหเลอกขนาดจอภาพทตองการแสดง
จอภาพแสดงการใชค าสงยอ / ขยาย จากแถบเครองมอ Edit
Symbol
ในหนงมฟวอาจจะประกอบไปดวยหลาย Scene กได สามารถจดการ Scene เหลานนใน หนาตางScene ได
กรณทมฟวมหลาย Scene สามารถจดการไดในหนาตาง Scene
เมอเขาสโปรแกรม Flash CS5 โปรแกรมจะใหเลอกสรางไฟลเอกสารใหม เมอสราง ไฟลเอกสาร Flash ขนมาใหมแลว ผเรยนสามารถก าหนดรปแบบของไฟลเอกสาร Flash ใหมได เชน ก าหนดขนาด อตราการแสดงตอเฟรม (Framerate) สพน และคณสมบตอนๆ ไดทจอภาพของ Document Properties นอกจากนเมอผใชตองการสรางไฟลเอกสารใหมโดยใชค าสง File > New.. โปรแกรมจะใหเลอกสรางไฟลเอกสารใหม โดยตองการใหไฟลเอกสารใหมซอนทบกบไฟลเอกสารเดม หรอสรางไฟลเอกสารใหมจาก Template
เมอผใชตองการสรางไฟลเอกสารใหมท าไดโดยคลกเมน File > New.. จะปรากฏจอภาพ New Document ใหเลอกชนดไฟลเอกสาร เมอสรางเสรจแลวไฟลเอกสารใหมจะซอนทบกบไฟลเอกสารเดม
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 22
รปจอภาพแสดงการสรางไฟลเอกสาร Flash
Template คอ แบบส าเรจรปทโปรแกรมสรางขนมา เพอใชเปนตนแบบของการสรางไฟล เอกสาร Flash เพอใหสามารถสราง Movie Flash ไดอยางรวดเรว และงายดายมากยงขน ตวอยาง การสรางไฟลเอกสาร Flash โดยใช Template
1. เปดโปรแกรม Flash CS5 จะปรากฏจอภาพ ใหเลอกรปแบบของ Template ทตองการ
จอภาพแสดงใหเลอกสราง หรอเปดเอกสารเมอเรยนโปรแกรม Flash CS5
2. เมอเลอกรปแบบของ Template ทตองการแลวจะปรากฏจอภาพ New from Template ในกรณทตองการสรางเอกสาร Template ขนมาใหมให คลกเมน File > New จะปรากฏจอภาพ New from Template
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 23
3. คลกเลอกชนดของ Template ทชองรายการ “ Category” และเลอกรายการ Template ทชอง “Templates” โดยสามารถดภาพตวอยางของ Template ทเลอกไดทจอภาพ Preview และดรายละเอยดของ Template ไดใน Description
4. คลกปม OK เพอสรางไฟลเอกสารใหมตามรปของ Template ทเลอก
นอกจากนเมอผใชสรางมฟวแลวตองการบนทกเกบไวเปน Template ของตนเอง เพอ น าไปใชงานตอไป สามารถท าไดโดยเลอกเมน File > Save AS Template
ตวอยาง การบนทกไฟลมฟวเกบไวเปน Template 1. สรางมฟว 2. คลกเลอกเมน File > Save As Template
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 24
3. ก าหนดชอ Template ทชอง “Name” ก าหนดประเภท Category และก าหนดรายละเอยดทชอง
“Description” ตามตองการ
4. คลกปม Save โปรแกรมจะสรางและเกบ movie ดงกลาวไวใน Library “Template” ของ Flash CS5ใหโดยอตโนมต
5. ผเรยนสามารถดไฟล Template ทสรางเกบไวไดโดยคลกเลอกเมน File > New From Template
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 25
การเขาสโปรแกรม Flash CS5 โปรแกรมจะใหสรางไฟลเอกสาร Flash ขนมาใหม โดยก าหนดชอไฟลวา Untitled-1 และเมอผใชตองการสรางไฟลเอกสารใหม โดยคลกเลอกค าสง File > New โปรแกรมจะก าหนดชอไฟลวา Untitled – 2 โดยเรยงตวเลขตามล าดบการสรางไฟลเอกสารใหมทกครง ชอไฟลเอกสารนจะเปลยนไปตามทผใชก าหนดเมอมการบนทกไฟล โดยเลอกค าสงดงน
ค าสง File > Save ส าหรบการบนทกไฟลครงแรก หรอบนทกเพอปรบปรง ไฟลทไดแกไข
ค าสง File > Save As ส าหรบการบนทกไฟลเอกสารในชอใหม หรอบนทก ไฟลเอกสารในรปแบบของ Flash MX เวอรชนเกา
เมอเลอกค าสงใดค าสงหนงจะปรากฏจอภาพ Save หรอ Save As ซงทงสองจอภาพม ลกษณะคลายดงรป
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 26
เลอกโฟลเดอรทตองการเกบบนทกไฟล ก าหนดชอไฟลในชอง “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
เลอกโฟลเดอรทตอง การเกบบนทกไฟล
บนทกไฟล
ยกเลกการบนทกไฟล
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 27
ไมนอยไปกวาเครองมอตกแตงทรจกกนด เชน Photoshop, Illustrator และยงมรปแบบเฉพาะตวทไมเหมอนใครใหตดตามดไดจากขอถดไป หลงจากสรางชนงานแลวเราจะท าการเปลยนให เปนซมโบลซงจะจ าเปนส าหรบการสรางภาพเคลอนไหวและสามารถใชลกเลนของเครองมอใน Flash ไดอยางเตมทตอไปไดอยางสะดวกขน มาดกนวาเครองมอส าหรบการสรางงานดวย Flash มอะไรกนบาง ดงน รปแบบการวาด
การวดภาพกราฟกใน Flash แบงออกเปน 2 รปแบบ ดงน
รปทรงทไดจาการวาดแตละครงจะเปนอสระจากกน และเมอมการวางซอนทบกนกไมมผลท าให
ออบเจคอนหรอตวเองเปลยนแปลงรปรางในการวาดแบบนใหคณคลกเลอก Object drawing ทออปชนของเครองมอไวกอนลงมอวาด
รปทรงทวาดหรอน ามาวางซอนกน จะเปนอสระจากกน
รปทรงนไดจากการวาดจะมผลตอรปทรงอน โดยเมอมการวาดหรอน าไปวางซอนทบกนจะท าให
คณสมบตของพนภาพหรอเสนแปรเปลยนไป ในการวาดแบบนใหคณยกเลกการเลอก Object Drawing ทออปชนของเครองมอ กอนลงมอวาด การซอนทบของรปทรงในแบบ Merge Drawing ในการวาดแบบ Merge Drawing เมอวาดรปทรงใดๆ ทบรปทรงอนทอยดานลาง (หรอยายรปทรงทวาดดวยวนมาซอนทกน) จะมผลกบรปทรงทงสอง โดยแยกไดเปนกรณตางๆ ดงน
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 28
รปทรงทงสองไมมเสนและมสพนเปนสเดยวกน จะท าใหรปทรงทงหมดถกรวมเปนชนเดยวกน
รปทรงทงสองไมมเสนและมสพนทไมใชสเดยวกน จะท าใหรปทรงทงสองแยกออกจากกน โดยทรปดานบนยงเหมอนเดมแตรปดานลางจะถกตดและสวนทถกทบจะหายไป
รปทรงทงสองหรอชนใดชนหนงมเสน (ไมวาพนและเสนจะเปนสเดยวกนหรอคนละส) จะท าใหรปทรงทงสองแยกออกจากกน โดยทรปทรงดานบนยงเหมอนเดมแตรปดานลางจะถกตด และหากดบเบลคลกเลอกทรปทรงใดกจะไดเสนกรอบตามรปทรงนน ดงภาพ
วาดรปทรงซอนกน
ดบเบลคลกบนรปสเขยว ดบเบลคลกบนรปสฟา แลวคลกลากออกมา แลวคลกลากออกมา
รปทรงทมเฉพาะเสน ไมวาจะเปนสเดยวกนหรอไมกตาม เสนจะสามารถแยกสวนออกตามมมหรอตรงจดทเสนตดกนได
เสนตรงเปนพนฐานของรปทรงตางๆ การลากเสนตรงดวยเครองมอของโปรแกรม Flash จะ คลายกบเครองมอในโปรแกรมตกแตงภาพทวไป แตจะมความสามารถบางอยางทแตกตางกนไป ดงตวอยางตอไปน
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 29
1. คลกปม Line Tool ททลบอกซ 2. คลกเลอกสของเสนจากชอง Stroke Color 3. คลกเมาสทจดเรมตนบนสเตจ (พนทวาง) คลกคางไวแลวลากเมาสก าหนดความยาวและทศทางของ
เสนตรง แลวปลอยเมาสกจะไดเสนตรงตามทตองการ หรอจะลองลากเมาสสรางเสนตรงอนๆ ไดอกตามตองการ รวมถงการเปลยนสสนทหลากหลายใหเกดความคลองตวมากขน
4. หากตองการวาดใหเปนรปตางๆ ใหดรากสเมาสลากจนกลายเปนรปทตองการ ซง Snap to Objects (เปนรปวงกลมทปรากฏพรอมเสนทวาด) จะชวยท าใหขณะทวาดอยนน มมมองเสนจะสามารถชนกนและกลายเปนเสนทตอเนองกนโดยอตโนมต
ดรากสเมาสจนกลายเปนรปทตองการ 4 ดรากสเมาสลาก 3
คลกเลอกสของเสน
1
2
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 30
เสนทไดสรางขนมาใหมรปรางตางๆ นนสามารถปรบเปลยนแกไขในภายหลงได ไมวาจะเปน ส ขนาด รปรางของเสน ซงเมอตองการปรบเปลยนคาตางๆ ใหท าการเปด 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 ครง
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 31
ส าหรบวธการเปลยนแปลงแกไขเสนนน ยงสามารถก าหนดรปแบบตางๆ เพมเตมขนไดอก เชน หากเปนเสนประกสามารถก าหนดวาตองการใหความถของระยะหางระหวางเสนประแตละเสนนน มระยะความหางมากนอยเทาไรมความเขมจางเทาไร เปนตน ซงคาตางๆ ทมใหก าหนดนนจะขนอยกบรปรางลกษณะของเสนแตละรปแบบทไดเลอกไว
1. คลกปม ท Properties Panel จะปรากฏไดอะลอกบอกซ Stoke Style ขนมา
2. ก าหนดคาระยะหางของเสนประจากชอง Dot Spacing เมอก าหนดเรยบรอยแลวใหคลกทปม OK
3. จะไดรปภาพเสนประทมระยะความหางมากขนตามคาทก าหนดไว
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 32
หนาทการท างานของเครองมอ 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. คลกเมาสทพนงาน
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 33
การสรางออบเจกตโดยใชเครองมอ Pen Tool แตกตางจากการสรางโดยใชเครองมอ Line Tool กคอ ออบเจกตทสรางขนมานนสามารถก าหนดใสสพนเตมไดตามตองการ และส าหรบคาอนๆ ไมวาจะเปนการปรบเปลยน สเสน ขนาด รวมถงรปรางลกษณะของเสนทสรางขนจะสามารถก าหนดไดเชนเดม
1. คลกปม Arrow Tool ททลบอกซ และดรากสเมาสคลมเลอกออบเจกต 2. คลกเมน Window > Properties ใหปรากฏเครองหมายถก 3. คลกเลอกพนจากชอง Fill Color 4. คลกเมาสทพนงาน 1 ครง จากนนพนของออบกเจกตทเลอกไวจะมเปลยนแปลงไปตามคาท
ก าหนด
5. ดรากสเมาสลากพรอมดง 6. ดรากสเมาสจนกลายเปนรปทตองการ
1. คลกปม Arrow Tool
2.คลกเมน Window >Properties
3.คลกเลอกสพน
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 34
หนาทการท างานของเครองมอ 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. ดรากสเมาสวาดเปนรปตางๆ
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 35
หนาทของเครองมอ 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 ทคยบอรดพรอมทงดรากสเมาสลาก
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 36
เราสามารถดดแปลงรปวงกลมหรอวงร ใหมลกษณะเปนเสยวหรอเจาะเปนรปโดนท โดยก าหนดคาตางๆ บน Property inspector ซงมสวนประกอบดงน
6.คลกดรากสเมาสลาก
5.คลกเลอกเปลยนสพนของวงกลม
คามมเรมตนและมมสดทายเสยววงกลม
เลอกเพอวาดรปทรงแบบปด
รศมของวงกลมวงใน
คามมเรมตนและมมสดทายเสยววงกลม
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 37
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
Start : 225 End : 90
ตวอยางผลลพธจากคามมตางๆ
ตวอยางผลลพธจากคาเปอรเซนตตางๆ
Inner radius : 50 Inner radius : 25 Start : 90 End : 225
Start : 90 End : 225
แกไขคารศมวงกลมวงใน
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 38
หนาทการท างานของเครองมอ Rectangle Tool คอ ใชส าหรบวาดรปสเหลยมผนผา และ สเหลยมจตรส แตคณสมบตทเพมเตมส าหรบการท างานของเครองมอ Rectangle Tool น คอ สามารถก าหนดมมของสเหลยมกอนทจะท าการวาดไดดวย ซงหากก าหนดคาตวเลขมากขนเทาไรสเหลยมทไดกจะมมมทมนมากขนเทานน
1. คลกปม Rectangle Tool ททลบอกซ 2. คลกเลอกสเสนของรปสเหลยมจากชอง Stroke Color 3. คลกเลอกสพนของรปสเหลยมจากชอง Fill Color 4. คลกลากในแนวทแยงใหไดขนาดและรปทรงตามตองการ
1.คลกปม Rectangle Tool
2. เลอกสเสนของรป
3. เลอกสพนของรป
4. คลกลากในแนวทแยงใหไดขนาดรปตามตองการ
ก าหนดคณสมบตของเสนและพน
ก าหนดความโคงของมมตางๆ
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 39
Note : การวาดรปทรงสเหลยมมมฉากใหก าหนด Conner radius เปนคา 0 pixels เทานนโดยคลกปม
ถาวาดรปดวยวธ Object Drawing หลงจากวาดแลวรปทรงนนจะถกเลอกอยซงถาจะวาดรปท 2 ตอไป กจะไมสามารถก าหนดคณสมบตบน Property inspector ได เพราะจะเปนการไปเปลยนคณสมบตของรปทรงเดม ดงนนกอนวาดรปท 2 จะตองยกเลกการเลอกรปทรงแรก โดยกดคย Esc
ในขนตอนการวาด เราสามารถปรบความโคงของแตละมมได โดยก าหนดคารศมมมมโคงบน Property inspector ซงคาบวกจะใหผลเปนมมโคงออก สวนคาลบจะใหผลเปนมมเวาเขา ตวอยางผลลพธจากการก าหนดคารศมมมโคงแบบตางๆ
ก าหนดรศมมมโคง
คลกเพอลอค หรอยกเลกลอค ในการก าหนดใหทกมมมคาทากน
คลกเพอตงคารศม ทงหมดกลบเปน 0
เลอนแถบ เพอปรบคามมโคง
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 40
เฉพาะกรณทวาดดวยเครองมอ Rectangle Primitive จะสามารถดดแปลงรปทรงภายหลงได
โดยใชเครองมอ Selection คลกเลอกออบเจค แลวคลกลากปรบจดควบคมแตละมมได ดงน
ตวอยางการปรบแตงรปทรงเพมเตม
หนาทการท างานของเครองมอ Text Tool คอ ใชส าหรบพมพขอความตวอกษร ในลกษณะให ขยายไปตามแนวระยะบรรทดและใหขยายไปในลกษณะเปนพารากราฟ โดยเมอท าการพมพขอความทตองการเรยบรอยแลว ยงสามารถก าหนดรปแบบ ขนาด ส ตวหนา ตวเอยง ลกษณะการจดวาง การจดยอหนา ระยะหางระหวางตวอกษร ระยะหางระหวางขอความแตละแถว ในภายหลงไดอกตามตองการ
1. คลกปม Text Tool ททลบอกซ 2. คลกเลอกสของตวอกษรจากชอง Fill Color 3. คลกเมาสทพนงาน 1 ครง จากนนพมพขอความตามตองการ จะเหนวากลองขอความจะมวงกลม
เลกๆ อยดานบนขวามอ พรอมกบถกขยายขนาดออกมาในแนวนอนตามจ านวนขอความทก าลงพมพอย
ปรบความโคงของมมบนขวา
ปรบความโคงของมมลางซาย
ปรบความโคงของมมบนซาย
ปรบความโคงของมมลางขวา
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 41
4. คลกเลอกสของตวอกษรจากชอง Fill Color 5. ดรากสเมาสลากก าหนดขนาดของพารากราฟเปนทรปสเหลยม สามารถสงเกตเหนไดวา กลอง
ขอความจะมสเหลยมเลกๆ อยดานบนขวามอ จากนนใหท าการพมพขอความตามตองการ แตหากพมพขอความจนเกนบรรทดแลว ขอความตอไปจะถกตดขนเปนบรรทดใหมใหโดยอตโนมต
ขอความตวอกษรทไดท าการพมพขนมา สามารถท าการแกไขในภายหลงใหมความแตกตางกนไปตามตองการไดไมวาจะเปนการก าหนดรปแบบ ขนาด ส ตวหนา ตวเอยง ลกษณะการจดวาง การจดยอหนา ระยะหางตวอกษร ระยะหางระหวางขอความแตละแถว ฯลฯ ส าหรบการปรบเปลยนแกไขคาตางๆ นน ใหท าการคลกเมน Window > Properties ใหปรากฏเครองหมายถก และตอไปนเปนสวนประกอบค าสงๆ ทมอยใน Properties ใหปรากฏเครองหมายถก และตอไปนเปนสวนประกอบค าสงตางๆ ทมอยใน Properties ของเครองมอ Text Tool
1. คลกปม Text Tool
2. คลกเลอกสของตวอกษร
3. คลกเมาสทพนงาน 1 ครงจากนนพมพขอความ
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 42
โดยปกตแลวขอความทพมพจะมคณสมบตตามรปแบบเดมทเคยใชครงลาสด แตคณสามารถเปลยนออปชนเหลานไดใหมกอนทจะพมพขอความ หรอถาจะปรบแตงขอความทพมพไปแลวจะตองเลอกขอความทตองการเสยกอนแลวจงเปลยนออปชน
เลอกประเภทขอความ
ขนาดของกรอบขอความและต าแหนงของของความ
คลกเลอกแนวขอความ
ก าหนดออปชนตวอกษรและยอหนา
ฟอนตตวอกษร
ระยะหางตวอกษรโดยรวม
รปแบบการแสดงตวอกษร
เปลยนเปนตวยก / หอย ระยะหางระหวางคอกษร
สตวอกษร
ขนาดตวอกษร
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 43
เปนการก าหนดลกษณะการจดยอหนา เชน การจดชดขวา, ชดซาย, กงกลาง, จดระยะหางระหวางบรรทด หรอ ตงยอหนาใหมการเยอง เปนตน
หลงจากทไดท าความรจกกบสวนประกอบหนาทการท างานของปมเครองมอตางๆ ทอย ใน Properties ของเครองมอ Text Tool ไปแลว ตอไปนจะไดเรยนรขนตอนวธการใชเครองมอตาง ๆ พรอมทงผลลพธทไดจากการใชงานปมค าสงเหลานน
1. ดรากสเมาสเลอกหวขอความทตองการจะท าการปรบแกไข 2. คลกเลอกรปแบบตวอกษรทตองการจากชอง Font 3. คลกก าหนดขนาดตวอกษรจากชอง Font size โดยยงก าหนดคามากขนเทาไร ตวอกษรกจะม
ขนาดใหญมากขนเทานน 4. คลกเลอกสทตองการจากชอง Text Fill Color
จดใหซายขวาตรงกนทกบรรทด(ยกเวนบรรทดสดทายของยอหนา)
รปแบบการเยองและระยะ
บรรทด
จดยอหนาชดซาย จดยอหนากงกลาง
จดยอหนาชดขวา
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 44
1. ดรากสเมาสเลอกขอความ
ขอความทเลอกไวจะมรปแบบตวอกษรเปลยนแปลงไป
ขอความทเลอกไวจะมขนาดตวอกษรเปลยนไป
3.คลกก าหนดขนาดตวอกษร
4.คลกเลอกส
ขอความทเลอกไวจะมสเปลยนแปลงไป
2.คลกเลอกรปแบบตวอกษร
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 45
5. คลกปม Change direction เพอก าหนดเปลยนทศทางใหตวอกษรวางอยในแนวนอนหรอแนวตง
6. คลกปม Center Justify ขอความตวอกษรทงหมดจะถกวางไวตรงกลางของกลองขอความ
7. คลกปม Right / Bottom Justify ขอความตวอกษรทงหมดจะถกวางไวชดดานขวาของกลองขอความ
8. คลกปม Full Justify ขอความตวอกษรบรรทดทยาวทสดจะถกขยายขนาดออกจนกระทงเตมกลอง
ขอความทเลอกไวจะถกวางในแนวตงทางดานขวา
6.คลกปม Change direction
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 46
9. คลกก าหนดระยะหางระหวางตวอกษรจากชอง Letter spacingโดยหากก าหนดตวเลขเปนคาบวกระยะหางระหวางตวอกษรกจะถกเพมมากขน
10. คลกก าหนดต าแหนงตวอกษรจากปม * Normal ตวอกษรจะอยในลกษณะปกตไมคลกเลอกทปมใด
* Toggle the Superscript ตวอกษรทเลอกจะถกยกขนเมอคลกทปม * Toggle the Subscript ตวอกษรจะกลายเปนตวหอยเมอคลกทปม
คลกก าหนดระยะหางระหวางตวอกษร
ขอความทงหมดจะมระยะหางระหวางตวอกษรเพมมากขน
ขอความทเลอกจะถกยกขน
11.คลกก าหนดต าแหนงตวอกษร
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 47
การเลอกแสดงผลของ 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 ทจะมการเคลอนท
โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 48
- Anti-Alias for readability ใชกบ Font ขนาดทวไปถงขนาดใหญเชนเดยวกน แตแสดงผลไดคมชดสวยงามกวาแบบ for animation แตขณะเดยวกนถาน ามาเคลอนไหว กจะไม Smooth เทาแบบ for animation
- Custom anti-alias ส าหรบการตงคา Anti-Alias ดวยตนเอง
การพมพ Text ใน flash ทกค านน มคณสมบตพเศษวา สามารถท า Link ไดทนท โดยท า ไฮไลทบรเวณทตองการท า Link จากนนใหใส URL ของเวบไซตใดกได หรอหากเปนเวบไซตของเราเองกสามารถใสชอไฟล html ไดเชนกน