FREE LottieFiles After Effects Icon Animation Course For UX/UI & Product Designers

Create a Professional Icon Animation and Play it on Your Phone

Part 2: How to build an icon animation in Adobe After Effects

 
Download project assets and follow along with PDF checklist

A new short video lesson is released every day at 7 am, local time. Click the thumbnails to unlock previous sessions.

By the end of this video, you will be able to turn your design into an icon animation in After Effects even if you have no previous experience!

What you will learn

  • Learn the icon animation workflow 
  • Learn how to work with vector shape layers
  • Learn how to create and modify your keyframes and preview your animation in After Effects

Make sure you watch the next video where you will learn how to design polished looking timing in After Effects.

Part 1

How to import your Sketch or Figma file into After Effects

Part 2

How to build an icon animation in Adobe After Effects

Part 3

How to design polished looking timing in After Effects

Part 4

How to present your icon animation on your phone and hand-off assets to engineers

Close

50% Complete

Two Step

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.