Animating Morphing Icons in After Effects

Megan Friesth, Motion Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
24 Lessons (2h 27m)
    • 1. Welcome

      1:13
    • 2. Class Project

      0:57
    • 3. Examples

      1:59
    • 4. Planning

      6:30
    • 5. Planning: Taking it to the Next Level

      2:48
    • 6. Preparing Icons

      4:53
    • 7. Importing Icons

      4:46
    • 8. Animating Ticket & Passport to Suitcase, Part 1

      9:47
    • 9. Animating Ticket & Passport to Suitcase, Part 2

      9:00
    • 10. Animating Extra Suitcase Layers In

      6:01
    • 11. Animating Suitcase to Plane

      10:37
    • 12. Animating Plane to Earth, Part 1

      5:52
    • 13. Animating Earth

      5:13
    • 14. Animating Plane to Earth, Part 2

      1:53
    • 15. Animating Earth to Location Pin & Map

      7:19
    • 16. Animating Location Pin & Map to Camera

      24:59
    • 17. Animating Extra Camera Layers In

      5:16
    • 18. Animating Camera to Photos

      7:03
    • 19. Animating Extra Photo Layers In

      2:53
    • 20. Animating Photos

      4:06
    • 21. Animating Photos to Ticket & Passport

      8:05
    • 22. Animating Photos to Ticket & Passport, Part 2

      6:58
    • 23. Polishing your Animation

      7:47
    • 24. Wrap-Up

      0:37
53 students are watching this class

About This Class

One of the most intriguing aspects of animation, is that you can make things happen on screen that could never happen in real life. By adding unexpected twists to your animations, you can engage and wow your audience. In this class, you’ll learn how to do so by creating eye-catching morphing transitions.

c8100fdb

By the end of this class, you be able to replicate my animation using simple icons based on the theme of travel. But even better, you’ll learn how to apply the same logic and techniques to any set of icons, or even other types of graphics, so you can make your own unique morphing animations. 

Morphing animations can be a great way to transition between scenes in an animated video. You can also use them show a progression of steps, a list of items, or tell a mini story.

In this class you'll learn how to:

  • set up your icons in Adobe Illustrator so they’re easy to animate 
  • plan out your morphing transitions for a fluid and balanced animation
  • keep your After Effects project file organized 
  • create buttery smooth morphing transitions between icons
  • easily animate between basic shapes
  • manipulate the paths of more complex shapes for maximum control
  • use masks to animate graphics in or out
  • create a 3D, rotating sphere in After Effects
  • use null objects to control multiple layers with ease
  • add anticipation and overshoot to take your animation to the next level
  • save time using tips I've developed from years of working in After Effects

If you're brand new to animation in After Effects, check out my class Easy Animated Icons before taking this class.