หัดวาดภาพด วย flash mx• เล อกรายการ program,...
TRANSCRIPT
หดวาดภาพดวย Flash MX
ศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชาต
หดวาดภาพดวย Flash MX สงวนลขสทธตาม พ.ร.บ.ลขสทธ พ.ศ. ๒๕๓๗ โดย บญเลศ อรณพบลย ศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชาต กระทรวงวทยาศาสตรและเทคโนโลย http://elearning.nectec.or.th [email protected] ไมอนญาตใหคดลอกสวนใดสวนหนงของหนงสอเลมน นอกจากจะไดรบอนญาตเปนลายลกษณอกษรจากเจาของลขสทธเทานน
สารบญ
หดวาดภาพดวย Flash MX ............................................................................................1
การเรยกใชโปรแกรม Flash.....................................................................................2 จอภาพการทางานของ Flash .............................................................................2
Panel ........................................................................................................................5 คาสงควบคม Panel............................................................................................7
ทางานกบไฟล Flash................................................................................................7 สรางไฟลใหม....................................................................................................8 บนทกไฟล.........................................................................................................8 การจดเกบเปนไฟลภาพ.....................................................................................9 การบนทกในฟอรแมต GIF...............................................................................9 การบนทกในฟอรแมต JPEG ..........................................................................11 เปดไฟล ...........................................................................................................11 ปดไฟล ............................................................................................................11 การคนสสภาพเดม (Revert) ............................................................................12
Stage ......................................................................................................................12 ขนาดของ Stage...............................................................................................12 Ruler, Grid, Guides .........................................................................................13
เครองมอวาดภาพ.........................................................................................................16 Tools Modifier ......................................................................................................16 จดการกบ Stage.....................................................................................................17 ส (Color) ...............................................................................................................18
เพมส................................................................................................................19 แผงควบคมส (Color Panel) ............................................................................19
ชดสแบบไลโทน............................................................................................. 21
วงกลม, วงร ........................................................................................................... 22 ลบวตถดวย Eraser Tool........................................................................................ 23 วาดสเหลยมดวย Rectangle Tool .......................................................................... 24 วาดรปหลายเหลยมดวย Poly Star Tool................................................................ 25 วาดเสนดวย Line Tool.......................................................................................... 26 วาดรปอสระดวย Pencil Tool ............................................................................... 26 วาดรปดวย Brush Tool ......................................................................................... 27 วาดภาพอสระดวย Pen Tool ................................................................................. 28
การเลอกวตถ (Selection) ............................................................................................ 30 การเลอกวตถ หรอกลมวตถดวย Arrow Tool ....................................................... 31
ยกเลกการเลอกวตถ ........................................................................................ 32 ซอนการเลอกวตถ ........................................................................................... 32 เลอกวตถดวย Lasso Tool ............................................................................... 32
ปรบแตง แกไขวตถ ............................................................................................... 33 เปลยนรปทรง.................................................................................................. 33 ตวอยางการวาดจรวดแบบงาย ........................................................................ 34 การยายวตถ (วธท 1) ....................................................................................... 35 การยายวตถ (วธท 2 - กรณยายขาม Scene, ขามเฟรม หรอขามไฟล)............. 35 การคดลอกวตถ (วธท 1) ................................................................................. 36 การคดลอกวตถ (วธท 2 - สาเนาวตถ: Duplicate)........................................... 36 การคดลอกวตถ (วธท 3 - กรณขาม Scene, ขามเฟรม, ขามไฟล)................... 36 การยกเลกคาสง (Undo) .................................................................................. 36 การยอ/ขยาย และปรบรปทรงของวตถ ........................................................... 37 การจดเรยงวตถ (Alignment) .......................................................................... 38
ตวอยางการจดวตถกงกลางจอภาพ .................................................................39 การปรบเปลยนลกษณะเสนขอบวตถ..............................................................39 การปรบเปลยน Fill ของวตถ ..........................................................................39 การคดลอกลกษณะเสนขอบวตถ ....................................................................40 การคดลอกลกษณะพนของวตถ ......................................................................40 การปรบเปลยนสแบบ Gradient ......................................................................41
กลมวตถ (Group)...................................................................................................42 การแยกชนสวนของวตถ .................................................................................42 การจดเรยงลาดบวตถทเปน Group..................................................................43 การปรบแตงแกไขวตถทเปน Group ...............................................................43
ฝกหดวาดภาพ..............................................................................................................45 วาดแผนท ..............................................................................................................45 หนาคนจากวงกลมและเสนตรง ............................................................................47 หนาคนจากหลายๆ วตถ ........................................................................................48 เดกชายสวมหมวก .................................................................................................48 เดกหญง .................................................................................................................48 คนสงอาย ...............................................................................................................49 ดวงอาทตย .............................................................................................................49 รองเทาสเกต ..........................................................................................................49 ถงเทาเดก ...............................................................................................................50 หมวก .....................................................................................................................50 ใบไม......................................................................................................................51 ตนครสมาตส .........................................................................................................51 ตนไม .....................................................................................................................52 ตนไม .....................................................................................................................52
ดอกไม................................................................................................................... 52 ดนสอ .................................................................................................................... 53 ตกตาหม ................................................................................................................ 53 ฮปโป..................................................................................................................... 54 ผลไมการตน.......................................................................................................... 54 สตอรเบอรร .......................................................................................................... 54 ภาพลกษณะอนๆ................................................................................................... 55
หดวาดภาพดวย Flash MX
การสรางสอการเรยนร สอนาเสนอ หรองานออกแบบตางๆ ยอมจะหนไมพน
การออกแบบสรางสรรคงานกราฟก หากสามารถสรางงาน ออกแบบงานกราฟกดวยตนเอง คงจะสรางความภมใจไดมาก แตปญหาใหญของการสรางสรรคงานกราฟกของหลายๆ ทานกคอ “วาดภาพไมเปน” หรอ “วาดยากจงเลย”
รบรองไดครบหากเลอกใชโปรแกรม Macromedia Flash MX 2004 เปนเครองมอชวยสรางสรรคงานกราฟก พรอมๆ กบแนวทางการวาดภาพจากคมอฉบบน จะลมคาวา “วาดยาก” ไปเลย เนองจากโปรแกรม Flash เปนซอฟตแวรสรางสรรคงานกราฟกในระดบพกเซลล (Pixel) ทาใหการปรบแตง แกไข หรอออกแบบภาพ ทาไดงายดวยเทคนค “ตด เชอม ปรบเปลยนรปราง”
Macormedia Flash MX 2004 เปนผลตภณฑลาสดจากคาย Macromedia ทพฒนามาเพอสนบสนนการสรางงานกราฟกทงภาพนง และภาพเคลอนไหว สาหรบการนาเสนอผานเครอขายอนเทอรเนต Flash มฟงกชนชวยอานวยความสะดวก ในการสรางผลงานหลากหลายรปแบบ ตลอดจนชดคาสงโปรแกรมมงทเรยกวา Flash Action Script ทเพมประสทธภาพใน การทางาน และสามารถคอมไพล (Compile) เปนโปรแกรมใชงาน (Application Program) เชน การทาเปน E-Card เพอแนบไปพรอมกบ e-mail ในโอกาสตางๆ
อยางไรกตามเนอหาในเอกสารชดน จะนาเสนอเฉพาะสวนการฝกหดวาดภาพเปนหลก เพอเปนพนฐานในการสรางสรรคงานกราฟกระดบสงตอไป
2
การเรยกใชโปรแกรม Flash
• คลกปม • เลอกรายการ Program, Macromedia, Macromedia Flash MX 2004 รอสกครจะ
ปรากฏหนาตางการทางาน
• จากจอภาพดงกลาว มโหมดการทางานใหเลอกไดหลายลกษณะเชน การเปดไฟล
จากคาสง Open a Recent Item หรอการสรางงานจากรายการ Create New หรอ Create from Template
จอภาพการทางานของ Flash
• แถบเครองมอหลก (Main Toolbar) แถบเครองมอควบคมการทางานหลกของโปรแกรม เชน การสรางไฟลใหม, การเปดไฟล, การคดลอกขอมลเปนตน โดยสามารถควบคมใหแสดง หรอไมตองแสดงโดยคลกเลอกคาสง Window, Toolbars, Main
3
• แถบเครองมอ (Toolbox) กลมเครองมอสรางงานและจดการวตถของโปรแกรม Flash ประกอบดวยปมเครองมอยอยตางๆ สามารถเปด/ปดดวยคาสง Window, Tools
• Document Tab สวนควบคมเอกสาร สามารถคลกเพอสลบเปลยนจอภาพเอกสาร
4
• Timeline Timeline เปนสวนสาคญของโปรแกรม Flash ททาหนาตางควบคมการนาเสนอผลงาน สามารถเปด/ปดดวยคาสง Window, Timeline
• Layer สวนควบคมการสรางชนงาน เพอใหชนงานแตละชนมอสระ และสะดวกตอ การแกไข ปรบแตง
• Stage & Workspace Stage และ Workspace เปนพนทสวนใหญของหนาตางโปรแกรม มลกษณะ การทางานคลายๆ กบเวทการแสดง
• Panel หนาตางเลกๆ ททาหนาทแสดงคาสงควบคมยอยตางๆ ของโปรแกรม โดยจะปรากฏรายการคาสงในเมน Window
5
Panel Panel เปนจอภาพเลกๆ ทแสดงฟงกชนการทางานเฉพาะอยาง เชน การทางานเกยวกบส
จะควบคมดวย Color Mixer หรอ Color Swatches การจดตาแหนงวตถตางๆ ควบคมดวย Align Panel เปนตน การเรยกใชหรอเปด/ปด Panel จะใชคาสง Window แลวตามดวยชอ Panel นนๆ
Panel ประกอบดวยสวนสาคญ ดงน
Panel ควบคมงานมาตรฐาน
Panel สงงานลกษณะตางๆ
Collapse Arrow Move Control Button Option Menu Control
ตวเลอกตางๆ ของ Panel
6
• Move Control Button ปมทใชเคลอนยายตาแหนงของ Panel เมอเมาสอย ณ ตาแหนงน จะปรากฏเปนลกศรสทศ และใชหลก Drag & Drop ในการยายตาแหนง Panel ทงนหากเลอน Panel ไปชดขอบจอ จะถกเปลยนสภาพเปนแบบฝงโดยอตโนมต
• Collapse Arrow ปมควบคมการยอขนาดของ Panel ในกรณทไมได ใชงาน สามารถยบใหมขนาดเลกเปนแถบ เพอประหยดพนทบนจอภาพ
• Option Menu Control ปมเมน
ควบคม Panel รายการในเมนน จะปรบเปลยนไปตาม Panel
Penel แบบฝงตว
Move Control และ Panel แบบลอยตว
7
คาสงควบคม Panel
• การซอน Panel กดปม $ • การปด Panel คลกขวาทแถบชอ Panel แลวเลอกคาสง Close Panel • การคนสภาพ Panel เลอกคาสง Window, Panel Sets, Default Layouts • การแสดงผลพาเนลแบบลอยตวเทานน ใหเลอกจากคาสง Edit, Preferences…
เลอกบตรรายการ General คลกยกเลกรายการ Disable panel docking
ทางานกบไฟล Flash ไฟลของ Flash เรยกวา Movie มสองฟอรแมตหลก คอไฟลตนฉบบ ซงมสวนขยาย
เปน .fla และไฟลทพรอมนาไปใชงาน ซงมสวนขยายเปน .swf การสราง เปดแกไขจะทางานกบไฟลตนฉบบ ซงมสวนขยายเปน .fla นอกจากนยงมไฟลใชงานฟอรแมตอนๆ อกตามความตองการของผใช เชน Execute File (.exe) สาหรบนาเสนออยางรวดเรว โดยไมตองอาศย Flash Player หรอ Browser
เนองจากเนอหาในเอกสารเนนการฝกวาดภาพ และการตนลกษณะตางๆ ในลกษณะภาพนง การบนทกผลงานจะใช 2 ลกษณะคอภาพตนฉบบ .fla และภาพใชงาน .gif หรอ .jpg
ปมซอน Penel
8
สรางไฟลใหม การสรางไฟลใหมของ Flash มวธการเรยกใชงานหลายลกษณะ เชน จากจอภาพ Start
Page สามารถเลอกการสรางไฟลใหมได 2 ลกษณะคอ • Create New กรณทตองการสราง Movie โดยการเรมตนดวยตนเอง
ทงหมด • Create from Template กรณทตองการสราง Movie จากแมแบบท Flash
เตรยมไวให นอกจากนยงสามารถเลอกคาสงไดจากเมนคาสง File, New... หรอใชคยลด Cn หรอ
คลกปมเครองมอ New จาก Main Toolbar
บนทกไฟล
ภาพทวาดทสรางเสรจแลว หรอปรบแตงแกไขแลว ควรบนทกไฟลเกบไวทกครง โดยไฟลตนฉบบจะไดสวนขยายเปน .fla การบนทกไฟลสามารถใชคาสง File, Save… หรอกดปม Cs หรอคลกปม Save จาก Main Toolbar ซงจะปรากฏจอภาพการบนทกไฟล ดงน
9
จดสงเกตวาไฟลไดผานการบนทกแลวหรอไม กดไดจากชอไฟลใน Title Bar หากมเครองหมาย * แสดงวายงไมผานการบนทก
การจดเกบเปนไฟลภาพ
เนองจากไฟล .fla เปนไฟลตนฉบบ ไมสามารถนาไปใชงานได การใชงานจงตองเกบเปนไฟลภาพกอน โดยสามารถเลอกไดวาจะเปนฟอรแมต GIF หรอ JPEG แลวแตลกษณะของภาพ โดยมหลกพจารณางายๆ ดงน
• ภาพโครงราง หรอภาพทมการใชสแบบ Solid ใหเลอกเปน GIF Format • ภาพทมการใชสแบบไลโทน หรอมการใชสจานวนมาก ใหเลอกเปน JPEG
Format
การบนทกในฟอรแมต GIF การบนทกภาพวาดในฟอรแมต GIF ทาไดโดยเลอกคาสง File, Export, Export Image
เมอเลอกไดรฟ/โฟลเดอร และตงชอไฟลภาพแลว ใหเลอกรายการ Save as Type เปน GIF Image (*.GIF) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน
เลอกไดรฟ และโฟลเดอร
ตงชอไฟล แลวคลกปม Save
10
รายการเลอกของ GIF Format ไดแก
• Dimension กาหนดขนาดของไฟล • Resolution กาหนดความละเอยด กรณทตองการใชกบเวบให
กาหนดเปน 72 dpi แตถาตองการสรางเพอนาไปใชกบงานสงพมพใหกาหนดเปน 150 – 300 dpi
• Include กาหนดขนาดของไฟล คลายกบ Dimensions • Colors เลอกโหมดสทเหมาะสมกบภาพ • Interlace เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอ
กาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป
• Transparent เลอกเพอกาหนดใหภาพมลกษณะของพนแบบ
โปรงใส • Smooth เลอกใหภาพมลกษณะขอบกระดาง หรอขอบมน • Dither solid colors เลอกลกษณะการเกลยสทมลกษณะใกลเคยงกน
• เมอเลอกคาไดตามตองการแลวใหคลกปม OK
11
การบนทกในฟอรแมต JPEG การบนทกภาพวาดในฟอรแมต JPEG ทาไดโดยเลอกคาสง File, Export, Export Image
เมอเลอกไดรฟ/โฟลเดอร และตงชอไฟลภาพแลว ใหเลอกรายการ Save as Type เปน JPEG Image (*.GIF) แลวคลกปม Save จะปรากฏรายการเลอกคาควบคม ดงน
รายการเลอกของ JPEG Format จะคลายกบ GIF โดยมรายการทแตกตางไปคอ
• Quality คณภาพของภาพ กรณทนาไปใชกบเอกสารเวบ ควรกาหนดไวท 60 – 90
• Progressive เลอกเมอภาพทวาดมขนาดโตกวา 200 pixel เพอกาหนดใหภาพแสดงผลแบบโครงรางกอน แลวคอยๆ ชดขนเมอเวลาผานไป คลายๆ กบคณสมบต Interlace ของ GIF
• เมอเลอกคาทตองการแลว ใหคลกปม Ok
เปดไฟล
การเปดไฟลภาพใชคาสง File, Open... หรอคลกปม Open จาก Main Toolbar หรอใชคยลด Co นอกจากนยงสามารถเลอกไฟลทเคยเปดไดจากเมนคาสง File, Open Recent
ปดไฟล ไฟลทสราง หรอเปดอย หากตองการปดไฟล สามารถใชคาสง File, Close หรอ File,
Close All หรอกดปม Cw ทงนไฟลทยงไมไดผานการบนทก โปรแกรมจะแสดงกรอบเตอน ถาตองการบนทกไฟลกอนปด กคลกปม Yes เพอเขาสโหมดการบนทกไฟล แตถาตองการปดไฟลโดยไมบนทกกคลกปม No หรอคลกปม Cancel เพอยกเลกการปดไฟล กลบสจอภาพสรางงานตามปกต
12
การคนสสภาพเดม (Revert) ไฟลทกาลงแกไข ถาตองการคนกลบสสภาพกอนการแกไข ใชคาสง File, Revert
Stage Stage พนทสาคญการวาดภาพ หรอสราง Movie มลกษณะเปนพนทสเหลยมสขาวลอม
ดวยกรอบสเทา ภาพกราฟก หรอวตถใดๆ สามารถวางไดบนพนทสขาว และสเทา แตเมอสงนาเสนอผลงาน เฉพาะภาพกราฟก หรอวตถทวางบนพนทสขาวเทานน ทจะแสดงผล
ขนาดของ Stage ขนาดของ Stage จะหมายถงพนทการแสดงผลของ Movie นนเอง ดงนนกอนสรางงาน
ควรกาหนดขนาดของ Stage ใหเหมาะสมและตรงกบการใชงานจรง การกาหนดขนาดของ Stage กระทาไดโดย
• เลอกคาสง File, New… เพอเขาสโหมดการสราง Movie • คลกเลอกคาสง Modify, Document…
• กาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการ
Dimensions: o กรณทมขอมลบน Stage สามารถคลกปม Match: Printer หรอ Contents
เพอให Flash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมต
13
• คลกเลอกสพนของ Stage จากตวเลอก Background color: • รายการ Frame rate: เปนหนวยวดการสรางภาพเคลอนไหว หมายถงในเวลา 1
วนาทจะตองมภาพกเฟรม จงจะทาใหภาพเคลอนไหวมความสมจรง ถากาหนดนอยเกนไปกจะทาใหมอาการกระตก และหากเรวเกนไปกจะทาใหสญเสยรายละเอยดบางอยาง ขณะแสดงผล สาหรบการนาเสนอบนเวบ คา 12 เฟรมตอวนาท เปนคาทเหมาะสมทสด แตสาหรบการสรางภาพยนตรเชน QuickTime หรอ AVI จะตองกาหนดไวท 24 เฟรมตอวนาท เนองจาก Flash Movie เนนการนาเสนอบนเวบ จงกาหนดคาไวท 12 fps
• Ruler units: หนวยวดของไมบรรทด และหนวยวดการสรางวตถตางๆ แนะนาใหใชหนวยเปน pixels
• คลกปม OK เพอยนยนการกาหนดขนาดและคณสมบตของ Stage การกาหนดขนาดและคณสมบตอนๆ ของ Stage ยงสามารถเลอกไดจาก Properties Panel
โดยเมอคลกเมาสบนพนทวางๆ ของ Stage จะปรากฏรายการเลอกใน Properties Panel ดงน
Ruler, Grid, Guides
Ruler, Grid, Guidesเครองมอชวยกาหนดขอบเขต และวางตาแหนงการสรางกราฟกบน Stage โดย
• Ruler หรอแถบไมบรรทดจะปรากฏทขอบดานซาย และดานบนของ Stage สามารถเปด/ปดไดจากคาสง View, Rulers
• Grid มลกษณะเปนตารางตาหมากรก ทแบงเปนชองเลก ชวยในการกาหนดตาแหนงในการสราง ยอ/ขยาย หรอเคลอนยายวตถบน Stage สามารถเปด/ปดไดจากคาสง View, Grids, Show Grids
14
โดยปกตขนาดของชองตารางจะมคาเทากบ 18 × 18 pixels ซงปรบแตงไดจากคาสง
View, Grids, Edit Grid…
Guide มลกษณะเปนเสนตรงทผใชสามารถกาหนดตาแหนง เพอชวยในการกะระยะตางๆ
ชวยในการวาดภาพ เคลอนยายตาแหนงลกษณะเดยวกบกรด แตมความอสระมากกวา โดย การทางานจะตองอยในสภาวะการเปดใชงาน Ruler กอนเสมอ จากนนนาเมาสไปชใน แถบไมบรรทด (ดานใดกได) กดปมเมาสคางไว เมอลากเมาสจะปรากฏเสนตรงสเขยววาง ณ ตาแหนงทปลอยเมาส การปรบยายตาแหนงเสนไกด กระทาไดโดยคลกเลอกเครองมอ Move
แลวนาเมาสไปชทเสนไกด เพอปรบยายตาแหนง
15
คาสงทเกยวของกบแถบไมบรรทด, Grids และไกด กคอคาสง Snap to… ซงมหลายคาสง เชน
• Snap to Grids ชวยใหการวาด/สรางวตถ, การยอขยาย หรอยายตาแหนง องเสนกรดทกาหนดไว
• Snap to Guides ชวยใหการวาด/สรางวตถ, การยอขยาย หรอยายตาแหนง องเสนไกดทกาหนดไว
• Snap to Objects ชวยใหการวาด/สรางวตถ, การยอขยาย หรอยายตาแหนง องจดกงกลาง (Center Point) ของวตถ
16
เครองมอวาดภาพ
การสรางภาพกราฟกตางๆ สามารถใชเครองมอกราฟกจากชดเครองมอ Toolbox โดยม
เครองมอหลายกลม และเปด/ปด Toolbox ไดจากเมนคาสง Window, Tools
Tools Modifier Tools Modifier เปนสวนขยายคาสงของเครองมอปกต โดยรายการในสวนนจะ
ปรบเปลยนไปตามเครองมอทเลอก ดงนนการเลอกเครองมอใดๆ ควรตรวจสอบคาสงยอยของเครองมอนนๆ จากสวนควบคมนดวยเสมอ
เครองมอกลมเลอกวตถ (Selection)
เครองมอกลมวาดภาพ (Draw)
เครองมอกลมจดการปรบแตงแกไข (Edit)
เครองมอกลมแสดงผล (View)
เครองมอกลมจดการส (Color)
เครองมอกลมคาสงเสรม (Tools Modifier)
17
Tool modifier ของเครองมอ Tool modifier ของเครองมอ
จดการกบ Stage Stage เปนพนทหลกของการสรางงาน ดงนนเครองมอชดแรกทควรทราบ กคอเครองมอ
ในกลม View ซงจะใชในการควบคม Stage เปนหลก เชน การยอ/ขยาย Stage การเลอน Stage เปนตน
• Hand tool เปนเครองมอทใชเลอนและปรบขนาดของ Stage
o Drag & Drop เพอเลอน Stage
o ดบเบลคลกท กาหนดขนาดของ Stage ใหมขนาดพอดกบความกวางของจอภาพ (Fit on screen)
• Zoom tool เปนเครองมอปรบขนาดของ Stage
o คลกท จะปรากฏรายการเลอกยอยท Modifier คลกเลอกรปแบบการยอ หรอขยาย จากนนนาเมาสมาคลกบน Stage
o ดบเบลคลกท เพอกาหนดให Stage มขนาดเปน 100% อยางรวดเรว หมายเหต
การควบคม Stage ยงสามารถใชปม Zoom ทปรากฏอยมมบนขวาของ Stage หรอเลอกจากเมนคาสง View, Zoom in/Zoom out/Magnifier ไดเชนเดยวกน
18
ส (Color) วตถใน Flash จะประกอบดวยสวนประกอบอยางนอยๆ 2 สวน ไดแก พนของวตถ
(Background หรอ Fill) และเสนขอบวตถ (Stroke) แตละสวนสามารถแสดงผลดวยสทแตกตางกนได เชน รปสเหลยมทมเสนขอบสนาเงน และพนขางในเปนสแดง ดงนนการทางานเกยวกบส จงเปนการทางานทจะตองเกยวของตลอดเวลา โดยอาศยชดเครองมอเลอกส จาก Toolbox
เมอคลกเลอกสใดๆ กจะแสดงรายการสเพอใหเลอกดงน
รายการสของ Fill และ Stroke ตางกนท Stroke ไมมสแบบโทน (Gradient)
Stroke Color Fill Color
Stroke Color สเสน
Fill Color สพนของวตถ, สตวอกษร Swap Color การสลบส Default Color
คนคาสสคาเดม คอดา, ขาว
No color การกาหนดไมใช Stroke / Fill Color
19
เพมส การเพมรายการส สามารถทาไดโดยคลกทเครองมอเลอกส (จะเปนFill หรอ Stroke) กได
แลวคลกทปม Color Picker ซงปรากฏทมมบนขวาของจอภาพแสดงคาส
คลกทปม Color Picker ปรากฏจอภาพผสมสใหม
คลกในชอง Custom colors เลอกสทตองการ คลกปม Add to
การเลอกสใหกบกราฟกตางๆ ทวาดดวยเครองมอของ Flash นอกจากจะใชสวนควบคมสทกลาวไปแลว กจะมรายการเลอกสใน Properties Panel ของเครองมอนนๆ
ตวอยางการเลอกสตวอกษรจาก Text Property
ตวอยางการเลอกสพน และสเสนขอบจาก Rectangle Property
แผงควบคมส (Color Panel) Color Panel เปนการเพมประสทธภาพของการทางานเกยวกบส โดยเฉพาะในสวนทเปน
การไลโทนส (Gradient) Flash เตรยม Panel เกยวกบสไว 2 ชดคอ
20
• Color Swatches ซงมการทางาน/ใชงานลกษณะเดยวกบ Toolbox
• Color Mixer มสวนเพมเตมการใชสมากกวาปกต เชน การทาสแบบไลโทน
ลกษณะตางๆ, การใชภาพกราฟกมาเปนพนของกราฟก (Texture) รวมทงการปรบคาความโปรงใสของส (Alpha)
การเลอกรายการจาก Color Mixer มรายการทนาสนใจ คอ Fill Type ซงจะชวยใหผใชสามารถเลอกรปแบบของสไดหลากหลายลกษณะ เชน สพน (Solid Color), สไลโทนแบบเสนตรง (Linear Gradient), สไลโทนแบบรศม (Radial Gradient) และการนาภาพจากภายนอกมาเปนพนของวตถ (Bitmap Background)
Color Value คาสในโหมด RGB
Alpha Value คาความโปรงใสของส
รหสสฐาน 16
21
ตวอยางการกาหนดคาโปรงใสของส
รปวงกลมไมไดกาหนดคาความโปรงใส กจะซอนทบสเหลยมแบบไมเหนภาพดานหลง แตถากาหนดวงกลมใหมคาโปรงใส กจะทาใหสของวงกลมมลกษณะจาง และมองทะลไปเหน รปดานหลงได
ชดสแบบไลโทน จาก Color Mixer Panel ผใชยงสามารถเพมชดสแบบไลโทน (Gradient) ได ดงน • คลกเลอกรายการ Fill Type เปน Linear (ไลโทนในแนวระนาบ) หรอ Radial
(ไลโทนในแนวรศม)
• นาเมาสไปคลกใต Gradient definition bar จะปรากฏ Gradient Pointer กาหนด
จานวน Gradient Pointer ตามตองการ
• ถาตองการลบ Gradient Pointer ใหนาเมาสไปช ณ Gradient Pointer ทตองการลบ
แลวลากออกจาก Gradient definition bar
Linear
Radial
22
• กาหนดสใหกบ Gradient Pointer โดยคลกท Gradient Pointer ชนทตองการ จากนนคลกเลอกสจาก Current Color ทาซากบ Gradient Pointer ตาแหนงอน
• สามารถเลอนปรบตาแหนงของ Gradient Pointer โดยใชหลก Drag & Drop • คลกปม Color Mixer Option Menu แลวเลอกคาสง Add Swatch เพอเพมสท
กาหนดใหกบโปรแกรม
วงกลม, วงร
• คลกเลอกเครองมอ Oval • กาหนดสพน, สเสนขอบ และลกษณะของเสนขอบจาก Oval Properties
o ถาตองการรปทไมเตมสพน หรอสเสนขอบ เลอกรายการสเปน None
23
o กาหนดลกษณะของเสนขอบวงร วงกลมไดโดยคลกปม แลวปรบแตงลกษณะของเสนขอบไดจาก Stroke Style Dialog Box ดงภาพ
• นาเมาสมาคลก ณ ตาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอ
ไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาส • ถาตองการวงกลมทสมบรณ ควรกดปม S คางไว ขณะลากเมาส
ลบวตถดวย Eraser Tool วตถตางๆ ทวาดไวแลว สามารถลบได 3 วธ คอ • ลบวตถทงหมดโดยดบเบลคลกท Eraser Tool • ลบเฉพาะ Fill หรอ Stroke ของวตถ โดย
o คลกเลอก Eraser Tool o คลกทปม Faucet o นาเมาสไปคลก ณ ตาแหนงทตองการ
ถาคลก ณ ตาแหนง Stroke โปรแกรมจะลบเสนขอบของวตถออกทงหมด
ถาคลกในพนวตถ โปรแกรมกจะลบพนวตถออกอยางรวดเรว
• ลบวตถชนทตองการ โดย
o คลกเลอก Eraser Tool
24
o เลอกโหมดการลบโดยคลกท
Erase Normal ลบในสภาวะปกต คอ ลบทง Stroke และ Fill
Erase Fills ลบเฉพาะสวนทเปน Fill Erase Lines ลบเฉพาะเสนขอบ Stroke Erase Selected Fills ลบเฉพาะสวนทเลอกไว Erase Inside ลบเฉพาะสวนทเปน Fill แตถาม
การลากผานตาแหนงทเปน Fill วางๆ จะไมลบให o เลอกลกษณะหรอขนาดของ Eraser โดยคลกท o นาเมาสมาคลก หรอลากผาน ณ ตาแหนงทตองการลบ
Erase Normal Fill Stroke Selection Inside
วาดสเหลยมดวย Rectangle Tool
• คลกเลอกเครองมอ Rectangle Tool • กาหนดสพน, สเสนขอบ และลกษณะของเสนขอบจาก Rectangle Properties
o ถาตองการรปทไมเตมสพน หรอสเสนขอบ เลอกรายการสเปน None o กาหนดลกษณะของเสนขอบไดโดยคลกปม
• เลอกลกษณะมมของสเหลยม วาตองการใหโคงมนหรอไม จากตวเลอก
25
• นาเมาสมาคลก ณ ตาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาส
• ถาตองการสเหลยมจตรสทสมบรณ ควรกดปม S คางไว ขณะลากเมาส
วาดรปหลายเหลยมดวย Poly Star Tool
• คลกเลอกเครองมอ Rectangle Tool คางไวสกคร จากนนคลกเลอกเครองมอ PolyStar Tool
• กาหนดสพน, สเสนขอบ และลกษณะของเสนขอบจาก Rectangle Properties
o ถาตองการรปทไมเตมสพน หรอสเสนขอบ เลอกรายการสเปน None o กาหนดลกษณะของเสนขอบไดโดยคลกปม o กาหนดจานวนเหลยมของรป โดยคลกปม ซงมรายการเลอก ดงน
• นาเมาสมาคลก ณ ตาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอ
ไดขนาดและรปทรงทตองการ จงปลอยนวจากเมาส • ถาตองการรปทสดสวนสมบรณ ควรกดปม S คางไว ขณะลากเมาส
26
วาดเสนดวย Line Tool
• คลกเลอกเครองมอ Line Tool • กาหนดสเสนขอบ และลกษณะของเสนขอบจาก Line Properties
o กาหนดลกษณะของเสนขอบไดโดยคลกปม
• นาเมาสมาคลก ณ ตาแหนงทตองการวาดรป กดปมเมาสคางไว แลวลากเมาส เมอไดขนาดและทศทางทตองการ จงปลอยนวจากเมาส
• ถาตองการเสนตรงเรยบ หรอเสนททามม 45 องศา ควรกดปม S คางไว ขณะลากเมาส
วาดรปอสระดวย Pencil Tool
• คลกเลอกเครองมอ Pencil Tool • เลอกส และลกษณะของเสนจาก Pencil Properties
o กาหนดลกษณะของเสนขอบไดโดยคลกปม
• เลอกโหมดการวาดจาก
27
• นาเมาสไปคลก ณ ตาแหนงทตองการวาด แลวลากเมาสเพอใหไดรปทรงทตองการจงปลอยนวจากเมาส
โหมดการวาดแบบ Straighten
โหมดการวาดแบบ Smooth
วาดรปดวย Brush Tool
• คลกเลอกเครองมอ Brush Tool • เลอกสของภาพจาก Brush Properties
o เลอกคาความโคงมนของเสนไดจากรายการ Smoothing
• เลอกฟงกชนการวาดโดยคลกเลอกจาก Brush Options
• กรณทวาดภาพทบวตถทมอยเดม ควรเลอกโหมดการวาดโดยคลกท
28
o Paint Normal วาดทบวตถทมอยเดม o Paint Fills วาดทบเฉพาะสวนทเปน Fill ของวตถเดม o Paint Behind วาดตาแหนงทเปน Stage โดยไมกระทบตอวตถทมอย o Paint Selection วาดทบเฉพาะสวนทเลอกไว o Paint Inside วาดเฉพาะขางในวตถ โดยไมกระทบตอเสนขอบ
Normal Fills Behind Selection
• เลอกลกษณะและขนาดของ Brush
• นาเมาสมาวาง ณ ตาแหนงเรมตน แลวลากเมาสเพอวาดภาพทตองการ
วาดภาพอสระดวย Pen Tool
• คลกเลอกเครองมอ Pen Tool • เลอกสและลกษณะเสนขอบ จาก Pen Properties
o ถาตองการรปทไมเตมสพน หรอสเสนขอบ เลอกรายการสเปน None o กาหนดลกษณะของเสนขอบไดโดยคลกปม
• นาเมาสมาคลก ณ ตาแหนงเรมตนทตองการวาดภาพ จากนนคลกไปยงตาแหนงใหม ตามทตองการ จะปรากฏเสน ถาตองการดดใหเกดความโคง ใหกดปมเมาสคางไวแลวหมนเมาสเพอใหไดความโคงทตองการ จากนนจงนาเมาสไปคลก ณ ตาแหนงใหม
29
• เมอตองการจบการวาดสามารถเลอกปฏบตไดดงน
o ดบเบลคลก ณ ตาแหนงทตองการจบการวาด o นาเมาสไปคลก ณ ตาแหนงเรมตน o คลกเลอกเครองมออนๆ
30
การเลอกวตถ (Selection)
วตถในความหมายน กคอ รปทรง รปภาพ ภาพกราฟกทวาด หรอนาเขามาใชงานใน
Flash นนเอง การเลอกวตถ เปนขนตอนสาคญในการปรบเปลยน แกไข แปลงวตถ โดยโปรแกรมเตรยมเครองมอเลอกวตถดงน
Arrow Tool สาหรบเลอกวตถในสภาวะปกต
Subselection Tool สาหรบการเลอกวตถในโหมดจดเชอม
Lasso Tool สาหรบการเลอกวตถทมรปทรงอสระ หรอกาหนดขอบเขตการเลอกอสระรวมทงการเลอกโดยใชคาสทมคาเดยวกนหรอใกลเคยงกน
สงสาคญทสดในการเลอกวตถใน Flash กคอ อยาลมวาวตถทกชนเกดจาก “จด” หลายๆ จดมาประกอบรวมกน และแตละวตถจะประกอบดวยโครงสรางอยางนอย 2 สวนคอ สวนทเปน “Fill” และสวนทเปน “Stroke” ดงน
31
Stroke Fill Shape
รปแสดง “จด” อนเกดจากการเลอกบางสวนของวงกลม
การเลอกวตถ หรอกลมวตถดวย Arrow Tool
• คลกเลอกเครองมอ Arrow Tool • เลอกวตถ โดยยดหลกดงน
o เลอกเสนขอบของวตถ นาเมาสไปชทเสนขอบวตถ แลวคลกหรอ ดบเบลคลก
o เลอกพนวตถ นาเมาสไปชทพนวตถ แลวคลกหรอ ดบเบลคลก
เลอกเสนขอบ เลอกพนวตถ
o เลอกวตถทงชน นาเมาสไปชทวตถ แลวดบเบลคลก
o เลอกวตถทงชน นาเมาสไปช ณ ตาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ
32
o เลอกวตถหลายๆ ชน นาเมาสไปช ณ ตาแหนงมมของวตถ แลวลากกรอบสเหลยมคลมวตถ
การเลอกวตถโดยการลากคลมพนท
o เลอกวตถหลายๆ ชน คลกวตถชนท 1 กดปม S คางไว แลวคลกวตถชนถดไปเรอยๆ
o เลอกวตถทกชนบน Workspace และ Stage กดปม Ca
ยกเลกการเลอกวตถ
• นาเมาสไปคลกบนตาแหนงวางๆ ของ Stage หรอ • เลอกเมนคาสง Edit, Deselect All
ซอนการเลอกวตถ บางครงผใชอาจจะตองการซอนการเลอก (Selection) ไวชวคราว เพอทางานหรอ
ตรวจสอบผลใหถกตองกอนการใชงานจรง ซงกระทาไดโดยเลอกเมนคาสง View, Hide Edges หรอกดปม Ch
เลอกวตถดวย Lasso Tool การเลอกวตถดวย Lasso Tool เปนการเลอกโดยกาหนดพนทอสระ ไมเหมอนกบ Arrow
ทกาหนดพนทการเลอกเปนสเหลยม หรอเลอกชนวตถทงชน • คลกเลอกเครองมอ Lasso Tool • นาเมาสไปช ณ ตาแหนงเรมตนของการเลอก
33
• กดปมเมาสคางไวแลวลากใหไดรปทรง และขนาดทตองการ
การเลอกวตถดวย Lasso ยงสามารถกาหนดพนทการเลอกเปนพนทหลายเหลยมไดดงน • คลกเลอกเครองมอ Lasso Tool • คลกโหมดเปน Polygon จากรายการ Lasso Options • นาเมาสไปช ณ ตาแหนงเรมตนของการเลอก • คลกเมาส เพอกาหนดจดเรมตน แลวนาเมาสไปคลก ณ ตาแหนงอนๆ เพอใหได
รปทรง และขนาดทตองการ แลวดบเบลคลก ณ ตาแหนงสดทาย
ปรบแตง แกไขวตถ จดเดนของการสรางวตถดวย Flash กคอวตถ หรอกราฟกทสรางไวแลว สามารถปรบแตง
แกไข ปรบเปลยนรปทรง ขนาด และลกษณะไดงาย รวดเรว
เปลยนรปทรง กราฟกจาก Flash เกดจากการรวมกนของ “จด” ทาใหการปรบแตง เปลยนรปทรงกระทา
ไดงาย และสะดวก เพยงแตใชหลกการ Drag & Drop กทาใหรปทรงพนฐาน เชน วงกลม, วงร, สเหลยม เปนสภาพเปนรปทรงอสระอนๆ ไดตามตองการ เชน
34
การเปลยนรปทรงของวตถ มหลกการดงน
• วาดรปทรงพนฐานทตองการ จากตวอยางคอรปสเหลยม
• นาเมาสไปชบรเวณเสนขอบของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอหดตวตามทศทางการลากเมาส
• นาเมาสไปชบรเวณมมเหลยมของรป สงเกตเมาสจะมรปรางเปน กดปมเมาสคางไว เมอลากเมาสรปทรงจะถกยดหรอขยาย หรอบดตวตามทศทางการลากเมาส
ตวอยางการวาดจรวดแบบงาย
วาดสเหลยมผนผา เลอกเครองมอ Move เลอนไปชทมมบนขวา
ของสเหลยม ดงเขามาตาแหนงกงกลางของดานขวา ถาดงแลวสดสวนบดเบยวใหคลก เพอตรงกาหนดการบดภาพ จากนน ทาซากบมมลางขวา
35
เลอนไปชทขอบซาย แลวดงเขามาดานใน
ใหไดเปนรปจรวดดงตวอยาง
การยายวตถ (วธท 1)
• คลกเลอกเครองมอ Arrow Tool • เลอกวตถ แลวลากเมาสเพอยายวตถไปยงตาแหนงใหม • เลอนวตถเปนแนวเฉยง 45 องศา ใหกด S ดวย • เลอนวตถเปนระยะทางสนๆ ครงละ 1 pixel ใหใชปมลกศร • เลอนวตถเปนระยะทางสนๆ ครงละ 10 pixel ใหใชปมลกศร พรอมกบการกด
S • เลอนวตถไปยงตาแหนงตางๆ โดยระบพกด ใหระบพกด x, y จาก Shape
Properties ตาแหนงมมบนซายของ Stage จะมพกดเปน 0, 0
การยายวตถ (วธท 2 - กรณยายขาม Scene, ขามเฟรม หรอขามไฟล)
• คลกเลอกเครองมอ Arrow Tool • เลอกวตถ • เลอกคาสง Edit, Cut • เปลยน Scene, ตาแหนงเฟรม หรอเปลยนไฟล • เลอกคาสง
o Edit, Paste เพอวางวตถตรงกลาง Stage o Edit, Paste in Place เพอวางวตถ ณ ตาแหนงเดม
36
การคดลอกวตถ (วธท 1)
• คลกเลอกเครองมอ Arrow Tool • เลอกวตถ แลวลากเมาสวตถไปยงตาแหนงใหม พรอมๆ กบการกดปม C หรอ
A
การคดลอกวตถ (วธท 2 - สาเนาวตถ: Duplicate)
• คลกเลอกเครองมอ Arrow Tool • เลอกวตถ แลวกดปม Cd
การคดลอกวตถ (วธท 3 - กรณขาม Scene, ขามเฟรม, ขามไฟล)
• คลกเลอกเครองมอ Arrow Tool • เลอกวตถ • เลอกคาสง Edit, Copy • เปลยน Scene, ตาแหนงเฟรม หรอเปลยนไฟล • เลอกคาสง
o Edit, Paste เพอวางวตถตรงกลาง Stage o Edit, Paste in Place เพอวางวตถ ณ ตาแหนงเดม
การยกเลกคาสง (Undo) เมอสงงานใดๆ ผดพลาด สามารถยอนกลบ หรอยกเลกคาสงนนๆ ไดโดยคลกปม Cz หรอ Edit, Undo… ซงสามารถยกเลกคาสงยอนหลงไดมากกวา 1 ครง
37
การยอ/ขยาย และปรบรปทรงของวตถ
• เลอกวตถ • คลกปมเครองมอ Free Transform Tool
วตถสภาวะปกต วตถในสภาวะ Free Transform
• นาเมาสไปชทมม หรอขอบวตถ แลว Drag & Drop เพอปรบขนาด หรอรปทรงตามตองการ
• นอกจากนการยอ/ขยายขนาดของวตถ ยงสามารถเลอกหรอกาหนดคาจาก Info
Panel (เปดใชงานดวยคาสง Window, Design Panels, Info)
• รวมทงกาหนดคาจาก Property Panel
38
• คลกเลอกจากเมนคาสง Modify, Transform,… ซงมคาสงใหเลอกทงคาสงหมนวตถ, คาสงกลบดานของวตถ เปนตน
ภาพตนฉบบ Distort
Envelop Skew
การจดเรยงวตถ (Alignment) บางครงวตถทตองใชงานจะมมากกวา 1 ชน ซงจาเปนตองจดเรยงตาแหนงใหอยในแนว
ระดบเดยวกน หากใชเมาสลากแลวปลอยโอกาสทจะตรงกน หรอในแนวเดยวกนกทาไดยาก Flash ไดเตรยมคาสง Align เพอชวยจดเรยงวตถไดสะดวก รวดเรว
• เปด Align Panel โดยคลกทคาสง Window, Design Panels, Align
• เลอกวตถ (มากกวา 1 ชน)
39
• คลกเลอกรายการทตองการ o Align เพอจดตาแหนงในแนวเดยวกน o Distribute เพอจดระยะชองวางระหวางวตถใหเทาๆ กน o Match size: เพอกาหนดขนาดของวตถ ใหมขนาดเดยวกน o Space เพอจดระยะชองวางระหวางวตถใหเทาๆ กน o To stage: ใหคาสงทเลอกมผลกบวตถทสมพนธกบ Stage
• เชนตองการจดวตถใหอยกงกลาง Stage กใหคลก To stage แลวคลก Align ในโหมด Align Horizontal กบ Align Vertical เปนตน
ตวอยางการจดวตถกงกลางจอภาพ
วาดวตถใหอยนอก Stage เปด Align Panel (Window, Design Panels, Align) เลอกวตถดวยเครองมอ Move คลก ตอดวย และ
การปรบเปลยนลกษณะเสนขอบวตถ
• เลอกเสนขอบวตถ แลวคลกเลอกลกษณะ, สไดจากรายการใน Property
การปรบเปลยน Fill ของวตถ
• เลอก Fill ของวตถวตถ แลวคลกเลอกลกษณะ, สไดจากรายการใน Property
40
การคดลอกลกษณะเสนขอบวตถ การคดลอกลกษณะเสนขอบวตถ จะชวยใหการปรบแตงแกไขวตถมากกวา 1 ชนทาไดสะดวกกวาการปรบเปลยนทละชน ตวอยางมวตถบน Stage 3 ชนลกษณะตางๆ กน ดงภาพ
ตองการใหวงกลม และสเหลยมเสนขอบดา มเสนขอบเดยวกบสเหลยมชนทสอง ทมเสนขอบเปนจดสแดง หากตองเลอกแลวปรบเปลยนทละชน กจะเสยเวลามาก วธการทสะดวก คอ
• คลกเลอกเครองมอ Eyedropper • นาเมาสซงมรปรางเปน Eyedropper ไปชทเสนขอบของสเหลยมชนตนฉบบ
(สเหลยมดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกเสนขอบวตถไดถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash อยในโหมด Ink Bottle ซงเปนโหมดในการคดลอกลกษณะเสนขอบนนเอง
• นาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะเสนขอบ
การคดลอกลกษณะพนของวตถ นอกจากการคดลอกลกษณะเสนขอบวตถ ยงสามารถใชหลกการเดยวกนคดลอกลกษณะพนของวตถไดดวย โดย
• คลกเลอกเครองมอ Eyedropper
41
• นาเมาสซงมรปรางเปน Eyedropper ไปชทพนของสเหลยมชนตนฉบบ (สเหลยม
ดานขวาสด) สงเกตไดวาเมาสจะมรปรางเปน แสดงวาไดเลอกพนวตถได
ถกตอง เมอคลกเมาส 1 ครงเมาสจะเปลยนรปรางเปน แสดงวาขณะน Flash
อยในโหมด Paint Bucket ซงเปนโหมดในการคดลอกลกษณะพนนนเอง
• นาเมาสทเปนรปราง ไปคลกบนวตถชนอนๆ ทตองการปรบเปลยนลกษณะพนวตถ
การปรบเปลยนสแบบ Gradient วตถทมการลงสพนแบบ Gradient สามารถปรบเปลยนลกษณะการแสดงผลของสไดโดย
• คลกเลอกเครองมอ Fill Transform Tool • นาเมาสไปคลกวตถชนทตองการปรบเปลยน
• ปรากฏ Fill Handle 4 จด สามารถเลอนปรบเปลยนได
42
กลมวตถ (Group) ภาพกราฟกหลายๆ ภาพ ไดจากภาพ หรอรปทรงยอยหลายๆ ชนมารวมกน เพอให
การปรบแตงแกไข เคลอนยายกระทาไดสะดวก มกจะรวมภาพกราฟก หรอรปทรงทกชนทเกยวของ ใหเปนกลมเดยวกนโดยเลอกวตถทกชน แลวเลอกเมนคาสง Modify, Group และเมอตองการแยกกลบสสภาพเดมกเลอกคาสง Modify, Ungroup
รปการตนทเกดจาก Shape หลายชนประกอบรวมกน
ปญหาจากการยาย Shape รปทยงไมไดรวมกลม
รปทผานการรวมกลมแลวจะมเสนขอบสฟาลอมรอบ
การแยกชนสวนของวตถ วตถบางชนทเปน Group หรอ Instance เมอจะตองนามาทาเปน Movie แบบ Shape
Tweening จาเปนตองแยกชนสวนของวตถใหอยในสภาวะ “จด” กอนเสมอ ซงทาไดโดยเลอกวตถกอน จากนนจงใชเมนคาสง Modify, Break Apart หรอกดปม Cb
43
รปภาพในสภาวะกลม
รปภาพทผานการ Break Apart แลว
การจดเรยงลาดบวตถทเปน Group วตถทอยในสภาวะ Group และมการซอนทบกน สามารถจดเรยงลาดบของวตถไดใหม
โดยเลอกวตถดวย Arrow Tool เลอกเมนคาสง Modify, Arrange… หรอ เลอกคาสงยอย
o Bring to front นาวตถไปอยบนสด o Bring forward นาวตถขนไป 1 ชน o Send to back สงวตถไปอยลางสด o Send backward สงวตถลง 1 ชน o Lock ตรงวตถไมใหเคลอนยายตาแหนง o Unlock All ยกเลกการตรงวตถ
การปรบแตงแกไขวตถทเปน Group วตถทอยในสภาวะ Group สามารถยอ/ขยาย หมนไดอสระ แตจะไมสามารถปรบแตง
แกไขเกยวกบสได หากตองการปรบเปลยนสของวตถทเปน Group จะตองเขาไปแกไขในโหมดจอภาพเฉพาะเกยวกบ Group ซงกระทาไดโดยการดบเบลคลกทวตถนนๆ จอภาพจะเขาสโหมด
การแกไข Group ซงสงเกตไดจาก
44
• Scene 1 หมายถงจอภาพในโหมดหลก • Group หมายถงจอภาพในโหมดแกไข Group จะสงเกตไดวาวตถชนอน
จะมสทจางไป
จอภาพโหมดปกต (Scene1) โหมดแกไข Group จะพบวาภาพคลน ทะเลจะจางกวาปกต
เมอปรบแตงแกไขวตถเรยบรอยแลว ใหคลกท Scene 1 เพอกลบสโหมดการทางานปกตดวยทกครง
45
ฝกหดวาดภาพ
เมอรจกโปรแกรมและเครองมอตางๆ ของ Flash แลว กจะเขาสบทเรยนฝกหดวาดภาพ
ซงมหลกทไมยากอยางทคด ขอใหนกถงหลก “เชอม ตด ปรบเปลยน” เทานนกพอ
วาดแผนท แบบฝกหดแรก คอการวาดแผนทแสดงเสนทาง โดยอาศยหลกการเชอมและตด
• สรางไฟล Flash กาหนดขนาดของ Stage ตามตองการ • เลอกเครองมอวาดกรอบสเหลยม คลกปมควบคมการทาขอบมนใน Tool
Modifier กาหนดความมนของขอบประมาณ 40 – 50 หนวย
• เลอกสเสนขอบ สพน และขนาดของเสนขอบจาก Properties Panel
46
• วาดเสน ใหมลกษณะ ดงน
สามารถปรบประยกตใหไดลกษณะอนๆ ตามตองการ
• จากภาพจะพบวาเปนการนากรอบสเหลยมหลายขนาดมาวางซอนกนทบ ลกษณะนคอการใชเทคนค “เชอม” การทจะทาใหมลกษณะเปนเสนทางแผนท จะตองตดสวนบางสวนของกรอบสเหลยมออกไป ดงน
• การตดสวนดงกลาวทง เรมจากการเลอกเครองมอ Selection • นาเมาสไปคลก ณ สวนทตองการตด จะพบวาสวนทเลอกมลกษณะเปน “จดเลกๆ
หลายจด” ดงตวอยาง
สวนทตองตดทง
สวนทตองการคลกเพอลบทง
47
• จากนนกดปม = เพอลบสวนทเลอก จะปรากฏผลดงน
• ทาซากบสวนอน ทตองการลบ โดยการใชเครองมอ Selection เลอกกอนแลวกดปม
= เพอลบทง
หนาคนจากวงกลมและเสนตรง
วาดวงกลม วาดเสนตรงผาน
สวนบนของวงกลมในลกษณะเฉยงดงภาพ
เลอกเครองมอ Selection เลอนเมาสไปชทเสนตรง ใหเมาสมรปรางเปน
กดปมเมาสคางไว แลวดงใหเสนมลกษณะโคง
คลกเลอกเสนทอยนอกวงกลม กดปม = เพอลบทง
เลอกสผม แลวเตมส วาดตา จมก และปากดวยเครองมอวาดเสน หรอ ดนสอ แลวปรบใหมความโคงตามตองการ
48
หนาคนจากหลายๆ วตถ
เดกชายสวมหมวก
เดกหญง
49
คนสงอาย
ดวงอาทตย
รองเทาสเกต
50
ถงเทาเดก
หมวก
51
ใบไม
ตนครสมาตส
52
ตนไม
ตนไม
ดอกไม
53
ดนสอ
ตกตาหม
54
ฮปโป
ผลไมการตน
สตอรเบอรร
55
ภาพลกษณะอนๆ