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

Create a Professional Icon Animation and Play it on Your Phone

Part 3: How to design polished looking timing in 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 learn a simple and easy way to use the After Effects Graph Editor, how to work with velocity curves and easing, and how to create professional animation timing that feels great for your users. 

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 use the LottieFiles Website, LottieFiles App, and LottieFiles After Effects Plugin to present your work on your phone, and export your icon animation for hand-off to engineers.

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.