Make Simple Lottie Animations in XD & After Effects

Published: 12 May 2023
on channel: Carl Johnson
1,543
40

In this tutorial, l'll show you how to create a Lottie animation using Adobe XD and Adobe After Effects. Lottie is a popular animation format that allows designers and developers to create animations that can be easily used in web and mobile applications. With Lottie, you can bring your designs to life with smooth animations that are lightweight and scalable.

I'll also show you how to export the animation as a JSON file using the Bodymovin plugin for After Effects (link to get the extension below).

Timestamps:

0:00 Intro
0:08 Making shapes in XD
1:18 XD to After Effects
1:27 Animating the shapes
5:07 Exporting the animation

▸ Join my Substack: https://carljohnson.space
▸ Watch more: https://bit.ly/3pF6dGY
▸ Subscribe for more: http://bit.ly/MrJohnoCPSub
▸ Share this video:    • Make Simple Lottie Animations in XD &...  
________________________

▸ Get Bodymovin: https://adobe.ly/42zMuqX
▸ Get After Effects: https://bit.ly/3z05SAp
▸ CleanShot (what I use for screen recording) https://bit.ly/45Zhjaq
________________________

▸ My favourite resources http://bit.ly/3StaKqy
▸ Sign up for email updates: http://bit.ly/2TNpgKc
▸ Buy me a coffee https://www.buymeacoffee.com/carljohnson
________________________

If you've got any questions or requests for future videos drop them in the comments below 👇
______________

#adobeaftereffects #adobexd #lottieanimation #lottiefiles


Watch video Make Simple Lottie Animations in XD & After Effects online without registration, duration hours minute second in high quality. This video was added by user Carl Johnson 12 May 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,543 once and liked it 40 people.