การใชง้ าน Symbol และ Instance ซมิ โบล (Symbol) ซมิ โบล (Symbol) คอื กราฟกิ ปมุ่ หรอื มฟู วี่คลปิ ทเ่ี ราสรา้ งขนึ้ มาเป็นต้นแบบในครงั้ แรก จากน้ันกจ็ ะ สามารถนาไปใชไ้ ด้อยา่ งไมจ่ ากดั ตลอดในมฟู ว่เี ดียวกนั และมฟู วอ่ี ่นื ๆ ซิมโบลหนึ่งๆ อาจรวมถงึ อาร์ตเวิร์ค ท่นี า เขา้ มาจากโปรแกรมอื่น ทุกซมิ โบลทส่ี รา้ งข้นึ จะเป็นส่วนหนึง่ ในไลบรารีของไฟล์ปจั จบุ ัน ซง่ึ ซมิ โบล แบ่งเปน็ 3 ประเภท คือ 1. Graphic 2. Button 3. Movie Clip Library เป็นที่เก็บซมิ โบล การเปิดใช้งาน Library ทาไดโ้ ดย กดปุ่ม Ctrl+L การสรา้ งซมิ โบล (Symbol สามารถทาได้ 2 แบบคือ การสรา้ งจากซมิ โบลเปล่า และ สร้างจากวตั ถุทมี่ อี ยแู่ ลว้ แบบที่ 1 สรา้ งซมิ โบลจากซมิ โบลเปลา่ ข้ันตอนที่ 1คลกิ เมนู Insert > New Symbol หรอื กด Ctrl+F8 ข้นั ตอนท่ี 2 ต้งั ช่อื ซมิ โบล และเลอื กชนดิ ซมิ โบลตามต้องการ แลว้ คลิก OK
ขน้ั ตอนท่ี 3 เขียนภาพวตั ถุตามต้องการ อินสแตนซ์ (Instance) อินสแตนซ์ คอื สาเนาของซิมโบลทมี่ อี ยู่บนสเตจ หรอื ซอ้ นอยภู่ ายในซิมโบลอ่ืน อนิ สแตนซอ์ าจมสี ี ขนาด และหน้าที่ แตกต่างจากซิมโบลท่ีเป็นตน้ ฉบับ หากทาการแกไ้ ข ซมิ โบลจะมีผลใหเ้ กิดความเปลย่ี นแปลงกบั อนิ สแตนซท์ ง้ั หมดทส่ี าเนาไปจากซมิ โบล การสรา้ งอินสแตนซ์ 1. เปิดพาเนลไลบรารี โดยคลิกเมนู Window > Library หรอื กด Ctrl+L หรือ กด F11 จะได้หน้าตา่ ง ไลบรารี ดงั ภาพ
2. คลกิ ช่อื ซมิ โบลในหน้าตา่ งไลบรารี ทต่ี ้องการใช้ 3. ลากซิมโบลไปวางบนสเตจ 2. การแปลงวัตถุ (object) ใหเ้ ปน็ ซมิ โบล (symbol) การแปลงจากส่วนประกอบที่เลอื กไว้ หรือ วตั ถทุ ่ีมีอยู่ ใหเ้ ปน็ ซมิ โบล ขนั้ ตอนที่ 1 เขียนภาพตามตอ้ งการท่ี stage
ขัน้ ตอนท่ี 2 คลกิ เลอื กภาพ (หรอื ถ้าภาพอย่หู า่ งกนั ให้ลากคลุมทงั้ หมด) แลว้ คลิกขวา และคลกิ ที่เมนู Convert to Symbol ขัน้ ตอนที่ 3 ตั้งชื่อซิมโบล แล้วเลอื กชนดิ ของซมิ โบลที่ต้องการ หมายเหตุ.... ดซู มิ โบลทสี่ ร้างได้จากหน้าตา่ ง Library ซึ่งเปดิ หนา้ ต่างได้จาก เมนู Window > Library หรือ กด F11 ซงึ่ จะพบหน้าต่างดังตวั อย่าง ในทานองเดยี วกัน สามารถสรา้ งซมิ โบลแบบ Button และ Graphic ได้ดงั ขน้ั ตอน ท่ี 1-3 เพยี งแตเ่ ลอื กชนดิ ท่ขี ้นั ตอนที่ 3 หากทาทั้ง 3 ซิมโบล จะไดด้ งั ภาพ
ตวั อยา่ ง การนาซมิ โบล (Symbol) และ อินสแตนซ์ (Instance) มาใช้ 1. สร้างซมิ โบลแบบ Movie Clip ตั้งช่ือ arrow 2.วาดรูปลกู ศร 3. กาหนดให้ลกู ศรเคลือ่ นไหว แบบ Motion Tween ดังภาพ
4. กลบั มาทางานทห่ี นา้ stage โดยคลกิ ท่ี scene1 5. ทหี่ นา้ stage เปดิ หน้าตา่ ง Library โดย คลิ เมนู Window > Library หรือ กด F11 แล้วจบั อนิ สแตนซ์ ทช่ี ือ่ arrow มาวางทห่ี น้า stage 6. นาอินสแตนซ์มาวางหลายๆ รูป โดยปรบั ขนาดและทศิ ทางตามต้องการ
7. เม่ือทดสอบ Movie โดยการกด Ctrl+Enter จะไดภ้ าพการเคลอ่ื นไหวดงั ตัวอย่าง ตวั อยา่ งการใช้งานซมิ โบลซอ้ นซมิ โบล ขัน้ ที่ 1 คลกิ ทเ่ี ฟรมที่ 1 แลว้ วาดรูป ล้อรถลงไปดงั รูป ขั้นท่ี 2 ใช้ Selection Tool (ลกู ศรสดี า) ลากครอบเพ่อื เลือกทง้ั หมด แล้วกดปมุ่ F8 หรอื คลกิ เลือกเมนู Modify > Convert to Symbol ตัง้ ชอื่ ให้เรยี บร้อย “ล้อรถ” เลอื กชนดิ ซมิ โบลแบบ Movie Clip เพือ่ ใหว้ ตั ถสุ ามารถ เคลอื่ นไหวได้ในตัวของมนั เอง
ในหน้าต่าง Library จะมีซมิ โบลรปู ลอ้ เกิดขนึ้ ขน้ั ที่ 3 ลบรูปล้อออกจากสเตจแลว้ วาดรปู ตวั รถข้ึนมา จากนนั้ ทาใหเ้ ป็นซมิ โบลดว้ ยวิธีการเดิมแตค่ ราวน้ีตง้ั ชือ่ ซิ มโบลเปน็ “ตัวรถ” ข้นั ท่ี 4 วาดซิมโบล ลอ้ รถในไลบรารมี่ าวางดงั รปู ตอนนจ้ี ะไดว้ ตั ถุรปู รา่ งเหมอื นรถแตย่ ังไมไ่ ดเ้ ปน็ ซมิ โบลชิ้นเดียวกนั จะตอ้ งรวมซมิ โบล ตัวรถกบั ล้อรถใหเ้ ปน็ ซมิ โบลเดยี วกอ่ น
ขั้นที่ 5 รวมซมิ โบลตัวรถกับล้อรถใหเ้ ป็นซมิ โบลเดยี วโดยการใช้ลกู ศรสดี า ลากครอบวตั ถุทง้ั หมด แลว้ กด F8 อีกครั้งเพือ่ สรา้ งซิมโบลใหมจ่ ากนน้ั ก็ตง้ั ชือ่ “รถยนต”์ เป็นอันเสรจ็ พรอ้ มในไปใชง้ าน เม่ือทาซมิ โบลเสร็จจะไดซ้ มิ โบลรปู รถขน้ึ มาในไลบราร่ีดงั รปู ขั้นที่ 6 ทาใหล้ ้อหมนุ ได้ โดยดับเบล้ิ คลกิ เข้าไปทซ่ี ิมโบลล้อรถ สงั เกตทแ่ี ถบ Timeline
ขั้นที่ 7 คลกิ ขวาทเี่ ฟรมที่ 1 แล้วเลอื ก Create Motion Tween (ตอนนเี้ ราทางานอย่ใู นซมิ โบลลอ้ รถ) คลกิ ขวาเฟรมที่ 10 เลอื กคาสัง่ Insert Keyframe คลิกทีเ่ ฟรมท่ี 1 จะมี Properties ข้ึนมา ช่อง Rotate เลอื ก CCW (หมนุ ทวนเขม็ นาฬกิ า) ขน้ั ที่ 8 คลิกที่คาวา่ Scene 1 บนแถบ TimeLine แลว้ กด Ctrl+Enter เพอื่ ทดสอบ จะปรากฏรปู รถทมี่ ีล้อกาลงั หมุนหยุดอยกู่ บั ทเ่ี ฉยๆ
ข้นั ที่ 9 กลบั มาสหู่ นา้ ต่างแกไ้ ข ให้คลกิ ขวาทีเ่ ฟรมที่ 1 แล้วเลือกคาสง่ั Create Motion Tween จากนัน้ คลกิ ขวาท่ีเฟรมท่ี 40 แลว้ เลือกคาสงั่ Insert Keyframe ขัน้ ที่ 10 คลิกทเ่ี ฟรมท่ี 1 แล้วยา้ ยรถไปวางไวด้ า้ นขวาของจอ แล้วคลิกทเ่ี ฟรมที่ 40 แล้วยา้ ยรถไปไว้ท่ดี า้ นซา้ ยขอ จอ เฟรมท่ี 1 เฟรมที่ 40
เสรจ็ แลว้ กดป่มุ Ctrl+Enter หรอื เลอื กเมนู Control > Test Movie เพื่อดตู วั อยา่ งภาพเคลื่อนไหวทเ่ี กิดข้นึ
การใช้งาน action script พื้นฐาน Action Script (แอคช่ันสครปิ ต์) คือชดุ คาส่งั หรือภาษาคอมพวิ เตอรท์ ใ่ี ช้ในการควบคุมหรือสง่ั การใน โปรแกรม Flash โดย Action Script สามารถเขยี นควบคุมไดท้ งั้ บน Timeline และ บน Symbol การเขยี น Action Script บน Timeline การเขียนแอคชนั่ สครปิ ต์บนไทม์ไลนส์ ามารถทาดังนี้ 1. สรา้ งแอนเิ มชัน่ แบบใดกไ็ ดข้ ึ้นมา 1 ชิ้น (ในตัวอยา่ งจะสรา้ งแอนิเมชั่นแบบ Motion Tween) หมายเหตุ * ปกตเิ มอ่ื เรากดปมุ่ Ctrl+Enter โปรแกรม Flash จะเลน่ วนซา้ ไปซ้ามาจนกว่าจะปิด 2. แทรกคาส่งั Action Script เข้าไปในเฟรมสุดทา้ ยของงาน ให้คลกิ ทเี่ ฟรมท่ี 40 แลว้ กดปุ่ม F9 บนคยี ์บอรด์ จะมี หนา้ ตา่ งๆAction Frame ขน้ึ มาดงั รปู
3. ในการเขียนคาส่ังโปรแกรมไดอ้ อกแบบใหส้ ามารถเขียนได้ 2 รูปแบบคือ แบบ Normal หรือ แบบธรรมดา สาหรบั ผูท้ ยี่ ังใช้คาสง่ั ไมค่ ล่อง และ แบบ Expert คือ แบบทส่ี ามารถพมิ พ์คาสง่ั ได้เลย สาหรบั หวั ขอ้ นี้จะใหเ้ ขียนท้งั 2 รปู แบบ ดงั นี้ เลอื กคาสงั่ Global Functions > Timeline Control > stop (คาสง่ั stop คอื สงั่ ใหห้ ยดุ การทางาน) 4. ให้นกั เรยี นสงั เกตทเี่ ฟรมที่ 40 จะมสี ัญลักษณ์ ตวั a เลก็ อยู่ในเฟรม จากนนั้ กท็ ดสอบกด Ctrl+Enter
แบบท่ี 2 การเขยี นแบบ Expert mode คลกิ ทเ่ี ครือ่ งคาว่า Script Assist ด้านขวาของแถบ Action จะปรากฏหน้าตา่ งๆว่างๆขึน้ มา ให้นกั เรยี นพมิ พ์คาสงั่ stop(); ลงในพน้ื ท่วี ่างนั้น เสรจ็ แลว้ กดปุม่ Ctrl + Enter เพิอ่ ทดสอบคาสัง่ ถ้าทาถูกแอนเิ มชน่ั จะแสดงผลแค่ 1 ครง้ั แลว้ หยุด การเขยี น Action Script บน Symbol Button สาหรับการใชง้ านซมิ โบลนั้นมี 3 อย่างตามที่ไดก้ ลา่ วมาแลว้ ไดแ้ ก่ Movie Clip Graphic และ Button ซิ มโบลแบบMovie Clip คือซิมโบลทส่ี ามารถสร้างภาพเคลอ่ื นไหวซอ้ นในตวั ของมนั เองได้ ซิมโบลแบบ Graphic คอื ซิมโบลที่เปน็ ภาพกราฟฟิคไมส่ ามารถสร้างภาพเคลอ่ื นไหวซอ้ นได้ ซมิ โบลแบบ Button คือ ปมุ่ ทีใ่ ชส้ าหรบั การควบคมุ ใหซ้ ิมโบล วตั ถุ หรอื ภาพเคลอ่ื นไหวทางานได้ สาหรบั การใช้งานซิมโบลแบบ Button สามารถทาได้ดงั นี้ 1. วาดรปู ปุ่มขึ้นมา 1 รปู จะเปน็ รปู อะไรก็ได้
2. ใช้ลกู ศรสดี า (Selection Tool) ลากครอบแล้วกดปุ่ม F8 จากนัน้ ตงั้ ชอ่ื ซมิ โบลแล้วเลอื กซิมโบลแบบ Button กด OK 3. เมือ่ ไดซ้ ิมโบลแล้วดับเบิล้ คลกิ เข้าไปท่ี ซมิ โบล จะปรากฏเฟรม 4 สถานะ คอื Up Over Down Hit Up คอื สถานะปกตทิ ่ียังไม่ได้ทาอะไร Over คือ สถานะเมือ่ เคอเซอร์ของเมาส์มาทบั ปุ่ม Down คือ สถานะเมือ่ คลกิ ปมุ่ Hit คอื กรอบพน้ื ทีห่ รอื ขอบเขตของปมุ่ 4. คลิกขวาทีเ่ ฟรม Over แลว้ เลอื กคาสง่ั Insert Keyframe 5. ทาการเปลี่ยนสหี รอื รูปร่างของปุม่ ใน เฟรม Over
6. คลกิ ขวาทเ่ี ฟรม Down แลว้ เลอื กคาส่งั Insert Keyframe แลว้ เปลยี่ นสีอกี รอบ 7. คลิกขวาท่ีเฟรม Hit แล้วเลอื กคาสง่ั Insert Keyframe ไมต่ อ้ งเปลี่ยนสกี ็ได้เพราะสถานะ Hit เปน็ ขอบเขตของ ปุ่มทสี่ ามารถคลิกได้เท่านนั้ ไมส่ ามารถแสดงสีได้ หมายเหตุหากต้องการพิมพ์ขอ้ ความบนปมุ่ สามารถพิมพไ์ ดต้ ามคยี ์เฟรมของแตล่ ะสถานะ
8. เม่อื ตกแตง่ เสรจ็ กดท่ีคาว่า Scene 1 เพอื่ กลับไปยงั หน้าหลกั จากนนั้ กด ปุ่ม Ctrl+Enter เพอื่ ทดสอบ และลอง เลือ่ นเมาสม์ าทบั ปมุ่ และคลิกดู จะมกี ารเปล่ียนแปลงเกิดขน้ึ ตามที่เรากาหนด วิธีการใช้ ActionScript ActionScript เปน็ การเขียนภาษา Script บนโปรแกรม Flash เพอ่ื ใช้ควบคุมมูวี่ (Movie) ให้ทางานตามเหตกุ ารณ์ ตา่ งๆโดยเขยี นทหี่ น้าต่างทเี่ รียกวา่ พาเนล (Panel) ซึง่ พาเนล มี 2 โหมดคือ Normal Mode เป็นโหมดปกติ ซง่ึ จะมีตัวนาทางหรอื เมนตู วั เลือก โหมดน้เี หมาะสาหรบั มือใหม่ Expert Mode เป็นโหมดสาหรบั ผู้เช่ียวชาญเหมาะสาหรบั ผทู้ ี่จารปู แบบคาส่ัง (Syntax, operator,command)ไดด้ ี ในโหมดนี้จะไมม่ ี เมนนู าทาง เหมือนแบบแรก การเปิดหนา้ ตา่ ง พาเนล (Panel Actions) คลิก Windows > Action หรือ กด F9 ขั้นที่ 1 คลิกทปี่ ุ่ม Script Assist เพอ่ื สลบั หนา้ ต่างพาเนล
การเขียนคาสง่ั ใหก้ บั เฟรม คาสงั่ Action Script สามารถเขยี นให้กับองคป์ ระกอบ 3 ชนิด คือ เฟรม (Frame) ป่มุ (Button) และมูวคี ลปิ (Movie Clip) ขน้ั ตอนการการเขียนคาสง่ั ใหก้ ับเฟรม (Frame) ขน้ั ที่ 1 คลิกเฟรมทีต่ อ้ งการใส่คาสงั่ สครปิ ต์ (หมายเลข 1) ขั้นท่ี 2 เขยี นคาส่ังท่ีตอ้ งการ กรณีอยูใ่ น Normal Mode ทาไดโ้ ดย คลกิ เครอ่ื งหมายบวก (หมายเลข 2 ) แลว้ คลกิ เลือกคาสง่ั ที่ตอ้ งการ
ขัน้ ท่ี 3 ผลท่ีได้จากการใส่คาส่งั (หมายเลข 4 ) 4. กรณอี ยูใ่ น Expert Mode สามารถเขยี นคาส่งั ได้โดยตรง (หมายเลข5) 5. เม่อื ต้องการลบคาสงั่ ออก ทาได้โดยคลิกเครื่องหมายลบ (หมายเลข 6) หรอื หากอยูใ่ น Expert Mode ทาการแดรกเมาส์คลุมคาสงั่ ทต่ี ้องการลบ แล้วกดป่มุ Delete
การเขียนคาสง่ั ให้กบั ปมุ่ การเขยี นคาสัง่ ให้กับปมุ่ คอื การกาหนดแอคชัน่ ใหป้ มุ่ ให้ตอบสนองต่อการกระทา เช่น เวลาคลิกลาก (Drag) หรอื วางเมาสไ์ ว้เหนอื ปุม่ ซึ่งตอ้ งใส่คาสง่ั ไว้ภายในตวั ควบคุม on พรอ้ มทงั้ ระบุเหตกุ ารณ์หรืออเี วนต์ (event) ของเมาสห์ รอื คยี บ์ อร์ด ตามดว้ ยคาส่ังท่ีตอ้ งการ โดยมรี ปู แบบคาสงั่ คือ ขัน้ ตอน การเขยี นคาส่ังให้กบั ปุม่ (โหมด Normal) 1. คลกิ ที่ปมุ่ แลว้ ใส่คาสั่งทห่ี นา้ ต่างพาเนล ActionScript ตามตอ้ งการ 4. คลิกเคร่อื งหมายบวก (หมายเลข 1) 5. เลอื กเมนูคาสงั่ ทตี่ อ้ งการ เช่น ตอ้ งการใหเ้ ปดิ เว็บ (หมายเลข 2)
6. ในบางคาสงั่ จะตอ้ งมกี ารกรอกรายละเอียดทตี่ ้องการ (หมายเลข 3) แนวทางการเขยี น ActionScript สาหรบั การเขยี นใน Expert Mode จะมีรปู แบบการเขียนแอคชน่ั สคริปต์ ใหก้ บั เฟรมเพ่อื ควบคมุ ปุ่มและมฟู ว่คี ลปิ ดงั น้ี ตวั อยา่ งเชน่ การเขยี นส่งั งานให้กับป่มุ ชอ่ื button1 เวลาถกู คลิก จะใชร้ ปู แบบ คือ
ขน้ั ตอนการเขยี นด้วยหนา้ ต่าง Expert Mode (หมายหตุ : ดูขัน้ ตอนการเขียนโดยใชห้ นา้ ตา่ ง Normal Mode ได้ท่ี การเขยี นคาส่งั ใหก้ บั ปุ่ม) 1. คลิกทป่ี มุ่ ใหแ้ อคทฟี (Active) 2. เปดิ หน้าต่างแอคชน่ั แบบ Expert Mode หรอื ถา้ เปดิ แลว้ ใหค้ ลิกทปี่ มุ่ เปรยี บเทยี บ หน้าต่าง Expert Mode และ Normal Mode 3. คลิกเคร่อื งหมายบวก (หมายเลข 1)
4. คลกิ เลอื กกลมุ่ คาสงั่ ทตี่ ้องการ (หมายเลข 2) 5. ดบั เบลิ คาส่งั หรอื อเี วนต์ทต่ี อ้ งการ (หมายเลข 3) 6. ทาซ้าข้อ 3-5 เพ่อื เพม่ิ เตมิ คาสง่ั อืน่ ๆ อีก ตามต้องการ
คาส่งั พื้นฐาน Action Script คาส่ัง On Mouse Event ใช้กาหนดเหตกุ ารณ์ ของเมาสห์ รอื คีย์บอร์ด ซงึ่ จะมีผลชดุ คาสงั่ ทอี่ ย่ใู นบรรทดั ตอ่ ๆ มาท่อี ยูใ่ นเครอ่ื งหมาย { } ถกู ดาเนนิ การ โดยทกุ ครัง้ ทกี่ าหนดคาสง่ั ใหก้ บั ปุม่ โปรแกรมจะสรา้ ง คาส่ัง On ขน้ึ มารองรบั ซง่ึ จะมีอีเวนต์ทป่ี ระกอบดว้ ย คาส่ัง Go To เปน็ คาสง่ั ทีใ่ ช้ควบคมุ การแสดงของมฟู วี่ โดยส่ังใหห้ ัวอ่าน (Play Head) กระโดดไปยงั ตาแหนง่ ที่ ต้องการ ได้แก่
ตวั อย่าง.................... จากภาพ เป็นการกาหนดให้หวั อา่ น (Play Head) กระโดดไปหยดุ ที่ Scene 2 เฟรมท่ี 10
การใชง้ านเสยี งและวิดโี อ การนาเขา้ ไฟลเ์ สียง เสียงประกอบในมฟู ว่ขี อง Flash แบ่งออกเปน็ 2 ประเภทคอื Event Sound หมายถงึ เสียงทต่ี อ้ งถกู ดาวนโ์ หลด มาครบสมบูรณ์กอ่ น จงึ จะเรม่ิ เล่นได้ และเม่อื เล่นแลว้ กจ็ ะเล่น อย่างตอ่ เนอ่ื งจนกว่าเราจะสงั่ ใหห้ ยดุ Stream Sound หมายถึงเสยี งซงึ่ จะเรม่ิ เล่นทันที่ ทขี่ อ้ มลู ของเฟรมแรกๆ ถกู ดาวนโ์ หลดเขา้ มามากพอท่ีจะเลน่ ได้ ไฟลเ์ สียงที่เราสามารถอมิ พอรต์ เข้ามาใช้ใน โปรแกรม Flash คอื ไฟล์ ประเภท WAV,AIFF (.aif) และ MP3 นอกจากนหี้ ากเครอ่ื งติดตงั้ โปรแกรม QuickTime 4 ขน้ึ ไป ก็จะสามารถใช้ ไฟลเ์ สียงประเภทอน่ื ๆ ไดอ้ ีกหลายชนดิ คือ AIFF,AU,QuickTime,System7 และ Sound Designer II ขนั้ ตอน การอมิ พอร์ตเสียง ขั้นท่ี 1 การอมิ พอร์ตเสียง 1. เลือกคาส่งั File > Import > Import to Library... 2. ในกรอบ Import เปิดหาไฟลเ์ สยี งที่ตอ้ งการ (หมายเลข 1) 3. คลิกท่ีชอื่ ไฟลน์ ้นั (หมายเลข 2) 4. คลิก Open (หมายเลข 3)
3. ไฟล์เสยี งจะถกู นามาเกบ็ ไวใ้ นไลบรารโี ดยมี ไอคอนเปน็ รปู ลาโพง 4. ทเี่ ฟรมทตี่ ้องการแทรกเสยี ง (ตามภาพคือเฟรมที่ 10) ใหก้ ด F6 เพือ่ แทรกคยี ์เฟรม 5. เลอื กเพลงทจ่ี ะใหเ้ รมิ่ เล่นทเี่ ฟรมท่ี 10 โดยเลือกชื่อเพลงทชี่ ่อง Sound ในหนา้ ต่าง Properties (หมายเลข 4) และเลือกแบบ Stream (หมายเลข 5)
6. กาหนดช่วงเวลาในการเล่น เช่น ต้องการเล่นเพลงไปถงึ เฟรมท่ี 40 ใหค้ ลิกท่ี 40 แลว้ กด F6 เพลงจะเลน่ จากเฟรมท่ี 10 - 40 7. หากต้องการใส่ effect ให้กบั เสยี ง สามารถใสไ่ ด้จากหนา้ ตา่ ง properties ท่ชี อ่ ง Effect ซึ่งมีให้เลอื กหลายแบบ (หมายเลข 8) การจัดการเกย่ี วกับเสียง การลบเสยี งออกจากเฟรม กรณที ี่แทรกเสยี งในเฟรมแล้วดงั ภาพ (เสียงเล่นทเ่ี ฟรมท่ี 1-40)
เมอ่ื ต้องการลบเสียงออก ทาไดโ้ ดย 1. คลกิ ทเี่ ฟรมใดเฟรมหนง่ึ ในระหวา่ งเฟรมที่ 1-40 2. ทห่ี นา้ ตา่ ง Properties ช่อง Sound ให้คลิกเลอื กเป็น None การลบเสยี งออกจาก Movie กรณที เ่ี มอ่ื นาไฟลเ์ สียงเข้ามาใน Movie แลว้ และตอ้ งการลบออก ทาได้โดย เปดิ หนา้ ต่าง Library แล้วคลิกไฟลเ์ สยี งทตี่ ้องการลบ (หมายเลข 1) แลว้ คลกิ ถงั ขยะ (หมายเลข 2)
การนาเขา้ ไฟลว์ ดิ โี อ การเผยแพรว่ ดิ โี อดว้ ย Flash มหี ลายรปู แบบ เช่น แบบ Progressive จากเว็บเซริ ฟ์ เวอร์ ซึ่งเป็นการลงิ คไ์ ฟลจ์ ากภายนอกมาใช้ ทาใหน้ าเสนอได้ เร็วแต่มีข้อจากดั คอื ความเร็วของอนิ เทอรเ์ น็ตต้องเร็วด้วย ถา้ ความเร็วนอ้ ย อาจทาใหว้ ิดโี อกระตกุ ได้ แบบ Streamingเปน็ การลิงคไ์ ฟลจ์ ากภายนอกเช่นกนั แต่จะเล่นแบบ real time (ถ่ายทอดสด) ซ่งึ ต้องอาศัย บริการเฉพาะของเซิร์ฟเวอร์ แบบ Streaming โดยใช้ Flash Communication Server ซง่ึ จะตอ้ งมีโปรแกรมควบคมุ การเล่นและติดตอ่ กบั ผู้ชม เช่น Flash Media Serverแบบ Embedding Video เปน็ การฝงั หรือแนบไฟล์วดิ โี ออย่ใู นไฟล์ Flash ดว้ ย ซ่งึ เวลาทผ่ี ูช้ มจะชม ตอ้ งดาวน์โหลด ไฟลม์ าทงั้ หมดได้กอ่ น ซ่งึ เหมาะสาหรบั ไฟล์วดิ ีโอส้ันๆ (ไมต่ อ้ งดาวน์โหลดนาน) แบบ Link QuickTime video สาหรบั ไฟลว์ ดิ ีโอแบบ QuickTime (.mov) ถา้ ตั้งคา่ การเลน่ ด้วย Flash Player โปรแกรมจะเรียกไฟล์มาเลน่ ดว้ ย Quick Time Player การเผยแพร่วิดีโอแบบ Progressive และ แบบ Streaming 1. คลิกเมนู File > Import > Import Video... 2. คลกิ Browse เพือ่ เลอื กไฟลว์ ดิ ีโอ (หมายเลข 2) 3. เลอื กไฟลว์ ิดโี อทตี่ ้องการ (หมายเลข 3) 4. คลิก Open (หมายเลข 4)
5. คลิก Next (ปุ่มด้านลา่ ง) 6. เลอื กรูปแบบการเผยแพร่ตามต้องการ (หมายเลข 5) 7. คลกิ Next >(ปมุ่ ด้านล่าง) 8. คลกิ แล้วเลือกคุณภาพการเขา้ รหัส (หมายเลข 6) 9. คลกิ Next > (หมายเลข 7)
10. คลิกแล้วเลอื กรปู แบบหน้ากากแผงควบคุม (หมายเลข 8) 11. คลกิ Next > (หมายเลข 9) 12. คลกิ Next (ปมุ่ ด้านล่าง) 13. คลิก Finish (ปมุ่ ดา้ นลา่ ง) 14. รอสักครู่จะมีหนา้ ตา่ งแสดงความคืบหนา้ การเขา้ รหสั (ภาพท่ี 6)
ภาพที่ 6 15. เมอ่ื เสรจ็ แลว้ จะได้ดังภาพที่ 7 สามารถทดสอบดไู ดโ้ ดยกด Ctrl + Enter ภาพท่ี 7
การทางานกับ Flash Video Flash Video (.flv) เปน็ ความสามารถในการทาใหก้ ารนาเสนอภาพวดิ โี อร่วมกับองค์ประกอบอ่นื ๆ เชน่ ภาพนง่ิ กราฟกิ เสียง ขอ้ มลู อื่นๆ โดยผสู้ รา้ งงานปรบั แต่ง ดดั แปลงแก้ไขได้ตามความตอ้ งการ โดยใช้โปรแกรม เสรมิ ที่ติดตง้ั พรอ้ มกบั Flash 8 คอื โปรแกรม Macromedia Flash 8 Video Encoder ข้ันตอนกการทางาน 1 เปดิ โปรแกรม โดยคลิก Start > Programs > Macromedia > Macromedia Flash 8 Video Encoder ภาพท่ี 1 2. นาเขา้ วิดโี อ โดยคลกิ Add.. (หมายเลข 2) 3. คลกิ เลอื กไฟล์ จากหน้าต่าง (หมายเลข 3) 4. คลกิ Open (หมายเลข 4) 5. คลิกป่มุ Settings... เพื่อปรบั ค่าต่างๆ (หมายเลข 5)
ภาพท่ี 2 6. คลกิ เลอื กระดับคุณภาพการเขา้ รหสั (หมายเลข 6) 7. ตงั้ ช่อื ไฟล์ (หมายเลข 7) 8. คลิกปมุ่ OK (หมายเลข 8)
9. หากต้องการแปลงไฟล์พรอ้ มกนั หลายๆ ไฟล์ ให้ทาขัน้ ตอนที่ 2-8 ซา้ จนครบ 10. คลกิ ปุม่ Start Queue เพือ่ เรม่ิ การแปลงไฟล์ (หมายเลข 10) เมือ่ แปลงไฟลเ์ สร็จจะไดไ้ ฟลท์ โ่ี ฟลเดอรข์ องไฟล์ ตน้ ฉบบั ดงั นี้ สามารถเพ่มิ คดั ลอก หรอื ลบไฟล์ได้จากหนา้ ตา่ ง โปรแกรม (ภาพที่ ) การปรับเปลี่ยนเกี่ยวกับวดิ ีโอ หลงั จากการนาเข้าไฟล์วิดีโอแลว้ เราสามารถปรบั เปลย่ี นการตั้งค่าตา่ งๆ ได้ ซึ่งสามารถทาไดจ้ ากหนา้ ตา่ งโปรแกรม Flash 8 ได้โดยตรง ขัน้ ตอนกการทา งาน 1. เปิดไฟล์วิดโี อ ท่ไี ดน้ าเข้ามาแล้ว (หมายเลข 1) แลว้ คลกิ ที่ object หรือท่ีภาพวดิ ีโอ
2. ที่หน้าตา่ ง Properties คลิกแท็บ Parameters (หมายเลข 2) 3. คลิกตง้ั ค่าการเลน่ อตั โนมตั จากหนา้ ต่างในช่อง AutoPlay (หมายเลข 3) โดยคา่ True คือ เมอ่ื เปิดวดิ ีโอ กาหนดใหเ้ ล่นอัตโนตั ิ False คอื เม่ือเปิดวิดีโอ กาหนดใหห้ ยุดไวก้ อ่ น 4. ในทานองเดียวกนั การต้งั ค่าอื่นๆ หากมีตัวเลอื ก True และ False สามารถกาหนดค่าลกั ษณะเดียวกนั เชน่ การตงั้ ค่าการเลน่ วนซ้า (หมายเลข 4) โดยคา่ True คือ เมอื่ เปิดเล่นวดิ โี อ เมอ่ื เล่นจบแลว้ กาหนดใหเ้ ลน่ วนซ้า False คอื เมอ่ื เปดิ เล่นวิดโี อ เมอ่ื เลน่ จบแลว้ ไมต่ ้องวนซา้
5. การปรบั เปลน่ี หน้ากากแผงควบคมุ การเล่น ทาไดโ้ ดย คลกิ ช่อง Skin (หมายเลข 5) แล้วคลิกทส่ี ัญลกั ษณ์แวน่ ขยาย (หมายเลข 6) 6. เลอื กรูปแบบไดโ้ ดยคลกิ ทห่ี นา้ ตา่ งชอ่ ง Skin (หมายเลข 7)
การเผยแพร่และนาไปใช้ เกี่ยวกบั การสร้างมฟู วี่ (Movie) 1. การสรา้ งภาพเคลอ่ื นไหว แบบ Motion Tween จะทาให้ไฟลเ์ ล็กกวา่ แบบ Frame by Frame 2. หลกี เลยี่ งการนาภาพบิตแมพ มาสรา้ งเป็นภาพเคลอ่ื นไหว ควรนามาใชเ้ ป็นฉากหลงั หรอื ภาพน่ิงเทา่ นน้ั 3. ควรใชซ้ ิมโบล แทนออบเจ็คที่มปี รากฏอยู่ในมูฟว่ี (ดไู ด้จากหน้าต่าง Library) 4. หากจาเป็นตอ้ งนาภาพบติ แมพ มาใช้ ควรตัดภาพใหข้ นาดเลก็ เท่าทจ่ี าเป็นและบีบอัดคุณภาพลงก่อน 5. หากต้องใช้เสยี ง ควรเลอื กประเภท MP3 เน่ืองจากเปน็ ไฟล์ทีม่ ีขนาดเลก็ เก่ียวกับการ สร้างวตั ถุ (Object) 1. ควรรวมวตั ถุ ให้เปน็ กลมุ่ (Group) ให้มากทสี่ ดุ 2. ควรแยกเลเยอรท์ ม่ี ีวัตถเุ คลือ่ นไหว และไม่เคลอื่ นไหว ออกจากกัน 3. การวาดเสน้ ทบึ ธรรมดา จะทาใหไ้ ฟลม์ ีขนาดเลก็ กวา่ เส้นแบบจุด (dash) หรือ เสน้ ท่ีมลี วดลาย 4. การวาดเส้นด้วยดินสอ (Pencil) จะทาให้ไฟลม์ ีขนาดเลก็ กวา่ การวาดเสน้ ดว้ ยแปรง (Brush) 5.ภาพบิตแมพทไ่ี ม่มีความซบั ซอ้ น ลดขนาดลงไดด้ ว้ ยการทา break apart 6. ควรใช้คาสงั่ Modify > Shape > Optimize เพื่อลดจานวนเส้นทป่ี ระกอบกนั เปน็ รปู ทรง เกีย่ วกบั การ สร้างตวั อักษรและข้อความ 1. การใชร้ ปู แบบตวั อักษรทหี่ ลากหลาย ทาให้ไฟล์มีขนาดใหญ่ 2. การฝงั ฟอนต์ (Embedded) ไปกับมฟู วี่ ทาให้ไฟลม์ ีขนดใหญ่ ควรใช้เท่าทจ่ี าเปน็ เก่ียวกับการใช้ สี 1. หากรูปภาพหรอื วัตถุ ทีมคี วามคลา้ ยกัน ควรสรา้ งจากซมิ โบล แล้วคอ่ ยนามาปรบั ขนาดหรอื สี 2. ควรใชฟ้ ิลเตอรเ์ ท่าทจ่ี าเปน็ หมายเหตุ : ควรตรวจสอบไฟล์ หรอื วตั ถุต่างๆ ใน Library ทไี่ ม่ไดใ้ ชง้ านและลบทิ้ง เมอ่ื ทาแอนเิ มชน่ั เสรจ็ ตามต้องการแล้ว การสง่ ออกไฟลเ์ พอ่ื นาเสนอ ทาได้โดย คลกิ เมนู File > Pubblish Settings... (หมายเลข 14)
คลกิ ที่แทบ็ Formats แลว้ คลิกเลือก Windows Projector (.exe) (หมายเลข 15) สามารถเลือก Path สาหรบั การสง่ ออกได้ (หมายเลข 16) ทาการส่งออกโดยคลกิ Publish (หมายเลข 17)
การ Publish เมือ่ สร้างงานตามทีตอ้ งการแลว้ ขั้นตอนสุดทา้ ย คอื การนาผลงานไปใช้ หรอื การส่งออก โดยสามารถเลือกรปู แบบ การสง่ ออกเปน็ ไฟลช์ นดิ ตา่ งๆ ตามวัตถปุ ระสงค์การใชง้ านซงึ่ ทาได้ ดังน้ี ขน้ั ตอนการ Publish 1. คลิกเมนู File > Publish Settings... 2. ท่หี น้าตา่ ง Publish Settings กาหนดรปู แบบไฟล์ กาหนดชอ่ื ไฟล์ และกาหนดสถานที่ หรอื Path ที่ต้องการสง่ ออก
1. การกาหนดชนิดไฟลท์ ตี่ ้องการสง่ ออกทาไดโ้ ดยคลิกเครือ่ งหมายถกู หน้าชนดิ ของไฟลท์ ่ตี อ้ งการ (กรอบหมายเลข 1) 2. เมือ่ คลิกในขอ้ 2.1 แลว้ จะปรากฏแท็บคณุ สมบตั ินนั้ ๆ ( ดงั กรอบหมายเลข 2) 3. หากตอ้ งการเปล่ียนช่อื ไฟล์ สามารถเปล่ียนได้ในชอ่ งกรอบหมายเลข 3 4. การเลอื กสถานท่ี หรอื Path ในการบันทกึ ไฟล์ ทาไดโ้ ดยคลิกสญั ลกั ษณโ์ ฟลเดอร์ ในหมายเลข 4ในการ กาหนดคุณสมบตั กิ ารสง่ ออกของ ไฟล์แตล่ ะชนิด ทาไดโ้ ดยคลิกแทบ็ ชนิดนัน้ ๆเช่น การกาหนดค่าการส่งออก ภาพเคลอื่ นไหวของ Flash ซ่งึ จะได้ไฟล์ .swf เมอื่ คลกิ แทบ็ Flash จะปรากฏหนา้ ตา่ งสาหรบั การตงั้ ค่าคณุ สมบตั ิ ดังภาพที่ 3 แล้วกาหนดค่าตามต้องการ ในกรณีตอ้ งการสง่ ออกเป็นรปู ภาพ ชนิด .jpg ทาได้โดยคลกิ ทแี่ ท็ป JPEGซึ่งจะได้หน้าต่างสาหรับการตั้งค่าคณุ สมบตั ิ ดงั ภาพ แล้วกาหนดคา่ ตามต้องการ
ในกรณตี ้องการส่งออกเปน็ รปู ภาพ ชนดิ .gif ทาไดโ้ ดยคลกิ ที่แท็ป GIF ซ่ึงจะไดห้ น้าต่างสาหรบั การต้ังค่าคุณสมบัตดิ งั ภาพ แลว้ กาหนดค่าตามต้องการ หรอื หากตอ้ ง การส่งออกเป็นไฟลเ์ ว็บเพจ ทาไดโ้ ดยคลิกท่แี ทป็ HTMLซ่งึ จะไดห้ น้าตา่ งสาหรบั การตั้งคา่ คณุ สมบัติ แลว้ กาหนดคา่ ตามตอ้ งการ
เม่อื กาหนดคา่ ต่างๆ ตามตอ้ งการแล้ว คลกิ ทป่ี ุ่ม Publish เพื่อทาการสง่ ออกไฟล์ และนาไปใช้ตอ่ ไป
การ Export ไฟล์เพอ่ื นาไปใชก้ บั เอกสารอน่ื ๆ การสง่ ออกไฟล์เพ่อื นาไปใช้ นอกจากจะสง่ ออกในแบบของการ Publish แล้วยังสามารถสง่ ออกแบบเด่ยี วๆ ตามแตช่ นิดของการใช้งานตามตอ้ งการ ดงั นี้ ขน้ั ตอนการสง่ ออกภาพเดยี ว 1. คลกิ เมนู File > Export > Export Image... (หมายเลข 1)
2. เลือกสถานท่บี ันทกึ และพมิ พ์ชื่อไฟลท์ ต่ี ้องการบนั ทกึ (หมายเลข 2) เลอื กชนดิ ของไฟล์ (หมายเลข 3) แล้วคลกิ Save (หมายเลข 4) 3. กาหนดคณุ สมบัติของไฟล์ โดยตัง้ คา่ ในกรอบหมายเลข 5 เม่อื กาหนดคา่ ตามตอ้ งการแล้ว คลิก OK (หมายเลข 6) เพ่ือส่งออกไฟล์
ขน้ั ตอนการส่งออกมฟู ว่ี 1. คลิกเมนู File > Export > Export Movie... (หมายเลข 7) 2. เลือกสถานท่บี ันทกึ และพมิ พ์ช่ือไฟลท์ ต่ี ้องการบันทกึ (หมายเลข 8) เลือกชนิดของไฟล์ (หมายเลข 9) ซ่งึ ชนิด ของไฟล์หากต้องการเป็นไฟล์ Flash ต้องเลอื กเป็น .swfแล้วคลกิ Save (หมายเลข 10) หมายเหตุ : ในกรณีทตี่ อ้ งการไฟล์ชนดิ อื่นๆ สามารถเลือกชนดิ ไฟล์ โดยการคลกิ ท่ีปมุ่ หมายเลข 9 แลว้ เลอื กชนิดไฟล์ ซ่ึงมีหลายรปู แบบ ดงั ภาพหมายเลข 11
Search
