รายวชิ า เทคนคิ การสรา งภาพเคลือ่ นไหวคอมพวิ เตอร 1 หนวยท่ี 6.1 การกําหนดการเคลื่อนไหว การสรางภาพเคล่อื นไหวดวย Effect มรี ปู แบบตางๆ มากมายข้ึนอยกู บั ลกั ษณะงานและความตองการของผูใชซึ่งในโปรแกรม Swish Max จะมีรูปแบบของ Effect ตางๆใหเ ลอื กใชห ลายรปู แบบโดยสามารถแยกประเภทได 4 กลุม ดงั น้ี รูปที่ 5-1แสดง Effect แบบตางๆในโปรแกรม Swish Max1. Place Effectใชส รา งภาพเคล่ือนไหวจากตําแหนง ตางๆโดยการกาํ หนดตาํ แหนง ขนาดใหกบั วตั ถุ Place แสดงตาํ แหนงของวัตถุ Remove ซอนวัตถุไมใ หปรากฏขึน้ มา Move ยา ยวตั ถุไปไวย งั ตําแหนง ท่กี าํ หนด2. Basic Effectกลมุ ของการสรางภาพเคลือ่ นไหวที่มรี ปู แบบการใชงานทว่ั ๆไป ไดแ ก Fade, Zoom, Slide, Blur,Repeat Frames และ Revert3. Authored Effectกลมุ Effect ทม่ี ีการตดิ ตงั้ มากบั โปรแกรม ไดแ ก Appear into position วตั ถุเคล่อื นท่ีเขา มายงั ตําแหนงที่กําหนด Disappear from position วัตถเุ คล่ือนท่ีออกไปจากตาํ แหนง ท่กี ําหนด Looping continuously วัตถุเคลอื่ นทีว่ นซํา้ ไปมา One off สรางภาพเคลื่อนไหวใหว ัตถุ โดยไมม ีการระบุเฉพาะเจาะจงจุดเร่มิ ตน และจุดสนิ้ สดุ Return to start วัตถุเคล่อื นทีว่ นซํา้ ไปมา และสามารถกําหนดตําแหนง ทีต่ องการเริ่มตนและสนิ้ สดุ ได4. Core Effects Effectกลุมพน้ื ฐานท่ใี ชในการนาํ ไปสราง Effect ใหมๆไวใ ชง าน Transform แสดงขนาดของวัตถจุ ากเลก็ สดุ คอ ยๆ ขยายขึ้น จนเทากบั ขนาดทีส่ รางไว Squeeze กําหนดทิศทางการเคล่อื นท่ี นยิ มใชกับขอ ความ
รายวชิ า เทคนคิ การสรางภาพเคลอ่ื นไหวคอมพิวเตอร 2 Alternate สรางภาพเคลือ่ นไหวแบบสลบั โดยกําหนดสัดสวนและทิศทางใหเคล่ือนเมายงั ตําแหนง ที่ตั้งของวตั ถุ Snake สรางภาพเคลื่อนไหวหมุน หรือเคล่อื นทเ่ี ปน วง คลา ยกบั การหมนุ ตามแรงเหว่ยี ง เมอ่ื ครบรอบท่ีกาํ หนดจะหยดุ ที่ตาํ แหนงเดมิ Explode สรา งภาพเคลอ่ื นไหวแบบกระจายแตกตัวออกจากกัน 3D Spin กาํ หนดใหว ัตถคุ อ ย ๆ พลกิ หมุนขน้ึ มาจากแนวตง้ั หรือแนวนอนแบบ 3 มติ ิ 3D Wave สรา งภาพเคลอื่ นไหวแบบ 3 มิติ เคลอื่ นที่ไปมาคลา ยกับคลื่น Vertex หมนุ ตวั กบั เขาหาตาํ แหนงท่ีตัง้ ของวตั ถุ Wave สรา งภาพเคล่อื นไหวแบบคลน่ื Typewriter สรา งภาพเคลอื่ นไหวแบบพมิ พดดี นิยมใชกบั ขอ ความ• การเพ่มิ Effect ใหกับวตั ถุการทาํ ใหวตั ถุเคล่ือนไหวหรือเคลอ่ื นที่ไปตามรูปแบบท่กี าํ หนดเรียกวา การเพ่มิ หรือใสEffect ใหกบั วัตถุ สามารถกาํ หนดไดจ ากการคลกิ เลอื กวตั ถนุ ้นั ๆจากนั้นคลิกปุม Add Effect ใน Timeline รูปท่ี 5-2การเพ่มิ Effect ดว ยการกดปมุ Add Effect• การลบ Effect ใหก บั วัตถุในบางครั้งการใส Effect มากเกนิ ไปอาจทําใหงานของเราดูวนุ วายแลว กไ็ มส วยงามจึงจําเปน ตองลบ Efectบางตวั ออกไปหรอื บางคนเลือก Effect มาดวู าแตล ะตวั แสดงผลอยางไรแลวเลือกมาเยอะสามารถลบออกได 4 วธิ ดี ว ยกันวธิ ที ี่ 1 คลกิ เมนู Edit เลอื ก Delete Effect หรอื จะกด Delete เลยก็ไดวิธีท่ี 2 คลิกเมาสขวาท่ี Timeline แลว เลือก Delete Effectวธิ ที ี่ 3 คลิกปมุ Delete Object ในสว นของ Timeline Panelsวิธที ี่ 4 คลิกทีไ่ อคอน Delete ท่ี Toolbars
รายวชิ า เทคนคิ การสรา งภาพเคล่อื นไหวคอมพวิ เตอร 3ขอเลือกแสดงวิธีการลบ Effect ดว ยวิธที ่ี 2 ดังตอ ไปน้ี1. คลกิ ท่วี ัตถทุ ี่ไดกาํ หนด Effect ไวแ ลว2. คลิกเมาสขวาท่ี Timeline3. คลิกเลือก Delete Effectรปู ท่ี 5-3การลบ Effect ดวยวธิ ที ี่ 2
รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพิวเตอร 4 หนวยท่ี 6.2 การทาํ ใหวัตถุหมนุ ดว ย Effect Move การเพม่ิ การเคลื่อนไหวดวยการหมุนใหก บั วตั ถุท่สี รา งขึ้นโดยใช Effect Move เปนการเพิ่มความนาสนใจใหแ กชิน้ งาน ทั้งน้ีสามารถสรา งวตั ถจุ าก Auto Shape หรือวาดดวย Pencil Tool กไ็ ดใ นบทนข้ี อกลา วถึงการใชสรางวัตถจุ าก Auto Shape1. เลือก Tools -> AutoShape เลือกรูป Arrow_4 วาดลงไปบน Work Space ปรบั แตงสี ลักษณะเสนใหแ กวัตถุ รูปที่ 5-1 การเลอื กรูปแบบ AutoShape และปรับแตงวัตถุ2. คลกิ เลอื กวตั ถุ ->คลกิ ขวาชอ ง Frame ที่ 1 บน Time line3. จะปรากฏแถบรายการ คลิกเลือก Move รูปท่ี 5-2การเลอื ก Effect Move
รายวชิ า เทคนคิ การสรางภาพเคลือ่ นไหวคอมพิวเตอร 54. จะปรากฏแถบ Effect บน Time line รูปที่ 5-3การใชปมุ Play Movie เพ่ือแสดงผลงาน5. คลิกทแ่ี ถบ Effect Move ใหเ ปน แถบสนี า้ํ เงิน6. เลอื กแถบเครื่องมือปรับแตง Effect อยทู ี่ชอ งหนา ตา งเดียวกับ Outline ->เลือกแถบ Motion ->ตัง้ คา X angle ->คลกิ ชองรายการเลอื ก Rotate to กาํ หนดคาเทากับ 1807. คลิกปุม Play เพ่อื ทดสอบการแสดงผลรปู ที่ 5-4การเลือกแถบเครอื่ งมอื ปรบั แตง Effect
รายวชิ า เทคนคิ การสรางภาพเคลอื่ นไหวคอมพิวเตอร 6 หนว ยท่ี 6.3 การสรา งชิ้นงาน “ดอกไมแ สนสวย” การสรา งใหว ตั ถเุ คล่ือนไหวดว ยการหมนุ โดยใช Effect Move แลว ใบงานน้จี ะกลาวถึงการทําใหวัตถุแสดงเคลอื่ นไหวตลอดเวลากลาวคือการจัดใหวัตถุเปนกลมุ ของการแสดงผลแบบ Movie Clip มีข้นึ ตอนดงั นี้1. เลอื ก Tools -> Ellipse Tool2. วาดวงกลมใหเปนวงกลมที่สมสว นดว ยการกดปมุ Shift ที่แปนพิมพค างไวลงบน Work Space ปรบั แตง สีวัตถุ สเี สน รูปแบบเสน ใหส วยงาม3. คลกิ Tools -> Ellipse Tool อีกคร้งั วาดใหเ ปนวงรี โดยไมต อ งกดปุม Shift ปรบั แตงสวี ัตถุ สเี สน รปู แบบเสนใหส วยงาม รปู ที่ 5-5 การวาดสว นประกอบของดอกไมและการปรับแตงสีสนั4. เมื่อไดรูปวงรีซง่ึ เราจะนาํ มาประกอบใหเ ปนกลีบดอกไมหลายๆกลบี ดวยการทาํ สําเนาวัตถุ ทําไดโดยการคลกิทีว่ ตั ถุ ->คลิกขวา->เลือก Copy Object เลอื กพื้นทวี่ าง คลกิ ขวา ->เลอื ก Paste Hereจะปรากฏวตั ถุขนึ้ ->สรางสวนประกอบของดอกไมใหครบถวน รปู ที่ 5-6การสรางสาํ เนาใหวัตถุ
รายวชิ า เทคนคิ การสรางภาพเคลือ่ นไหวคอมพวิ เตอร 75. ทาํ การปรบั ตําแหนง ของสวนประกอบของดอกไมใหเ หมาะสมและสวยงามจากนน้ั ใหท ําการรวมสวนประกอบตางๆใหเปนชิ้นเดยี วโดยการ Grouping -> Group as Shape รปู ท่ี 5-7การกาํ หนดใหว ัตถเุ ปนช้นิ งานเดยี วดว ยการ Group as Shape6. เมอื่ ทําการ Grouping วตั ถุจะปรากฏบน Time Line เพยี งช้ินเดยี วจากน้ันจะเพมิ่ การหมุนดวยใช Effect Moveโดยทําตามขั้นตอนในใบงานที่ 5.1 รูปที่ 5-8การใช Effect Move และการกําหนดคา การหมุน7. เมื่อสรา งวัตถใุ หเกดิ การหมนุ แลวขั้นตอนตอ ไปคือการสรางวตั ถใุ หเปน Movie Clip เพอ่ื สามารถนําไปใชงานไดด วยการทําสําเนามีขั้นตอนดังนี้คลิกขวาท่ีวตั ถุ->เลอื ก Grouping ->เลอื ก Group as Movie Clip8. ทําการสาํ เนาชน้ิ งาน ->คลกิ ปุม Play เพอ่ื แสดงผล รปู ท่ี 5-9การสรางชิน้ งานใหเปน Movie Clip
รายวชิ า เทคนคิ การสรางภาพเคลอ่ื นไหวคอมพวิ เตอร 8 หนว ยท่ี 7.1 การสรางภาพเคลือ่ นไหวดวย place และ remove การเพิม่ การเคลื่อนไหวใช Effect Place และ Remove เปน การใชลกั ษณะการวางวตั ถแุ ละการซอนวตั ถไุ วในตําแหนงเดยี วกนั ทาํ ใหเกดิ เปน ภาพติดตาเสมือนวัตถนุ ั้นสามารถเคลอื่ นไหวไดเ ปนการเพ่ิมความนา สนใจใหแกช น้ิ งานทงั้ นี้สามารถสรางภาพการต นู ท่ีทําการนาํ เขา (Import image ) หรือสรา งจาก Auto Shape ประกอบกบั การวาดดวย Pencil Tool ก็ไดในใบความรูน ข้ี อเสนอการสรา งจากภาพการตนู ที่ทาํ การนําเขา มา ดงั ตอไปนี้1. เลอื กภาพการต ูนภาพเดยี วกันแตมีลกั ษณะทาทางแตกตางกนั ->เลอื ก Insert บนแถบเมนูหลัก (Main Menu) ->เลือก Import Image ->ปรากฏหนาตา งเปดรูปภาพ รูปที่ 6-1การนําเขา รูปภาพจากแฟม อ่นื2. เลือกรปู ภาพการตนู ท้งั สองภาพลงบน Work space ->สังเกตหนา Out Line และแถบ Time Line จะปรากฏชื่อของรปู ภาพขึ้น รูปที่ 6-2รปู ภาพการต ูนทัง้ สองภาพลงบน Work space
รายวชิ า เทคนคิ การสรางภาพเคล่อื นไหวคอมพวิ เตอร 93. คลิกขวาบนเฟรมท่ี 1 บนชอง Time Line รูปท่ี 1 –>เลือก Place ->ทาํ ซ้ําจํานวน 3 คร้ัง จะปรากฏปมุ เล็กๆ สีเขยี วข้นึ บน Time line รปู ท่ี 6-3การกําหนด Effect Place ใหร ูปภาพ4. คลกิ ขวาบนเฟรมท่ี 1 บนชอ ง Time Line รปู ท่ี 2 –>เลือก Remove ->ทาํ ซ้ําจํานวน 3 ครั้ง จะปรากฏปมุกากบาทสแี ดงข้นึ บน Time line รปู ท่ี 6-4การกําหนด Effect Remove ใหร ปู ภาพ
รายวชิ า เทคนคิ การสรา งภาพเคลอื่ นไหวคอมพิวเตอร 105. เพือ่ ใหช้นิ งานมีความสมบูรณมากขน้ึ เราจะกาํ หนด Place และ Remove โดยการสลับการแสดงผล Effect ดังรปู รูปที่ 6-5การกําหนด Place และ Remove6. ถากดปุม แสดงผลหรอื ปุม Play จะเห็นไดว าถาภาพท่ี 1 ปรากฏข้ึนภาพที่ 2 ก็จะถกู ซอ นไวห รือหายไป ->เพือ่ ใหช ิ้นงานสมบูรณและเกิดการเคลอื่ นไหวเราจะนําทั้งสองภาพซอ นทบั กันไวใ หพ อดกี ัน รปู ท่ี 6-6การยายตําแหนง รปู ภาพที่ 2 ซอนทบั รปู ภาพที่ 1 ใหป รากฏเปน รปู เดียว7. กดปมุ Play อีกครัง้ จะปรากฏวาภาพสามารถเคลื่อนไหวหรือขยบั ได
รายวชิ า เทคนคิ การสรางภาพเคลอื่ นไหวคอมพิวเตอร 11 หนว ยที่ 7.2 การสรา งชิน้ งาน “ผีเสอื้ โบยบนิ ” ใบงานนจ้ี ะกลา วถงึ การทาํ ใหสรางวัตถทุ สี่ รา งหรือวาดขน้ึ มาเองโดยเคร่ืองมอื Auto shape และ Pencil Toolประกอบใหเ ปนตวั ผีเสื้อและทําใหเ คลอ่ื นไหวดว ย Place และ Remove รว มถึงการเคล่ือนทดี่ วย Motion PathTool1. คลิก Tools -> Ellipse Tool วาดใหเปนวงรี ->คลิกเครอื่ งมือ Select Tool หมุนใหวตั ถเุ อยี ง 30-45 องศา2. คลกิ Tools -> Pencil Tool วาดใหเ ปน หนวดของผีเสอ้ื ปรับแตงขนาดและสีของเสน ใหส วยงาม3. คลิก Tools -> Ellipse Tool วาดใหเปนวงลมลกู ตา ใหแกผ ีเส้ือ โดยกดปมุ Shift ปรบั แตงสวี ัตถใุ หส วยงาม รปู ที่ 6-7การวาดสว นประกอบของตัวผีเสือ้4. เมือ่ วาดสวนประกอบของตัวผเี ส้ือครบแลวเราจะทาํ การรวมสวนประกอบของช้ินโดย (1) การ กดปมุ Shift ที่แปน พิมพคา งไว ใชเมาสค ลกิ สว นประกอบท้ังหมดใน Outline ใหเกดิ เปนแถบสีนํา้ เงิน (2) หรือใชเคร่ืองมือSelect tool คลกิ เมาสลากคลมุ สวนประกอบท้งั หมดบน Work space ->(3) คลกิ ขวาทแ่ี ถบสีน้ําเงิน -> (4) คลกิเลอื ก Grouping-> Group as Group รูปท่ี 6-8การรวมสวนประกอบของตวั ผีเส้อื
รายวชิ า เทคนคิ การสรา งภาพเคลือ่ นไหวคอมพิวเตอร 125. เมอื่ เราไดในสว นของตวั ผเี สื้อแลว ข้ันตอนตอไปคือการสรา งปกผีเสอื้ โดยใช Auto Shape ->เลอื กวตั ถรุ ูปตางๆ เพ่ือทาํ เปนปก ของผีเสอื้ ปรบั แตงสี สเี สน รูปแบบเสนใหสวยงามรูปท่ี 6-9 การสรา งปกผีเสอ้ื โดยใช Pencil Tool เพอื่ วาดปกผเี ส้อื สรา งปก เสรจ็ แลวรวม ดวย6. เมอ่ื ตกแตงสใี หว ตั ถุท่จี ะทําเปนปก ผเี สอื้ ไดแลว (1) ทําการ Copy วตั ถอุ ีก 1 ชิน้ สวน และ (2) ใช Select Toolหมุน และยอใหวตั ถุมีขนาดเลก็ กวา แลวทําการจดั กลมุ ปก สองปกใหเ ปน Grouping-> Group as Group ดงั รูป รูปท่ี 6-10 การสรา งสว นประกอบปก ของผเี ส้ือ
รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพวิ เตอร 137. คดั ลอกปก คลิกขวาทีว่ ตั ถุ เลอื ก Copy Object แลว วางดวยคาํ ส่ัง Pate Object แลว แลวยอปก ทสี่ ําเนาใหเ ล็กกวาเดมิ เพ่ือจะนาํ ไปสรางใหเหมือนผเี สอ้ื บิน ดงั ภาพ8. จดั กลมุ วตั ถทุ ง้ั หมด กด Shift คลิกวัตถทุ ้ังหมดแลว คลกิ ขวา เลือกคาํ สัง่ Grouping -> Group as Movie Clip รปู ท่ี 6-11การรวมสวนประกอบตวั และปกของผีเสือ้ ใหแ สดงแบบ Movie Clipใส Effect เพ่อื ทาํ ผีเสอื้ บิน คลิก + เพอ่ื เขา ไปสง Effect ไปที่ Time line ท่ี 1 ของปก ที่ 1 คลกิ ท่ี Add Effectเลือก คําส่ัง Remove และ Effect ไปท่ี Time line ท่ี 2 ของปก ที่ 1 คลกิ ที่ Add Effect เลือก คาํ สงั่ Placeปก ท่ี 2 ไปท่ี Time line ท่ี 1 ของปกที่ 2 คลิกท่ี Add Effect เลือก คําสง่ั Place และ Effect ไปท่ี Time line ที่2 ของปกท่ี 1 คลกิ ท่ี Add Effect เลือก คาํ สง่ั Remove เพื่อเปนการสลบั การมองเห็นปกทาํ ใหเ หมือนผีเสอื้กาํ ลังบนิ ดังภาพ รูปที่ 6-12 การกําหนด Effect Place และ Remove ใหแกช ิ้นงาน
รายวชิ า เทคนคิ การสรา งภาพเคลอ่ื นไหวคอมพิวเตอร 149. กาํ หนดคา Movie Properties คลกิ ท่ปี มุ แลว กําหนดคา Frame rate ใหค านอยๆ เพอ่ื ใหผเี สอ้ื บินไมเร็วจนเกินไป อาจจะตั้งราวๆ 5-10 เฟรมตอวนิ าที หรือ 6 เฟรมตอวนิ าที ดงั ภาพ10. ผเี ส้ือเคลื่อนท่ี คลิกทตี่ วั ผเี สือ้ จัดตาํ แหนง ยายผีเสอ้ื ไปทจี่ ะใหผ เี สอ้ื เรม่ิ บนิ แลวคลิกเครอ่ื งมือ MotionPath Tool คลิกท่ตี ําแหนง ทผ่ี ีเสอ้ื จะบนิ ดงั ภาพรูปที่ 6-13การสรางใหว ตั ถุเคลอ่ื นทีด่ วย Motion Path Tool10. กดปมุ Play เพ่ือดูผลลพั ธของการเคล่ือนไหว
รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพิวเตอร 15 หนวยที่ 8.1 การสรา งปมุ ดว ยขอความ การสรางปุม ในโปรแกรม Swish Max4 สามารถสรางไดห ลายรูปแบบทัง้ ในรูปแบบ ขอความ, รูปภาพ, รปูภาพเคลื่อนไหวรวมไปถึงการเพม่ิ Action Script เพอื่ ควบคมุ เหตกุ ารณใ น Movie ในใบความรูน้ขี ออธิบายพนื้ ฐานการสรา งปมุ จากขอ ความ1. เลือกเคร่อื งมือ จากแถบเคร่ืองมอื ->คลกิ เมาสลงบน Work Space ->ปรบั แตง ขอ ความ ดว ยสี และรูปแบบ ทต่ี องการ2. คลกิ ขวาท่ตี วั อักษร ->จะปรากฏหนา ตางรายการคลกิ เลือก Convert ->คลิกเลอื ก Convert to Button ใหสงั เกตที่ Outline Panel จะปรากกฎวตั ถเุ ปนภาพปมุ รูปท่ี 7-1การ Convert Button3. คลิกเลือกชอ ง 1-3 โดยการคลกิ ใหเ ครอ่ื งหมาย ใน Properties ดังรูป รูปที่ 7-2หนาตาง Button Properties
รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพวิ เตอร 164. คลกิ 1 ครงั้ ทเี่ ครื่องหมายบวก + เพอื่ กาํ หนดขอมูลภายในประกอบดวย Up State คอื สวนทีแ่ สดงใหผใู ชเหน็ Over State คอื สว นที่จะแสดงเมอ่ื นาํ เมาสมาวางที่ปมุ Down State คือสว นท่ีจะแสดงเมื่อมกี ารคลกิ ที่ปุม Hit State คือสว นท่จี ะแสดงหลังจากมกี ารคลกิ ท่ปี ุม5. คลกิ Over State เลือกคลกิ ขอ ความเพื่อปรบั แตงสีใหเปนสอี นื่ ทีแ่ ตกตางกนั ในท่ีน้ีกําหนดใหเ ปนสีเหลอื ง รูปท่ี 7-3แสดงขอ มลู ภายในของ Button และการปรบั เปลี่ยนสตี ัวอกั ษร6. คลกิ Down State เลอื กคลกิ ขอ ความเพ่อื ปรบั แตง สีใหเ ปน สีอ่นื ท่ีแตกตา งกันในทนี่ ้ีกําหนดใหเ ปนสีแดง รูปท่ี 7-4การปรับเปล่ียนสีตัวอักษรในปุม Down State7. คลกิ ปมุ Play และทาํ การทดสอบดวยการนําเมาสไปวางทปี่ มุ ที่สรา ง จะปรากฏขอ ความหรือตวั อักษรเปลี่ยนสีตามทกี่ าํ หนด รปู ที่ 7-5 การเปล่ียนแปลงสขี องขอความ
รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพิวเตอร 17 หนว ยที่ 8.2 การสรา งเมนอู ยา งงา ย การสรางเมนูหรือรายการน้ันมีขน้ึ ตอนการสรา งเหมอื นการสรางปุม ซง่ึ มกี ารเพิม่ คําส่งั ใหเ ช่ือมโยงไปยงัหนา ตางอืน่ หรอื Scene อ่ืนใน Movie เดียวกัน ในกรณที ีง่ านนาํ เสนอของเรามมี ากกวา 2 Scene ขึ้นไป1. สรา งเมนูโดยการใชข อ ความ ทําการแทรก Scene เพม่ิ ข้ึนจาํ นวน 3 Scene กําหนดใหเปน Scene ของช้นิ งานที่2. ชิน้ งานที่ 2 และช้นิ งานท่ี 3 เพ่ือที่สามารถทําการเช่ือมโยงไปยงั Scene น้นั ๆรปู ท่ี 7-6การสรา งเมนจู ากขอความและการเพ่ิม Scene3. คลิกเลอื ก Scene เมนูหลักท่ีเครื่องหมายบวก จะปรากฏสว นประกอบตางๆ ใน Scene (1) คลกิทีข่ อความชน้ิ งานที่ 1 -> (2) ทาํ การ Convert ใหเ ปน Bottomทําจนครบทัง้ 3 ขอความ รปู ท่ี 7-7ทาํ การสรา งขอความใหเปน ปมุ4. เม่ือทําการสรางขอ ความใหปุม ครบท้ัง 3 ปุมแลวข้ันตอนตอไปคือการเพม่ิ เหตกุ ารณหรือ Add Event (1) คลิกทป่ี ุมชิ้นงานท่ี 1 -> (2) คลกิ ท่ีเลือก script
รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพิวเตอร 18 รูปท่ี 7-8ข้ันตอนการ Add Script (3) จะปรากฏหนาตางการเขยี น Scrip -> (4) แถบรายการ Add Script -> (5)คลกิ เลอื กEvents -> (6) คลกิเลือก Button ->คลิกเลือก On (press) รปู ท่ี 7-9ขัน้ การเพมิ่ คาํ ส่งั ใหกับปุม ขอ ความ5. ทาํ การกําหนดการควบคุม Movie ดงั ตอ ไปน้ี (1) คลิกทแี่ ถบ Add Script (2) เลือกMovie Control ->(3) Gotoand play ->(4) เลือกNextSceneAndPlay() -> (5) คลกิ ท่ี จะปรากฏหนาตา งกําหนดคา -> (6) คลกิ รูป
รายวชิ า เทคนคิ การสรา งภาพเคล่อื นไหวคอมพวิ เตอร 19สามเหลี่ยมท่ชี อ ง Scene เลือกชือ่ Scene ไดแ กง านช้นิ ที่ 1 -> (7)จะปรากฏ Script หรือขอความดังรปู -> (8)คลกิที่ แถบ Layout เมนูหลกั เพ่ือดกู ารแสดงผล รูปที่ 7-10การกาํ หนด Movie Control6. ทําตามขั้นตอนท่ี 1 ถงึ 5 ใหค รบทัง้ 3 ปุม ในการกาํ หนด Movie control ในชอง Scene เลอื กช่ือ Scene เปนงานท่ี 2 และงานช้นิ ที่ 3 ตามลาํ ดบั
รายวชิ า เทคนคิ การสรา งภาพเคลอื่ นไหวคอมพิวเตอร 20 เม่อื สรางรายการเมนหู ลกั เรยี บรอยแลว เม่ือทาํ การเชอื่ มโยงไปยงั Scene อน่ื จะตองมปี ุมที่กลับไปยงั เมนูหลกั เพอ่ื ใหสามารถ กลับไปเชื่อมโยง Scene อ่ืนตอไปได มีขน้ั ตอนดังนี้1. ใหคลิกเลอื ก Scene งานชิ้นท่ี 1 เพ่ือเปน ตัวอยางในการสรางปมุ กลบั เมนหู ลกั2. สรา งขอความ “กลับเมนูหลัก” และสรางใหเปน ปมุ ตามขั้นตอนในใบงานที่ 7.1 รูปท่ี 7-11สรางปมุ จากขอความ “กลบั เมนูหลัก”3. เพ่มิ เหตกุ ารณหรอื Add Action และการกําหนด Movie Control ใหก ับ Scene งานชิ้นท่ี 1 (1) คลกิ ขวาท่เี ฟรม45 ตรง TimeLine -> (2) เลอื ก Script -> (3) เลอื ก Movie Control ->(4) เลอื ก Stop () รปู ท่ี 7-12 Timeline ของงานชน้ิ ที่ 1 รปู ท่ี 7-13เพิ่มเหตกุ ารณและการกาํ หนด Movie Control
รายวชิ า เทคนคิ การสรา งภาพเคล่อื นไหวคอมพิวเตอร 21 หนวยที่ 9.1 การแทรกเสียงลงใน Scene ในใบความรนู ้ขี อเสนอรูปแบบการใสเ สยี ง (Sound) ลงใน Scene โดยไฟลเ สียงท่ีสามารถนําเขามาใชจะตองเปน .WAV และ .MP3 เทา นั้นสามารถแทรกเสียงได 2 วิธี ดงั ตอไปน้ี การแทรกเสียงในลงบน Timeline เลยวธิ นี ้ผี ูใ ชจะสามารถมองเห็นจํานวน Frame ท้งั หมดของเสยี งนัน้ เพื่อสราง Object หรือวัตถุตางๆ ใหพ อดกี บั จาํ นวน Frame ของเสยี งที่แทรกลงไปบน Timeline แตการใสเ สยี งชนดินีไ้ มสามารถปรับแตงเสียงได มขี นั้ ตอนดงั ตอไปน้ี1. คลิกเลอื ก Frame1 ของ Scene ทต่ี องการใสเ สยี ง2. คลกิ Select ทแ่ี ถบคาํ สั่งเมนหู ลัก ->คลิกเลือก Import Sound รปู ที่ 8-1การใสเ สยี งในลงบน Timeline
รายวชิ า เทคนคิ การสรางภาพเคลอื่ นไหวคอมพวิ เตอร 223. (1)เลือกไฟลเสยี งที่มนี ามสกลุ .WAV หรือ .MP3 -> (2) คลิก Open รปู ที่ 8-2เลือกไฟลเ สยี งที่มี WAV หรือ .MP34. เม่ือไฟลเสยี งถูกน้ําเขามาแลว บน Timeline จะปรากฏแถบสีขน้ึ ต้งั แตง Frame ท่ี 1 ถงึ Frame ที่ 800 หรือขึ้นอยกู บั จําเวลาของไฟลเ พลงทเ่ี ลอื ก->คลกิ ปุม Play เพือ่ ทดสอบเสยี ง รปู ที่ 8-3แถบสีบน Timeline แสดงการใสเสียง
รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพิวเตอร 23 การแทรกเสยี งลงใน Script วธิ นี ี้จะทําใหสามารถตกแตงเสียงเพิ่มเติมได มขี น้ั ตอนดงั ตอไปนี้1. คลิกเลอื ก Frame1 ของ Scene ที่ตองการใสเ สียง2. คลกิ ขวาท่ี Frameที่ 1 จะปรากฏแถบรายการ ->คลิกเลอื ก Sound ->คลกิ เลือก playSound () รูปที่ 8-5การใสเ สียงลงใน Script3. เมอื่ คลิกเลอื ก playSound () หนา ตา ง Add script จะปรากฏขึ้นเพอ่ื ใหส ามารถนาํ เขา ไฟลเสยี ง ->คลกิ ปมุImport รปู ที่ 8-6หนา ตางการเพิ่ม Script คาํ สง่ั การนําเขาไฟลเ สยี ง
รายวชิ า เทคนคิ การสรางภาพเคล่อื นไหวคอมพิวเตอร 244. (1)เลอื กไฟลเสยี งที่มนี ามสกลุ .WAV หรือ .MP3 -> (2) คลิกปุม Open รูปท่ี 8-6 หนาตางเลือกไฟลเสียง5. หลังจากที่ได Import เม่อื มีไฟลเ สยี งเขามาในโปรแกรมแลว จะปรากฏช่ือของเสยี งคลิกทไ่ี ฟลเสียงนี้ 1 ครง้ัเพ่อื เปนการเลือกเสียงนน้ั ดูจาก Script จะพบคาํ ส่งั OnFrame (1) { playSound(“ชื่อไฟลเสยี ง”);} หมายความวาFrame ที่ 1 จะเลน เสยี งของไฟลเสียงท่ีเราเลอื กซึง่ ในการใสเสยี งลกั ษณะนี้จะไมท ราบจํานวน Frame ทั้งหมดของเสยี ง อาจใชในกรณที ี่ตองการเลนวนซํ้าหรอื ตามวัตถปุ ระสงคข องผูใชง าน รปู ที่ 8-7 การกาํ หนด Script คาํ สั่งเสียง
รายวชิ า เทคนคิ การสรา งภาพเคลอื่ นไหวคอมพิวเตอร 25 หนว ยที่ 9.2 การแทรกเสียงในปุม การแทรกเสยี งในปมุ น้นั สามารถทําไดท้ังในรูปแบบท่ีเปนปุมจากขอความ และ ปุมจากรปู ภาพ ไฟลเสียงท่ีใชควรเปน เสยี งสั้นๆไมควรยาวจนเกนิ ไปและเปนไฟลเสียงท่มี ีนามสกลุ .WAV หรือ .MP3 เทา นัน้ ในท่ีนขี้ อเสนอการใสเ สยี งใหกับปมุ ท่สี รา งขน้ึ ใบงานที่ 7.2 เรอ่ื งการสรา งเมนูอยางงาย ในชุดกิจกรรมการเรยี นรู ชุดท่ี 7เรื่องการสรา งปุมและเมนูอยางงา ย มขี ้นั ตอนดงั น้ี1. (1) เลอื กปุมชิน้ งานที่ 3 ใน Outline Panel ->เลอื กแถบ Script –> (2) คลิก Add Script ->คลิกเลือก Events (3)คลกิ เลอื ก Button ->คลิกเลือก on(press) หมายถงึ เมือ่ นําเมาสไปกดท่ีปมุ จะมีเสยี งเกดิ ขน้ึ รูปที่ 8-8การ Add Script และกาํ หนด Events ใหปุมขอ ความ
รายวชิ า เทคนคิ การสรางภาพเคลอื่ นไหวคอมพิวเตอร 262. (2)คลิกเลือกAdd Script อีกคร้งั ->(3) คลกิ เลอื ก Sound ->คลกิ เลอื ก playSound รปู ที่ 8-9การเพมิ่ Script เสยี งใหปุม3. จะปรากฏหนา ตา งขอความ Script -> (1)เลอื กImport เพื่อนําไฟลเสยี งเขามา -> (2) คลิกเลอื กไฟลเ สยี ง ->(3)คลิกไฟลเ สียงท่ีนาํ เขา อกี ครงั้ จากน้นั จะปรากฏไฟลเสยี งท่ีเลือกใน Script รปู ที่ 8-10 การนําเขา ไฟลเ สียงและการกาํ หนด Script3. เม่อื ทําการ Add Script เสียงเรียบรอยใหกลบั มายงั หนา Outline -> (1)คลิกท่ี ปุม play เพือ่ ทดสอบการแสดงผล -> (2) คลกิ ทปี่ ุมงานชน้ิ ท่ี 1 รปู ที่ 8-11ทดสอบการแสดงผลการเกิดเสียงเมื่อกดท่ปี มุ งานชิ้นที่ 1
รายวชิ า เทคนคิ การสรางภาพเคล่ือนไหวคอมพิวเตอร 27 หนวยท่ี 10.1 การนาํ เขา ไฟลม าใชใ นโปรแกรม ในโปรแกรม Swish Max4 สามารถนาํ Animation จากภายนอกเชามาใชภ ายในโปรแกรมได ในใบความรูน้ีจะกลา วถงึ วธิ กี ารนาํ ไฟล Animation Gif, Flash Animation และ Video เขา มาใชและสามารถปรับแกไขไฟลไดอกี ดว ยแตอาจจะไมไ ดท ั้งหมดไดเ พียงบางสว นเทา นั้น1. คลิกเลอื กแถบรายการ File ->คลกิ เลือกแถบรายการ Insert2. คลิกเลอื ก Import Animation รปู ท่ี 9-1การนาํ เขา ไฟล Animation Gif3. เลอื กไฟล Animation Gif หรือ Flash Animation4. โปรแกรมจะปรากฏหนาตาง Import ->คลกิ ปมุ Import
รายวชิ า เทคนคิ การสรางภาพเคลอื่ นไหวคอมพวิ เตอร 28 รปู ที่ 9-2ขน้ั ตอนการ นําเขา ไฟล Animation Gif5. ไฟล Animation Gif จะถูกนําเขามาในรปู แบบของ Movie Clip โดยใหส งั เกตท่ี Outline Panel จะปรากฎ และสามารถปรบั เปลีย่ นชน้ิ งานไดจากภายใน Movie Clip รูปที่ 9-3ช้นิ งานที่ปรากฏในหนาตาง Outline Panel
รายวชิ า เทคนคิ การสรา งภาพเคลอื่ นไหวคอมพิวเตอร 29 สําหรับการนําเขา ไฟล Video เขา มาใชงานรว มกับโปรแกรม Swish Max4 นั้น เราจะใชไ ฟลที่มีนามสกลุดงั ตอ ไปนี้ Adobe Flash Video (*.flv) AVI files (*.avi) Quicktime Video files (*.mov, *.qt) MPEG video files (*.mpg) Windows Media Video files (*.wmv, *.asf)มวี ิธกี ารดงั นี้1. คลิกเลือกแถบรายการ File ->คลกิ เลอื กแถบรายการ Insert2. คลกิ เลือก Import Video รปู ท่ี 9-4การเลือกแถบรายการ Import Video
รายวชิ า เทคนคิ การสรางภาพเคล่ือนไหวคอมพวิ เตอร 303. เลือกไฟล Video ->คลกิ ปมุ Open4. จะปรากฏเปนรูปสเ่ี หล่ียมพน้ื ผาและมกี ากบาทอยูด า นใน และหนาตาง Outline จะปรากฏ แสดงวา ไดนําไฟล Video สําเรจ็ แลว และไฟล Video จะยงั ไมแสดงผลถา ไมคลิกปุม Play5. คลกิ ปมุ Play ใหไฟล Video แสดงผล รูปท่ี 9-5ขน้ั ตอนการนําเขา ไฟล Video
รายวชิ า เทคนคิ การสรา งภาพเคลื่อนไหวคอมพิวเตอร 31 หนวยที่ 10.2 การ Export เพื่อนําไฟลไปใชงาน โปรแกรม Swish Max4 ไดจดั เตรียมคาํ สงั่ เพื่ออํานวยความสะดวกใหก ับผใู ชงานโดยสามารถแปลงไฟลท ่ีสรา งจากโปรแกรม Swish Max4 ซึง่ มนี ามสกุลเปน SWI ใหเปนไฟลท ีม่ ีนามสกุล SWF (Shockwave Flash)เพอื่ ใหทํางานรว มกบั โปรแกรมอ่ืนไดเ ชน โปรแกรม Macromedia Flash และโปรแกรม MacromediaDreamweaver เปน ตนมขี ้ันตอนวธิ ดี ังนี้1. เปด ไฟลท ตี่ องการ คลิกท่เี มนู File ->คลิกเลือก Export ->คลิกเลือก SWF (Ctrl+E) เพ่อื แปลงไฟล SWI ใหเปนไฟล SWF2. เลือกโฟลเดอรท่ีตอ งการจัดเกบ็ ไฟล แลว กําหนดช่ือไฟลล งในชอ ง File name ->คลกิ ปุม Save เพอ่ื บนั ทึกไฟล รปู ท่ี 9-6 ขนั้ ตอนการ Export เปน ไฟล SWF3. รปู ไอคอน ท่ีไดจ ากการเลอื ก Export แบบ SWF โดยสามารถนําไฟลไ ปใชงาน
รายวชิ า เทคนคิ การสรา งภาพเคลอ่ื นไหวคอมพิวเตอร 32 โปรแกรม Swish Max4 ไดจัดเตรียมคําสง่ั เพื่ออํานวยความสะดวกใหกับผูใ ชท ต่ี อ งการสรา งเว็บเพจโดยสามารถแปลงไฟล SWI ใหเปนไฟลนามสกลุ HTML พรอ มกับ SWF เพ่อื ใชส ําหรบั Upload ไปยัง Web Serverและสามารถนําไฟลท ้งั 2 ไปใชงานรวมกับโปรแกรมสําหรับสรา งเวบ็ เพจไดเชนโปรแกรม MacromediaDreamweaver, FrontPage, EditPlusเปน ตน มีขัน้ ตอนดังตอไปน้ี1. เปดไฟลที่ตอ งการ คลิกท่ีเมนู File ->คลิกเลือก Export ->คลิกเลอื ก HTML+SWF (Ctrl+P) เพือ่ แปลงไฟลSWI ใหเ ปนไฟล HTML และ SWF พรอมกัน2. เลอื กโฟลเดอรท ี่ตอ งการจัดเก็บไฟล แลวกําหนดช่อื ไฟลล งในชอง File name ->คลกิ ปมุ Save เพ่อื บันทึกไฟล รปู ท่ี 9-7ขั้นตอนการ Export เปน ไฟล HTML และ SWF3. เมอื่ ทาํ การบันทึกแลวจะไดไ ฟล HTML และ SWF ทม่ี ีช่อื เดียวกนั โดยผใู ชสามารถนําไฟลด ังกลา วไป Uploadไปไวใ น Web Server และเรียกดผู านระบบ Internet ไดนอกจากน้ยี ังสามารถนาํ ไปใชก ับโปรแกรมสาํ หรบั สรางเวบ็ เพจไดอีกดว ยเชน Macromedia Dreamweaver, FrontPage เปนตน
รายวชิ า เทคนคิ การสรางภาพเคลอ่ื นไหวคอมพวิ เตอร 33 โปรแกรม Swish Max4 อาํ นวยความสะดวกใหก บั ผูใชง านโดยสามารถแปลงไฟล Swish Max4 ซงึ่ มีนามสกลุ เปน SWI ไปเปนไฟลท ม่ี นี ามสกลุ EXE เพ่ือใหสามารถนําไปใชง านไดกับเคร่ืองมือท่ไี มมีโปรแกรมFlash Player เพราะไฟลท ถี่ กู แปลงใหเ ปนไฟล .EXE จะมีการบรรจุโปรแกรม Flash Player ไวใ หแ ลวเหมาะกับการใชสรา ง Movie ท่ีเลน ผานแผน CDมขี ้ันตอนวธิ กี ารดังน้ี1. เปดไฟลท่ตี องการคลิกท่เี มนู File ->คลิกเลอื ก Export ->คลิกเลอื ก EXE(projector) เพ่ือแปลงไฟล SWI ใหเปนไฟล2. เลือกโฟลเดอรท ี่ตอ งการจัดเกบ็ ไฟลแ ลวกาํ หนดชอื่ ไฟลลงในชอง File name จากนนั้ คลิกปุม Save เพื่อบันทกึไฟล รูปท่ี 9-8ขน้ั ตอนการ Export เปน ไฟล EXE
รายวชิ า เทคนคิ การสรา งภาพเคลือ่ นไหวคอมพิวเตอร 34 นอกจากการแปลงไฟลท ่ีไดก ลา วไปแลว ในขา งตน โปรแกรม Swish Max4 ยงั สามารถแปลงไฟล SWI ใหเปน ไฟล AVI (ซึ่งเปนไฟลเกีย่ วกับ Video) ไดอีกดว ยโดยสามารถนําไปแสดงไดในโปรแกรมประเภทMultimedia ไดเชน Windows Media Player และ Real Player เปนตน มขี ัน้ ตอนวธิ กี ารดังน้ี1. เปดไฟลท ีต่ อ งการ คลกิ ทเี่ มนู File ->คลกิ เลือก Export ->คลิกเลอื ก AVI (Ctrl+M) เพอ่ื แปลงไฟล SWI ใหเปน ไฟล AVI2. เลือกโฟลเดอรท ี่ตองการจัดเก็บไฟล แลวกําหนดชอื่ ไฟลลงในชอ ง File name จากน้ันคลกิ ปมุ Save เพื่อบันทกึ ไฟล รปู ท่ี 9-9ขน้ั ตอนการ Export เปน ไฟล AVI3. จะปรากฏกรอบโตตอบ “Exporting AVI” เพื่อแสดงความคบื หนาในการแปลงไฟล รูปที่ 9-10กรอบแสดงความคืบหนาในการแปลงไฟล4. เปดไฟลเพ่อื ทดสอบผลลัพธ จะไดผลลัพธท ่เี ปดดวยโปรแกรม Windows Media Player หรือโปรแกรมทใ่ี ชสาํ หรบั เปดไฟล Video อนื่ ๆ
รายวชิ า เทคนคิ การสรางภาพเคลอื่ นไหวคอมพวิ เตอร 35 นอกจากการแปลงไฟลท ่ีไดก ลา วไปแลว ในขา งตนโปรแกรม Swish Max4 ยังสามารถแปลงไฟล SWI ใหเปนไฟล Gif Animation ไดอ ีกดว ยมีขน้ั ตอนวธิ กี ารดังน้ี1. เปด ไฟลทีต่ องการ คลกิ ท่เี มนู File ->คลกิ เลอื ก Export ->คลิกเลอื ก Gif Animationเพอ่ื แปลงไฟล SWI ใหเปน ไฟล Gif2. เลือกโฟลเดอรท ่ีตอ งการจัดเก็บไฟล แลว กําหนดชือ่ ไฟลล งในชอง File name จากนนั้ คลิกปุม Save เพื่อบันทึกไฟล รูปที่ 9-11ขัน้ ตอนการ Export เปน ไฟล Gif Animation3. จะปรากฏกรอบโตตอบ “Exporting Gif Animation” เพ่อื แสดงความคืบหนาในการแปลงไฟล
รายวชิ า เทคนคิ การสรางภาพเคลอ่ื นไหวคอมพวิ เตอร 36 หนว ยที่ 11 การสรา งชน้ิ ในโปรแกรม Swish Max 4.0ตัวอยา งการทาํ ชิ้นงาน ท่ี 1 การใส Effect ใหก บั ขอ ความหลายขอความ1. เปดโปรแกรม เลือก Blank Movie หรอื File News เพื่อสรางงานใหม คลิก Movie Properties เพอ่ื ตงั้ ขนาดตามทเ่ี ราตอ งการ ในทีน่ ี้ เลอื กสพี น้ื หลงั สดี ํา Width 1000 Pixels , Height 410 Pixels กด OK2.คลิกเคร่ืองมือ Text Tool เพื่อสรางขอ ความ กําหนดขนาด 130 และเลือกรปู แบบตัวอักษร3. เมอ่ื พมิ พเ สร็จแลว สังเกตวากรอบครอบขอความไวท ัง้ หมดหรือไม สามารถเพิม่ ไดถ า ขอความไมอ ยใู นกรอบที่ Width (คลกิ แลว ลากจุดสีขาวหรือพมิ พข นาดความกวา งเพมิ่ ) ทก่ี ลอง Properties4. ใสE ffect ใหก ับขอ ความ คลกิ ทTี่ imeline Frame ที่ 1 เลือก Add Effect เลือก Type writer 2 1 3
รายวชิ า เทคนคิ การสรางภาพเคลื่อนไหวคอมพิวเตอร 375. ทดสอบการเลน ที่ปุม Play เมอื่ ตองการหยุดเลนกดปมุ Stop ดงั ภาพ Stop play6. พมิ พขอความที่ 2 แลวนาํ ไปวางทับกนั7. เมอ่ื เราสรา งความที่ 2 แลว เราตองมีการใส Effect เพอ่ื ใหมนั ลบเลนเสร็จเพื่อจะไดแสดงขอความท่ี 2 วธิ ีการมีดงั น้ี - ดทู ี่ Timeline ของความที่ 1 คลกิ Frame ที่ 54 (เดมิ มี Effect Type writer ) คลกิ ท่ี Add Effect เลือกRemove เพ่ือสง่ั ใหลบออกเม่ือแสดงเสร็จ Frame ที่ 54จะมสี ี่เหลีย่ มท่มี กี ากบาทสแี ดงข้นึ มา 1 frame ดงั ภาพ
รายวชิ า เทคนคิ การสรางภาพเคลื่อนไหวคอมพิวเตอร 388. ใส Effect ขอความที่ 2 คลกิ ท่ี Timeline ของขอ ความที่ 2 หรือคลกิ ที่ Outline เลือกขอ ความที่ 2 แลวคลกิเลอื ก Frame ท่ี 55 ใส Effect Weave into Center เราสามารถกําหนดใหเร็วหรือชา โดยการยดื หรือ หด Effect ท่ีเราเลือกได การยดื หรือ หด Effect9. ขอ ความที่ 2 เลือกที่ Frame ท่ี 97 ใส Add Effect >> Fade Out เพ่ือใหแ สดงเสร็จแลว คอ ยๆจางออกไปเพื่อใหเหน็ ขอความถดั ไปทเ่ี ราจะสราง Frame ที่ 97จะไดด งั ภาพคะ10. พิมพขอความที่ 3 ทําเหมือนเดิม นาํ มาทับกันแลวใส Effect เลอื กFrameท่ี 106 เลือก Add Effect >> Comearound from back
รายวชิ า เทคนคิ การสรางภาพเคล่ือนไหวคอมพิวเตอร 39จะไดดังภาพ เราสามารถกาํ หนดคา Effect เพ่มิ เตมิ ได โดยคลกิ ที่ Effect แลวกาํ หนดคาทเี่ ราตองการ เสรจ็ แลวบันทกึ ที่ File > Save จะไดไฟลนามสกลุ SWI เพือ่ นํามาแกไขภายหลังถาตอ งการนําไปใช เลือกเปน File>Export เลือกชนิดไฟลทต่ี อ งการนาํ ไปแสดง
รายวชิ า เทคนคิ การสรา งภาพเคล่อื นไหวคอมพิวเตอร 4011.1 การใส Effect ใหก ับขอความและรูปภาพ1. เปด โปรแกรม เลอื ก Blank Movie หรอื File News เพ่ือสรางงานใหม คลกิ Movie Properties เพอ่ื ตั้งขนาดตามท่ีเราตอ งการ ในท่ีนี้ เลอื กสีพน้ื หลงั สีดาํ Width 600 Pixels , Height 600 Pixels กด OK2.การใสรปู ภาพเลือกท่ี เมนู Insert > Import Image หรือ คลิกท่ปี มุ Import Image ปมุ Import Imageคลกิ เลอื กรปู ภาพในคอมพวิ เตอรของเรา เม่อื ไดแลวกดปุม Open3. ถาหนา จอแสดงผลไดไ มเตม็ ใหคลิกกลมุ เครอ่ื งมือ View ทีป่ ุม Fit Stage in window แลวปรับขนาดรูปภาพโดยคลิกทมี่ มุ ตา งๆเพือ่ ยอ ขยายภาพตามตองการ (เครื่องมือในการจัดการขนาดของวัตถุคอื Selection Tool) Selection Tool Fit Stage in window
รายวชิ า เทคนคิ การสรา งภาพเคล่อื นไหวคอมพิวเตอร 414. ใสE ffect ใหก บั ขอความ คลิกทT่ี imeline Frame ท่ี 1 เลือก Add Effect เลือก Fade > Fade In จะทาํ ใหภ าพคอยๆโชวข ้นึ มา สามารถยืด หด ปรับแตง ความเรว็ ได ในเครอ่ื งมือ Effect (ดูตวั อยางที่1) Frame ท่ี 1 Fade > Fade In5. คลิกเคร่ืองมือ Text Tool เพือ่ สรางขอ ความ กําหนดขนาด 72 และเลอื กรูปแบบตวั อักษร 2.กาํ หนดตวั อกั ษร1.คลกิ Text Tool 3. พมิ พข อ ความ6. คลิกท่ี Timeline ของขอ ความ หรือคลกิ ที่ Outline เลือกขอ ความ แลว คลกิ เลือก Frame ท่ี 31 ใส Add Effect>> Implode and Slowly align เราสามารถกาํ หนดใหเ รว็ ชาโดยการยดื หด Effect ท่เี ราเลอื กได2. Add Effect 1. Frame ที่ 31 3. เลือก Effect ทตี่ องการ7. ทดสอบการเลน ทีป่ มุ Play เสร็จแลวบนั ทึกท่ี File > Save จะไดไฟลน ามสกุล SWI เพ่ือนาํ มาแกไ ขภายหลัง ปุม Play , Stop
รายวชิ า เทคนคิ การสรางภาพเคลอ่ื นไหวคอมพิวเตอร 4211.2 การแสดงทีละวตั ถุ และการทําใหหายไป1. เปดโปรแกรม เลอื ก Blank Movie หรอื File News เพื่อสรางงานใหม คลิก Movie Properties เพอ่ื ตง้ั ขนาดตามท่เี ราตอ งการ ในที่น้ี เลอื กสีพื้นหลังสีดาํ Width 600 Pixels , Height 600 Pixels กด OK2.การใสรูปภาพเลอื กที่ เมนู Insert > Import Image หรือ คลิกท่ปี มุ Import Image ปุม Import Imageคลกิ เลือกรปู ภาพในคอมพิวเตอรข องเรา เม่ือไดแลวกดปุม Open3. ถาภาพมขี นาดใหญมาก ใหคลกิ กลมุ เครื่องมือ View ที่ปุม Fit Selected Object In Window หรือ Fit Stage inwindow แลว ปรบั ขนาดรูปภาพ โดยคลิกท่ีมุมตา งๆเพือ่ ยอ ขยายภาพใหมขี นาดอยใู นพ้ืนที่ท่ีเราสรางไว(เคร่ืองมือในการจัดการขนาดของวัตถคุ ือ Selection Tool) Fit Selected Object In Window หรือ Fit Stage in window
รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพิวเตอร 434. แตงรปู ภาพท่ี Properties ใสเสนขอบ รปู แบบของเสน แตงรูปภาพที่ Properties ใสเ สนขอบ รปู แบบของเสนกาํ หนดสีของเสน ขอบทีต่ องการ กาํ หนดสีของเสนขอบทต่ี องการ5. ใสE ffect ใหกบั ขอ ความ คลิกทT่ี imeline Frame ที่ 1 เลอื ก Add Effect เลอื ก Fade > Fade In จะทาํ ใหภ าพคอ ยๆโชวข้ึนมา ยดื ใหไ ด 20 Frame6. ใสE ffect ใหกบั ขอ ความ คลิกทT่ี imeline Frame ที่ 21 เลอื ก Add Effect เลือก Fade > Fade out จะทาํ ใหภาพคอ ยหายไป
รายวชิ า เทคนคิ การสรา งภาพเคลอื่ นไหวคอมพิวเตอร 447. แทรกรูปท่ี 2 ทาํ เหมือนข้ันตอนที่ 2-6 จะไดด ังภาพ วางภาพทบั กนั ไป ที่ outline จะมวี ตั ถุ 2 อนั ภาพที่ 2แตใ หใ ส Effect Fade in ท่ี Frame 31 ยืดใหได 20 Frame และใส Effect Fade out ท่ี Frame 50 โดยใชแค 10Frame8. แทรกรปู ท่ี 3 ทาํ เหมือนข้ันตอนท่ี 2-6 จะไดด ังภาพ วางภาพทบั กนั ไป ที่ outline จะมวี ตั ถุ 3 อนั ภาพที่ 3 แตใหใส Effect Fade in ท่ี Frame 61 ยดื ใหได 20 Frame และใส Effect Fade out ที่ Frame 80 โดยใชแค 10 Frame9. ทดสอบการเลน ที่ปมุ Play จะเหน็ วาภาพแสดงและหายไปในเวลาอันรวดเรว็ ถา ตอ งการใหภาพแสดงคา งไวกอนจะแสดงภาพตอ ไป เราจะมวี ธิ ีแกไข Effect ดงั น้ี- คลกิ Effect Fade out บน Time line ของภาพท่ี 1 ยา ย โดยลากไปเวนระยะใหภาพแสดงคางไว และยา ยโดยลาก Effect Fade in ของภาพท่ี 2 ใหอยหู ลัง Fade out ของภาพแรก ดงั ภาพ ลากเวนระยะหา ง ลากเวน ระยะหา ง
รายวชิ า เทคนคิ การสรา งภาพเคล่ือนไหวคอมพิวเตอร 45- คลิก Effect Fade out บน Time line ของภาพท่ี 2 ยา ย โดยลากไปเวนระยะใหภาพแสดงคา งไว และยายโดยลาก Effect Fade in ของภาพท่ี 3 ใหอ ยูหลัง Fade out ของภาพแรก ดงั ภาพ- คลิก Effect Fade out บน Time line ของภาพที่ 3 ยาย โดยลากไปเวนระยะใหภ าพแสดงคางไว ดังภาพภาพจะแสดงคา งไว ไมห ายไปเรว็ เกนิ ไป เสร็จแลวคลกิ ที่ File >Save
รายวชิ า เทคนคิ การสรางภาพเคลื่อนไหวคอมพิวเตอร 4611.3 การทํางานแบบหลาย Scene และการใช Motion Path1. เปด โปรแกรม เลอื ก Blank Movie หรือ File News เพือ่ สรางงานใหม คลิก Movie Properties เพอ่ื ต้งั ขนาดตามท่ีเราตองการ ในทน่ี ี้ เลือกสีพ้นื หลงั สีดํา Width 600 Pixels , Height 600 Pixels กด OK2.การใสร ปู ภาพเลือกท่ี เมนู Insert > Import Image หรือ คลกิ ทปี่ มุ Import Image ปมุ Import Imageคลกิ เลอื กรปู ภาพในคอมพวิ เตอรข องเรา เม่อื ไดแลวกดปุม Open เราสามารถแตง ภาพท่แี ทรกมา เม่ือจัดตําแหนงเสร็จแลว ใสเ สน ขอบ สขี องเสนขอบที่ PropertiesFrame ท่ี 1 ใสเสน ขอบและสีเสน ขอบ3. ใสE ffect ใหกับขอความ คลกิ ทTี่ imeline Frame ที่ 1 เลือก Add Effect เลือก Fade > Fade In จะทาํ ใหภ าพคอ ยๆโชวข น้ึ มา ยดื ใหได 20 Frame (เพื่อใหแ สดงภาพนานขนึ้ )4. แทรกภาพที่ 2 ใสE ffect ใหก บั ขอความ คลิกท่ีTimeline Frame ท่ี 21 เลอื ก Add Effect เลอื ก Fade > Fade Inจะทาํ ใหภ าพคอ ยๆโชวข นึ้ มา ยืดใหได 20 Frame5. แทรกภาพที่ 3 ใสE ffect ใหกับขอ ความ คลิกที่Timeline Frame ที่ 41 เลอื ก Add Effect เลือก Fade > Fade Inจะทําใหภ าพคอยๆโชวขึน้ มา ยืดใหไ ด 20 Frame ดงั ภาพ
รายวชิ า เทคนคิ การสรางภาพเคลื่อนไหวคอมพิวเตอร 47 ภาพที่ 2 Frame ที่ 21,ภาพที่ 3 Frame ท่ี 416. คลกิ เครื่องมือ Text Tool เพือ่ สรางขอ ความ กําหนดขนาดและเลือกรูปแบบตัวอกั ษร ที่ Properties ไวใ ตภาพ กําหนดรปู แบบของตวั อักษร7. ใสE ffect ใหก บั ขอ ความ คลิกทT่ี imeline Frame ท่ี 61 เลือก Add Effect เลอื ก Fade > Fade In จะทาํ ใหภ าพคอ ยๆโชวข ึ้นมา ยดื ใหไ ด 20 Frame8. สรางฉากท่ี 2 ท่ี Outline คลิก Insert Scene9. เมื่อสรา งแลวจะพบวาวัตถุทส่ี รางในฉากแรกยงั อยู แตจะมีพ้นื หลังของฉากที่ 2 ทย่ี ังวางเปลา (empty วางเปลา )ฉากนจ้ี ะสรางวัตถงุ า ยๆใหเคลอื่ นไหวดวยเคร่ืองมอื Auto Shape Tool (ทเี่ ปนรูปดาว)
รายวชิ า เทคนคิ การสรา งภาพเคล่อื นไหวคอมพวิ เตอร 4810. เลือกภาพจาก 2D แลวเลือก รูป Circle Segment ดังภาพ เลอื กเพือ่ นําไปวาดลงทฉี่ ากวธิ วี าด คอื คลกิ ดึงมือลากเมาสใ หไ ดข นาดของภาพตามตอ งการหมุนปรับตาํ แหนง ของภาพตามตองการ การหมนุ ชี้ทม่ี ุมลางของภาพคลิกคา งไวจะไดด งั ภาพ11. คดั ลอกวตั ถุ โดยไปที่ outline คลกิ ขวา ทีว่ ัตถุ เลือก Copy Object แลว คลกิ ขวาอกี ครั้ง เลอื ก Paste เพือ่ วางเพ่ิม 3 วตั ถุ ดังภาพ12. คลิกทีว่ ตั ถุที่ 2 เพื่อปรับแตงรูปรางโดยจะมีจุดสเี ขยี ว ดงึ เพอ่ื ใหมีความแคบลงดังภาพ วัตถทุ ่ี 3 คลิกปรบั ใหมคี วามกวา งตา งจากภาพอ่ืน และทาํ ในวัตถทุ ่ี 4 จะไดด ังภาพโดยจะทาํ เหมือนปากทีอ่ าแลวหบุ
รายวชิ า เทคนคิ การสรา งภาพเคลือ่ นไหวคอมพวิ เตอร 4913. คลิกวตั ถุท่ี 1 เพื่อใส Effect คลกิ ที่เครื่องมอื Motion Path Tool (การทาํ ใหวัตถุเคล่ือนที่) วธิ ใี ช คลิกจุดทจ่ี ะใหวตั ถเุ คลอื่ นไป โดยการคลกิ แบบถ่ีๆ เพ่ือใหวตั ถุคอยๆวิ่งไป ในทน่ี ้ี วตั ถุแรกจะว่งิ ไปหาวัตถุที่ 2 เปนเสน ตรง หรือ คลกิ แบบยาวไปหาวตั ถทุ ่ี 2 กไ็ ด (ถา ตอ งการใหเ สนการวงิ่ ตรง กดปมุ Shift ไปดวย)จะไดดังภาพ ซึ่งจะเปน Effect Move น่ันเอง แตเปน การกําหนดการเคลอ่ื นท่ีดว ยตัวเอง14. คลิกที่ Frame สดุ ทา ย ในทน่ี จ้ี ะอยทู ่ี Frame 20 (หลัง Effect Move) คลกิ ที่ Add Effect เลือก Remove เพอ่ืกําหนดใหล บเมอ่ื มาถึงวัตถุที่ 2 Add Effect เลือก Remove15. คลิกทวี่ ัตถุที่ 2 ทําเชนเดียวกนั กบั วัตถแุ รก คลิกท่ี Frame ท่ี 21 ใส Motion Path Tool เคลื่อนท่ไี ปหาวัตถุท่ี 3แลวใส Effect Remove
รายวชิ า เทคนคิ การสรางภาพเคลอื่ นไหวคอมพิวเตอร 50จะไดดังภาพ16. คลกิ ทว่ี ตั ถุท่ี 2 ทาํ เชน เดียวกันกบั วตั ถแุ รก คลิกท่ี Frame ที่ 42 ใส Motion Path Tool เคลอ่ื นทีไ่ ปหาวตั ถทุ ี่ 4แลว ใส Effect Removeจะไดดงั ภาพ17. คลิกท่ีวตั ถุที่ 4 ทําเชนเดียวกนั กับวตั ถแุ รก คลกิ ที่ Frame ที่ 58 ใส Motion Path Tool เคลือ่ นที่ออกไปจนสุด18. สรางฉากใหม คลกิ Insert> Scene
Search
