Navigate: Right/Left Arrows (or Swipe on Slide’s Content)
Zoom Out: Press Esc (or Pinch)
If keystrokes don’t work, click here & try again.
Today’s Agenda
Overview of Animation Techniques
Examples
Live Demos of Building Animations
Ways to Animate
Animated GIFs: Simple animations (work in emails)
CSS: Simple animations
JavaScript: Complex animations
Adobe After Effects: Complex animations for video & animated GIFs
Examples: Animated GIF
GIFs can be simple frame by frame style animations.
GIFs can be complex. This was created with Adobe After Effects. Be careful of large file size (this is 2.5MB) and limited colors (256 colors max).
Outlook 2007 & newer display only display the first frame of a GIF.
Jack Spade (Source: Litmus)
GIFs can even contain short videos! Be careful of large file size (this is 2.2MB) and limited colors (256 colors max).