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
35 students are watching this class

Project Description

Animate a series of icons morphing from one to the other. You can download and animate my travel icons, create your own icons, or find/buy icons online to use. Post your progress at each of these milestones, or whenever you’d like feedback:

  1. Choose your icons. What’s the purpose of your animation? Is it to show a progression of steps, a list of items in a category, or will it tell a mini story? Start a class project and post your ideas.
  2. Illustrate or collect your icons. Then, plan out how you will transition from one icon to the next. You don’t have to have every morph 100% figured out. Have a plan, but leave room to discover new possibilities.
  3. Animate your icons morphing into one another in After Effects. Export your final animation (extra credit if you can make it loop!) as a .mov, .mp4, or .gif and post it to the class project!

Resources(1)

Student Projects

project card
Megan Friesth