สวนประกอบของ 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อกครง