I am a bit confused. Do I watch the entire youtube video that you included or just enough to get the JPEG sequence? Because when I go new composition it doesn’t prompt me to select images
Hey @Jenny_C , once you have rendered your animation as an image sequence. You can no create a new composition, then select all your images and drop them in the Project Pane.
Ideally, you would want to import all your JPEGS. The lottie animation will most probably be a huge file depending on your animation. A good workaround is explained in the video where every odd image file is deleted to reduce the number of rasterized images needed to include in the json file.
You can also experiment with the compression, I say 40, the video says 60, it comes by default at 80. If you have 200+ images, put the compression between 60 to 80. Bear in mind, Webflow allows a lottie file upto a maximum size of 30mb.
From what I see you have done from the Circle Loading animation, I don’t even think you need to delete any images. Just import the files, and export via bodymovin at 60 compression. You should be good.
@imtiazraqib So I got it to export but the animation is so slow you can tell that it goes frame by frame. I truly don’t know what I am doing wrong, it shouldn’t be this hard!
Your export showcases 18K frames for this animation which does not seem right. Did you import the JPEG sequence with stills at 00:00:01? it looks like the stills last for 2 seconds which is 00:02:00.
I would consider rebuilding this animation using Rotation and Trim Paths vs script and effects in AE. BodyMovin’ and Lottie support those AE features and it will all around be a simpler process.
By making this a JPG sequence, you lose the greatness of vector and could just opt for GIF.