After Effects: Animated Tab Bar Icons for Lottie

In this video, we jump into After Effects and create animated tab bar icons that go from their enabled state to their selected state, then export them as Lottie files 🙂.

// Chapters
0:00 - Start
0:31 - Intro and tutorial file download
2:26 - Send icons from Figma and Sketch (AEUX), then Adobe XD to After Effects
7:58 - Animate icons
11:40 - Export animated search icon as a JSON file with Bodymovin
12:40 - Preview the file using the Lottie Files site and app
15:47 - Outro

// Download the tutorial files
The tutorial file below contains designs for Sketch, Figma and Adobe XD, so you can pick your design tool of choice for this tutorial.
https://www.icloud.com/iclouddrive/08...

// Get set up with my "Set up your Mac for Lottie" tutorial
   • Set up your Mac to create Lottie Anim...  

// Lottie Files site and app links
Website: https://lottiefiles.com](https://lottiefiles.com/
iOS App: https://apps.apple.com/us/app/lottie-...
Android App: https://play.google.com/store/apps/de...

// For updates and other tutorials, follow me on
Twitter:   / deanemachine  
Medium:   / christopherdeane  

Thanks for watching! 🙂

#lottie #animated #icons