สวนประกอบของ Flash 8
เมนบาร (Menu Bar)ไทมไลน (Timeline)
Property Inspector
พาเนล (Panels)
สเตจ (Stage)
Pasteboard
เมนบาร (Menu Bar)
เมนบารเปนแถบทรวบรวมคำสงในการใชงานทงหมดเกยวกบการสรางชนงาน และการตงคาตาง ๆทเกยวกบการใชงานโปรแกรม
ทลบอกซ (Toolbox)
ไทมไลน (Timeline)
ไทมไลน ใชสำหรบสรางหรอกำหนดรายละเอยดของการเคลอนไหว ไทมไลนถกสรางจากเฟรมทเรยงตอ ๆ กนในแนวนอน เฟรมสามารถปลอยวางได สามารถมเนอหาได และสามารถมคยเฟรมได ไทมไลนถกสรางดวยการเรยงกนของเลเยอรทมเนอหาและโคดของ Flash โดยแตละเลเยอรจะม 1แถว ตวชตำแหนงเฟรม Playhead จะชตำแหนงเฟรมทกำลงทำงานอยบนไทมไลนในขณะนน
Playhead
เลยอร (Layer)
สเตจ (Stage)สเตจ (Stage)
Pasteboard
พนทสขาวบรเวณกลางจอคอ สเตจ เปนพนทใชจดวางออบเจกตตาง ๆ ทตองการแสดงใหเหนในชนงาน สวนพนทสเทาดานนอกบรเวณสขาวคอ Pasteboard เปนบรเวณทสามารถนำออบเจกตตาง ๆ มาวางพกไวหรอวางซอนไวไดเพราะบรเวณนจะไมแสดงผลเวลาทเรา Export Movie เปนไฟล .SWF
พาเนล (Panels) พาเนล (Panels)
พาเนล เปนกรอบควบคมตาง ๆ ในการสรางและแกไขงาน Flashพาเนลสามารถทำการเปดปดไดจากเมนคำสงได นอกจากนนเรายงสามารถสง Group พาเนลใหรวมกนเปนกลมไดอกดวย
ทลบอกซ (Toolbox)
ทลบอกซ เปนกลองทรวมเครองมอตาง ๆ ทใชในการสรางและปรบแตงออบเจกต โดยแตละเครองมอในทลบอกซจะมลกษณะเปนไอคอนรปภาพทเราสามารถใชงานได โดยเมอเราเลอกเครองมอตาง ๆ เพอใชงานแลวเราสามารถปรบแตงเพมเตมท Options ดานลางของทลบอกซ ได
Options
Property Inspector
Property Inspector เปนพาเนลชนดหนงทแสดงคณสมบตตาง ๆ ของออบเจกตทเราคลกเลอก ซงเราสามารถปรบแตงคณสมบตเหลานได ทงนรายละเอยดของ Property Inspector จะเปลยนไปตามออบเจกตทเราเลอกอยในขณะนน
การสรางชนงานใหมการเรมตนสรางชนงานใด ๆ ใน Flash นนตองทำการกำหนดคาและคณสมบตของไฟลงานทเราตอง
การเสยกอน เพอใหไดไฟลทตรงกบงานทจะนำไปใช หลงการทำงานเสรจและจะนำไฟลไปเผยแพร ซงเราสามารถทำได 3 แบบคอ
1. สรางชนงานใหมดวยการกำหนดรปแบบเอง2. สรางโดยใชเทมเพลต (Template)3. สรางจากไฟลสำเรจรป
สรางชนงานใหมดวยการกำหนดรปแบบเอง
ไฟลงานในรปแบบปกต ทใชสรางงานทวไปไฟลงานทเหมาะกบการสรางพรเซนเตชนทวไปไฟลสรางฟอรมสำหรบทำโปรแกรมใชงานทวไปเปนไฟลทใชสำหรบเขยนสครปต (เหมาะกบเรยกสครปตจากภายนอก)เหมาะสำหรบเขยนสครปตทตองการตดตอกบเซรฟเวอรเหมาะสำหรบงานเขยนสครปตททำงานรวมกบ Javaเปนการรวมกลมงานทเราสรางทงหมดใหออกมาเปน Project
สรางชนโดยใชเทมเพลต
เทมเพลตสำหรบสรางงานโฆษณา เชน แบนเนอร ปอบอพเทมเพลตทเปนรปแบบของหนาตางโปรแกรมทวไปเทมเพลตทใชสรางงานสำหรบแสดงบนโทรศพทมอถอระบบทใชกนทวโลกเทมเพลตทใชสรางงานสำหรบแสดงบนโทรศพทมอถอระบบทใชในญปนเทพเพลตทใชสำหรบสรางงานแอนเมชนสำหรบ พดเอเทมเพลตสำหรบแสดงภาพถายอยางตอเนองเทพเพลตสำหรบสรางสไลดภาพถายอยางตอเนอง
เทมเพลตสำหรบสรางคำถามในลกษณะ e - Learningเทมเพลสำหรบสรางพรเซนเตชนในการนำเสนอ
การกำหนดขนาดของชนงานสามารถกำหนดได 3 ท
1. จากเมน Modify > Document...2. จาก Property Inspector3. จากการดบเบลคลกชองแสดงจำนวน Frame บน Timeline
๐ Title : กำหนดชอใหกบชนงาน๐ Description :กำหนดรายละเอยดทเกยวกบชนงาน๐ Math : เปนการกำหนดขนาดของ Stage โดยมรายละเอยดดงน
กำหนดให Stage มขนาดใหญสดเทาทจะพมพไดกำหนดใหพนทการทำงานรอบ Stage มขนาดกบเนอหาของเรา (เราสามารถกำหนดหวขอนไดตอเมอเราไดนำออบเจกตไปวางไวทางซายมอของจอ)ปรบ Stage ใหมคามาตรฐาน คอ 550 x 400 พกเซล
๐ Background color : คลกท เพอกำหนดสใหพนท Stage๐ Frame Rate : กำหนดอตราเรวในการแสดงภาพเคลอไหว (วดเปน เฟรมตอวนาท โดยอตรามาตรฐานเทากบ 12 fps๐ Ruler Units : เลอกหนวยวดของไมบรรทด
การยอ / ขยายมมมองของสเตจ
คลกท Zoom Tool จากทลบอกซ แลวคลกเลอกลกษณะการซมท Options ในทลบอกซดงน
๐ ปกตหลงจากคลกท Zoom Tool แลว เมาสจะเปลยนเปนรปแวนขยาย และเมอคลก จะเปนการขยายมมมองใหใหญขน (Zoom In)
๐ หากตองการลดขนาดของมมมองใหมขนาดเลกลง(Zoom Out) ระหวางทคลกเมาสใหกดปม Alt ดวยโดยเมาส จะเปลยนจากรปเครองหมายบวกเปนเครองหมายลบ
๐ ระหวางทกำลงเลอกเครองมอ Zoom อยนนเราสามารถทำการยอ/ขยายมมมองไดโดยการคลกรป ท Options ในทลบอกซ
๐ กดปม Ctrl + จะเปนการขยายขนาดมมมองใหใหญขน๐ กดปม Ctrl - จะเปนการลดขนาดมมมองใหเลกลง
๐ เราสามารถปรบขนาดมมมองของสเตจไดดวยการเลอกขนาดตามทกำหนดไว ทางขวามอในหนาตาง ไทมไลนFint in Window : เปนการกำหนดใหแสดงใหพอดกบขนาดของพนทการทำงานทปรากฏในหนาจอShow Frame : เปนการกำหนดใหแสดงเฉพาะสเตจใหใหญเตมพนทหนาตางทำงานShow All : เพอแสดงใหเหนออบเจกทงหมดxxx % : เปนการกำหนดขนาดตามตวเลขทเลอก
๐ หากทำการดบเบลคลกท จะเปนการปรบขนาดมมมองใหเทากบ 100 %
๐ หากทำการดบเบลคลกท จะเปนการปรบมมมองใหพอดกบขนาดของพนทการทำงาน
การใช Hand Tool
Hand Tool เปนเคลองมอในการเคลอนมมมองใหตรงกบความตองการของเรา โดยใหเราคลกเมาสคางไวบนสเตจหรอบนพนททำงานกได แลวเลอนหนาจอไปยงสวนทตองการแสดง(Shortcut ของ Hand Tool คอปม Space bar)
การจดการกบหนาจอกอนเรมตนทำงาน
ในโปรแกรม Flash ประกอบดวยหนาตางพาเนลและแถบเครองมอจำนวนมาก ในหวขอนจะนำเสนอตวตวอยางการจดรปแบบหนาจอของโปรแกรมเพอการใชงานทสะดวกทสด ดวยหลกการงาย ๆ ดงตอไปน
ปรบความกวางและความสงขององคประกอบตาง ๆเราสามารถปรบความกวางและความสงขององคประกอบตาง ๆ ของ Flash ไดโดยมวธการ
ดงตอไปน
๐เราสามารถปรบความกวางและความสงไดโดยการคลกเมาสและทำการลากบรเวณขอบรอยตอของพาเนลตาง ๆ
๐ หากเราทำการคลกทปมดงรป จะเปนการสลบระหวางการเปดและการปดการแสดงผลของกลมของพาเลทตาง ๆ
คลกเมาสและทำการลากบรเวณขอบรอยตอของพาเนลตาง ๆ เพอปรบขนาดความกวางความสง
๐ ในสวนของ Timeline จะมการปดและการเปดการแสดงผลไมเหมอนกบสวนอนโดยสามารถ การสลบระหวางการเปดและการปดการแสดงผลของ Timeline ไดโดยการคลกทปมดงรป
จดการทลบอกซ
เราสามารถแยกทลบอกซออกมาเปนหนาตางอสระไดโดยใชเมาสดบเบลคลกทสวนบนของทลบอกซหนาตางทลบอกซกจะแยกออกมา และเมอใดตองการใหนำทลบอกซไปยดไปวทเดม กใหทำการดบเบลคลกทสวนหวของหนาตางทลบอกซ
๐ ดบเบลคลกเพอแยกทลบอกซออกมา
๐ ดบเบลคลกเพอนำกลบไปยดไวทเดม
จดการพาเนลเปด/ปดพาเนล๐ เราสามารถทำการเปด/ปดพาเนลไดโดยเลอกคำสง Window > ชอพาเนลทตองการใชงาน (ใหม
เครองหมายถกหนาชอพาเนลทตองการเพอใหแสดงพาเนล และใชคำสงเดยวกนยกเลกเครองหมายถกหนาชอพาเนลทตองการซอนไว)
๐ เราสามารถปดพาเนลโดยคลกทปมเมน บรเวณขวามอของพาเนลทตองการปดแลวเลอกคำสง Close panel group
๐ พาเนลบางพาเนลเรามกใชงานรวมกน หรอมลกษณะเหมอนกน เรากสามารถทำการรวมกลมไดตามความตองการเพอความสะดวกในการใชงาน โดยใหคลกทปม แลวคลกเลอกคำสงGrop <ชอพาเนล> With
รวมกลมพาเนล
๐ เราสามารถยายตำแหนงพาเนลไดโดยการคลกเมาสทปม และทำการลากออกมาจากตำแหนงเดม
การยายตำแหนงพาเนล
๐ หากตองการนำพาเนลกบไปไวทเกากใหทำการคลกเมาสทปม และทำการลากกลบไปไวยงตำแหนงเดม
๐ ในระหวางทำงานเราอาจจำเปนตองใชหรอไมใชพาเนลซงบางครงเราอาจตองการใหพนทการทำงานเตมจอและซอนพาเนลทไมตองการโดยใชคำสง Window > Hide Panels(หรอกดคยลด F4)
การซอน/แสดงพาเนลและปดพาเนลทงหมด
๐ ในระหวางทำงาน เราอาจทำการเปลยนแปลงหนาการแสดงผลของหนาจอตามความตองการของเราซงในบางครงเราอาจตองการใหหนาจอมลกษณะการจดเรยงองคประกอบตาง ๆ เหมอนเดม กสามารถทำไดโดยใชคำสง Window > Workspace Layout > Default
การปรบแตงการแสดงผลของหนาจอใหกลบสคาเรมตน
๐ เราสามารถทำการบนทกรปแบบการแสดงผลของหนาจอ การจดองคประกอบของพาเนลตาง ๆ ไดตามความตองการของเราโดยใชคำสง Window > Workspace > Layout (และทำการตงชอตามทเราตองการ)
การปรบแตงการแสดงผลของหนาจอใหกลบสคาเรมตน
เนอหา ทงหมดททำงานกบ Flash จะถกวางอยบน Timeline ตวชตำแหนง (Playhead) จะเลอนไปตามแนวของ Timeline และแสดงเฟรมทอย ณ ขณะนน โดยเราสามารถเลอน ตวชตำแหนงไปบน Timelineไดในการแกไขงาน Flash ซง Timeline ประกอบไปดวย Frame และ Keyframe ซงอาจเปนชวง ๆ หรอวางเปลากได Frame ตาง ๆ สามารถซอนเปนชน ๆ ไดโดยใชความสามารถของ Layer
Keyframe คอ จดการเปลยนแปลงตาง ๆ ทเกดขนบน Timeline เราอาจมเนอหาใหมใน keyframeหรอทำการเปลยนแปลง Animation บางสวน สวน Frame จะถก ใชระหวาง Keyframe เพอเตมสวนของAnimation หรอไทมไลน เราไมจำเปนตองแกไขเนอหาตาง ๆ ใน Frame เพราะหากเราทำการแกไข Frameจะกลายเปน Keyframe ตอไป
การใช Timeline และ Frame เบองตน
ปมแสดง Layer ใหเปน Out lineปม ลอก/ปดลอก Layer
ปม แสดง/ซอน Layer
รปดนสอแสดงถงการเลอกและทำงานอยบนLayer ทเลอกอย
แสดง/ซอน Timeline
Layer
ชอ Layer
สราง Layerใหม
สราง Motion Guidelayer
สราง Layer folder
ลบ Layer
Playhead
Layer เปนเหมอนการวางแผนใสซอนทบกนเปนลำดบชนเพมขนมาเรอย ๆ โดยบรเวณของ Layerทไมมรปจะเหนทะลถง Layer ดานลาง Layer แตละ Layer จะมคณสมบตเปนของตวเอง การแกไขเนอหาหรอ Animation ใด ๆ กบ Layer หนงจะไมสงผลกบอก Layer หนง
ความเขาใจเกยวกบ Layer เบองตน
นกออกแบบและพฒนา Flash มกนยมจดออบเจกตประเภทเดยวกนไวบนเลเยอรเดยวกนซงจะทำใหการทำงานงายและสะดวกรวดเรวขนนอกจากนนนกออกแบบและพฒนา Flash ยงนยมสราง Layer folder เพอการจดเกบ Layerทมออบเจกตใน Layer นนคลายคลงกน
ดงรปประกอบเปนการจดเรยงลำดบของ Layerทดทำใหงายและสะดวกตอการใชงาน Flash
กราฟกชนด Bitmapภาพกราฟกชนด Bitmap เปนภาพทเกดจากการนำจดสเลกทเรยกวาพกเซล (Pixel) มารวมกน
ความละเอยด ความสวยงามของภาพจงขนอยกบจำนวนความละเอยดของ Pixel
ชนดของกราฟฟกทใชงานใน Flash
ขอดภาพชนดนสามารถแสดงรายละเอยดไดไกลเคยงกบภาพจรงสามารถแสดงภาพทมจำนวนสหลากหลายสไดดขอเสยภาพชนดนจะมขนาดใหญตามความละเอยดของภาพเพราะตองใชจำนวนพกเซลเพมขนตามความละเอยดของภาพ นอกจากนนเมอนำภาพมาขยายจะทำใหภาพมความชดเจนลดลงหรออาจเหนเปนจดสแตกอยในภาพ
เมอขยายจะพบวาภาพจะแตก
กราฟกชนด Vectorภาพกราฟกชนด Vector เกดจากการคำนวณทางคณตศาสตรเขามาชวยสรางเสนและลวดลายตาง ๆ
คอมพวเตอรจะทำการเกบคารายละเอยดเกยวกบ ออปเจคนน ๆ วามลกษณะอยางไร
ขอดภาพชนดนปรบหรอยอขนาดไดตามตองการ โดยไมมผลตอความละเอยดของภาพแตอยางไร นอกจากนภาพชนดนยงมขนาดไฟลเลกกวา Bitmap (ในกรณทกราฟกแบบ Vector มจำนวนสในภาพมากอาจทำใหภาพมขนาดใหญได)
ขอเสยภาพชนดนไมเหมาะสมกบการนำเสนอภาพในลกษณะทมปรมาณสมากเชน ภาพถาย
เมอขยายจะพบวาภาพไมจะแตก
Pen Tool เปนอปกรณชนดหนงใน Flash เพอใชสรางภาพแบบกราฟกชนด Vectorโดยมการใชงานดงน
การใช Pen Tool เพอสรางกราฟกแบบ Vector
๐ การวาดเสนตรงใหทำการคลกท เพอทำการเลอกเครองจากนนใหคลก 1 ครงเพอกำหนดจดเรมตนและคลกอก 1 ครงเพอกำหนดจดตอไปเพอสรางเปนเสนตรง
คลก ครงแรกเพอกำนหดจดเรมตน
คลกครงทสองในทศทางทเราตองการสรางเสน
ในกรณทเราตองการวาดเสนใหมทไมตอเนองกบเสนเดมทเรา ใหเรากลบไปคลกท 1ครงหรอในขณะทอยในเครองมอ Pen Tool ใหกด Ctrl คางไวแลวคลกเมาสบรเวณพนททำงาน (Stage) 1ครง
๐ การวาดเสนโคงขณะทอยในการทำงานของ Pen Tool ใหคลกทจดเรมตนหนงครงและยงไมปลอยเมาสและใหลากเมาสเพอเปนการกำหนดทศทางและลกษณะของเสนโคง จากนนใหคลกทจดทสองเพอสรางและทำการลากเมาสเพอกำหนดทศทางและลกษณะของเสนโคงเสนโคง
คลกครงแรกเพอกำหนดจดเรมตน
ในขณะททำการคลกครงแรกไมปลอยเมาสและลากเมาสไปยงทศทางทตองการเพอกำหนดลกษณะของเสนโคง
คลกครงทสองและในขณะททำการคลกนนไมปลอยเมาสและลากเมาสไปยงทศทางทตองการเพอกำหนดลกษณะของเสนโคง
๐ ในการใชงาน Pen Tool เพอสรางเสนโคงนนบางครงเราอาจไมไดเสนโคงตามทตองการในครงแรกซงเรากสามารถแกไขไดโดยใชเครองมอ Subselection Tool เพอการปรบแตงและแกไข
หากทำการใช Subselection Tool คลกและลากโดยปกตจะเปนการปรบตำแหนงของเสนทงสองดานหากเราตองการปรบเพยงดานเดยวกใหทำการกดปม Alt คางไวเวลาคลก
๐ ในกรณทเราตองการวาดเสนตอจากเสนเดมทมอยแลวใหเราคลกทเสนเดมของเรากอนจากนนใหเราคลกทจดทเราตองการจะวาดภาพตอ
ปกต Flash จะตงคา Drawing Preferences ใหเราเปนคามาตรฐานแตเราสามารถทำการเปลยนแปลงคาเหลานไดเพอใหใชงานของเรางายและสะดวกมากยงขนโดยการใชคำสง Edit > Preferences >Drawing และเปลยนแปลงคาตามรปภาพประกอบ
การตงคา Drawing Preferences
ลกษณะของ Shape ใน Flashการวาดภาพใน Flash นนเมอเราวาดรปดวยเครองมอตาง ๆ เรากจะไดรปทรง Shape
ซงประกอบดวย Stroke และ Fill๐ เสนขอบ Stroke : เปนโครงรางของรป๐ สวนทเปนพนรป Fill : พนทภายในเสนของ
Fill
Stroke
เราสามารถเปลยนส Stroke และ Fillไดโดยการคลกเลอก Shape นน ๆ และเปลยนสStroke และ Fill ไดท Properties Inspector
ใน Property Inspector มรายละเอยดใหเรากำหนดดงน
การกำหนดรายละเอยดของรปทวาด
ส Fill
ส Strokeขนาดของ Stroke
กำหนดความเรยบของเสน
ลกษณะของ Stroke
ใชกำนหดการแสดงรปแบบของเสนเวลาแสดงผล Movie เมอมการ Zoom inและ Zoom Outกำหนดขนาดและ
ตำแหนง
กำหนดลกษณะของ Stroke เอง
กำหนดลกษณะปลายเสน
กำหนดลกษณะจดเชอมตอระหวางเสน
การใช Selection ToolSelection Tool เปนเครองมอทใชในการเลอกและการปรบแตงรปทรง
๐ การปรบแตงรปทรง เมอเราเลอกเครองมอ Selection Tool และทำการคลกทขอบของ Shape เราสามารถทำการปรบแตง Shape ของเราไดตามทเราตองการ
คลกทขอบของ Shape และลากจะเปนการปรบแตงลกษณะของ Shpe ซงโดยปกต จะเปนการปรบแตง ในลกษณะรปทรงโคง ซงหากเราตองการปรบแตงใหเปนรปทรงเหลยม ใหกดปมAlt คางเอาไว
กด Alt คางไวจะทำใหเปนการปรบแตงในลกษณะรปทรงเหลยม
การใช Line ToolLine Tool เปนเครองมอทใชในการเลอกวาดเสนตรงมวธการในการใชงานดงน๐ การวาดเสนตามปกตใหคลกท และทำการคลกเมาสคางไวเพอกำหนดจดเรมตน ตอมาลาก
เมาสไปยงตำแหนงทตองการ แลวปลอยเมาสกจะไดเสนตรงตามแนวทเราลากเมาสเมอเรากด Shift คางไวในขณะทวาด
จะทำใหเราสามารถวาดเสนตรงททำมม0, 90,45 องศาได
0
45 90
Line Tool ม Options เพมเตมคอเมอคลกทปม จะเปนการ Snap to Objects ทไดสรางไวกอนหนานนทำใหสามารถวาดเสนไดอยางตอเนอง
การใช Pencil ToolPencil Tool เปนเครองมอทใชในการเลอกวาดเสนทเปนรปทรงอสระเหมอนกบการวาดภาพดวย
ดนสอมวธการใชงานดงน๐ ใหคลกท และทำการลากเมาสไปตามทศทางและรปทรงทตองการวาด
Pencil Tool ม Options ในการวาดดงน๐ เมอวาดเสนทมลกษณะใกลเคยงกบเสนตรงหรอเปนมมโปรแกรมจะทำการปรบลกษณะเสนใหมลกษณะเสนตรง แตถาเสนทวาดมลกษณะใกลเคยงกบเสนโคงโปรแกรมจะปรบเสน ใหมลกษณะเปนเสนโคง๐ เมอวาดเลวโปรแกรมจะทำการปรบเสนให มลกษณะราบเรยบยงขน๐ จะไมมการปรบแตง ผวาดลากเสนแบบใดกจะไดเสนแบบนน
การใช Oval Tool
Oval Tool เปนเครองมอทใชในการเลอกวาดวงกลมและวงรโดยหากตองการวาดใหเปนวงกลม ใหกด Shift คางไวในคณะทวาดและหากตองการใหวงกลมทำการวาดจากจดศนยกลางใหกด Alt คางไวในขณะททำการวาด
ปกตจะวาดจากจดเรมตนทเรมคลกวาด
จดเรมตน
กด Alt คางไวจะวาดจากจดศนยกลาง
การใช Rectangle ToolRectangle Tool เปนเครองมอทใชในการวาดรปสเหลยมผนผาหรอสเหลยมจตรสโดยมวธการใชงาน
ดงน๐ ใหคลกท และทำการลากเมาสไปเพอกำหนดลกษณะรปสเหลยมทเราตองการจะวาด
โดยหากเราตองการทจะวาดรปสเหลยมจดตรสใหกด Shift คางไวในขณะทวาด นอกจากนนการกด Altคางไวในขณะทวาดจะเปนการวดรปสเหลยมโดยกำหนดจดเรมตนจากจดศนยกลางของสเหลยมทวาด
Rectangle Tool ม Options เพมดงนSet Coner Radiaus ใชปรบรปทรงสเหลยมทวาดใหมมมโคงมนตามคาทเรากำหนด โดยคายงมาก
มมกจะยงมความโคงมาก
การใช PolyStar ToolPolyStar Tool เปนเครองมอทใชในการวาดรปหลายเหลยมและรปดาว๐ ใหคลกท และทำการลากเมาสไปเพอรปทรงหลายเหลยมหรอรปดาวตามทเราตองการ
PolyStar Tool ม Options เพมซงจะไมเหมอนกบ Tool อน ๆ เพราะ Options ของ PolyStar Tool จะไปอยทProperty Inspector โดยมการกำหนดคาเพมเตมดงน
กำหนดลกษณะใหเปนรปหลายเหลยมหรอรปดาว
กำหนดจำนวนดานของรปหลายเหลยมหรอจำนวนแฉกของรปดาว
กำหนดความลกของแฉกของรปดาวมคาระหวาง 0 และ 1โดยคานอยจะใหมมแหลมมากขน
0.00 1.00
การใช Brush ToolBrush Tool เปนเครองมอสำหรบวาดภาพระบายส Brush Tool มลกษณะคลายกบ Pencil Tool
แตจะแตกตางกนตรงท Brus Tool วาดภาพออกมาเปน Fill สวน Pecil Tool วาดภาพออกมาเปน Strokeโดยมวธการใชงานดงน
๐ ใหคลกท และทำการลากเมาสไประบายสตามทตองการ โดยสทระบายออกมาจะมลกษณะเปน FillBrush Tool ม Options เพมเตมดงน
กำหนดขนาดของ Brush
กำหนดเสนของ Brush
ระบายสตามปกตระบายสลงในบรเวณทเปน Fillระบายสใชลางออบเจกตทมอยแลวระบายสเฉพาะบรเวณทเลอกระบายสเฉพาะบรวเณทเราทำการคลกเมาสครงแรก
การใช Ink Bottle ToolInk Bottle Tool เปนเครองมอสำหรบเทสใหเสนขอบ หรอเรยกวา Stroke
โดยมวธการใชงานดงน๐ ใหคลกท เพอทำการเทสให Stroke (วตถทเทสลงไปไดดวย Ink Bootle Tool ตองเปน
Stroke เทานน)
การใช Paint Bucket ToolPaint Bucket Tool เปนเครองมอเทสใหพนรปหรอเรยกวา Fill๐ ใหคลกท เพอทำการเทสให Fill (วตถทเทสลงไปไดดวย Paint Bucket Tool ตองเปน
Fill เทานน)Paint Bucket Tool ม Options เพมเตมดงน
ใหเตมสในวตถปดเทานนใหเตมสในวตถเปดนอยใหเตมสในวตถเปดปานกลางใหเตมสในวตถเปดมาก
โดยปกต Paint Bucket Toolจะอนญาตใหเทสไดกบรปทรงปดเทานนหากเราตองการเทสใหกบรปทรงเปดเราตองเลอก Options เพอกำหนดขนาดความกวางของการเปดของรปทรง
การใช Eraser ToolEraser Tool เปนเครองมอลบเสน Stroke หรอสพน Fill มวธการใชงานดงน๐ ใหคลกท จากนนใหทำการคลกและลากเมาสบรเวณทตองการจะลบ
Eraser Tool ม Options เพมเตมดงน
ลบภาพแบบปกต ซงภาพจะหายไปตามแนวทลบลบภาพเฉพาะบรเวณทเปน Fillลบภาพเฉพาะบรเวณทเปน Strokeลบภาพเฉพาะบรเวณทเราไดเลอกไวลบภาพเฉพาะบรเวณทเราทำการคลกครงแรก
Faucet ใชสำหรบลบพนททงหมดททำการคลกลงไป ใชไดทงกบFill และ Stroke
กำหนดขนาดและลกษณะของหวแปรง
การใช Eyedroper ToolEyedropper Tool เปนเครองมอทใชดสของของวตถตาง ๆ ทงในและนอก Stage
เพอนำมาเกไวใชงานตอไปมวธการใชงานดงน๐ ใหคลกท จากนนนำ Eyedroper Tool ไปคลกบรเวณทเราตองการทจะดดสมาใชงาน
โดยหลงจากเราทำการเลอกสเสรจแลว เครองมอของเราจะถกเปลยนเปน Paint Bucket Toolโดยอตโนมต
ความเขาใจพนฐานเกยวกบออบเจกต
การทจะปรบแตงรายละเอยดของออบเจกตบนเสตจเราตองมความเขาใจพนฐานเบองตนเกยวกบออบเจกตเสยกอนเพอทเราจะสามารถจดการปรบแตงออบเจกตไดตามทเราตอง
การเลอกออบเจกตปกตเวลาทเราทำการเลอกออบเจกตโดยเครองมอ Selection Tool เราสามารถเลอกได
1 ออบเจกตโดยการคลกเมาส และหากเราตองการเลอกออบเจกตมากกวา 1 ออบเจกต ใหเรากด Shift พรอมกบการคลกเลอกออบเจกตชนทเราตองการเลอกตอไป
นอกจากนนเรายงสามารถทำการเลอกออบเจกตตาง ๆไดดวยการลากเมาสครอบออบเจกตทเราตองการ
ลากเมาสครอบออบเจกตทเราตองการเลอก
หากเราดบเบลคลกทออบเจกตทมทง Stroke และ Fill จะเปนการเลอกทง Stroke และ Fill ซงวธการนจะเปนการสะดวกในการเลอกออบเจกตทมทง Stroke และ Fill ในครงเดยว
การซอนกนของรปทรงใน Flash
๐หากเราวาดออบเจกตทมแต Fill ซอนกนโดย ส Fill ของออบเจกตทงสองมสเหมอนกน จะทำใหพนทของออบเจกตทงสองถกรวมเขาดวยกน
นำมารวมกน ผลทไดคอออบเจกตถกรวมกน
๐หากเราวาดออบเจกตทมแต Fill ซอนกนโดย ส Fill ของออบเจกตทงสองมสตางกน จะทำใหพนทของออบเจกตทงสองถกแยกออกจากกน และบรเวณสเดมทถกทบจะหายไป
นำมารวมกน ผลทไดคอออบเจกตถกแยกจากกนและบรเวณสเดมทถกทบจะหายไป
๐หากเราวาดออบเจกตทเปน Stroke ทบลงบน Fill จะเปนการแยกออบเจกตทเปน Fill ออกจากกนซงวธการนจะมประโยชนมากในการตดหรอแยกออบเจกตออกจากกน
๐ หากเราตองการนำออบเจกตทม ส Fill หรอ Stroke แตกตางกนมาซอนกนโดยไมใหออบเจกตดกน เราตองใชคำสง Modify > Group เพอรวมออบเจกตของเราเขาไวดวยกน หรอกด Ctrl + G
ออบเจกตทมสตางกนสามารถวางทบกนไดโดยไมตดออกจากกน ดวยการใชคำสง Group
การ Group ออบเจกตเขาดวยกน
การ Group ออบเจกตเปนการรวมออบเจกตตาง ๆ เขาไวดวยกนมขนตอนและประโยชนในการใชงานดงน
ความรพนฐานเบองตนเกยวกบ Group๐ ออบเจกทถกสง Group ลาสดจะถกสงใหมาอยบนสด๐ หากเราทำการวาดภาพหรอระบายสเพอสรางออบเจกใหมลงบน Layer ทมออบเจกเดมทถกสง Group อยออบเจกใหมทเราวาดจะอยดานลาง ออบเจกทเราสงGroupไวเสมอ
ทำการระบายสลงบนออบเจกเดมทถก Groupผลทไดคอสทระบายจะไปอยดานลางออบเจกทถก Group
๐ หาเราตองการแกไขออบเจกทถก Groupอยใหทำการดบเบลคลกท ออบเจกนนเพอเขาสโหมดแกไข Group
แสดงสถานะใหรวาอยในโหมดการแกไข Group
กำหนดสโดยใชพาเนล Color Mixer และพาเนล Color Swatches
Color Mixer เปนพาเนลทใชในการผสมสและการไลสตามทตองการซงมรายละเอยดดงน
เลอกส Strokeเลอกส Fill
เลอกประเภทของส
เปลยนสโดยการเปลยนคาตวเลข
เปลยนสโดยการคลกลากสต
เปลยนคาความโปรงใสของส
เปลยนคาสโดยพมพเลขฐาน16
เปลยนสใหกลบเปนคามาตรฐาน ดำ/ขาว
เลอกไมใสสใหกบ Stroke หรอ Fill
สลบสระหวาง Stroke กบ Fill
สเดมสใหม
ใน Color Mixer เราสามารถเลอกประเภทของสทใชไดดงน
None Solid Linear Radial Bitmap
สำหรบสแบบ Linear หรอ Radialยงม คาใหเราสามารถกำหนดสำหรบการไลสไดอก
คลกเลอกทพอยเตอรจากนนใหคลกเลอกสทตองการเปลยนเพอเปลยนสในการไลโทนส
หากเราตองการเพมพอยเตอรในการไลสกใหเราคลกบรเวณแถบสเพอสรางพอยเตอรใหม
หากตองการลบใหคลกทพอยเตอรและลากออกไปนอกบรเวณแถบส
เราสามรถปรบแตงลกษณะการไลสแบบละเอยดไดโดยใชเครองมอ Fill Transform Tool
Color Swatches เปนเสมอนจานสใหเราเลอกเปลยนส Stroke และ Fill นอกจากนเรายงสามารถจดการเกบคาสตาง ๆ ตามทเราตองการ
สำหรบเปลยนสแบบ Solid
สำหรบเปลยสแบบLinear, Radial, Bitmap
๐ หากเราใชเครองมอ Eyedropper Tool คลกเลอกสทไมมใน Color Swatches สทเราเลอกนนจะถกจดเกบใน Color Swatches โดยอตโนมต
๐ ในขณะทเราเลอกสใดสหนงอยหากเรานำเมาสไปวางบรเวณพนทวางใน ColorSwatches (บรเวณทเปนสเทา) เมาสของเราจะเปลยนเปนรป และหากเราทำการคลกเมาสกจะเปนการนำสทเลอกในขณะนนมาจดเกบใน Colour Swatches
การนำภาพแบบ Bitmap เขามาใชงาน
Flash สามารถจดการกบภาพแบบ Bitmap ไดหลากหลายชนด โดยหากเราตองการใชงานกใหเราใชคำสง File > Import >Import to Stage เพอนำภาพมาไวบน Stage ในทนทเลยหรอเราอาจใชคำสง File > Import >Import to Library เพอนำภาพมาไวใน Library กอนจากนนเราคอยนำภาพเขามาใชในภายหลง
การกำหนดคณสมบตของรปภาพแบบ Bitmapเพอไมให Flash มชนงานใหญเกนไป เมอเรานำภาพแบบ Bitmap เขามาใน Flash แลวเมอเราทำการ
Export Movie โปรแกรมจะทำการบบอดภาพของเราโดยอตโนมตซงถอเปนคามาตราฐาน ซงจะใชกบภาพทกภาพ
นอกจากนนเรายงสามารถเลอกทจะจดการบบอดภาพของเราแตละภาพไดเองซงสามารถทำไดดงน
๐ ใหทำการดบเบลคลกทรปนน ๆ ในพาเลท Library กจะปรากฎ หนาตางมาใหเราตงคาการบบอด๐ ใหทำการคลกขวาทรปนน ๆ และเลอก Properties.. กจะปรากฎ หนาตางมาใหเราตงคาการบบอด
หากตองการตงคาการบบอดเองใหทำการยกเลกOptions น ตงคาการบบอดตามทเราตองการ
คลกท Test หากตองการดผลการบบอด
บรเวณพนท Preview การบบอดของเราซงเราสามารถคลกและลากเมาสเพอเลอนดรายละเอยดได
การแกไขภาพ Bitmapปกตเวลาทเรานำภาพแบบ Bitmap เขามาใน Flash เราจะไมสามารถทำการแกไขหรอปรบแตงคา
ตาง ๆ ได (เราทำไดเพยงแตการยอ/ขยาย) ซงหากเราตองการปรบแตงแกไขภาพแบบ Bitmap เพมเตมโดยใชคำสง Modify > Break Apart หรอกด Ctrl +B
เมอใชคำสง Break Apartแลวเราจะสามารถปรบแตงแกไขภาพไดมากยงขน
การเปลยนภาพแบบ Bitmap ใหเปน Vectorเราสามารถเปลยนภาพแบบ Bitmap ใหเปน Vector ไดดวยคำสง
Modify > Bitmap > Trace Bitmap... และกำหนดคาในการแปลงภาพดงน
Color threshold : เปนการกำหนดคาระหวาง 1 ถง 500 ในการแปลงภาพแตละพกเซลทอยตดกนจะถกนำมาเปรยบเทยบกน ถาคาสความแตกตางของสทงสองมคามากกวาสทเรากำหนด จะถอวาพกเซลทงสองเปนพกเซลเดยวกน ดงนนถาเรากำหนดคาสง กจะทำใหภาพของเรามรายละเอยดนอย (ขนาดไฟลเลก)Minimum Area : กำหนดคา 1 ถง 100 เพอระบจำนวนพกเซลโดยรอบ ทจะถกนำมาพจารณาการกำหนดสCurve Fit : กำหนดวาตองการใหขอบมความราบเรยบมากเพยงใดCorner Threshold : กำหนดวาจะใหรกษามมแหลมในภาพไวมากนอยเพยงใด
การสรางขอความการสรางขอความใน Flash มอยสองลกษณะดงน
๐ การสรางขอความแบบอสระเปนวธการสรางขอความแบบพนฐานมวธการคอใหคลกท จากนนใหคลกทบรเวณทตองการพมพและทำการพมพขอความ
ใหสงเกตการพมพขอความแบบอสระบรเวณขอบมมจะมสญลกษณะเปนวงกลม
การพมพขอความแบบอสระเหมาะสำหรบขอความทมความยาวไมมากนก เชน หวขอหรอ ขอความทเปนปม Link
หากเราทำคลกทวงกลมบรเวณมมของกลองขอความและลากไป กจะเปนการเปลยนขอความแบบอสระ เปนขอความแบบกำหนดขอบเขต (วงกลมจะเปลยนเปนสเหลยม)ถาหากเราตองการเปลยนคากลบคนใหทำการดบเบลคลกทสเหลยม (สเหลยมจะกลบเปนวงกลม)
การสรางขอความแบบกำหนดขอบเขตการสรางขอความใน Flash มอยสองลกษณะดงน
๐ การสรางขอความแบบกำหนดขอบเขตมวธการคอใหคลกท จากนนทำการคลกและลากเมาสเพอกำหนดขอบเขตทตองการพมพและพมพขอความในขอบเขตทเลอกไว
ใหสงเกตการพมพขอความแบบกำหนดขอบเขตขอบมมจะมสญลกษณะเปนสเหลยม
การพมพขอความแบบกำหนดขอบเขตเหมาะสำหรบขอความทมความยาวมากหรอขอความททำการพมพจากโปรแกรมอนและนำเขามาใน Flash โดยคำสงPaste เชน ขอความทเปน Contentของเวบไซต
หากเราทำคลกทวงกลมบรเวณมมของกลองขอความและลากไป กจะเปนการยอและขยายกลองขอความซงจะสงผลกบขอความขางในดวย
การกำหนดรปแบบของขอความ
กำหนดลกษณะของขอความทจะสราง กำหนดรปแบบของ
ตวอกษร
กำหนดขนาดของตวอกษร
กำหนดสของตวอกษร
กำหนดลกษณะการจดขอความ
ตวหนาตวเอยง
กำหนดระยะหางระหวางตวอกษร
กำหนดใหเปนตวยกหรอตวหอย กำหนดรปแบบ
การ Renderตวอกษร
กำหนดใหมการปรบชองไฟตวอกษรแบบอตโนมต
กำหนด Link ใหกบขอความโดยมตวเลอกเพมเตมดงน_ blank เปดหนาเพจใหมขนมา_ parent แสดงบนหนาเพจเดมโดยลบหนาเดมออก_ self แสดงในเพจหรอเฟรมเดยวกนทแสดงขอความ_ top แสดงเวบเพจในเฟรม top
กำหนดยอหนากำหนดระยะหางระหวางบรรทดกำหนดระยะหางขอบซายกำหนดระยะหางขอบขวา
สรางตวอกษรในแนวนอนสรางตวอกษรในแนวตงเรยงจากซายไปขวาสรางตวอกษรในแนวตงเรยงจากขวาไปซาย
ใหใชตวอกษรทมในเครองของ User ทำใหขนาดไฟล Flashมขนาดเลก แตหาก User ไมม Font ชนดนนกไมสามารถอานได
ทำใหตวอกษรกลายเปน Bitmap
ทำใหตวอกษรคมและชดเจนสำหรบงาน animationเหมาะสำหรบตวอกษรทมการทำ animation
ทำใหตวอกษรคมและชดเจนสำหรบการอาน เหมาะสำหรบตวอกษรทเปน Content ของ Website
ซมบอลและอนสแตนซซมบอล (Symbol) คอการนำออบเจกตทเปนภาพกราฟก ปมกด หรอมฟว มากำหนดเปนตนแบบ เพอ
นำไปใชเปนสวนประกอบในชนงาน โดย Symbol ทถกสรางขนจะถกจดเกบไวใน Libraryเราไมสามารถนำ Symbol มาใชงานบน Stage ไดโดยตรง แตเราจะนำเพยงสำเนาของ Symbol หรอ
ทเราเรยกวา อนสแตนซ (Instance) มาใช ซงหนง Symbol สามารถ นำมาใชงานเปน Instance ไดหลายอนบน Stage โดยแตละ Instance อาจถกปรบแตงรายละเอยด เชน ขนาด ส ฯลฯ แตทงหมดกมาจาก Symbol
Symbol ตนแบบเมอถกสรางจะถกจดเกบไวใน Library
เมอเรานำ Symbol จาก Library มาใชงานบนStage เราจะเรยก Symbol ทเรานำมาวางไวบนStage วา Instance ซง Instance เปนเพยงสำเนาของ Symbol เราสามารถเรยก Instanceมาใชงานบน Stage ไดอยางไมจำกดและถาเราทำการปรบเปลยน Instance ในลกษณะตาง ๆ กจะไมสงผลตอ Symbol
Instance Instance
Instance
การเปลยนแปลง Instanceจะไมมผลกบ Symbol
Symbol Instance
การเปลยนแปลง Symbolมผลกบ instance
Symbol Instance
การนำ Instance มาใชงานซำ ๆ กนบน Stage มขอดคอจะชวยให File Movie ของเรามขนาดเลกลงกวา การทเราทำการสรางรปทรงแบบเดยวกนขนมาใหมบน Stage
การสราง Symbolเราสามารถสราง Symbol ไดหลายวธดงน
กรณท 1 : การสราง Symbol จาก ออบเจกตทมอยแลบน Stage
วธท 1 : คลกเลอก ออบเจกตทเราตองการเปลยนใหเปน Symbol แลวใชคำสงModify > Convert to Symbol หรอกดปมF8 ทคยบอรด
วธท 2 : คลกเลอก ออบเจกตทเราตองการและคลกขวาแลวเลอก Convert to Symbol...
ใหใชคำสง Insert >New Sybol...หรอกดปม Ctrl + F8 ทคยบอรด
กรณท 2 : การสราง Symbol ขนมาใหม
หลงจากนนจากมหนาตาง เปดขนมา ใหเราตงชอ และเลอกประเภทของ Symbol ตามทเราตองการ
ตงชอ
เลอกประเภทของSymbol
การแกไข Symbolใหเราทำการ ดบเบลคลกท Instance ของ Symbol นน ๆ บน Stage หรอทำการดบเบลคลกทไอคอน
ของ Symbol นนบนพาเลท Library
เราอาจเรยกการเขาไปแกไข Symbol ในลกษณะอยางนวา Edit In Pace ซงเราสามารถทำการแกไขหรอจะทำการเพม Layer ปรบแตงคาตาง ๆ ไดเหมอนกบออบเจกต หนง ใน Stage
โดยเราอาจกลาวไดวา Symbol กเหมอนกบการนำไฟล Flash มาซอน ไฟล Flash อกทหนง เพราะใน Symbolจะม Time line และ Layer เปนของตวเอง
คลกทนเพอกลบส Stage
การเปลยน Instance ใหกลบกลายเปน ออบเจกต
เปนการเปลยน Instance ใหกลบกลายเปนกราฟกธรรมดาโดยสามารถทำไดโดยเลอกคำสง Modify > Break Apart หรอกดคย Ctrl B ทเปนคยบอรด
การทำสำเนาใหกบ Symbolการทำสำเนาใหกบ Symbol เปนการคดลอก
Symbol โดยสามารถทำไดโดยการคลกเมาสทบรเวณไอคอนของ Symbol ในพาเลท Libraryและเลอก Duplicate
จากนนใหตงชอใหมใหกบ Symbol ทเราทำการทำสำเนา
การนำ Instance มาใชงานหลงจากทเราไดสราง Symbol มาใชงานแลว เราสามารถ นำ Instance ของ Symbol ทเราไดสราง
มาใชงานได โดยใหเราคลกทไอคอนของ Symbol บนพาเนล Library และลากมายง Stage
คลกและลากมายง Stage
การปรบสให Instanceขอไดเปรยบอกอยางในการใชงาน Instance กคอหากลองสงเกตดใหดท Property Inspector ของ
Instance จะมตวเลอกเพมขนมาใหเราไดปรบแตงสเพมเตม ซงตวเลอกนจะไมมในออบเจกตแบบธรรมดาทไมไดเปน Instance
ตวเลอกปรบแตงสทเพมขนมา
Symbol Movie Clipหากเราทำการเปลยน ออบเจกต ใหกลายเปน Movie Clip เราจะเหนวาใน Property Inspector ของ
Instance จะมตวเลอกเพมเตมคอ เราสามารถใส Filters และทำการ Blend ใหกบ Instance ของเราได
การใชงาน Filtersฟลเตอรคอ รปแบบพเศษใชในการตกแตงออบเจกต เราสามารถใส Filters ใหกบ Instance ของ
Movie Clip, Button และ ตวอกษร โดยเราเรยกใช Filters ผาน Property Inspector ในแทบ Filtersรายละเอยดของ Filters ตาง ๆ มดงน
Drop Shadow : เปนลกษณะการใสเงาใหกบวตถ
ปรบความเบลอในแนวตง/แนวนอน เลอกส
กำนดคณภาพของเงา ความเขม
ของเงา
องศาของเงา
ระยะหางระหวางระหวางวตถ/เงา
กำหนดใหสวนทเปนพนของวตถโปรงใส
เงาดานในวตถ
แสดงเฉพาะเงาซอนวตถ
Blur : เปนลกษณะการปรบวตถใหเบลอ (ไมคมชด)
Glow : เปนการสรางแสงรศมจากขอบของวตถ
Bevel : เปนการสรางวตถใหมความนนเลอกสเงาของวตถ
เลอกสความสวางของวตถ
เลอกวาจะใหนนจากขางใน Innerนนจากขางนอก Outerนนทงในและนอก Full
Gradient Glow : เปนการไลเฉดสใหกบสรศมของวตถ ปรบไลเฉส
Gradient Bevel : เปนการไลเฉดสใหเงามความนนขนมา
Adjust Color : เปนการปรบแตงส ความคมชด ความมด - สวางใหกบวตถ
การบนทก Filters :เราสามารถทำกบบนทกคาการปรบแตง Filtersของเราไวเพอการสะดวกตอการเรยกใช ในครงตอ ๆไปไดโดยเลอกคำสง Presets > Save As ...
การใชงาน Blendการ Blend หรอ Blending เปนการตกแตงภาพใหมการแสดงสสนแตกตาง ไปจากภาพปกต โดย
อาศยระหวางสทซอนกน ใหมความกลมกลนจนกลายเปนภาพทมสสนใหม โดยมคำศพท 3 คำทเราควรรในการใชงาน Blending Mode 8nv
1.Base Color เปนสของรปทเปนแบคกราวดหรอสเดม2.Blend Color เปนสของรปทนำมาซอนทบแบคกราวด3.Result Color เปนผลของสของภาพทไดทำการ Blending
โหมดตาง ๆ ของ Blend
Base Color Blend Color
Nomal : โหมดปกต จะไมมการเปลยนแปลงคาใด ๆ
Layer : โหมดนตองใชงานรวมกบ Alpha และ Erase
Darken : เปนการเปลยนสเฉพาะพนท ถาพนทไหนมความมดมากกวาพนทนนจะไมมการเปลยนส
Mutiply : ผสมสโดยการเพมสของ Blend Color ลงไปน Base Colorจะไดภาพทมดขน
Lighten : สวนของ Base Color ทมดกวา Blend Color จะถกแทนดวยBlend Color แตสวนทสวางกวาจะไมมการเปลยนแปลง
Screen : ทำให Blend Color ซดหรอจางลง
Overlay : สของ Base Color จะไมเปลยน แตจะถกสะทอนดวยคาความสวางทเกดจากสของ Blend Color
Hard light : ผลทไดจะเหมอนกบการฉายแสงสปอรตไลทมาทภาพ โดยถาสของ Blend Color มความสวางมากกวาสเทา 50 % Result Color ทไดจะดสวางขน ถา Blend Color มความมดมากวา 50 % Result Color ทไดจะมความมดมากขน
Add : เพมความสวางใหกบ Blend Color ซงจะทำใหภาพดนมนวล
Difference : เปนการแสดงคาสทเกดจากการผลตาง ของคาความสวางระหวาง Base Color และ Blend Color สไหนมคาความสวางมากกวาResult Color กจะออกไปทางสนน ซงถาสใดสหนงเปนสขาว Result Colorกจะเปนอกสหนงทนท และถาสใดเปนสดำ Result Color จะไมมการเปลยน
Subtract : ใหผลตรงกนขามกบ Add โดยจะลดทอนความสวางของ BlendColor ใหมดลง
Invert : เปลยน Blend Color ใหตรงกนขามกบ Base Color ทงภาพ
ในสวนของ Alpha และ Erase จะมวธการใชงานทแตกตางจากโหมดการ Blend อน ๆ ดงน
1. ใหนำภาพ Bitmap วางบน Stageจากนนใหเปลยนเปน Symbol แบบMovie Clip
2. ดบเบลคลกท Instance ของ Movie Clip ทเราสรางขนมาใหมเพอเขาไปแกไข Movie Clip
3. สราง Layer ขนมาใหม 1 Layer จากนนใหวาดสเหลยมขนมาทบรป Bitmap ของเรา
4. ใช Eraser Tool ลบบรเวณรปรถยนต ใน Layerทเราไดสรางขนมาใหม (อาจทำการปรบลดคา Alphaเพอใหมองเหน Layer ดานลางพอใหสะดวกตอการใช Eraser Tool ลบ จากนนจงคอยปรบคากลบคน)
5. ทำการเปลยนสเหลยมทเราพงทำการลบไปแลวใหกลายเปน Symbol แบบ Movie Clip จากนนใส Filters > Blur
7. ทำการเปลยนโหมดการ Blend ของสเหลยมของเราใหเปนErase
8. คลกทน เพอกลบไปทำงานยง Stage หลก
9. ทำการเปลยน โหมดการ Blend ใหเปนLayer กจะเหนผลดงภาพ คอบรเวณทถกEraser Tool ลบออกไปจะปรากฎภาพรถสวนภาพในบรเวณทไมไดลบออกไปจะหายไป
ในขนตอนท 7 หากเราทำการเปลยนโหมดการBlend ของสเหลยมใหเปน Alphaกจะไดคากลบกนดงรป
Frame คอชองแสดงภาพแตละจงหวะทเมอนำมาแสดงตามลำดบอยางรวดเรว จะทำใหเกดภาพเคลอนไหวซง Frame ทถกแสดงบน Stage คอเฟรมทตวเลอน Play head ชอย
Frame และหลกการสรางภาพเคลอนไหว
Play head
ชอง Frame บน Time Line จะบงบอกถงประเภทของเนอหาใน Frame นนโดยแสดงลกษณะทแตกตางกนดงน
ความหมายของ Frame แตละประเภทบน Time Line
Keyframe เปลาทไมมการไล ออบเจกตไว
Keyframe ทมการใส ออบเจกตไว
Frame เปลาทไมมการไล ออบเจกตไว
Keyframe เดยวในเฟรมทงหมดจะเปนตาม Key Frame แรกทดานซายสด และมกรอบสเหลยมทเฟรมสดทายทจะแสดงภาพหนง
การสรางภาพเคลอนไหวแบบ Frame by Frame
เปนการระบขอมลทก Frame ดวยตวเอง ไดแก ออบเจกต ในเฟรม และรายละเอยดตาง ๆ ของออบเจกตนน ๆ ไดแกตำแหนงขนาด มมหมน โทนส การสรางภาพเคลอนไหวดวยวธการนใชเวลามาก เพราะตองกำหนดองคประกอบของ ออบเจกตตาง ๆ ดวยตวเอง ทละ Frame
เรมตนชนงานมเพยง Frame เดยวในทก ๆ Layer
ทำการใส Keyframeใหกบทก ๆ Layer
ปรบแตงองคประกอบตาง ๆ ตามทตองการนอกจากนนเรายงสามารถนำออบเจกตอนมาแทนออบเจกตเดมของเราดวย
ตา, แวน, คว ถกปรบตำแหนง
ปากและหนาถกเปลยนเปนออบเจกตอน
คลกขวาทตำแหนงทตองการเพม Frame และเลอกคำสง๐ Insert Keyframe หรอกดคยลด F6 (หรอคลกเลอกตำแหนงเฟรมและเลอกคำสง Insert > Timeline > Keyframe
๐ Insert Blank Keyframe หรอกดคยลด F7 เพมคยเฟรมวาง(หรอคลกเลอกตำแหนงเฟรม และเลอกคำสง Insert >Timeline>Blank Keyframe)
การเพม Frame
๐ เราสามารถ Insert Keyframeใหกบหลาย ๆ Layer พรอมกนไดโดยการกด Shift และทำการเลอก Layer ทเราตองการจะใสKeyframe และเลอกคำสง Insert > Timeline > Keyframe
การกด Shift และทำการเลอก Layer
การจดการกบ Frame
กอนทเราจะทำสงใด ๆ ใหกบFrame เราจะตองเลอกเฟรมนน ๆเสยกอนโดยใหเราทำการคลก Frame นน ๆไดเลยและถาหากเราตองการเลอกหลาย ๆเฟรมพรอมกนใหกด Shift คางไวในขณะเลอก
Shift คางไวและทำการคลกถาตองการเลอกหลาย ๆ Frame พรอมกน
การแทรก Frame และ Keyframe
๐ ถาตองการเพม Frame แทรกระหวางกลางหลงจากไดมการกำหนด Keyframe แลวใหคลกขวาทตำแหนงทเราตองการเลอกและใชคำสง Insert Frame หรอกด F5
๐ ถาตองการเพม Keyframe แทรกระหวางกลางหลงจากไดมการกำหนด Keyframeแลวใหคลกขวาทตำแหนงทเราตองการเลอกและใชคำสง Insert Keyframe หรอกด F6
การลบ Frame และ Keyframe
๐ ถาตองการลบ Frame หรอKeyframe ใด ๆ บน Timeline ใหคลกขวาทตำแหนง ทเราตองการเลอกและใชคำสงRemove Frame หรอกด Shift + F5
การ Copy Frame และ Keyframe
๐ เราสามารถทำการ Copy Frame/Keyframe ไดโดยการคลกเพอเลอกตำแหนงของ Frame/Keyframe ทเราตองการ Copy และทำการคลกขวาจากนนเลอก Copy Frame
คลกเลอก Frame ทตองการ และคลกขวาเลอกคำสงCopy Frames
จากนนใหเราทำการเลอกบรเวณเฟรมทเราจะวางและทำการคลกขวาและเลอกคำสง Paste Frame
การยายตำแหนง Keyframe
เราสามารถทำการยายตำแหนงของ Keyframe ไดโดยทำการเลอก Keyframeทเราตองการและทำลากมาสไปยงตำแหนงทตองการ
คลกและลากไปยงตำแหนงทตองการ
การสรางแอนเมชนดวย Shape TweenShape Tween เปนการสรางภาพเคลอนไหวโดยแปลงจากรปทรงหนงไปอกรปทรงหนง โดยโปรแกรม
Flash จะคำนวน Frame แทรกระหวางทงสอง Frame ใหเองโดยวธการสราง Shape Tween มดงน
1. ทำการสรางรปทรงวงกลมลงในเฟรมแรก เพอกำหนด Shape เรมตน
สรางวงกลมให Frame แรก
2. ไปทเฟรม 15 และทำการ Insert Keyframeและลบรปวงกลมทงไปจากนนสรางรปดอกไมขนมาเพอกำหนดใหเปน Shape ทเราตองการเปลยน
สรางรปดอกไมขนมา
3. กลบไปคลกท Frame แรกจากนนไปเลอกท Properties และเลอก Tweenเปนแบบ Shape
กลบไปคลกท Frame แรก
เลอก Shape Tween
ออบเจกตแรก ออบเจกตทสองFlash คำนวณFrame ระหวางกลางให
ในบางครงเมอเรา ทำการแอนเมชนแบบ Shape Tween เราจะพบวาเราจะไมได Shape ตามทเราตองการ ซงเราสามารภแกไขแอนเมชนใหไดตามแบบทเราตองการไดโดยใชคำสง Modify > Shape > AddShape Hint
ไมไดแอนแมชนตามทเราตองการ
ใชคำสง Shape Hint เพอแกไข
โดยวธการใชงาน Shape Hint นนใหเราเลอกท Frame แรกจากนนใหใชคำสง Modify > Shape > AddShape Hint จากนนใหนำ Shape Hint ไปวางยงตำแหนงมมทเราตองการจะเปนจดยดในการเปลยนรปทรงจากนนใหคลกเพอเลอก Frame ทสอง และลาก Shape Hint ไปวางยงตำแหนงมมของ ออบเจกตทสอง
ใชคำสง Modify > Shape > AddShape Hint ใน Frame ท 1 และนำShape Hint ไปวาง ยงมมของออบเจกตทแรก
ไปยง Frame ทสอง และนำ Shape Hintไปวางยงมมของออบเจกตทสอง
เทคนคเพมเตมเกยวกบการทำ Shape Tween๐ การทำ Shape Tween ใน 1 Layer เราควรมออบเจกตเพยง 1 ออบเจกต๐ ในการทำ Shape Tween นน ออบเจกตควรมลกษณะคลายกน เชน หาก ออบเจกตเรมตนม
เพยง Fill ออบเจกตทเราตองการใหเปลยนแปลงเรากควรจะใหมแต Fill ไมควรม Stroke
ออบเจกตเรมตนมเพยงแต Fill
ออบเจกตทตองการเปลยนแปลงกควรจะมแต Fill
เราสามารถสรางแอนเมชนแบบ Motion Tween โดยมขนตอนดงตอไปน1. สราง ออบเจกต ใด ๆ กไดใน Frame แรก โดยถาออบเจกตของเรามหลายชนประกอบกนเรากควรสงGroup ใหเปนชนเดยวกนหรอเปลยน ออบเจกตใหเปน Symbol เสยกอน
การสรางแอนเมชนดวย Motion Tween
สราง ออบเจกต ใด ๆ กไดใน Frame แรกถาออบเจกต มหลายชนใหเปลยน ออบเจกตใหเปน Symbol กอน หรอจะทำการ Groupออบเจกตไวกได
2. ไปยง Frame ทเราตองการกำหนดขอบเขตความยาวของ แอนแมชนของเราจากนนใชคำสงInsert Keyframe
ใชคำสง Insert Keyframe
3. ทำการเปลยนตำแหนงและขนาดของ ออบเจกตของเราใน Keyframe ทเราพงสรางขนมาใหม
ทำการเปลยนตำแหนงและขนาดของออบเจกต
ออบเจกตเฟรมแรกออบเจกตเฟรมทเราตองการเปลยนแปลง
4. กลบไปคลกท Frame แรกจากนนไปเลอกท Properties และเลอก Tweenเปนแบบ Motion
กลบไปคลกท Frame แรก
เราจะเหนออบเจกตของเราทำแอนเมชนตามทเรากำหนดไว
Tween : เลอกรปแบบของ Tween ซงม 2 ชนดคอ Motion Tween และ Shape TweenEase : กำหนดอตราเรวของการเคลอนไหวในแตละเฟรม
๐ ถากำหนดคาเปน 0 การเคลอนไหวจะเรวคงท๐ ถากำหนดคาเปนลบ (สงเกตคำวา In) การเคลอนไหวจะเรมตนชา และเรงความเรวในชวงทายเรยกวา Easing in๐ ถากำหนดคาเปนบวก (สงเกตคำวา Out) การเคลอนไหวจะเรมตนเรว และลดความเรวลงในชวงทาย เรยกวา Easing Out
Scale : คลกทตวเลอกน ถาตองการใหมการเปลยนแปลงขนาดของออบเจกตโดยพจารณาจาก Keyframeเรมตน และ Keyframe สดทาย
Rotate : เปนการกำหนดการหมนของวตถ
รายละเอยดของ Tween ทเราสามารถปรบแตงได
๐ None ไมใหหมนออบเจกต๐ Auto หมนออบเจกตไปในทศทเคลอนไหวสนทสด๐ Clock Wise (CW) หมนออบเจกตตามเขมนาฬกา๐ Counter Clockwise (CCW) หมนออบเจกตทวนเขมนาฬกา
Orient to Path : กำหนดใหออบเจกตวงตามเสน Path โดยใหหมนไปตามทศทางทเราตองการSyn : ใชสำหรบปรบอตราเรวของการเคลอนไหวใหตรงกนระหวาง Timeline หลกกบ Timeline ยอย ๆSnap : ใหออบเจกตยดเสนไกดตลอดเวลา
เทคนคเพมเตมเกยวกบการทำ Motion Tween๐ การทำ Motion Tween นนยง Keyframe เรมตนกบ Keyframe สดทายของเรามความแตกตาง
กนมากเพยงใด กจะมผลกบการเคลอนไหวของเรามากเทานน เชน ถา Keyframe เรมตนออบเจกตมขนาดเลกมาก Keyframe สดทายออบเจกตมขนาดใหญมากกจะทำให แอนเมชนของเราเปนการเปลยนแปลงจากเลกไปใหญมาก
๐ ถาออบเจกตของเรามหลายชนประกอบกนเรากควรสง Group ใหเปนชนเดยวกนหรอเปลยนออบเจกตใหเปน Symbol เสยกอน
๐ เราสามารถทำแอนเมชนการเปลยนสไดไดใช Color : ท Properties
ใชงานปม Swap... ชวยสรางงานแอนเมชน
1. ใหคลกท Frame ทสองและคลกขวาเลอกคำสง Insert Keyframe
หากคณไดเตรยมสรางออบเจกตตาง ๆ ทจะสรางงานแอนเมชนของคณเอาไว ใน Library แลวคณสามารถใชปม Swap ชวยในการเปลยน ออบเจกตบน Stage กบ ออบเจกใน Library ได
2. คลกเลอกออบเจกทตองการเปลยนคลกทปม Swap ใน Properties จากนนเลอกรปทตองการเปลยน
เราสามารถทำตามขนตอนนซำเพอสรางงานแอนเมชนได เชนในกรณตวอยางนคอเปลยนปากไปเรอย ๆกจะไดแอนเมชนการพดของตวละคร
การทำใชงาน Motion Guide เพอสรางงานแอนเมชนเราสามารถสรางเสนขนมา เปน Guide ใหออบเจกตของเราวงตามเสน Guide ของเราไดโดยมวธการ
ดงตอไปน
1. สรางเสนขนมา 1เสนเพอเปนเสน Guide (เสนควรเปนเสนแบบเปด
2. สรางออบเจกตขนมา 1 ชนและใหอยคนละLayer กบ เสนของเรา (ถาออบเจกตมหลายชนใหสง Group เอาไวหรออาจเปลยนใหเปน Symbol)
3. ทำการคลกขวาท Layer เสนและเลอกคำสง Guide
4. ลาก Layer เสนเขาไปอยใน Layer Guide
5. ทำการเพม Key Frame ใหกบ Layerทงสองเพอกำหนดความยาวของแอนเมชน
6. ดใหแนใจวา Snap เปดใชงานอยจากนนไปท Frame แรกของ Layerออบเจกต และเลอนออบเจกตของเราไปยงบรเวณจดเรมตอนของเสน
7. ใหคลกเลอกท Frame สดทายจากนนเลอน ออบเจกตไปยงจดสนสดของเสน
8. คลกเลอก Frame แรกของLayer ออบเจกตจากนนคลกขวาและเลอก
9. หากคลกเลอก Frame แรกของLayer และสงเกตดจะเหนทProperties จะมตวเลอกเพมเตมดงน
Orient to Path : กำหนดใหออบเจกตวงตามเสน Path โดยใหหมนไปตามทศทางทเราตองการSyn : ใชสำหรบปรบอตราเรวของการเคลอนไหวใหตรงกนระหวาง Timeline หลกกบ Timeline ยอย ๆSnap : ใหออบเจกตยดเสนไกดตลอดเวลา
Bottonปมกด (Botton) เปน Symbol ประเภทหนงททำใหผใชสามารถโตตอบกบชนงานทสรางขนได โดยเรา
สามารถนำปมกดมาใชงานประยกตรวมกบคำสงไดอยางหลากหลาย
เฟรม Up เปนสถานะปกตของปมกด คอ เปนสถานะเรมตนของปม เมอผใชยงไมไดทำการโตตอบใด ๆ
เฟรม Over เปนสถานะเมอผใชเลอนตวชเมาสมาวางอยเหนอปม
เฟรม Down เปนสถานะทเมอผใชทำการคลกบนปมเฟรม Hit ผใชจะไมสามารถเหนสถานะนของปม แตใชสำหรบ
กำหนดขอบเขตการทำงานของปม
วธการสรางปมกด1) ใหเราทำการคลกเมาสขวาทบรเวณวตถใด ๆ กไดบน Stage จากนนเลอก Convert to Symbol
2) เลอกชนดของปมใหเปนแบบ Button
3) หากตองการแกไขปมเพมเตมใหทำการดบเบลคลกทปม เรากจะเหนวาเราสามารถกำหนดสถานะของปม4 สถานะ ตามทไดกลาวไปแลวขางตน
4) ทำการคลกทบรเวณสถานะ Overจากนนใหทำการคลกเมาสขวาและเลอก Insert Keyframeขนตอนตอไปใหทดลองทำการเปลยนสของปมเปนสอน(สทไมใชสเดยวกบสถานะ Up)
4) ใหคลกทบรเวณสถานะ Over จากนนใหทำการคลกขวาและเลอก Insert Keyframeขนตอนตอไปใหทดลองทำการเปลยนสของปมเปนสอน(สทไมใชสเดยวกบสถานะ Up และ Over)
5) ในสถานะของ Hit เราโดยปกตแลวหากเราไมทำการวาดรปใด ๆ ลงไป ของเขตของปมกจะถกกำหนดจาก Shape เรมแรกของปมในสถานะ Up
หากเราทำการ Test Movie กจะพบวาเมอเรานำเมาสไปวางบนบรเวณปมกด ตวชเมาสจะเปลยนเปนรปมอ แสดงใหเราทราบวาสามารถทำการคลกเมาสเพอเกดผลตามทผสรางชนงานไดกำหนดไว
เราสามารถทำการทดสอบการทำงานของปมไดโดยไมตองทำการ Test Movie ดวยการเลอกคำสง Control > Enable SimpleButtons แตหากเราใชคำสงนเราจะไมสามาถทำการแกไขปมไดเพราะเวลาทเราจะคลกเมาสเพอใหไปทำการแกไขปม ตวชเมาสจะเปลยนเปนรป มอ ทำใหไมสามารถเขาไปแกไขได
โปรแกรม Flash ไดเตรยมปมแบบสำเรจรปไวใหเราไดใชงาน โดยเราสามารถเรยกใชไดโดยใชคำสงWindow > Common Libraries >Buttons
เราสามารถเลอกรปแบบของปมแบบตาง ๆ ไดตามทเราตอง หากเราพอใจปมในรปแบบใหกใหเราทำการคลกเมาสคางไวและลากปมนนลงบน Stage
การทำงานเกยวกบ File เสยงโปรแกรม Flash ไมสามารถสราง File เสยงขนมาไดเอง ดงนนหากเราตองการใชงานเสยงใน Flash
เราตองทำการนำเสยงเขามายง Flash โดยใชคำสง File > Import > Import to Library
เราสามารถนำไฟลเสยงประเภทตาง ๆเขามาใชงานไดดงน๐ WAV (ใชไดกบ Window เทานน)๐ Aiff (ใชไดทงกบ Window และ Mac แตหากเราตองการใชงานกบ Window เราตอง Install โปรแกรม Quick Timeเสยกอน)๐ MP 3 (ใชไดทกบ Window และ Mac)
การใชงาน File เสยงการทเราจะใชงาน File เสยงใด ๆ กอนอนเราตอง
ทำการ Import File เสยงมายง Library ของเราเสยกอนโดยใชคำสง File > Import > Import to Library
จากนนใหคลกท Frame ใด ๆ ทเราตองการใสเสยง (เราควรทำการแยก Layer เสยงใหเปน 1 Layerตอ 1 เสยง เราไมควรนำเสยงมาวางใน Layer ทมวตถวางอย และเราไมควร ใสเสยงมากกวา 1 เสยงใหกบ1 Layer) คลกเลอก Sound ใน Properties จากนนใหเลอกเสยงทเราตองการ
๐ File เสยงมความยาว มเวลาเปนของตวเองไมเชอมโยง หรอไมไดอางองกบเวลาบน Time Lineดงนนหากไฟลเสยงของคณมความยาวกวา Time Line File เสยงของคณกจะเลนไมจบ เพราะ Time Lineมเวลาสนกวา File เสยงทำให เวลาบน Time Line หมดกอน File เสยง ดงนนหาก File เสยงมความยาวมากกวา Time Line คณตองทำการขยาย Time Line ใหยาวขนเพอเลน File เสยงไดจนจบ
การปรบแตงเสยงเราสามารถทำการปรบแตงคาตาง ๆ ใหกบไฟลเสยงของเราไดดงน
Sound แสดงชอ File เสยงทเลอกEffect กำหนดเอฟเฟกตใหกบเสยง โดยมรปแบบตาง ๆ ดงน
๐ None ไมใชเอฟเฟกตใด ๆ๐ Left Chanel / Right Chanel ใหเสยงออกลำโพงเฉพาะลำโพง ซายหรอขวาเทานน๐ Fade Left to Right / Fade Right to Left ไลเสยงจากลำโพงซายไป ลำโพงขวา หรอไลเสยงจากขวาไปซาย
๐ Fade In ใหเสยงเรมตนเบา และคอย ๆ ดงขน๐ Fade Out ใหเสยงเรมตนดง และคอย ๆ เบาลง๐ Custom ใหเรากำหนดเอฟเฟคตาง ๆ ใหกำเสยงเองโดยคลกทปม
Sync กำหนดใหเรมตน และจบการเลนเสยงอยางไร โดยมตวเลอกดงน๐ Event จะรอโหลดไฟลเสยงมาใหครบกอน จงเรมเลนเสยง และเลนเสยงนจนจบ โดยเปนอสระจาก Time Line และอาจเลนตอแม Movie จะจบไปแลวกตาม๐ Start จะสงใหเลนเสยงวเหมอนกบ Event ตาง กนตรงทหากไฟลเสยงนนกำลงถกสงใหเลนมากอนและยงเลนไมจบ กจะไมสงใหเลนเสยงซอนกน๐ Stop หยดเลนเสยง๐ Steam จะเลนเสยงเมอเราโหลดไปไดแลวบางสวน โดยโปรแกรมจะแสดงเสยงใหสมพนธกบชนงานของ Movie ในกรณทเสยงโหลดมาเลนไมทนภาพกจะหยดรอชวคราว แตในกรณทภาพโหลดมาเลนไมทนเสยงกจะหยดรอชวคราว นอกจากนนเสยงแบบ Stream หยดเลนเมอ Movie จบ และจะเลนเสยงตรงกบ Frame ทใสเสยงไว๐ Loop กำหนดจำนวนครงทตองการใหเลนเสยงซำ
เสยงแบบ Event : ใชกำเสยงเพลงประกอบทตองการใชเลนแบบวนซำ, ใชกบเสยงทใสใหปมเสยงแบบ Steam : ใชกำหนดเสยงในลกษณะตวละครกำลงพด
ตวอยางการใชงานเสยง Sync
ตามปกต Flash จะทำการบบอดขอมล Fileเสยงแบบอตโนมต โดยจะใชคามาตรฐาน กบ File เสยงทงหมด ใน Movie โดยเราสามารถตรวจสอบ และทำการเปลยนแปลงคาการบบอดมาตรฐานทใชใหกบ File เสยงทงหมดไดโดยใชคำสง File > Publish Settings..
การบบอดขอมลเสยงเพอลดขนาดชนงาน
คลกทปม Set เพอตงคาการบบอด
นอกจากการตงคาการบบอดแบบมาตรฐานแลวเรายงสามารถเลอกการตงคาการบบอดเฉพาะใหกบFile เสยงแตละ File ได โดยมขนตอนดงน
ใหทำการคลกเมาสขวาทไฟลเสยงทเราตองการแกไขท Panel Library และเลอกProperties.....
เลอกคาการบบอดตามทเราตองการโดยมรายละเอยดในการตงคาตาง ๆ ดงน
Default ใหบบอดไฟลเสยงตามคาทกำหนดไวแลว ในหวของ Publish SettingsADPCM เปนวธบบอดทเหมาะสำหรบการลดขนาดของไฟลเสยงสน ๆ เชน เสยงคลกกดปมMP 3 เหมาะสำหรบบบอดไฟลดนตร และไฟลเสยงทมความยาวมาก ๆRaw ไมบบอดไฟลเสยงตนฉบบ แตเรากยงคงสามารถลดขนาดของ File ไดSpeech เหมาะกบการอดเสยงแบบเสยงพด
๐ ในกรณทเรามหนวยความจำไมมาก กควรใชไฟลเสยงแบบ 8 บท แทนไฟลเสยงแบบ 16 บท๐ การกำนหด Sample Rate ใหสงกวาไฟลเสยงตนฉบบไมไดชวยทำใหไฟลเสยงมคณภาพดขน๐ เราไมสามารถกำหนดใหไฟลเสยงดงกวาไฟลเสยงตนฉบบ แตเราสามารถกำหนดใหไฟลเสยงเบากวาตนฉบบได๐ พยามนำเสยงทมอยแลวมาใชซำ แตปรบแตงเสยงโดยใชเอฟเฟคตาง ๆ เพอใหไดเสยงทหลากหลายขน
ขอแนะนำในการใชไฟลเสยง
การใชงานไฟลวดโอไฟล .FLV เปนไฟลวดโอชนดทถกกำหนดขนมาใชในโปรแกรม Flash ยอมาจากคำวา Flash Video ซง
Flash สามารถทำงานกบ File ชนดนไดเปนอยางด สามารถใช Behaviors หรอเขยน Script เพอควบคมการทำงานของไฟลชนดนได
ในโปรแกรม Flash จะบบอดขอมลวดโอใหมขนาดเลกลงโดยใช Codec อย 2 แบบทมชอเรยกวา“On2 VP6” (ใชกบ Flash Player 8) และ “Sorenson Spark Codec” (ใชกบ Flash Player 7)
โดย On2 VP6 Codec นนจะใหคณภาพวดโอทเหนอกวา Sorenson Spark Codec ทโปรแกรม Flashรนเดมใช นอกจากนนใชงานไดกบวดโอแบบคอมโพสกทมอลฟาแชลแนลไดดวย แตการบบอดขอมลจะใชเวลานานกวา และเครองของผชมจะตองประมวลผลหนกกวาเดม จงจะสามารถเปดไฟลวดโอได
การนำไฟลวดโอมาใชงานใน Flash
เรานำไฟลวดโอ (เรยกวาวดโอคลป) มาใชประกอบมฟวในโปรแกรม Flash ซงมอย 4 วธหลก ดงน๐ สตรม (Stream) ไฟลวดโอ๐ ทยอยโหลด (Progressive Download) ไฟลวดโอ๐ ฝง (Embed) ไฟลวดโอในมฟว๐ เชอมโยง (Link) กบไฟลวดโอภายนอก
สตรม (Stream)
วธการนเปนการเผยแพรไฟลวดโอหรอไฟลเสยงทดทสด โดยเราจะนำไฟลวดโอในชนงานทมในเครองของเราไปไวบนเซรฟเวอรทตดตง Flash Media Server ซงเปนซอฟทแวรททำงานบนเครองเซรฟเวอรสำหรบใหบรการสอ วดโอ ภาพและเสยง แบบเรยลไทม จากนนทำการอพโหลดไปยงเครองเซรฟเวอรได โดยจะใชคำสง Actionscript หรอ คอมโพเนนท FLV Playback ควบคมการเลนวดโอคลปน
ขอดของการสตรมไฟลวดโอ๐ ไฟลวดโอจะเรมเลนเรวกวาวธอน ๆ๐ การสตรมไฟลวดโอจะใชหนวยความจำ และพนทบนทกขอมลในเครองของผใชทเปดดวดโอไมมาก
นกเพราะไมตองโหลดไฟลทงหมดมาไวในเครอง แตเครองจะทยอยโหลดมาแสดงและกลบออกไป๐ ทรพยากรทางดานเครอขายถกใชอยางมประสทธภาพ เพราะวดโอเฉพาะสวนทผใชตองการจะถก
สงมาเทานน๐ ไฟลวดโอจะถกผใชกอปปไดยาก เพราะไมไดมการบนทกไฟลนนไวในเครองของผใช เหมอนกบ
วธอน ๆ ทตองโหลดมากอนถงจะเลนได๐ วธนทำใหเราสามารถเผยแพรวดโอไดแบบถายทอดสดขอเสย๐ วธการนมคาใชจายคอนขางสง เพราะเราตองตดตงโปรแกรม Flash Media Sever ทเครอง
เซรฟเวอรของเรา หรอตองไปใชบรการ Flash Viedeo Streaming Service (FVSS) จากบางเวบไซต
ทยอยโหลด (Progressive Download)ถาเราไมสมารถหา Flash Communication Server หรอ Flash Video Streaming Service มาใช เรา
ยงสามารถ ใชไฟลวดโอจากภายนอกได โดยวดการทยอยโหลด ซงวธการนจะไมใหผลลพธดเทากบการสตรมไฟลวดโอ เพราะผชมตองรอโหลดขอมลวดโอกอนทจะเปดดได แตกจะเปนทางเลอกทชวยใหเราใชไฟลวดโอภายนอกกบชนงานของเราได แทนทจะนำไฟลวดโอมาฝงในชนงานซงจะทำใหชนงานของเรามขนาดใหญขน
ขอดของการทยอยโหลดไฟลวดโอ๐ ในการเผยแพรชนงาน ไฟลวดโอจะเรมเลนทนทหลงจากทสวนแรกไดถกโหลดเขมาในเครอง๐ เนองจากไฟลวดโอไมไดถกฝงลงมาในชนงานเปนชนเดยวกบไฟลงาน จงไมมปญหาเรองขนาดของ
ไฟลงาน ตลอดจนไมมปญหาเรองซงโครไนซภาพและเสยงไมตรงกน๐ คา frame rate ทเลนวดโอคลป สามารถตางจากคา frame rate ของชนงาน ทำใหมความคลองตว
มากกวาขอเสย๐ ใชเวลาในการ Down Load นาน
ฝง (embed) ไฟลวดโอ (ชนด Mov, Avi, MPEGเปนการฝงไฟลวดโอใหเปนสวนหนงกบ Flash วธนเปนการนำวดโอมาวางบน Time Line ซงจะทำ
ใหเปนสวนหนงกบชนงาน เนองจากไฟลวดโอมขนาดคอนคางใหญ ดงนนจงควรใชวธนเฉพาะกบไฟล วดโอทมความยาวไมมากนก (ควรยาวไมเกน 10 วนาท)
ขอดของการฝงไฟลวดโอ๐ สามารถใสลกเลนใหกบไฟลวดโอไดอยางหลากหลายเหมอนเปน Movieclip ชนหนงขอเสย๐ ไฟลวดโอทมความยาวกวา 10 นาท มกมปญหาเรองการซงโครไนซใหเสยงและภาพตรงกน๐ กอนทจะเลนวดโอได จะตองโหลดไฟลมฟวเปน SWF มาจนครบกอน๐ ในกรณทไฟลมฟวมขนาดใหญ กจะทำใหโปรแกรม Flash Player ตองดงหนวยความจำของเครอง
มาใชงานมาก
เชอมโยง (Link) กบไฟลวดโอภายนอกชนดเปน Quick Time (Mov)เราสามารถนำเขาไฟลวดโอชนด QuickTime เขามาไดโดยจะเปนการเชอมโยงไปยงไฟลวดโอนทอย
ภายนอกชนงาน ซงชนงานนจะตองแปลงเปน QuickTime จงจะใชได
ขอแตกตางระหวาง Flash รน Basic และ Flash รน Professionalในโปรแกรม Flash รน Basic เราจะสามารถทำไดเพยงการฝงไฟลมฟวเทานน ไมสามารถสตรม หรอ
ทยอยโหลดได ในขณะท Flash รน Professional จะมความสามารถทงหมด
ขอแนะนำในการนำภาพยนตรมาประกอบชนงาน๐ วดโอทนำมาแปลงเปน FLV นนควรเปนตนฉบบ ไมแนะนำใหนำวดโอทผานกระบวนการบบอดขอ
มลโดยวธอนแลวมาใชซำ๐ วดโอทจะนำเขามาไมควรมทรานสชน (เอฟเฟคในการเปลยนฉาก) ทซบซอนมาก เพราะจะทำให
มปญหาในการบบอดขอมล และอาจทำใหไฟลวดโอสะดด๐ การกำหนดอตรา Frame rate ทเหมาะสมกบวดโอ ถาเปนวดโอทมการเคลอนไหวอยางรวดเรวเรา
กตองใชคาใชจายทสงขน แตถาไมจำเปนกควรลดอตรา Frame rate ใหนอยลงเพราะมผลกบขนาดไฟลและเวลาในการโหลด นอกจากนนสำหรบเครองรนเกาไฟลวดโออาจไมทำงานถาไฟลวดโอของเรามอตรา Framerate สง (เชนเกน 15 เฟรม/วนาท)
๐ ผใชทดมฟวโดยใชโมเดมธรรมดาควรกำหนดขนาดวดโอประมาณ 160 X 120 พกเซล๐ ผใชทดมฟวโดยใช ADSL หรอเคเบลควรกำหนดขนาดของวดโอประมาณ 320 X 240 พกเซล
การใชงาน ActionScriptActionScript เปนชดคำสงทเราใชควบคมวตถหรอเฟรม ใหสามารถโตตอบหรอแสดงผลบางอยาง
เมอเกดเหตการณ (จาการใส Action) โดยเราเรยกเหตการณวา “Event” ซงเปนเหตการณททำใหเกดผลลพธหรอการเปลยนแปลงบางอยางขน เชน คลกเมาสแลวเกดเสยงเพลง ซงเหตการณหรอจดเปลยนเหลานจะเปนจดทเราใส ActionScript โดยเราสามารถใส ActionScript ไดใน Panel Actions
วธการเรยกใชสครปตใน Panel Actionsวธการเรยกใชสครปตในพาเนล Actions หรอการใสแอคชนใหกบมฟวนน มวธการเขยนผานโหลดการ
ทำงาน 2 โหมดคอ Script Assist และ Expert ซงเราสามารถสลบไปสลบมาระหวางสองโหมดการทำงานไดโดยกดคลกทปม
ปม Script Assistสำหรบเขาสโหมดผชวยเขยนสครปตทำใหเขยนสครปตไดงายขน
Actions Toolboxเกบคำสงตาง ๆ ทเปนภาษาActionsScript ใชเพมคำสงดานขวามอ
Script panelเปนชองสำหรบใหเราทำการเขยน Script
โดยเราสามารถใส ActionScript ใหกบ Frame หรอ MovieClip หรอ Button เทานนโดยActionScript ทเขยนใหกบ Frame, Movie Clip, Button กจะมการใชงานทแตกตางกน
การเขยน ActionScript ใหกบ Frameหากเราตองการเขยน ActionScript ใหกบ Frame โดยใหเราคลกเลอก Frame (จรง ๆ แลวตอง เปน
Keyframe จงจะเขยน ActionScript ลงไปได) ตวอยางเชนStop () ;หมายความวาใหหยด Playhead ไวท Frame น
การเขยน ActionScript ใหกบ Buttonการเขยน ActionScript ใหกบ Button จำเปนจะตองขนตนดวยon (event) {............}ตวอยางเชน
on (release) {gotoAndPlay(1);}
หมายความวาเมอทำการคลกเมาสให Playhead ไปยง Frame 1 และทำการเลน
การเขยน ActionScript ใหกบ MovieClipการเขยน ActionScript ใหกบ MovieClip จำเปนจะตองขนตนดวยonClipEvent (event) {............}ตวอยาง
onClipEvent (load) {gotoAndPlay(1);}หมายความวาเมอ Movieclip ถกโหลดขนมาแลวให Playhead ไปยง Frame 1 และทำการเลน
Basia Action Script : 11) เปดไฟล 01racetrack ขนมา2 ) สรางปมขนมาบรเวณพนทดานซายมอของชนงาน
โดยทำการสรางสเหลยมขนมาแลวคลกขวาและเลอกคำสง Convert to Symbol และเลอก Symbol ชนดButton
3 ) ทำการ Copy ปมจากปมทพงสรางขนมาอก 3 ปม (รวมแลวเราจะมปมอย 4ปมในตอนน )โดยในการ Copy นนใหเราทำการกดปม Alt คางไวและดงเมาสเพอลากปมออกมา จากนนเมอเราปลอยเมาสกจะเปนการ Copy ปม
กดปม Altคางไวและดงเมาสเพอลากปมออกมาจากนนเมอเราปลอยเมาสกจะเปนการ Copy ปม
4 ) พมพตวอกษรวางบนปมทงสของเราตามภาพปม 1 : Playปม 2 : Stopปม 3 : Muteปม 4 : Restart
5 ) ทำการ Test Movie ดวยคำสง Control > Test Movie
เราจะเหนวา Movie ของเราเปนการแขงรถเมอรถวงมาจนถงจด Finish แลวรถกจะไมหยดรถจะวงตอไปเพราะวาปรกต Flash Movie จะทำการเลน Movie แบบวนซำ ในขนตอนตอไปเราจะทำการ ใส ActionScript แรกใหกบงานของเรากคอการสงให Movie ทำการหยดเลนเมอ Movie เลนจบแลวจะไมทำการเลนซำ
6 ) ทำการสราง Layer ขนมาใหม 1 Layer และไปท Frame สดทาย และใชคำสง Insert Keyframe( Frame สดทายของงานชนนคอ Frame ท 100 พอด)
โดยเราอาจทำตงชอให Layer ทเราสรางขนมาใหมวา action และนำไวบนสดเพอกนการสบสน
7 ) ยงคงเลอก Frame สดทายอย ขนตอนตอไปใหคลกทสามเหลยมบรเวณนเพอเปด Actions Panel จากนนพมพ จากนนใสคำสง stop () ; ใหกบ Frame สดทายของเรา
ดบเบลคลกเพอใสคำสง stop () ;
หากเราทำการ TestMovie ในตอนนกจะพบวา Movieของเราจะไมทำการเลนซำอกแลว
8 ) ทำการใสเสยงใหกบ Movie ของเรา โดยทำการสราง Layer ขนมาอก 1 Layer จากนนคลกเลอกทFrame แรก และทำการคลกท ชอง Sound ใน Properties และเลอกเพลง Car_loop_1-2.aif
สราง Layer ขนมาใหม อาจทำการตงชอให Layer นวา Music
ทำการเลอก Frame แรกอยและทำการคลกท ชอง Soundใน Properties และเลอกเพลง Car_loop_1-2.aif
เมอทำการ Test Movie จะพบวา Movie ของเรามเสยงประกอบแลว
9 ) ขนตอนนเราจะทำการใส Action ใหกบปม Play และ Stop
คลกเลอกปม Play และใส Action ใหกบปมดงรป
ดบเบลคลกเพอใสคำสง play () ;ใหกบปม
คลกเลอกปม Stop และใส Action ใหกบปมดงรป
ดบเบลคลกเพอใสคำสง stop () ;ใหกบปม
หากเราทำการ Test Movie ของเราและทำการกดทปม Play และ Stop กจะพบวา เมอกดปม PlayMovie ของเรากจะทำการเลน แตถากดปม Stop Movie ของเรากจะทำการหยดเลน โดยในขนตอนตอไปเราจะใชคำสงเพอสงหยดการทำงานของเสยง
9 ) เปด Panel Behaviors ขนมา โดยใชคำสง Window > Behaviors
จากนนใหคลกทปม Mute และใส Behaviors โดยใหคลกทปม +จากนนเลอก Sound และตอไปเลอก Stop All Sounds
คลกทปม +
คลกเลอกSound
คลกเลอกStop All Sounds
หากเราทำการ Test Movie และทำการคลกทปม Mute กดจะพบวา เสยง จะหายไปจาก Movieของเรา ขนตอนตอไปจะเปนขนตอนสดทายซงจะเปนคำสง Restart Movie ของเรา
9 ) ใหคลกทปม Restart และคลกทปม + จากนนเลอก Movieclip และตอไปเลอก Goto and Play atframe or label
คลกทปม +
คลก Movieclip
คลก Goto and Playat frame or label
หากเราทำการ Test Movie และทำการคลกทปม Restart กดจะพบวา Movie ของเราจะกบไปเลนทFrame แรกเสมอ
คลกทปม OK
คลกทปม OK
ขอสงเกตเพมเตมหากเราทำการสงในรายละเอยดการกำหนดสถานะในการใชงานปมกจะสงเกตไดวาจะมใหกำหนด
สถานะการใชงานตาง ๆ ไดอยางหลากหลาย แตในขนตอนทเราไดทดลองนเราไมไดกำหนดสถานะของปมเลยเพราะปกตปมจะถกกำหนดสถานะไวท on (release) คอสถานะเมอผใชคลกปมแลวปลอยกใหทำตำคำสงซงเปนคามาตรฐานของการกำหนดสถานะใหปม ในแบบฝกหดทเราไดทำการทดลองนตองการใชคา Releaseอยแลวจงไมตองทำการเปลยนแปลงคาใด ๆ แตหากเราตองการทจะเปลยนแปลงสถานะการกดปมเปนแบบอนเรากสามารถทำได
เมอเราทำการใชงาน Behaviors แลว Flash กจะทำการเขยน Script ใหเราใน Action Script Panelดวย
Script ของปม Restart
Basia Action Script : 21) เปดไฟล 02scenes ขนมาจากนนลอง Test Movie เพอศกษาดลกษณะของ Movie น
จะเหนวา Movie น มเนอหาเรมตนทยาวอวกาศวงมาจากดานซายมอจากนนยานอวกาศ กพงชนกบพนดน และมนษยตางดาวกกระโดดออกมาจากยานอวกาศ
2) เราจะทำการแบง Movie นออกเปน Scenes จำนวน 4 Scenes โดยมวธการดงตอไปน
๐ ไปท Frame ท 111 และเลอก Frame ท 111 ของทกLayer จากนนคลกขวาและเลอก Insert Keyframe ใหกบ ทกLayer
๐ คลกเลอก Frame ตงแต 111 ไปจนถง Frameสดทาย จากนนคลกขวาและเลอก Cut Frames
๐ ยงคงเลอก Frame ตงแต 111 ไปจนถง Frameสดทาย จากนนคลกขวาและเลอก Remove Frames
๐ ใชคำสง Insert > Scene
๐ จากนนเลอก Paste Frames
๐ ไปท Frame ท 71 และเลอก Frame ท 71 ของทกLayer จากนนคลกขวาและเลอก Insert Keyframe ใหกบ ทกLayer
๐ คลกเลอก Frame ตงแต 71 ไปจนถง Frameสดทาย จากนนคลกขวาและเลอก Cut Frames
๐ ยงคงเลอก Frame ตงแต 71ไปจนถง Frame สดทาย จากนนคลกขวาและเลอก Remove Frames
๐ ใชคำสง Insert > Scene
๐ จากนนเลอก Paste Frames
จากขนตอนท 2 นเราจะได Scene ขนมา 3 Scene ซงในขนตอนตอไปเราจะสราง Scene เพมขนอก1 Scene
3) เราจะทำการแบง Movie นออกเปน Scenes จำนวน 4 Scenes โดยมวธการดงตอไปน
๐ คลกท Frame ท 58 จากนนเลอก Insert Keyframe
๐ คลกขวาเลอก Keyframe ทงหมดทพงทำการInsert จากนนเลอก Copy Frames
๐ ใชคำสง Insert > Scene
๐ จากนนเลอก Paste Frames
๐ คลกท Frame ท 5 จากนนคลกขวาเลอก InsertKeyframe ใหกบทก Layer
๐ ใชเครองมอ Free Transform Toolขยายวตถทงหมดใหใหญขน ดงภาพดานขาง
๐ คลกท Frame ท 10 จากนนคลกขวาเลอก InsertKeyframe ใหกบทก Layer
๐ ใชเครองมอ Free Transform Toolขยายวตถทงหมดใหใหญขน ดงภาพดานขาง
๐ คลกท Frame ท 15 จากนนคลกขวาเลอก InsertKeyframe ใหกบทก Layer
๐ คลกเลอกทตวของมนษยตางดาว จากนนคลกทปมจาก Properties และเปลยน Symblo alie body ใหเปน alien body sign
๐ ลากตวอกษร sign text 1 จากLibrary มาวางบนปายของเรา จดวางตำแหนงดงภาพ จากนนไปท Frame ท20 และทำการ Insert KeyFrames ใหกบทก ๆ Layer
๐ คลกเลอกทตวของมนษยตางดาว จากนนคลกทปมจาก Properties และเปลยน Symblo alien body sign ใหเปนalien body 2signs
๐ ลากตวอกษร sign text 2 จาก Library มาวางบนปายของเรา จดวางตำแหนงดงภาพ
3. ในขนตอนนเราจะเรมใส Action Script ใหกบ Movie ของเรา โดยมขนตอนดงตอไปน
คลกท Scene และเลอก Scene 1จากนน Insert Layer และตงชอ Layer ใหมทพงสรางขนมาวา actions
๐ ไปท Frame ท 110 ของ Layer actions และ Insert Keyframe
๐ จากนนคลกท เพอเปด Actions Panel
๐ ดบเบลคลกท เพอใส Action stop () ;
๐ ใหทำซำขนตอนท 3 โดยใส Action Script stop () ; ใหกบ Frame สดทายของ Scene 2, Scene3, Scene 4 โดยควรทำการสราง Layer ขนมาใหมสำหรบใส Action Script
เมอทำการ Test Movie กจะพบวา Movie จะเรมเลนตงแตตนจนมาจบท Frame ท 110 ของ Scene 1 เพราะเราไดทำการใส Action Scriptstop () ; ใหกบ Frame ท 110 ไว
4. ในขนตอนนเราจะเรมทำการสราง Inter Active Movie โดยใหกลบไปท Scene 1 กอน๐ สราง Layer ขนมาใหมใน Scene 1 และตงชอวา
Button จากนนใหสราง Button ขนมาบน Layerทเราสรางขนมาใหม โดยใหสรางใน Frame ท 110 เพอไมใหปมปรากฎใน Frame อน ใหปมปรากฎใน Frame ท 110
๐ พมพตวอกษร Next ลงบนปมทสรางขนมาใหม
๐ จากนนใหคลกทปมเพอเลอกปม และใหคลกทเพอเปด Actions Panel
๐ ใหคลกท และเลอกชอง Scene ใหเปน Scene 2
ดบเบลคลกท goto
เลอก Scene 2เลอก Go to and play
๐ ใหทำซำขนตอนท 4 โดยใสปมใหกบทก Scene ทเหลอ และเปลยน ชอง Scene 2 ใหเปน Sceneทเราตองการ
Basia Action Script : 3
1) สราง Document ขนมาใหมโดยใหมขนาด 750 x 450 pxจากนนให Save file ไวใน foder เดยวกบ Movie ทเราตองการ Load
2) สราง Button ขนมา และพมพคำวา Load ลงบน Button
3) เปด panel Behaviors ขนมาโดยไปท Windows>Behaviors จากนนใหคลกทปมเพอเลอกปม และคลกทและเลอก Load External Movieclip
4) พมพชอ file ทตองการ Load ในชองน
ใน Work Shop นเราจะมาทำการเรยนรคำสง Load External Movieclip
Basia Action Script : 4ใน Work Shop นเราจะมาทำการเรยนรคำสง Load Graphic
1) สราง Document ขนมาใหมโดย ให Save File ทสรางขนมาใหมนใหอยใน foder เดยวกบ Graphic (รปภาพ)ทเราตองการ Loadจากนนสราง button ขนมา
2) ทำการ Copy ปมขนมาใหม อก 2 ปมและจดวางดงภาพประกอบ
3) ทำการพมพตวอกษรใหกบปมดงภาพประกอบ
4) สราง Movie clip ขนมาใหม โดยใหเปนสเหลยมเหมอภาพประกอบ ใหมขนาด 225 x 300(ขนาดนคอขนาดเทากบภาพทเราตองการ Load)และทำการตงชอ Instance ใน Propertiesวา Load
5) เปด panel Behaviors ขนมาโดยไปท Windows >Behaviors จากนนใหคลกทปม Pic1 เพอเลอกปม และคลกท จากนนเลอก Load Graphic
6) เลอก file ทเราตองการ
7) เลอก Movie clipทเราตองการให รปของเรา Load
8) ใหทำซำขนตอนท 5-7 แตใหเปลยนชอ file ทเราตองการ load
9) ใหคณสรางปมขนมาอกปหนง จากนนพมพตวอกษรวา Unload
10) คลกท Movieclip
11) เลอก Unload Movieclip
11) เลอก Movieclip ทเราตองการ Unloadในทนคอ Load
Basia Action Script : 5ใหเปด File website ขนมา ใน work shop นเราจะลองจดทำ Website Jewelry.com โดย Website
Jewelry.com จะมลกษณะดงน
เมอผใชเขาเยยมชม Website กจะพบหนาแรก ซงจะทำการโหลดขอมลของ Website ขนมา
ProgressBar ทำการโหลดขอมล
เมอโหลดขอมลทงหมดเสรจกจะเขาสหนาHome
Loader โหลดขอมลรปภาพ jpgจากภายนอก
หนา Products มการโหลดขอมลรปภาพ jpgจากภายนอก และมการใช UIScrobar เพอชวยในการจดการกบตวอกษรทมเนอหามากเกดจะแสดงไดใน 1 หนาจอ
Loader โหลดขอมลรปภาพ jpg จากภายนอก
UIScrobar
Loader โหลดขอมลรปภาพ jpg จากภายนอก
หนา News มการโหลดขอมลรปภาพ jpgจากภายนอก
หนา Contact มการโหลดขอมลรปภาพ jpgและไฟล Swf จากภายนอก
Loader โหลดไฟล Swf จากภายนอก
หลงจากทไดทราบลกษณะของ Jewelry.com เรยบรอยแลวตอไปเราจะมาเรมสราง WebsiteJewelry.com โดยมขนตอนดงน
1. ใหสราง Layer ขนมาใหมและตงชอ Layer วา Action
จากนน Insert Keyframe ใหกบ frame ทก Frame(ยกเวน) Frame ท 1 ทม Keyframe ใหโดยอตโนมตอยแลว
2. ใหคลกท เพอเปด Actions Panel
๐ ดบเบลคลกท เพอใส Action stop () ;
๐ ใหทำซำขนตอนทสองใหกบ Frame ทก Frame
3. ขนตอนนเราจะใสคำสง ให Website ของเรามกาาร Link ไปยงหนาตาง ๆ กลบไปท Frame ท 1จากนนคลกทปม
๐ ใหคลกท เพอเปด Actions Panel จากนนกดปมเพอเปดการทำงาน
๐ ดบเบลคลกท เพอใส Action gotoAndStopโดยในชอง Frame ใหพมพ เลข 1 ลงไป
ดบเบลคลก
ดบเบลคลก
พมพ 1 ในชอง Frame
เลอก Go to and stop
๐ ตอไปใหทำซำขนตอนท 3 ทงหมดโดยเปลยนคาทชอง Frame ของปมตาง ๆใหเปนคาดงน
ปม Products ชอง Frame ใหใสเลข 2
ปม News ชอง Frame ใหใสเลข 3
ปม Contact ชอง Frame ใหใสเลข 4
4. ในขนตอนนเราจะกำหนด Path ใหกบ Loder ของเรา โดยมขนตอนดงตอไปน
ใหคลกท Frame ท 1 จากนนคลกท Loder จากนนใสคาใน Paramaters ทชองContentPath ใหเปน Pic01.jpg
คลกท Loader ใน Frame ท 1
พมพ Pic01.jpg ทชองContentPath
*** ปกต Loader จะอยใน Panel Componentsซงวธการเรยกใชกเพยงแตทำการคลก และลากลงมาใชงานบน Stage แตใน Work Shop นไดเตรยมไว
๐ ใหคลกท Frame ท 2 จากนนคลกทLoder จากนนใสคาใน Paramaters ทชองContentPath ใหเปน Pic02.jpg
๐ ใหคลกท Frame ท 3 จากนนคลกทLoder จากนนใสคาใน Paramaters ทชองContentPath ใหเปน Pic03.jpg
๐ ใหคลกท Frame ท 4 จากนนสงเกตดจะเหนวา Frame ท 4 ม Loader อย 2 อน โดยใหเราใสคาในชอง ContentPath ดงตอไปน
๐ คลกท Loder จากนนใสคาในParamaters ทชองContentPath ใหเปนPic04.jpg
๐ คลกท Loder จากนนใสคาใน Paramaters ทชองContentPath ใหเปน map.swf
5. ในขนตอนนเราจะใช UIScrobar เพอชวยในการจดการกบตวอกษรทมเนอหามาเกดจะแสดงไดใน 1 หนาจอ
๐ ใหคณทท Frame ท 2 (หนา Products)จะเหนวามตวอกษรวางอยดานขวามอ ซงตวอกษรนมความยาวคอนขางมาก ไมสามารถใสไวไดใน 1 หนาจอเราจะใช UIScrobar มาชวยในการจดการโดยมขนตอนดงตอไปน
๐ คลกท Text Tool เพอสราง Text กลองขอความ Text แบบ Dynamic Text
จากนนคลกและลากเพอสรางกลองขอความ
๐ ใหคลกท ใน Components จากนนใหลากลงมาวางกลองขอความทพงสรางขนมา
๐ จากนนใหเราทำการ Copy text ทบรเวณขวามอทอยนอก Stage มาวางในกลองขอความของเราถาเราทำการ Test Movie กจะพบวาขอความทยาวเกนกลองขอความจะสามารถเลอนดไดโดยจะม ScrollBarปรากฎใหเราสามารถเลอนดขอความได
คลกและลากมาวางบนกลองขอความ
6. จากขนตอนท 1 - 5 เราไดสราง Website Jewelry.com ขนมาเรยบรอยตอไปเราจะมาสรางProgress Bar เพอทำการโหลดและคาในการโหลดขอมลโดยมขนตอนดงตอไปน๐ ให Save File website และทำการ Export Movie โดยใหตงชอ Movie วา website๐ จากนนเปดไฟล loader ขนมา ซงใน File นจะมวตถอย 3 ชนคอ1. Loader 2.ProgressBar 3.Movieclip รปแหวน โดยเราตงชอ Instance ใหกบวตถทง 3 ดงน
Loader ตงชอเปน loadmovie
ProgressBar ตงชอเปน pro
Movieclip ตงชอเปน ring
7. ใหคลกท Loader (ตอนนมชอ InstanceName แลววา loadmovie) จากนนพมพทชองContent Path ใน Parameters วา website.swf(เพอให Loader โหลด File website.swf ทเราได Export Movie ไวกอนหนานแลว)
7. ใหคลก ProgressBar จากนนพมพthis_parent.loadmovie ลงในชอง Source (เพอใหProgressBar ทำการอานคาปรมาณการโหลดLoader ทเราตงชอ Instance Name วา loadmovieไวกอนหนาน)
8. มาถงขนตอนนหากเราทำการ Test Movie กจะพบวา Progress Bar ไดเรมทำงานแลว แตเมอProgress Bar ทำการโหลดขอมลมาเสรจแลว Progress Bar ไมหายไปทำใหทบกบเวบไซตของเราซงเราตองสงซอน Progress Bar เมอ โหลด Movie ของเราเรยบรอยแลว โดยมขนตอนดงน
๐ใหคลกท Loader จากนนคลกทปม เพอเปด Action Panel
8. จากนนใหดบเบลคลกทปม และ คลกทปม เพอยกเลก Script Assistเพราะเราจะพมพ Action Script ดวยตวเอง ถาหากเปด Script Assist ไวโปรแกรมจะไมอนญาตใหเราพมพScript ลงไป
ดบเบลคลก
9. จากนนพมพ Action ลงไปดงตอไปนon (complete) {
this._parent.ring._visible = false;this._parent.pro._visible = false;
}
10. ใหลอง Test Movie ดกจะเหนวา Progress Bar และ Movieclip ring จะหายไปเมอโหลดขอมลเสรจหมดแลว และหากการโหลดขอมลเรวมากจนเราไมสามารถมองไดทนใหเราคลกท View และเปลยนDownloadseting เปน DSLจากนนคลกท Simulate Downloadอกครง