Download Demo Files & PDF Exercise
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.
- Overview of Animation Techniques
- Live Demos of Building Animations
Ways to Animate
- Animated GIFs: Simple animations (work in emails)
- CSS: Simple animations
- Adobe After Effects: Complex animations for video & animated GIFs
Can be used to make:
- Video Ads for Web, TV, etc.
- Videos for websites and YouTube
- Complex Animated GIFs
- and much more...
- In real life, objects don’t start or stop instantly.
Why should animations?
- Animations with a single (linear) speed, don’t look as natural.
- Easing changes the rate of speed during an animation.
- Easing can make animations look more natural, or be used for many creative effects.
- Simple animated GIF in Photoshop
- CSS animation
- Complex animated GIF in After Effects & Photoshop
- Reference Links:
Nintendo Switch Website & CSS Animation
Stripe Amex Express Checkout