--- title: "Lottie Animation & After Effects Tutorial" description: "Lottie Animation & After Effects Tutorial | Cuberto BlogServicesProjectsCompanyBlogContactsMenuServicesProjectsCompanyBlogContactsGet in touchinfo@cuberto.comOur workflowcontact-contact-contact-contact-Design Course5/27/2021Lottie Animation & After Effects TutorialWe decided to tell you about the Lottie library that lets applications use…" url: https://nexonsoftware.com/lottie-animation-after-effects-tutorial/ date_published: 2026-06-07T17:24:57+00:00 date_modified: 2026-06-20T10:56:55+00:00 site: "Nexonsoftware" agent_standard: ugentic/1.0 --- Lottie Animation & After Effects Tutorial | Cuberto Blog [https://nexonsoftware.com/?page_id=20&preview=true](https://nexonsoftware.com/?page_id=20&preview=true)[https://nexonsoftware.com/?page_id=20&preview=true](https://nexonsoftware.com/?page_id=20&preview=true) [Services](https://nexonsoftware.com/?page_id=21&preview=true) [Projects](https://nexonsoftware.com/?page_id=22&preview=true) [Company](https://nexonsoftware.com/?page_id=23&preview=true) [Blog](https://nexonsoftware.com/?page_id=24&preview=true) [Contacts](https://nexonsoftware.com/?page_id=25&preview=true) ### Menu [Services](https://nexonsoftware.com/?page_id=21&preview=true) [Projects](https://nexonsoftware.com/?page_id=22&preview=true) [Company](https://nexonsoftware.com/?page_id=23&preview=true) [Blog](https://nexonsoftware.com/?page_id=24&preview=true) [Contacts](https://nexonsoftware.com/?page_id=25&preview=true) ### Get in touch [info@cuberto.com](mailto:info@cuberto.com) [Our workflow](https://nexonsoftware.com/?page_id=20&preview=true) [https://nexonsoftware.com/?page_id=25&preview=true](https://nexonsoftware.com/?page_id=25&preview=true) Design Course 5/27/2021 # Lottie Animation & After Effects Tutorial We decided to tell you about the Lottie library that lets applications use After Effects as effortlessly as they use static images. We decided to tell you about the Lottie library that lets applications use After Effects as effortlessly as they use static images. We’ll unpack the right way to prepare your animation, explore all the nuances, and chat about how to properly export files as JSON with Bodymovin. Bodymovin is an open source library for exporting animations from After Effects into code. For our demo, we’ll take any 3 icons and make a JSON animation as an example. If the original icon file is in Figma, Sketch, or Adobe XD, then you’ll first have to prep it just right. ![Lottie Animation & After Effects Tutorial YouTube Video](https://nexonsoftware.com/wp-content/uploads/ugentic-clones/ugentic-clone-6a25a82190a88/img.youtube.com/45843714139f-maxresdefault.jpg) Share [https://www.facebook.com/sharer/sharer.php?u=https://cuberto.co/blog/lottie-animation-and-after-effects-tutorial/](https://www.facebook.com/sharer/sharer.php?u=https://cuberto.co/blog/lottie-animation-and-after-effects-tutorial/) [https://www.linkedin.com/sharing/share-offsite/?url=https://cuberto.co/blog/lottie-animation-and-after-effects-tutorial/](https://www.linkedin.com/sharing/share-offsite/?url=https://cuberto.co/blog/lottie-animation-and-after-effects-tutorial/) [https://twitter.com/intent/tweet?url=https://cuberto.co/blog/lottie-animation-and-after-effects-tutorial/](https://twitter.com/intent/tweet?url=https://cuberto.co/blog/lottie-animation-and-after-effects-tutorial/) Related Posts [How to Make UI/UX website // Frontend development](https://nexonsoftware.com/?page_id=40&preview=true) [Liquid Swipe Animation in After Effects](https://nexonsoftware.com/?page_id=46&preview=true) [Liquid Tabbar Animation in After Effects](https://nexonsoftware.com/?page_id=47&preview=true) ## Have an idea? [Tell us](https://nexonsoftware.com/?page_id=25&preview=true) [info@cuberto.com](mailto:info@cuberto.com) Main office 901 N Pitt Street Alexandria VA, 22314 [+1 301 549 9309](tel:+13015499309) Second office Na Perstyne 342/1, 11000 Prague [Services](https://nexonsoftware.com/?page_id=21&preview=true)[Blog](https://nexonsoftware.com/?page_id=24&preview=true)[Projects](https://nexonsoftware.com/?page_id=22&preview=true)[Workflow](https://nexonsoftware.com/?page_id=20&preview=true)[Company](https://nexonsoftware.com/?page_id=23&preview=true)[Contacts](https://nexonsoftware.com/?page_id=25&preview=true) [Privacy Policy](https://nexonsoftware.com/?page_id=26&preview=true) 2026, Cuberto [https://www.instagram.com/cubertodesign/](https://www.instagram.com/cubertodesign/) [https://www.youtube.com/channel/UCzestFrXpwSGCfcbO2pObwQ](https://www.youtube.com/channel/UCzestFrXpwSGCfcbO2pObwQ) [https://github.com/Cuberto](https://github.com/Cuberto) [https://www.facebook.com/Cuberto.design/](https://www.facebook.com/Cuberto.design/) [https://dribbble.com/cuberto](https://dribbble.com/cuberto) [https://www.behance.net/cuberto](https://www.behance.net/cuberto)