466.11 วธิ ีการใช้งาน Maskในตวั อย่างงานชิน้ นีจ้ ะทาให้มีไฟฉาย ฉายไปบนภาพโดยมีลกั ษณะหาของในท่ีมืดแตพ่ บกบั ปี ศาจแทน โดยได้เตรียมรูปภาพฟ้ าและปี สาจเรียบร้อยแล้ว ขนั้ ตอนการทางานดงั นี ้ 1. สร้าง Layer ใหม่ ตงั้ ช่ือวา่ Light 2. คลิกขวาที่ชื่อ Layer Light แล้วให้เลอื กคาสงั่ Mask ทาให้ Layer Background จะอย่ใู นสว่ นหน่งึ ของ Layer Light ดงั รูป และรูปภาพของ Background จะถกู ซ้อนทนั ที 3. คลกิ คาสงั่ unlock ท่ีตาแหนง่ ลกู กญุ แจของ Layer Light 4. วาดรูปวงกลมลงบน Layer light และเปลี่ยนให้เป็น Symbol Graphic โดยการกด F8 ตงั้ ชื่อวา่ balllight โครงการฝึ กอบรมเชิงปฏบิ ัตกิ ารผลิตส่ือการเรยี นการสอน
47 5. กาหนดให้ลกู บอลเคลือ่ นไหวไปมา โดยใช้ความรู้ของการทา Animationแบบ Motion Tween โดย สลบั ลกู บอลไปมา แตต่ ้องให้มีสว่ นพาดผา่ นตวั ปี ศาจด้วย 6. กด F5 ในตาแหน่ง Frame สดุ ท้ายของ Layer Background โดยจะต้องเทา่ กบั Layer light 7. คลิกขวาท่ี Layer light แล้วเลอื ก Create Motion Tween 8. กดป่ มุ Ctrl+Enter เพื่อทาการทดสอบผลงานหรือ คลกิ ท่ี Menu File-> Publish Preview -> Flash โปรแกรมจะปรากฏหน้าตา่ งผลงานขนึ ้ มาแสดง6.12 การเปล่ียนคณุ สมบัตสิ ีของ Animation นอกจากการเคลอ่ื นที่การเปล่ยี นรูปร่างของ Animation ยงั สามารถปรบั สขี องวตั ถคุ อ่ ย ๆ เปลยี่ นหรือความชดั ของวตั ถจุ ากชดั ไปจนจางหายไป สามารถกาหนดได้จากแถบสี Instance จากกลอ่ งเคร่ืองมอืProperties Inspector โครงการฝึ กอบรมเชิงปฏิบัตกิ ารผลติ ส่ือการเรยี นการสอน
48สว่ นของ Color Instance สามารถปรับแตง่ ได้ดงั นี ้ 1. Brightness กาหนดความสวา่ งของวตั ถแุ ละภาพ 2. Tint กาหนดคา่ สขี องวตั ถแุ ละภาพ 3. Alpha กาหนดความโปร่งใสของวตั ถแุ ละภาพ 4. Advanced เป็นการปรบั แตง่ คา่ ขนั้ สงู สามารถปรบั เปลยี่ นได้ทงั้ สแี ละความโปร่งใสได้พร้อม ๆ กนั6.13 ขนั้ ตอนการปรับแต่งคุณสมบัตสิ ี ในตวั อยา่ งจะมีรูปสายฟ้ า กบั ก้อนเมฆ บน Layerlight และ Cloud ซงึ่ ต้องการให้เมฆเปล่ยี นสี และสายฟ้ าปรากฏขนึ ้ และหายไป 1. กดป่ มุ F8 แปลงวตั ถกุ ้อนเมฆ ให้เป็น Symbol Graphic ช่ือวา่ Cloud 2. กดป่ มุ F8 แปลงวตั ถสุ ายฟ้ าเป็น Symbol Graphic ช่ือวา่ Light 3. คลกิ ที่ Symbol Cloud แล้วกด F8 อกี ครงั้ ตงั้ ชื่อวา่ cloud-animate เลือก Type Movie clip(การ ทาวธิ ีนีเ้ ป็นการซ้อน Symbol 2 ชนั้ ซง่ึ Symbol ใน flash สามารถซ้อนกนั หลาย ๆ ชนั้ ได้ ) 4. คลิกท่ี Symbol light แล้วกด F8 อกี ครงั้ ตงั้ ชื่อวา่ light-animate เลอื ก Type Movie clip โครงการฝึ กอบรมเชิงปฏบิ ตั กิ ารผลติ สื่อการเรยี นการสอน
495. ดบั เบิลคลิกท่ี symbol cloud-animate จะเข้าสสู่ ถานการณ์แก้ไขของ Symbol cloud-animate ดงั รูปด้านซ้ายบน ( ผ้ใู ช้ควรตรวจสอบสถาะก่อนแก้ไขให้ดวี า่ อยใู่ นสถานการณ์ทางานใดอย่ตู อนนี )้6. กด F6 ใน Frame ท่ี 10 และ 20 ของ Layer 1 เพ่ือสร้างตาแหน่ง Keyframe ท่ีมีการเปลยี่ นสีของ ก้อนเมฆ7. คลิกท่ี KeyFrame ท่ี 10 ให้แก้ไขสว่ นของ Properties Inspector Color : Tint ดงั นี ้ ก้อนเมฆจะ เปลี่ยนเป็นสีเข้มขนึ ้ ซึ่งถ้าต้องการสใี ดผ้ใู ช้สามารสามารถปรับสีได้ด้วยตวั เอง โดยคา่ 3 ช่องของสี คอื R=สีแดง G =สีเขยี ว B =สนี า้ เงิน8. ทาการ Create Motion Tween ท่ีLayer 19. คลิกย้อนกลบั ไปที่ Stage ของ Scene 1 โครงการฝึ กอบรมเชิงปฏิบัตกิ ารผลติ สื่อการเรยี นการสอน
5010. ดบั เบิลคลิกท่ี symbol light-animate จะเข้าสสู่ ถานการณ์แก้ไขของ Symbol light-animate11. กด F6 ใน Frame ที่ 5 และ 10 ของ Layer 1 เพ่ือสร้างตาแหน่ง Keyframe ที่มกี ารเปล่ียนของ สายฟ้ าให้ปรากฏและหายไป12. คลกิ ท่ี KeyFrame ที่ 5 ให้แก้ไขสว่ นของ Properties Inspector Color : Alpha เทา่ กบั 0 เพ่ือให้ วตั ถจุ ากหายไป13. ทาการ Create Motion Tween ที่Layer 114. คลกิ ย้อนกลบั ไปท่ี Stage ของ Scene 115. กดป่ มุ Ctrl+Enter เพ่ือทาการทดสอบผลงาน จะพบวา่ จงั หวะของก้อนเมฆที่เปลย่ี นสที กุ 10 Frame และ สายฟ้ าที่จะปรากฏทกุ 5 Frame ทาให้เกิดภาพฟ้ าผา่ และก้อนเมฆสลบั ไปมา16. เราสามารถคดั ลอกก้อนเมฆออกมาเป็นหลาย ๆ ชิน้ ได้ โดยที่เมฆยงั คงคณุ สมบตั ิการเปลยี่ นสี โดย จะต้องทาการคดั ลอกจาก Symbol Light-animation และ Cloud-animation เท่านนั้ โดยคลิกท่ี Selection tool จากนนั้ ให้กดป่ มุ Ctrl ค้างเอาไว้ แล้วคลกิ ลากวตั ถอุ อกมา17. ทาการย่อขยายวตั ถุ ให้มีขนาดตา่ ง ๆ กนั หรือถ้าต้องการให้การปรากฏของสายฟ้ าไมพ่ ร้อมกนั สามารถสร้าง Layer ใหม่ และให้สายฟ้ าปรากฏตา่ งเวลากนั โครงการฝึ กอบรมเชิงปฏิบัตกิ ารผลิตส่ือการเรยี นการสอน
51 บทท่ี 7 การแทรกไฟล์VDO และ Sound7,1 การแทรกไฟล์VDO โปรแกรม Flash นอกจากทา Animation ได้แล้วยงั สามารถนาไฟล์ภาพเคล่อื นไหวอยา่ ง VDO เข้ามาใช้งานได้ เช่นการทาสื่อการสอนท่ีต้องมีครูพดู เกริ่นนาเป็น VDO หรือการถา่ ยทาเร่ืองบางเร่ืองท่ีต้องเป็นภาพของจริงเทา่ นนั้ โปรแกรม Flash ลองรับการนาเข้าไฟล์หลายประเภท แตไ่ ฟลป์ ระเภทที่สะดวกที่สดุ ก็คือไฟล์ FLV ซ่งึ เป็นไฟล์ VDO ของโปรแกรม Flash ซ่ึงสามารถ convert ได้จากโปรแกรมแปลงไฟล์ทว่ั ๆไป และยงั สามารถหาไฟล์ FLV ได้งา่ ย ๆ จาก Clip ของ YouTube7.2 การแปลงไฟล์ VDO ในความเป็นจริงแล้ว Flash สามารถ import ไฟล์ตา่ ง ๆ ที่เป็น VDO เข้ามาได้เลย แตม่ กั จะเกิดปัญหาการเข้ารหสั ของไฟล์ VDO ทาให้เปิ ดได้บ้างไมไ่ ด้บ้าง วธิ ีที่ง่ายท่ีสดุ คือแปลงเป็นไฟล์ FLV เสยี กอ่ นโดยโปรแกรมท่ีแนะนาคอื xilisoft video converter วิธีการแปลงไฟลท์ าได้ดงั นี ้ 1. เปิ ดโปรแกรม xilisoft video converter 2. คลิกที่ Profile เพ่ือเลอื กวา่ จะแปลงไฟลเ์ ป็นไฟล์ใดใช้กบั อปุ กรณ์ใด ในท่ีนีใ้ ห้เลือกเป็นpicture and Animation -> FLV-Flash Video Format (*”flv) และกาหนดตาแหนง่ ของไฟล์ที่แปลงแล้วที่ Destination 3. คลกิ ที่ป่ มุ Add file แล้วเลือกไฟลต์ ้นฉบบั ท่ีต้องการจะแปลง 4. สามารถปรับแตง่ คา่ ความละเอยี ดของไฟล์ ขนาดไฟล์ โดยปรับแตง่ ทางด้านขวาของโปรแกรม โครงการฝึ กอบรมเชิงปฏิบัตกิ ารผลติ ส่ือการเรยี นการสอน
525. ไฟลจ์ ะเข้าไปอย่ใู นรายการ เตรียมพร้อมที่จะแปลงไฟล์ 6. กดที่ป่ มุ เพื่อทาการ Convert ไฟล์ 7. ไฟล์จะอย่ใู น Folder ที่เรากาหนดไว้ พร้อมนาไปใช้งาน7.3 การบันทกึ ไฟล์ Clip จาก YouTube มหี ลายเวบ็ ไซตท์ ่ีมีบริการบนั ทกึ ไฟล์จาก YouTube วธิ ีการค้นหาง่าย ๆ เพียงพิมพ์คาวา่ “ SaveYoutube” กจ็ ะพบเวบ็ ไซตม์ ากมาย ในที่นีข้ อยกตวั อยา่ งเวบ็ ไซต์ http://downloadyoutubevideo.org/ขนั้ ตอนการบนั ทึกไฟล์ VDO ทาได้ดงั นี ้ 1. เปิ ดเวบ็ ไซต์ Youtube พิมพ์ http://www.youtube.com ท่ีชอ่ ง Url 2. พิมพ์ Clip Video ที่ต้องการค้นหา ในตวั อยา่ งต้องการค้นหา”วิธีการทาอาหาร” 3. คลกิ เข้าไปที่คลปิ วีดีโอ ให้คดั ลอก URL จากกลอ่ งข้อมลู ทางด้านขวาโดยการกดป่ มุ Ctrl +C โครงการฝึ กอบรมเชิงปฏิบตั กิ ารผลติ ส่ือการเรยี นการสอน
53 4. เข้าเวบ็ ไซต์ http://downloadyoutubevideo.org ตรงชอ่ งกรอกข้อมลู ให้กด Ctrl+V เพื่อวาง URL แล้วกดป่ มุ Download 5. จะปรากฏหน้าให้คลิกท่ีป่ มุ download video link โดยไฟลท์ ่ีจะ download มาจะเป็นไฟล์ .FLV ให้จดั เกบ็ ไว้ใน Folder ท่ีต้องการ ช่ือของไฟลเ์ บือ้ งต้นจะเป็น Vidio.flv ซ่ึงควรจะเปล่ียนให้ สอดคล้องกบั เนือ้ หาใน Clip7.4 การนาไฟล์ VDO เข้าไปใส่ใน flashแบบท่ี 1 ให้จดั เตรียมไฟล์ VDO จดั เกบ็ ไว้ใน Folder เดยี วกบั ไฟล์ชิน้ งานเพ่ือความสะดวกในการเรียกไฟล์VDO ขนึ ้ มาใช้ และไมม่ ปี ัญหาตาแหนง่ ของไฟลไ์ มส่ อดคล้องกนั ด้วย วิธีการทามดี งั นี ้ 1. ให้ทาการ บนั ทกึ ไฟล์ Flash กอ่ น ในท่ีนีต้ งั้ ชื่อวา่ vdo.fla 2. ไปที่ File-> Import -> Import to stage 3. เลอื กไฟล์ VDO ในตวั อยา่ งเป็นไฟลช์ ื่อวา่ guide.flv 4. ปรากฏหน้าตา่ งแสดงตาแหน่งของไฟล์ VDO จากนนั้ กด Next เพ่ือส้ขู นั้ ตอนตอ่ ไป โครงการฝึ กอบรมเชิงปฏิบัตกิ ารผลติ สื่อการเรยี นการสอน
545. โปรแกรมจะถามถงึ รูปแบบการนาไฟล์ Video เข้ามาใช้ จะปรากฏหวั ข้อให้เลือกดงั นี ้ a. Prograssive download from a web server ดาวน์โหลดไฟล์ Video จาก Web server ท่ี เกบ็ ไฟลน์ นั้ b. Stream from Flash Video Straming Service ดาวน์โหลดไฟล์ Video แบบ Straming จากผ้ใู ห้บริการ c. Stream from Flash Communication Server ดาวน์โหลดไฟล์ Video จาก Flash Commuication Server d. As Mobile Device Video bundled in SWF ใช้สาหรบั ไฟล์ที่นาเสนอผา่ นมือถือ e. Embed video in SWF and play in timeline แทรกไฟล์ Video ฝังเข้าไปในชิน้ งาน f. Linked QuickTime video for publishing to Quicktime เช่ือมโยงกบั ไฟลป์ ระเภท MOV6. ให้เลอื ก Prograssive download from a web server7. เลอื ก Skin ของไฟล์ VDO ให้เหมาะสมกบั VDO8. ตรงสว่ นของกลอ่ ง Color สามารถปรบั แตง่ สี และคา่ Alpha ความโปร่งใส ของป่ มุ ควบคมุ การ เคลื่อนท่ีและเสยี งของ Video9. จากนนั้ กด Next และจบขนั้ ตอนด้วยป่ มุ Finish10. ไฟล์ Clip Vdo จะเข้าไปอยทู่ ่ี Layer 1 โดยที่ สามารถขยบั ไปมาตามตาแหน่งที่ต้องการได้11. กดป่ มุ Ctrl + Enter เพ่ือแสดงผลงาน โครงการฝึ กอบรมเชิงปฏบิ ัตกิ ารผลติ ส่ือการเรยี นการสอน
557.5 การนาไฟล์ VDO เข้าไปใส่ใน flashแบบท่ี 2 ให้จดั เตรียมไฟล์ VDO จดั เกบ็ ไว้ใน Folder เดยี วกบั ไฟลช์ ิน้ งานเพื่อความสะดวกในการเรียกไฟล์VDO ขนึ ้ มาใช้ และไมม่ ีปัญหาตาแหนง่ ของไฟลไ์ มส่ อดคล้องกนั ด้วย วธิ ีการทามดี งั นี ้ 1. ให้ทาการ บนั ทึกไฟล์ Flash ก่อน ในที่นีต้ งั้ ชื่อวา่ vdo2.fla 2. ไปท่ี File-> Import -> Import to stage 3. เลือกไฟล์ VDO ในตวั อย่างเป็นไฟล์ชื่อวา่ guide.flv 4. ปรากฏหน้าตา่ งแสดงตาแหน่งของไฟล์ VDO เลือก Embed video in SWF and play in timeline จากนนั้ กด Next ให้ 5. ตงั้ คา่ การ Embed ไฟล์ ตรงสว่ นของ symbol Type ถ้าเลอื กเป็น Embedded video จะทาให้ Clip VDO แทรกเข้าไปใน Frame ของ Layer ซ่งึ เราสามารถเลือ่ นแถบ Play Head ไปมาได้ โครงการฝึ กอบรมเชิงปฏบิ ัตกิ ารผลิตสื่อการเรยี นการสอน
567.6 การแทรกไฟล์เสียง เสียงท่ีนามาใช้ในงาน Animation สือ่ การสอน งานบางงานใช้เสียงเพลงประกอบ และเสยี งเอฟเฟกท่ีสอดคล้องกบั การเคลือ่ นที่ของ animation ทาให้งานออกมาดนู า่ สนใจน่าตดิ ตาม มากกวา่ ผลงานที่มีแตภ่ าพเคลอื่ นไหวไมม่ เี สียง เสียงท่ีใช้มีลกั ษณะดงั นี ้ 1. เสยี งบรรยาย เสยี งสนทนา ใช้สอ่ื สารบอกเลา่ กนั ระหวา่ งตวั ละคร หรือเลา่ เรื่อง 2. เสยี งบรรเลงประกอบใช้สร้างบรรยากาศของเร่ืองราวให้นา่ เช่ือมากย่ิงขนึ ้ 3. เสยี ง FX ประกอบ เช่น เสยี งการเดิน เสยี งประตปู ิ ด เสียงฟ้ าผา่ การใช้เสียงตามลกั ษณะท่ีบอกนนั้ มีรูปแบบการแสดงเสียงที่แตกตา่ งกนั เชน่ เสยี งบรรเลงประกอบจะต้องเปิ ดคลอดตลอดทงั้ เนือ้ เร่ือง สว่ นเสยี งสนทนาจะมีเฉพาะชว่ ง และเสียงประกอบท่ีจะเข้ามาแทรกเป็นระยะ ซ่งึ การทางานเสียงกบั Flash ควรสร้าง Layer เสียง 3 Layer แยกตามหวั ข้อข้างตน7.7 การนาไฟล์เพลงเข้ามาใช้เบือ้ งหลัง ลกั ษณะการนาเสียงดนตรีหรือเพลงเข้ามาใช้ประกอบเบือ้ งหลงั จะเลน่ ตลอดทงั้ ไฟล์ เมอ่ื เพลงจบแล้วกจ็ ะวนกลบั มาจดุ เร่ิมต้นใหม่ ในไฟลต์ วั อยา่ งที่เตรียมไว้ให้เป็น Animation กระตา่ ยกระโดดจากทางขวาไปซ้าย เราจะแทรกเสียงเพลงเข้าไปโดยวธิ ีการดงั นี ้ 1. ไฟล์มีด้วยกนั 3 Layer ซึ่งเป็น Layer ที่มวี ตั ถอุ ย่แู ล้ว เราจึงต้องสร้าง Layer ขนึ ้ มาใหมแ่ ละเปลย่ี น ช่ือให้เป็น Music ซง่ึ Frame จะถกู สร้างให้เทา่ ๆ กบั Layer ท่ีมีอยกู่ อ่ นหน้านี ้ 2. ไปท่ี File ->Import->Import to Library แล้วให้เลือกไฟลเ์ พลงที่เตรียมไว้ ในตวั อย่างนีใ้ ช้ไฟล์ เพลงท่ีช่ือวา่ Cartoon2.mp3 3. คลกิ ท่ี Frame ท่ี 1 ของ Layer music โครงการฝึ กอบรมเชิงปฏบิ ตั กิ ารผลติ สื่อการเรยี นการสอน
574. ที่แถบ Properties Inspector สว่ นของ Sound ให้เปลย่ี นเป็นช่ือไฟลเ์ พลงท่ีเรานะเข้ามา แล้วให้ ปรบั แตง่ คา่ เป็น loop เพื่อนให้เพลงวนไมม่ สี นิ ้ สดุ สาหรบั การตงั้ คา่ สว่ นอื่น ๆ ถ้าต้องการปรับแตง่ มีรายละเอยี ดดงั นี ้ a. Sound ช่ือไฟลเ์ พลงหรือเสยี ง b. Effect การเพิ่มลกู เลน่ ให้ไฟล์เสยี งเช่น Left / Right Channel เลน่ เสยี งออกลาโพง ด้านซ้ายหรือขวาข้างใดข้างหน่ึง Fade ไลเ่ สยี งจากลาโพงด้านหนงึ่ ไปยงั อกี ด้านหน่งึ c. Fade In – out ให้เสียงคอ่ ย ๆ ดงั ขนึ ้ และเบาลง d. Edit แก้ไขลกู เลน่ เสยี งขนั้ สงู โดยสามารถกาหนดจดุ ของระดบั ความดงั ของเสียงได้ e. Sync การตงั้ คา่ การเลน่ เสยี ง มตี วั เลือกดงั นี ้ i. Event เลน่ เม่อื Movie ถึง Keyframe แรกของเสยี ง เสียงที่เลน่ จะเร่ิมจนจบ ถึงแม้วา่ animation จะหมดแล้วเสยี งกย็ งั คงเลน่ อย่จู นจบไฟล์เสียง ii. Start เลน่ เมอื่ Movie ถงึ Keyframe แรกของเสยี ง เสียงที่เลน่ จะเร่ิมจนจบ ถงึ แม้วา่ animation จะหมดแล้วเสยี งก็ยงั คงเลน่ อยจู่ นจบไฟล์เสยี ง แตถ่ ้าใช้ Start เสยี งจะเร่ิมใหมน่ บั จากจดุ การตงั้ คา่ Start iii. Stop ใช้สาหรับหยดุ เสยี ง โครงการฝึ กอบรมเชิงปฏบิ ัตกิ ารผลติ สื่อการเรยี นการสอน
58 iv. Stream เป็นการ Synchronize เสียงให้เหมาะสมกบั งาน Animation โดยจะมี ความเท่ียงตรงมากที่สดุ มกั ใช้กบั การ Sync ปากตวั ละครระหวา่ งสนทนา v. Repeat จานวนรอบในการวนไฟลเ์ สียง vi. Loop เสยี งจะวนรอบเมอื่ จบไฟลเ์ สียงแล้ว 5. กดป่ มุ Ctrl + Enter เพ่ือแสดงผลงาน กระตา่ ยจะวง่ิ ไปและมเี สยี งเพลงประกอบ7.8 การนาไฟล์เสียง Fx เข้ามาใช้ ตามตวั อย่างท่ี 1 กระตา่ ยโดดไปทางซ้าย แล้วมเี สียงเพลงประกอบ ซ่งึ ยงั ขาดเสียงของการกระโดดของกระตา่ ย โดยจะต้องนาเสียงกระตา่ ยกระโดดไปวางไว้บน Keyframe ที่กระตา่ ยตกถึงพืน้ หญ้า มวี ธิ ีการดงั นี ้ 1. ไปท่ี File ->Import->Import to Library แล้วให้เลอื กไฟลเ์ สียงท่ีเตรียมไว้ ในตวั อย่างนีใ้ ช้ไฟลเ์ สียง ที่ชื่อวา่ jump.mp32. คลิกKey frame ท่ีกระตา่ ยตกถงึ พืน้ ในตวั อย่างคือ Frame ท่ี 10 20 30 ของ Layer Bunny 3. ที่แถบ Properties Inspector สว่ นของ Sound เลือกไฟล์ jump ทาแบบนีท้ กุ ๆ Frame ท่ี 10 20 และ 30 4. กดป่ มุ Ctrl + Enter เพ่ือแสดงผลงาน กระตา่ ยจะว่งิ ไปและมีเสียงเพลงประกอบและเสยี งกระโดด โครงการฝึ กอบรมเชิงปฏบิ ตั กิ ารผลติ ส่ือการเรยี นการสอน
597.9 การแทรกไฟล์เสียงพดู ของตัวละคร 1. เข้าไปแก้ไข Stage ของชิน้ งาน mama โดยการดบั เบิลคลกิ ที่หวั ผ้หู ญิง 2. สร้าง Layer Talk เพ่ิมขนึ ้ มาเพื่อใช้จดั เก็บเสียง3. ไปที่ File ->Import->Import to Library แล้วให้เลือกไฟลเ์ สียงที่เตรียมไว้ ใน ตวั อย่างนีใ้ ช้ไฟลเ์ สยี งท่ีช่ือวา่ talk.wav4. ท่ีแถบ Properties Inspector สว่ นของ Sound เลอื กไฟล์ talk และ ตงั้ คา่ เป็นแบบ Stream5. กดป่ มุ Ctrl + Enter เพื่อแสดงผลงาน จะพบวา่ เสยี งพดู ยงั ไมท่ นั จบ กจ็ ะวนเร่ิมใหม่ เนื่องจากการ ใช้รูปแบบ Stream จะต้องสร้าง time line ให้สอดคล้องกบั เสยี ง ให้กดป่ มุ F5 ที่ Layer talk ,face eye ใน frame ที่ 1776. นาภาพปากลงมาใสใ่ น Layer Mouth โดยได้เตรียมภาพปากไว้ใน Library โดยขนึ ้ ต้นด้วย m- ตามด้วยเสยี งสระ a e I o u ไปใสใ่ น Frame ตา่ ง ๆ ของ Mouth7. ให้นาไปใสโ่ ดยคลกิ ที่ Frame แล้วกด F6 แล้วจึงลากมาใสต่ ามภาพ ควรจะสลบั กบั Symbol m-c เพ่ือให้ปิ ดปากและ เปิ ดปาก จนถึง Frame สดุ ท้าย เทคนิคการใสป่ ากขยบั ให้สมจริงควรเลอื กแถบ Play head โดยกะ ระยะของการพดู การปิ ดปากให้ลงจงั หวะของเสยี ง โครงการฝึ กอบรมเชิงปฏบิ ตั กิ ารผลติ สื่อการเรยี นการสอน
60 8. กดป่ มุ Ctrl + Enter เพ่ือแสดงผลงานการขยบั ปาก ไมจ่ าเป็นต้องทาทกุ ตวั คาพดู เราสามารถสร้างแมแ่ บบการขยบั ปากตามเสยี งของสระได้ดงัรูปภาพด้านลา่ ง เมื่อนามาผสมกนั เป็นคาด้านขวามอื http://www.how2machinima.com/lipsync.jpg โครงการฝึ กอบรมเชิงปฏิบตั กิ ารผลิตสื่อการเรยี นการสอน
61 บทท่ี 8 การสร้างระบบการทางานแบบ Interactive โปรแกรม Flash มีความสามารถในการสร้างงาน animation ในแบบท่ีผ้ใู ช้งานสามารถตอบโต้กบัชิน้ งานได้ โดยการใช้คาสงั่ ตอบโต้นนั้ จะต้องใช้การเขยี น Script เพ่ือสงั่ การ ซ่ึงภาษาท่ีโปรแกรม Flash ใช้เป็นภาษา Action Script ถ้าใครมีพืน้ ฐานทางด้านการเขียน Java และ Script จะทาให้การใช้งาน ง่ายขนึ ้สาหรับผ้ทู ี่เขยี นโปรแกรมไมเ่ ป็น โปรแกรม Flash มีสว่ นช่วยเหลือในการใช้งานอย่บู ้าง การอบรมครงั้ นี ้ไมไ่ ด้เจาะลกึ ถงึ โครงสร้างของภาษา เน่ืองจากระยะเวลาอนั จากดั แตท่ างผ้จู ดั ทาเอกสารประกอบการอบรมเลม่ นีก้ ็ได้คดั รูปแบบระบบ Interactive ที่ใช้บ่อย ๆ เตรียมไว้ให้ศกึ ษากนั8.1 การทาป่ ุมเมนู ในตวั อยา่ งนีจ้ ะพดู ถงึ การสร้างป่ มุ เมนู เมือ่ คลกิ ที่ป่ มุ จะมเี นือ้ หาปรากฏขนึ ้ มา โดยมีรูปด้วยกนั 4รูปได้แก่ นา้ ต้นไม้ พระจนั ทร์ พระอาทิตย์ โดยมีขนึ ้ ตอนการทดงั นี ้ 1. เปิ ดไฟลต์ วั อยา่ งซึง่ เตรียมวตั ถรุ ูปภาพและป่ มุ ไว้ให้แล้ว โดยจะมี 2 Layer ได้แก่ menu ไว้สาหรบั ใสภ่ าพป่ มุ และ content ไว้ใสร่ ูปภาพเนือ้ หา 2. กด F5 ท่ี Layer Menu ในเฟรมที่ 5 เพื่อให้ภาพเมนปู รากฏตลอดชิน้ งาน 3. กด F6 ที่ Layer Content ในเฟรมท่ี 2 เพื่อสร้าง Keyframe โครงการฝึ กอบรมเชิงปฏิบตั กิ ารผลติ ส่ือการเรยี นการสอน
624. ลาก Symbol water จาก Library ลงใน Layer Content ในเฟรมที่ 2 และขยายขนาดรูปภาพให้ พอเหมาะ เนื่องจาก Layer content อย่ดู ้านหลงั ทาให้สามารถซ้อนสว่ นท่ีเกิดไว้หลงั กรอบเมนไู ด้5. กด F6 ที่ Layer Content ในเฟรมท่ี 3 เพ่ือสร้าง Keyframe6. ลาก Symbol tree จาก Library ลงใน Layer Content ในเฟรมที่ 37. กด F6 ที่ Layer Content ในเฟรมท่ี 4 เพื่อสร้าง Keyframe8. ลาก Symbol sun จาก Library ลงใน Layer Content ในเฟรมที่ 49. กด F6 ที่ Layer Content ในเฟรมท่ี 5 เพื่อสร้าง Keyframe10. ลาก Symbol moon จาก Library ลงใน Layer Content ในเฟรมท่ี 511. ใน Layer content จะมKี eyframe ตงั้ ท่ี Frame ที่ 2-5 และ Frame ท่ี 1 เป็น Black Frame12. ถ้าทาการทดสอบผลงานตอนนีจ้ ะพบวา่ เรายงั ไมส่ ามารถควบคมุ เมนไู ด้ จะปรากฏภาพตา่ ง ๆ วน แสดงผล เราจงึ ต้องเขยี น Script สง่ั ให้หยดุ การทางานของ Animationตงั้ แตต่ ้นเสยี กอ่ น13. คลิกที่ Layer Menu ใน Frame ที่ 1 กด F9 เพื่อเรียกหน้าตา่ งการทางานของ Action Script ขนึ ้ มา โครงการฝึ กอบรมเชิงปฏบิ ตั กิ ารผลิตสื่อการเรยี นการสอน
14. เพ่ือความงา่ ยตอ่ การใช้งานให้เลือกตวั ชว่ ยกอ่ นโดยการคลิกท่ีป่ มุ 63 หน้าจอชว่ ยเหลือ จะปรากฏActions Toolbox Toolbar Script Pane Script Navigator15. ที่บริเวณกลอ่ ง Actions Toolbox เลือกท่ี Global Functions -> Timeline Control -> Stop จะ ปรากฏ code ตามรูปด้านลา่ ง บรรทดั ท่ี 1 เขยี นวา่ “ stop (); “ แสดงความหมายวา่ เมื่อวิง่ ท่ี Frame ท่ี 1 ให้หยดุ16. คลกิ ไปที่ป่ มุ p117. กด F9 เพ่ือเรียกหน้าตา่ ง Action script ท่ีบริเวณกลอ่ ง Actions Toolbox เลอื กท่ี ท่ี Global Functions -> Timeline Control ->goto โครงการฝึ กอบรมเชิงปฏบิ ตั กิ ารผลติ ส่ือการเรยี นการสอน
6418. เพ่ิมเตมิ การตงั้ คา่ โดยคลิกท่ี gotoAndStop จะปรากฏชอ่ งให้แก้ไขคา่ ให้แก้ไขในช่อง Frame number เป็น 2 หมายถงึ ให้ว่ิงมาท่ี Frame ท่ี 2 และเลอื กท่ี Go to and stop เพ่ือกาหนดให้เมอ่ื คลกิ ป่ มุ p1 แล้วจะวง่ิ มาท่ี Frame ที่ 2 แล้วให้หยดุ19. คลกิ ที่ป่ มุ P2 แก้ไขในหน้าตา่ ง Action Script Frame number เป็น 3และเลอื กที่ Go to and stop20. คลิกที่ป่ มุ P3 แก้ไขในหน้าตา่ ง Action Script Frame number เป็น 4และเลอื กท่ี Go to and stop21. คลิกท่ีป่ มุ P4 แก้ไขในหน้าตา่ ง Action Script Frame number เป็น 5และเลอื กที่ Go to and stop22. ถ้าต้องการให้เพียงแคน่ าเมาสไ์ ปวางแล้วภาพเปลย่ี นให้คลกิ ที่ บรรทดั ที่ 1 เลอื กต๊กิ ท่ี Roll Over และเอาเคร่ืองหมายถกู ที่ Release ออก ให้ทาแบบนีท้ กุ ป่ มุ23. ทาการทดสอบผลงาน จะพบวา่ เมอ่ื คลิก หรือนาเมาส์ไปวา่ งท่ีเมนจู ะปรากฏภาพตา่ ง ๆ กนั โครงการฝึ กอบรมเชิงปฏบิ ตั กิ ารผลติ สื่อการเรยี นการสอน
658.2 การปรับแต่งค่าของ event Script ในสว่ นของ Event ใช้สาหรับกาหนดวา่ ให้กระทาสง่ิ ใด ถงึ จะทางานคาสง่ั ตอ่ ไป เช่น ต้องกดป่ มุ ก ที่คีย์บอร์ด ถึงจะปรากฏภาพ VDO หรือ ถ้านาเมาส์ออกจากป่ มุจะปรากฏคาเตอื นขนึ ้ มา วธิ ีการใช้งานให้คลกิ ที่บรรทดั ท่ีมีคาสง่ั ของ Event ปรากฏอย่แู ล้วจึงคลกิ เพ่ือสร้างเครื่องหมายถกู ในกลอ่ ง โดยท่ี event สามารถใช้หลาย ๆ event พร้อมกนั ได้ โดยการใช้ Event มีรายละเอียดการเลอื กใช้งานดงั นี ้ on (press) เม่อื สมั ผสั หรือกดไปบนวตั ถุ on(release) เมอ่ื ปลอ่ ยป่ มุ ท่ีกดลงไป on(releaseOutside) เม่อื คลกิ ค้างไว้ที่ป่ มุ และเอาเมาส์เลอ่ื นออกจากบริเวณป่ มุ on(keypress) เมอื่ ใช้คีย์บอร์ดพิมพ์ โดยกาหนดได้วา่ จะให้พิมพ์ตวั อกั ษรใด หรือคยี ์คาสง่ั on(rollover) เมอื่ ใช้เมาสว์ างอย่เู หนือวตั ถุ on(rollout) เม่ือใช้เมาสเ์ ล่ือนออกจากวตั ถุ on(dragOver) เมื่อมกี ารคลกิ เมาสล์ ากอยใู่ นวตั ถุ on(dragOut) เมอื่ มกี ารคลิกเมาสล์ ากออกนอกวตั ถุการปรับแต่งค่าเป้ าหมายของ Goto คาสงั่ Goto ที่ Action Script ท่ีกาหนดให้ไปยงั ที่ตา่ ง ๆ โดยจะต้องเลือก set คา่ ดงั ตอ่ ไปนี ้ Frame Number ระบหุ มายเลข Frame Frame Label ระบชุ ื่อของ Frame Expression ระบคุ า่ ตวั เลขจากการคานวณทางคณิตศาสตร์ Next Frame ระบใุ ห้เลน่ Frame ถดั ไป Previous Frame ระบใุ ห้เลน่ Frame ก่อนหน้า โครงการฝึ กอบรมเชิงปฏิบตั กิ ารผลติ ส่ือการเรยี นการสอน
668.3 การควบคมุ การหยดุ และการเล่นของ Animation ในตวั อยา่ งเป็น Animation กระตา่ ยกระโดด โดยต้องการให้มีป่ มุ ควบคมุ กระตา่ ยให้กระโดดและหยดุ สามารถนาไปประยกุ ตใ์ ช้กบั บทเรียนท่ีมีเนือ้ หาที่เป็นAnimationได้ โดยมวี ิธีการดงั นี ้ 1. ไฟลต์ วั อย่างท่ีเตรียมให้ มปี ่ มุ 2 ป่ มุ ได้แก่ ป่ มุ play และ stop และถ้าทาการทดสอบ animation จะพบวา่ กระตา่ ยจะว่ิงวนไปมาเรื่อย ๆ 2. คลกิ ท่ีป่ มุ Play เพื่อใส่ Action Script บริเวณกลอ่ ง Actions Toolbox เลอื กที่ Global Functions - > Timeline Control ->Play จะปรากฏ Script ดงั รูป 3. คลิกที่ป่ มุ Stop เพื่อใส่ Action Script บริเวณกลอ่ ง Actions Toolbox เลอื กที่ Global Functions - > Timeline Control ->Stop จะปรากฏ Scriptดงั รูป โครงการฝึ กอบรมเชิงปฏิบตั กิ ารผลติ ส่ือการเรยี นการสอน
67 4. เมือ่ ทาการทาทดสอบผลงาน จะพบวา่ เมอื่ กด Play กระตา่ ยจะวิ่ง เม่ือกด Stop กระตา่ ยจะหยดุ แตข่ าของกระตา่ ยจะยงั คงก้าวไปมาอยู่ถ้าต้องการให้ Symbol ของกระตา่ ยหยดุ วงิ่ แล้หยดุ ก้าวเท้าจะต้องทาขนั้ ตอนดงั นี ้ 1. จากไฟลเ์ ดิมให้ปิ ดการทางานของ ตวั ช่วยเหลือโดยการคลิกที่ป่ มุ 2. พิมพ์ข้อมลู เพิ่มในบรรทดั ที่ 3 โดย bunny เป็นชื่อของInstance Name ของ Movie clip 3. ทาการทดสอบผลงาน โดยกดที่ป่ มุ Play กระตา่ ยจะวิง่ ถ้ากดป่ มุ Stop กระตา่ ยจะหยดุ วิ่ง แตเ่ มอ่ื กดป่ มุ Play กระตา่ ยก็จะกระโดดแตไ่ มก่ ้าวเท้า 4. ให้แก้ไขป่ มุ Play เพ่ิมบรรทดั ท่ี 3 เพ่ือสงั่ การให้ Symbol กระตา่ ยว่งิ เม่อื ทดสอบแล้วจะพบวา่ กระตา่ ยหยดุ ว่งิ และวง่ิ ตามที่กดป่ มุ Play และ Stop โครงการฝึ กอบรมเชิงปฏิบตั กิ ารผลติ สื่อการเรยี นการสอน
68 5. ถ้าต้องการสงั่ ให้เพลงบรรเลงหยดุ ด้วยพร้อมกบั ป่ มุ Stop ให้เพ่ิม code ลงไปที่บรรทดั ท่ี 4 ดงั นี ้ 6. เมือ่ ทดสอบแล้วเสียงเพลงจะหยดุ ทง่ั หมดทนั ทีเมื่อกดป่ มุ Stop8.4 การทาแบบทดสอบแบบเลือกตอบ 1. สร้างข้อความแบบทดสอบ คาสง่ั ให้พิมพ์ชื่อ กลอ่ งสาหรบั ใสช่ ่ือ ลงใน Frame ท่ี 1 2. คลกิ ท่ีเฟรมท่ี 1 แล้วสร้าง action script โดยพิมพ์ตามรูปด้านลา่ ง เพ่ือสร้างตวั แปล idname ขนึ ้ มา พร้อมกบั สง่ั หยดุ Animation เม่ือถงึ Frame แรก 3. สร้างกลอ่ ง Dynamic text ท่ีบริเวณกลอ่ งที่สร้างขนึ ้ มาก่อนหน้านี ้ปรับขนาดให้พอดแี ละใสค่ า่ Instance Name ของ Dynamic text เป็น idname เพื่อเป็นตวั แปรในการสง่ คา่ โครงการฝึ กอบรมเชิงปฏบิ ัตกิ ารผลิตสื่อการเรยี นการสอน
694. สร้าง ป่ มุ หรือนาป่ มุ เข้ามาใช้ เพื่อทาการสง่ คา่ ของช่ือผ้สู อบและใสค่ า่ Actionscript ลงไปดงั นี ้ เป็นการสง่ั ให้เม่ือมีการคลิกที่ป่ มุ สง่ คา่ Text ช่ือผา่ นตวั แปร idname และเง่ือนไขที่ต้องพิมพ์ช่ือ แล้วเท่านนั้ ถงึ สามารถเร่ิมทาแบบทดสอบได้5. กด F6 ใน Frame ท่ี 2 แล้วพิมพ์ข้อความลงไปดงั นี ้เพ่ือตงั้ คาถามข้อที่ 1 โครงการฝึ กอบรมเชิงปฏิบัตกิ ารผลติ ส่ือการเรยี นการสอน
706. สร้างหรือนาป่ มุ เข้ามาวางในแตล่ ะตวั เลอื ก และใส่ Action script ลงไปแตล่ ะป่ มุ ดงั นีส้ าหรบั ข้อที่ ตอบผิด สง่ั ให้เม่ือคลิกแล้วให้ว่ิงไปที่ Frame ถดั ไป7. สาหรับข้อท่ีตอบถกู ให้ใส่ Action Script ลงไปดงั นี ้โดยเพิ่มสว่ นของการ + คา่ ลงไปท่ีตวั แปล point และให้ว่ิงไปท่ี Frame ถดั ไป8. คลิกท่ีคีย์เฟรมท่ี 2 ใส่ ใส่ Action Script ลงไปดงั นี ้เพ่ือทาการสงั่ ให้หยดุ เมอื่ วิ่งมาท่ี Frame ที่ 29. สร้าง Keyframe ที 3 และทาสร้างแบบทดสอบ ตามขนั้ ตอนที่ 5 ทาแบบนีจ้ นครบข้อที่ต้องการ ใน ที่นีใ้ ห้ผ้เู รียนทาทงั้ หมด 5 ข้อ โครงการฝึ กอบรมเชิงปฏบิ ตั กิ ารผลิตสื่อการเรยี นการสอน
7110. กด F6 เพื่อสร้าง Keyframe ใน Frame ท่ี 7 ซ่งึ ใน Frame นีจ้ ะเป็น Frame จบท่ีรายงานผลคะแนน ให้สร้างกลอ่ ง Dynamic text ลงไปดงั รูปด้านลา่ ง โดยตงั้ คา่ Instance name วา่ Show11. คลกิ ท่ี Keyframe ท่ี 7 ใส่ ActionScript ลงไปดงั นี ้ ถ้าข้อสอบมกี ี่ข้อก็ให้เปลี่ยนจาก 100/5 เป็น จานวนตวั เลขข้อ และสว่ นท่ีอยใู่ น เครื่องหมายคาพดู จะเป็นคาท่ีปรากฏขนึ ้ บนหน้าจอ โดยจะ แสดงตวั แปลดงั นี ้ - +myname+คอื ข่อื ของผ้ทู าแบบทดสอบ - +point+ คอื คะแนนของผ้ทู าแบบทดสอบและ - +ss+ คะแนนท่ีมีการคดิ เป็น %12.ทดสอบชิน้ งาน เมื่อเราทาการกรอกชื่อ และทาแบบทดสอบ จดหมดทกุ ข้อโปรแกรมจะแสดงผลคะแนนท่ีได้ พร้อมคิดเป็น % โครงการฝึ กอบรมเชิงปฏิบัตกิ ารผลิตสื่อการเรยี นการสอน
728.5 การทาแบบฝึ กหดั ระหว่างเรียนแบบแสดงกาโต้ตอบทันที จากตวั อย่างแบบทดสอบที่เตรียมไว้ ต้องการให้ผ้เู รียนคลกิ ที่ช่ือข้อให้ปรากฏคาตอบถกู หรือผิดทนั ทีโดยไมม่ กี ารเกบ็ คะแนน เป็นเพียงแคก่ ระต้นุ ให้ผ้เู รียนได้คดิ เทา่ นนั้ ทาได้ดงั นี ้ 1. สร้างป่ มุ ขนึ ้ มาหรือใช้ป่ มุ ท่ีมีอย่แู ล้วจาก Library โดยกาหนด Actionของป่ มุ ให้ครบ 2. คลกิ ขวาท่ีช่ือ symbol ป่ มุ b1 จากนนั้ เลอื ก duplicate เพื่อคดั ลอก Symbol มาเพ่ิม แล้วเปลี่ยนชื่อ วา่ b2 และกาหนดเป็น Type แบบ Button เชน่ เดมิ 3. นาป่ มุ B1 ลากไปวางไว้ในข้อที่ผิด และวางป่ มุ B2 ลากไปวางในข้อท่ีถกู 4. ดบั เบิลคลกิ ลงบน symbol b1 เข้าไปแก้ไขในสถานะของ Down โดยการคลิกท่ี Keyframe Down จากนนั้ วาดเครื่องหมายกากบาทท่ีหน้าป่ มุ แล้วจึงกดย้อนกลบั ไปท่ี Scene 1 โครงการฝึ กอบรมเชิงปฏบิ ตั กิ ารผลติ สื่อการเรยี นการสอน
73 5. ดบั เบิลคลกิ ลงบน symbol b2 เข้าไปแก้ไขในสถานะของ Down โดยการคลกิ ที่ Keyframe Down จากนนั้ วาดเครื่องหมายถกู ที่หน้าป่ มุ แล้วจงึ กดย้อนกลบั ไปท่ีScene 1 6. ทดสอบผลงาน เม่อื เราคลกิ ไปที่ป่ มุ ในข้อท่ีผิดจะขนึ ้ เครื่องหมายแจ้งวา่ ผิด ถ้าคลิกป่ มุ ในข้อท่ีถกู จะ ปรากฏเคร่ืองหมายแจ้งวา่ ถกู8.6 การโหลดไฟล์ Flash เข้ามาใช้ร่วมกัน การสร้างผลงาน Flash ด้วยไฟลเ์ ดียวอาจะทาให้ไฟล์มขี นาดใหญ่ต้องใช้เวลาในการโหลดไฟล์และยากตอ่ การแก้ไขชิน้ งาน แตถ่ ้าหากมีหลายไฟล์ก็จะสามารถแยกการแก้ไขไฟลไ์ ด้และลดภาระการโหลดของไฟล์ ในตวั อยา่ งนีไ้ ด้มกี ารเตรียมไฟล์ m1.swf m2.swf m3.swf และm4.swf ซ่ึงเป็นไฟลเ์ นือ้ หาที่ได้ทาไว้ลว่ งหน้า โดยจะต้องคลกิ ที่เมนแู ล้วให้ชิน้ งานปรากฏขนึ ้ โดยท่ี Menu ยงั อย่ดู ้านบนชิน้ งานมีวิธีการดงั นี ้ 1. สร้างไฟล์ท่ีเป็นศนู ย์กลางของการโหลดชิน้ งาน โดยต้องวางแผนเรื่องขนาดไฟลใ์ ห้ถกู ต้อง ใน ตวั อย่างจะต้องสร้าง Stage ที่มีขนาด 790 x 460 px โดยคลกิ ที่ Modify ->Document เม่ือ แก้ไขเรียบร้อยแล้วให้คลกิ ok 2. บนั ทกึ ไฟล์งานช่ือวา่ main.fla 3. บนั ทกึ ไฟล์งานอกี ครงั้ ในช่ือ menu.fla ซง่ึ โครงการฝึ กอบรมเชิงปฏิบัตกิ ารผลิตส่ือการเรยี นการสอน
74 ในตอนนีจ้ ะมไี ฟล์ด้วยกนั 2 ไฟล์4. เริ่มแก้ไขไฟล์ menu ด้วยการสร้างป่ มุ ขนึ ้ มา 4 ป่ มุ จดั ตาแหน่งให้อยดู่ ้านบนสดุ ของไฟล์5. ให้คลิกในป่ มุ ท่ี 1 ใส่ Action Script ลงไปดงั นี ้คลิกที่ตวั ช่วย GlobalFunctions ->Browser/Network เลือก LoadMovie6. คลิกที่บรรทดั ที่ 3 เพ่ือแก้ไข URL เป็น m1.swf เพ่ือเปิ ดไฟล์ m1 ขนึ ้ มา และ Level 1 คอื การโหลดไฟล์ m1 ขนึ ้ มาอยใู่ น Layer ชนั้ ท่ี 17. ทาแบบนีจ้ นครบ 4 ป่ มุ โดยเปลย่ี นจาก m1 เป็นm2 m3 m4 ตามเมนู สว่ น Level ยงั คงตงั้ คา่ ไว้ท่ีlevel 1 ทกุ ป่ มุ8. ให้ทาการบนั ทกึ ผลงานเป็นไฟล์ menu.swf หรือเมือ่ ทาการทดสอบผลงานไฟล์ menu จะมีไฟล์ menu.swf ปรากฏขนึ ้ โดนอตั โนมตั ิ ถ้าลองคลกิ ที่ป่ มุ จะพบวา่ ไฟลข์ องสอ่ื การสอนจะมาทบั ตวั ป่ มุ นนั้ กเ็ พราะยงั ไมไ่ ด้กาหนด Lavelให้กบั เมนู9. กลบั ไปท่ีไฟล์ main.fla ให้แก้ไขใส่ Action Script ที่เฟรมท่ี 1 โดยไปท่ี Global Functions - >Browser/Network เลอื ก LoadMovie แก้ไข URL เป็น menu.swf เพ่ือโหลดไฟล์ menuเข้ามา บนชิน้ งาน และตงั้ คา่ Level 2 เพ่ือให้เมนนู นั้ อย่เู หนือ เนือ้ หา m1 m2 m3 m4 โครงการฝึ กอบรมเชิงปฏบิ ัตกิ ารผลติ ส่ือการเรยี นการสอน
7510. ทาการทดสอบไฟล์ main จะปรากฏเมนขู นึ ้ มาบนหน้าจอ เม่ือคลิกที่ป่ มุ ใดจะมเี นือ้ หาปรากฏขนึ ้ ซงึ่ อย่ดู ้านหลงั ป่ มุ ตลอดเวลา โครงการฝึ กอบรมเชิงปฏิบตั กิ ารผลิตส่ือการเรยี นการสอน
คยี ์ลัดท่สี าคญั ของ Flash 76 Tool bar ไฟล-์ File A - Arrow/Cursor Ctrl+ R - Import Image/Sound/etc... T - Text Tool Ctrl+ Shift R - Export to .swf/.spl/.gif/etc... P - Pencil Ctrl+ l Shift O - Open as Library I - Ink Bottle B - Paint Brush ววิ -View U - Paint Bucket Ctrl+ 1 - View movie at 100% size E - Eraser Ctrl+ l 2 - Show Frame D - Dropper Ctrl+ 3 - Show All M - Magnifier L – Lasso Windows Ctrl+ L - Show/Hide Library Frame Ctrl+ M - Modify Movie Properties F5 - Add frame Ctrl+ E - Toggle between Edit Movie& Edit Symbol Mode Shift F5 - Delete Frame Ctrl+ Shift L - Show/Hide Timeline F6 - Add Key Frame Ctrl+ Shift W - Show/Hide Work Area F7 - Add Blank Key Frame F8 - Make Symbol Modifying and editing Ctrl+ G - Group Timeline Ctrl+ U - Ungroup Enter - Play Ctrl+ B - Break Apart Command/Control 0 (zero) - Rewind Ctrl+ Shift V - Paste in Place < - Previous Frame Ctrl+ D - Duplicate > - Next Frame Ctrl+ A - Select All Home - Goto First Scene Ctrl+ Shift A - Deselect All End - Goto Last Scene Ctrl+ Shift O - Optimize Curves Page Up - Goto Previous Scene Ctrl+ K - Align Window Page Down - Goto Next Scene Ctrl+ Shift S - Scale and Rotate Ctrl+ Shift Z - Remove Transform Ctrl+ Up Arrow - Move Ahead Ctrl+ Down Arrow - Move Behind Ctrl+ Shift Up Arrow - Bring to Front Ctrl+ Shift Down Arrow - Send to Back Ctrl+ T - Modify Font Ctrl+ Shift T - Modify Paragraph Ctrl+ left Arrow - Narrower Letter Spacing (kerning) Ctrl+ right Arrow - wider Letter Spacing (kerning) โครงการฝึ กอบรมเชิงปฏิบตั กิ ารผลติ ส่ือการเรยี นการสอน
77 เอกสารอ้างอิงภทั ทิรา เหลอื งวลิ าศ.. มอื ใหม่ Flash CS3 ใช้งานอย่างมอื โปรฯ. กรุงเทพ : ซีเอด็ ยเู คชนั่ .2551Narin Roungsan. สร้างการ์ตนู Animation ด้วย Flash. กรุงเทพ : โปรวชิ น่ั .2551อภิชยั เรืองศิริปิ ยะกลุ . 2D Animation และ Interactive ด้วย Flash 8. ซีเอด็ ยเู คชนั่ จากดั , 2550.กาพล ลีลาภรณ์ .Flash Action Script.โปรวชิ นั่ .2551ดนยั มว่ งแก้ว.Flash workshop 8: digiart.2549กาพล ลลี าภรณ์ .Advanced Flash Action Script.โปรวิชน่ั .2544 เวบ็ ไซต์ท่ีสามารถ หาความรู้เพ่มิ เตมิ ได้ 1. http://www.stks.or.th/web/index2.php?option=com_docman&task=doc_view&gid=98&It emid=31 2. http://knowflash.doubleclickspace.com/Ch3s007-P1.html 3. http://www.nmp.ac.th/2553/2553/study/4/tech04/21/standard/f02.html 4. http://alaska.reru.ac.th/flash/home.php 5. http://www.nr.ac.th/learning/flashforweb/indexflash.html 6. http://flashjournalism.com/book/ 7. http://www.howdoflash.net/ 8. http://flashkit.com 9. http://www.ahref.com 10. http://www.flashcentral.com 11. http://www.virtual-fx.net โครงการฝึ กอบรมเชิงปฏบิ ัตกิ ารผลติ ส่ือการเรยี นการสอน
Search
