MELJUN CORTES Multimedia Lecture Chapter5

279 views

Published on

MELJUN CORTES Multimedia Lecture Chapter5

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
279
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

MELJUN CORTES Multimedia Lecture Chapter5

  1. 1. Chapter 5 - Animation MELJUN CORTES
  2. 2. Chapter Objectives • Define animation • List several uses for Web animation • Describe the roles and responsibilities of the animation specialist • List and explain the different methods used to create animation • Describe the different programming languages used to create Web animation • List and describe the different animation tools available for creating animation for the Web • List the most popular animation file formats found on the Web and explain some of their key features Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  3. 3. Introduction Animation – Moving graphic image – Computer displays a series of still images fast enough to trick the human eye into believing that there is motion Grabs attention – Effective – Distracting Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  4. 4. Introduction Process used to create animation has evolved Effects – Onion skinning – Trail effect – Film loop Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  5. 5. Uses of Animation Education and Training Entertainment and Games Advertising and E-commerce Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  6. 6. Animation Specialist Responsible for creating animation Skills – Graphic design – 3D modeling – Web development Trick to good animation: knowing what, when and how much to animate Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  7. 7. Methods of Creating Animation Flipbook approach Frame-based animation (cell animation) Path-based animation (vector animation) Program- or Script-based animation Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  8. 8. Flipbook approach Sampling rate Playback rate – 12-30 frames/second Flicker Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  9. 9. Frame-based (cell) animation Key frames Tweening Tweeners Shape Tweening - Morphing Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  10. 10. Frame-based (cell) animation Morphing Example Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  11. 11. Path-based (vector) animation Follows object over a line or vector Computational – plots x and y coordinates Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  12. 12. Program (Script) based animation Most flexible Higher learning curve Lingo Java – Applets JavaScript Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  13. 13. Animation Software Graphics software Animation engine Compiling engine with codec Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  14. 14. Macromedia Fireworks Director Flash Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  15. 15. Fireworks Bitmap and vector tools Frame-based environment Writes JavaScript Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  16. 16. Director Shockwave - Web content Theater metaphor – – – – – Stage Casts – internal and external Text and paint windows Score – cast member becomes sprite Channels – tempo, color palette, transition, sound, script, sprite Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  17. 17. Flash Bitmap and vector tools Actions for interactivity Shape and motion tweening Timeline Library Publish Flash Player Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  18. 18. Adobe ImageReady LiveMotion Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  19. 19. ImageReady Interactive rollovers Animated GIFs Animation palette Optimized Web files Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  20. 20. LiveMotion Includes sound and interactivity Bitmap and vector tools Styles palette – Saves color, texture, opacity, gradient, fills and motion Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  21. 21. Shareware GIF Construction Set GIFmation Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
  22. 22. Animation File Formats Animated GIF (GIF89a) – Streamed AVI (Video for Windows) DCR MNG MPEG QuickTime (MOV) SWF Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.

×