1. Gathering d Preparing
G h i and P i
Multimedia Elements
ANIMATION
Linda C. Morosko, 2008 The Web Wizard’s Guide to Web Design, James G. Lengel

2. Animation
Images that move
g
Video, pictures, animated GIFs
Designed to catch the viewer’s eye/attention
Animation is an art
NOTE:
Animation is generally di
i i i ll distracting rather than enhancing
i h h h i
Use sparingly and after careful discussion and analysis
Is it necessary?
How does it improve the site?
Are you showing off the technology?
Linda C. Morosko, 2008 The Web Wizard’s Guide to Web Design, James G. Lengel

3. Animation Sources
Animations can be created using
g
Photoshop or other GIFsoftware
Video
Adobe Flash
3-D software (3D Studio Max , Maya)
Linda C. Morosko, 2008 The Web Wizard’s Guide to Web Design, James G. Lengel

4. Animation Sources
The Web is a great source for animated images
g g
Go to Google images and search for animated GIFs
Linda C. Morosko, 2008 The Web Wizard’s Guide to Web Design, James G. Lengel

5. Animation
Basic technique
q
Create or import images into the animation program
Arrange the images in sequence over time & space in a
window or on a timeline
Determine size, speed, transitions and resolution
Save in Web compatible form
Web-compatible
Linda C. Morosko, 2008 The Web Wizard’s Guide to Web Design, James G. Lengel

6. Animation
Displaying
p y g
Any animation file can be embedded in a Web page or
displayed in their own separate window
Most are embedded
Not every browser supports every format
Plug-ins
Plug ins may be required
Some user may not be comfortable downloading or
installing
g
Characteristics of target audience help determine choices
Linda C. Morosko, 2008 The Web Wizard’s Guide to Web Design, James G. Lengel

7. Animation
Audience determines need
If you will be delivering content to an inexperienced
audience, limit animation
Be sure to include plug-in links to the source (Flash Player)
Linda C. Morosko, 2008 The Web Wizard’s Guide to Web Design, James G. Lengel