Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.


Easy Animated Icons in Adobe After Effects

via Skillshare


Learn or practice animation in Adobe After Effects by creating a fun set of animated icons. If you’re a graphic designer, illustrator, or anyone wanting to learn how to animate in 2D, this is a great place to start!

You’ll learn how to:

  • create icons starting with basic shapes in Adobe Illustrator.
  • prepare your icons for animation.
  • bring your icons into After Effects.
  • set keyframes to animate scale, position, rotation and more.
  • animate lines drawing in and out.
  • create a simple mask to hide parts of a graphic.
  • animate an object along a path.
  • export your animations as a GIF or movie file.
  • and much more!

If you've never used After Effects before, you may find it helpful to check out my free After Effects orientation video and guide first.

After this class, check out:

Find me online:

My website





  • Welcome
  • Class Project
  • Illustrate Icons - Part 1
  • Illustrate Icons - Part 2
  • Get Ready for Animation
  • Import AI Files into After Effects
  • After Effects Tour
  • Set Keyframes
  • Convert Vector Layer to Shapes
  • Animate Lines Drawing In
  • Animate Along a Path
  • Orient Along a Path
  • Adjust Anchor Points
  • Parent Layers - Part 1
  • Parent Layers - Part 2
  • Scale In - Part 1
  • Scale In - Part 2
  • Create Masks
  • Adjust Motion
  • Finish
  • Render
  • Thanks!

Taught by

Megan Friesth


Start your review of Easy Animated Icons in Adobe After Effects

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.