A new plug-in has hit the streets allowing you to convert simple animations to JSON directly from After effects for use in iOS, Android and React Native apps.

It’s called Lottie. Created by the team and AirBnB.Design.

By dropping the Body Movin extension into After Effects you can export simple vector animations straight to JSON code. This can be then thrown into any Android, iOS or React Native app by adding the appropriate library to your project.

Now quick simple animations only take a few minutes to whip up and implement into a project.

erroranimation            succesfulanimation

Here are a couple I made for a project I am working on at the moment. They each took about 15 minutes to create in AE and have in the project ready for testing. The results are fantastic.

Nice!

If anyone is interested in a little more in depth walk through on how to create something like this let me know.

 


Thanks for reading. Don’t forget to check out my site!

www.agkdesigns.net

Advertisements