Shop Onsite workshops Blog Templates Affiliates About Bundles Login

How to animate an icon in After Effects

Click here to download the source files and follow along

In this tutorial, I show you step by step how to animate an icon in After Effects. 

We’ll be creating shape layers from the Adobe Illustrator file, applying trim paths on each shape, and animating it with a few simple keyframes. You’ll want to go nuts and animate all your icons after this tutorial. The steps I will be covering include:

  1. Review the design setup in Illustrator
  2. Import the design into After Effects
  3. Apply and animate the ‘Trim Paths tool in After Effects
  4. Keep doing it to all the icon elements
  5. Finesse the timing
  6. Enjoy!

🔥 Save 15% on any UI animation course or bundle on uxinmotion.com

Join my mailing list to receive a one time coupon, plus the latest news and updates from me. Don't worry, your information will not be shared.

Click here for coupon

You're a designer, you get paid to have opinions. Share them! 👇🏽

Close

🔥 Take 15% off your first purchase

90% Complete