Gathering d Preparing
                G h i and P       i
                 Multimedia Elements

                         A...
Animation

   Images that move
      g
       Video, pictures, animated GIFs
   Designed to catch the viewer’s eye/attenti...
Animation Sources

   Animations can be created using
                                 g
       Photoshop or other GIFsoft...
Animation Sources

   The Web is a great source for animated images
                g                            g
       ...
Animation

   Basic technique
               q
       Create or import images into the animation program
       Arrange th...
Animation

   Displaying
      p y g
       Any animation file can be embedded in a Web page or
       displayed in their ...
Animation

   Audience determines need
       If you will be delivering content to an inexperienced
       audience, limit...
Upcoming SlideShare
Loading in...5
×

7 1 Preparing The Elements Animation

312

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
312
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

7 1 Preparing The Elements Animation

  1. 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. 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. 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. 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. 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. 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. 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

×