• Like
Animation
Upcoming SlideShare
Loading in...5
×
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
23,063
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
60
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. หลักการพื้นฐานในการสราง Animationหลักการของ Animation ภาพเคลื่อนไหวหรือที่เราเรียกวา Animation คือ การเปลี่ยนแปลงวัตถุโดยมีความสัมพันธกับเวลาเชน ภาพยนตรการตูนที่มการเคลือนที่ การเดิน การวิ่ง เปนตนสําหรับ Flash นั้นจะมีการเคลื่อนที่อยู ี ่ลักษณะคือ 1. การเคลื่อนยายแบบยายสถานที่ (Motion) เชน วัตถุเคลื่อนที่จากจุด A ไปจุด B 2. การเคลื่อนที่โดยการเปลี่ยนแปลงลักษณะ (Transform)ประเภทของภาพเคลื่อนไหวการเคลือนไหวชนิดภาพตอภาพ (Frame By Frame Animation) ่ เปนการเคลื่อนไหวชนิด ภาพที่ 1 ไปภาพที่ 2 ไปภาพที่ 3 … ไป ภาพสุดทาย หรือเปนลักษณะการเคลื่อนไหวของการตูนนันเอง ่ การเปลี่ยนแปลงของภาพแตละภาพที่เรียงอยางตอเนื่องในลักษณะนี้ เหมาะสําหรับการทําAnimation ที่ซับซอน เชน Animation ที่มีการเคลื่อนไหวลักษณะทาทางมาก เปนตนซึ่งจะใชภาพจํานวนมากโดยที่แตละFrame จะใสภาพในลักษณะทาทางตาง ๆ 1 ภาพทําใหเสียเวลา แตจะทําใหภาพมีการเคลื่อนไหวที่เหมือนจริงการเคลือนไหวชนิดกําหนดจุดเริ่มตนและจุดสินสุด (Tweened Animation) ่ ้
  • 2. การเคลื่อนไหวของAnimation ลักษณะนี้จะมีการกําหนดจุดเริ่มตนในการแสดงภาพเคลื่อนไหวและใชวิธีการคํานวณของ Flash ในการแสดงภาพตาง ๆโดยทีเ่ ราไมตองไปหาภาพมาเรียงตอกันเราสามารถแบงลักษณะการเคลื่อนไหวออกเปน 2 ลักษณะดวยกัน คือ 1. เปลียนแปลงสถานที่ (Motion Tween) ่ เปนการเคลื่อนไหวที่มการยายสถานทีโดยไมมการเปลี่ยนแปลงรูปรางของวัตถุ แตสามารถเปลี่ยน ี ่ ีสีหรือขนาดได คือ การเปลี่ยนแปลงจากจุด A ไป จุด B นั่นเองโดยที่ระหวางการเคลื่อนที่จาก A ไป Bสามารถมีการเปลี่ยนแปลงขนาด เปลียนสี หรือ คอย ๆ จางหายไปแตไมสามารถเปลี่ยนจากรูปหนึ่งไปยังอีก ่รูปหนึ่งไดการทํา Animation ลักษณะนี้ Flash Movie จะมีขนาดเล็กกวาการเคลื่อนไหวชนิดภาพตอภาพเพราะใชการคํานวณการเคลื่อนไหวแทนการใชภาพจริงหลาย ๆ มาแสดงตอกัน 2. เปลียนแปลงลักษณะเดิม (Shape Tween) ่ เปนการเคลื่อนไหวโดยมีการเปลี่ยนแปลงรูปรางหรือเปลี่ยนจากวัตถุหนึ่งไปเปนอีกวัตถุหนึ่งFrame Frame มีลักษณะเปนชองเล็ก ๆ ที่เรียงกันเปนแถวยาว ทําหนาที่บรรจุภาพและเสียงที่จัดวางบนStage เราจึงตองจัดเรียงเรื่องราวบน Frame เพื่อแสดงออกมาเปนFlash Movieโดยแตละ Frame จะถูกแสดงเมื่อมีการผานของ Playhead ซึ่ง Playhead ตัวนี้เองจะเปนตัววิ่งผาน Frame แตละ Frame เพื่อแสดงภาพและเสียงที่บรรจุอยูใน Frame นั้นการเพิ่ม Frame เลือก Insert  Frame หรือคลิกเมาสปุมขวาที่ชอง Frame เลือก Insert Frame
  • 3. การลบ Frame เลือก Insert  Remove Frames หรือคลิกเมาสปุมขวาที่ชองFrame เลือก Frame ที่เราตองการ Remove Framesปรับการแสดง Frame เราสามารถปรับรูปแบบการแสดง Frame บนหนาจอใหเหมาะกับลักษณะงานที่เราทําได โดยคลิกเมาสปุม ซึ่งอยูทางขวามือของ Frame ดังนี้
  • 4. Tiny คือ การปรับแตงใหชอง Frame มีขนาดบางที่สุดSmall คือ การปรับใหชอง Frame มีขนาดบางNormal คือ การปรับใหชอง Frame มีขนาดปกติMedium คือ การปรับใหชอง Frame มีขนาดปานกลาง
  • 5. Large คือ การปรับใหชอง Frame มีขนาดใหญที่สุดShort คือ การปรับใหชอง Frame มีขนาดสั้นTinted Frame เปนการใชสีเพื่อบอกลักษณะของ Frame เชน Motion Tween จะแสดงเปน จุดแรกกับลูกศรเปนสีแดงและจุดสุดทายเปนสีฟา Shape Tween จะแสดงเปนจุดแรกกับลูกศรเปนสีเขียวและจุดสุดทายเปนสีฟาPreview เปนการแสดงภาพในแตละ Frame วาแตละ Frame มีภาพที่แสดงอะไรบางPreview In Context คือ การแสดงผลในแตละ Frame เหมือนกับ Preview แตจะเปนการแสดงทั้ง Stage
  • 6. Keyframe Keyframe คือ Frame ที่มีวัตถุหรือมีการเปลี่ยนแปลงเราสามารถสังเกตไดโดยจะมีจดใน Fram ุหรือจะมีจุดที่จดเริ่มตนของ Frameในการสรางงาน Animation เราจะตองกําหนด Keyframe ในตําแหนงตาง ุๆ และกําหนดรายละเอียดของแตละ Keyframe ไดอยางเหมาะสม งานAnimation ที่ไดจึงจะมีผลลัพธตามที่ตองการการเพิ่ม Keyframe เปนการเพิ่ม Frame โดยมีภาพหรือวัตถุของ Frame ที่อยูกอนหนาติดมาดวย หาก Frame กอนหนาเปน Frame วาง ๆ เราก็จะได Frame เปลามาเราสามารถเพิ่ม Keyframe ไดโดยเลือก Insert  Keyframeหรือคลิกเมาสที่ปุมขวา Frame เลือก Insert เลือก Keyframeการลบ Keyframe ใหเราทําการคลิกเมาสที่ Frame ที่เราตองการลบออก เลือก Insert  Clear Keyframe หรือคลิกเมาสที่ปุมขวา เลือก Clear Keyframe
  • 7. Blank Keyframe เปน Keyframe ที่วางอยูยงไมมีการใชงานไมมีวัตถุหรือ Instance ใด ๆ เปนKeyframe เปลา ๆ ัการเพิ่ม Blank Keyframe การเพิ่ม Frame เปลา ๆ ขึ้นมาโดยไมขึ้นอยูวา Frame กอนหนาจะมีวัตถุอยูหรือไม โดยเลือกInsert  Blank Keyframe หรือคลิกเมาสปุมขวาที่ Frame เลือก Insert Blank KeyframeDocument Properties เปนการกําหนดคุณสมบัติตาง ๆ ใหกับ Flash Movie ของเรา โดยการกําหนดคุณสมบัตินี้จะมีผลตอFlash Movie ทั้งหมดเพราะเปนการกําหนดภาพรวม เชน เราเปลี่ยนสีพื้นหลังก็จะเปนการเปลี่ยนสีพื้นหลังทุก ๆ Frame ไปดวยเปนตน ดังนั้น จึงถือวา Document Properties เปนตัวกําหนดคุณสมบัติของภาพรวม
  • 8. ของ Flash Movie ก็ได เราสามารถเปด Document Properties ไดโดยเลือก Modify  Document หรือ เราจะเปด Document Properties โดย ดับเบิ้ลคลิกที่ Frame Rate บน Timeline ก็ไดการทํางานใน Scene & Edit Symbol การสรางภาพเคลื่อนไหวใน Flash ก็เหมือนกับเรากํากับละครเรื่องหนึง ซึ่งคงจะตองแบงออกเปน ่แตละฉาก เพือใหงายตอการควบคุมดูแล ซึ่ง Scene เองก็เปรียบเสมือนกับฉากหนึ่งฉากที่เราสามารถนํามา ่ประกอบเปน Flash Movie ได
  • 9. ปกติแลว Scene จะถูกเรียกขึ้นมาพรอมกับการเปด Flash ซึ่งเราสามารถสังเกตไดจากมุมลางซายของหนาตาง Timeline เขียนวา Scene 1หนาตาง Scene ในแตละ Stage จะมีมากกวา 1 Scene ก็ไดเพราะในการสราง Flash Movie ที่ยาว ๆ หากเราเรียงลําดับไมดีอาจทําใหเราสับสนจึงตองแบงเปนแตละฉากเหมือนกับเราสรางภาพยนตรขึ้นมาเรื่องหนึ่งเราสามารถที่จะจัดการกับฉากเหลานีไดโดยเรียก Panel Scene ขึ้นมา โดยเลือก Windows  Scene ้การแกไขซีน (Edit Scene) ปุม Edit Scene ปุมนี้มีหนาที่ในการเปลี่ยน Scene หรือเปลี่ยนฉากใน Stage เพื่อทําใหเราทําการแกไขคาหรือเปลี่ยนแปลงวัตถุตาง ๆ ใน Stage โดยใหเราคลิกเมาสที่ปุม Edit Scene แลวเลือก Scene ที่เราตองการ
  • 10. การแกไขวัตถุที่อยูใน Scene (Edit Symbol) เราสามารถแกไขวัตถุที่อยูใน Scene ได โดยการ คลิกเมาสที่ปุม Edit Symbol จะแสดงรายการของSymbol ที่เราไดสรางไว ซึ่งสามารถนําไปแกไขได โดยเลือก Symbol ที่ตองการเสนเวลา Timeline Timeline เปนเครื่องมือหนึ่งของ Flash ที่ชวยในการกํากับเวลาในการแสดงภาพเคลื่อนไหว โดยมีPlayhead เปนตัววิ่งผานแตละ Frame ที่วางอยู โดยไมมีการกระทําอะไรภายใน Frame เราจะเรียกวา EmptyFrameการแสดงสถานะเกี่ยวกับภาพเคลื่อนไหวบน Timeline
  • 11. การแสดงภาพ Animation จะมีการใชความสัมพันธของเวลาเขามาชวยในการแสดงวัตถุในแตละFrame ดวย เชน แสดง Animation ดวยความเร็ว 12 Frame ตอวินาที เปนตนซึ่งเราสามารถรูขอมูลเหลานี้ไดจาก StatusBar ดานลางของ Timeline ซึ่งจะแสดงสถานะของภาพเคลื่อนไหว Status คําอธิบาย Current Frame เปนชองที่บอกวาขณะนี้ Playhead แสดง Frame อยูที่ชองที่เทาไหร Frame Rate เปนชองที่บอกวาขณะนี้ Playhead วิ่งดวยความเร็วกี่ Frame ตอวินาที Elapsed time เปนชองที่บอกวาเมื่อ Playhead วิ่งมาถึง Frame นี้จะใชเวลาเทาไหร (หนวยเปนวินาที) 