MELJUN CORTES Multimedia lecture chapter5 animation
-
Upload
meljun-cortes -
Category
Technology
-
view
84 -
download
1
Transcript of MELJUN CORTES Multimedia lecture chapter5 animation
![Page 1: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/1.jpg)
Chapter 5
Animation
MELJUN CORTESMELJUN CORTES
![Page 2: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/2.jpg)
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.
![Page 3: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/3.jpg)
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.
![Page 4: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/4.jpg)
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.
![Page 5: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/5.jpg)
Uses of Animation
Education and Training
Entertainment and Games
Advertising and E-commerce
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 6: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/6.jpg)
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.
![Page 7: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/7.jpg)
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.
![Page 8: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/8.jpg)
Flipbook approach
Sampling rate
Playback rate – 12-30 frames/second
Flicker
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 9: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/9.jpg)
Frame-based (cell) animation
Key frames
Tweening
Tweeners
Shape Tweening - Morphing
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 10: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/10.jpg)
Frame-based (cell) animation
Morphing Example
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 11: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/11.jpg)
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.
![Page 12: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/12.jpg)
Program (Script) - based animation
Most flexible
Higher learning curve
Lingo
Java– Applets
JavaScript
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 13: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/13.jpg)
Animation Software
Graphics software
Animation engine
Compiling engine with codec
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 14: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/14.jpg)
Macromedia
Fireworks
Director
Flash
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 15: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/15.jpg)
Fireworks
Bitmap and vector tools
Frame-based environment
Writes JavaScript
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 16: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/16.jpg)
Director
Shockwave - Web contentTheater 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.
![Page 17: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/17.jpg)
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.
![Page 18: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/18.jpg)
Adobe
ImageReady
LiveMotion
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 19: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/19.jpg)
ImageReady
Interactive rollovers
Animated GIFs
Animation palette
Optimized Web files
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 20: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/20.jpg)
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.
![Page 21: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/21.jpg)
Shareware
GIF Construction Set
GIFmation
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
![Page 22: MELJUN CORTES Multimedia lecture chapter5 animation](https://reader033.fdocuments.net/reader033/viewer/2022052509/55a706871a28ab225b8b462b/html5/thumbnails/22.jpg)
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.