animation l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Animation PowerPoint Presentation
Download Presentation
Animation

Loading in 2 Seconds...

play fullscreen
1 / 13

Animation - PowerPoint PPT Presentation


  • 534 Views
  • Uploaded on

Animation Chapter 3 Animation What is it? Anything that moves on the web. Examples? Note, many types of animations require plugins (e.g. Flash, RealPlayer, QuickTime, etc) Goals of Animation Get attention/entertain/advertise Explain Set mood Examples Advertisement Punch the monkey

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Animation' - oshin


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
animation

Animation

Chapter 3

animation2
Animation
  • What is it?
    • Anything that moves on the web.
  • Examples?
  • Note, many types of animations require plugins (e.g. Flash, RealPlayer, QuickTime, etc)
goals of animation
Goals of Animation
  • Get attention/entertain/advertise
  • Explain
  • Set mood
examples
Examples
  • Advertisement
    • Punch the monkey
      • Entice viewer to click in the window, which is a link to some commercial site
    • Can distract from the main content of the site
    • Can consume a deal of bandwidth
  • Mood
    • Eyeball Design: FX Zone
      • Adds to the ‘feel’ of the page
      • Does not detract from main content, but enhances it (if done right)
examples cont
Examples (cont.)
  • Entertainment
    • Strong Bad: New Hands
how animation works on the web
How Animation works on the Web
  • Frame Animation
    • A series of still images displayed one after the other. Each image differs slightly from the previous.
      • File size depends on the number of frames and amount of change between each image
      • Can produce very large files
      • Most banner Ads are in this form
    • Example
      • Napoleon Dynamite Animated Gif(Buddy Icon)
how animation works on the web cont
How Animation works on the Web (cont.)
  • Vector Animation
    • Used when objects move across a defined path
    • Typically requires a plug-in (like Flash)
    • Requires less file space
    • Has little need for compression
      • Why?
        • Uses mathematics to define shapes, paths, and speeds.
compressing frame animation
Compressing Frame Animation
  • Each Frame is compressed as discussed last week.
    • Each frame is an image, thus each one is compressed as a separate still image
  • Frame difference compression is then applied (works best with line drawings)
    • What is Frame difference compression? (discussed more in chapter 5)
      • Rather than storing each frame individually, only the change in pixels is stored between each frame.
lets look at an animated gif
Lets Look at an Animated Gif
  • Open Napolean Dynamite in Adobe Photoshop to se each frame
file formats for animation
File Formats for Animation
  • Animated gifs do not require plug-ins
  • Flash: .swf
  • Fireworks: .phg
  • Video
    • QuickTime: .mov
    • RealVideo: .ram
    • Windows Media: .wmv
  • Plus many more (mpg, dcr, etc)
building animation in flash
Building Animation in Flash
  • Check out page 62-64
  • Lets check it out in class!
creating 3d animation
Creating 3D Animation
  • Cinema4D
    • Reasonably priced software
  • GMAX
    • Free learning tool for 3D object creation and animation
  • 3D Studio Max
  • Etc.
embedding animation in a web page
Embedding Animation in a Web Page
  • Animated gifs
    • These are inserted the same way a still image is inserted
  • Check page 68 for information on ebedding flash files (.swf)
  • Good Usablity Note!
    • Rather than placing a video right on the page, put a link allowing the users to choose to view the video or not.