Convert LOTTIE Animation to SVG Animation | Lottie JSON to SVG
HTML-код
- Опубликовано: 8 фев 2025
- Hello!
I'm a Motion Graphics artist; I mainly work on Lottie/SVG animations. If you want to work with me or need any information, you can reach out to me on Instagram: Manojkmoolchandani
Glaxnimate: glaxnimate.mat...
In this video, I have explained how to convert Lottie into an SVG animation.
#lottiefiles #lottieanimation #svganimation #JSONtoSVG #lottie
It's not exporting animated SVG file but the first frame from your lottie animation.
Thanks for the tutorial. My question is why would you want to convert the Lottie animation into an SVG animation? Are there any optimisations gains by doing so or is it just a workflow preference?
Big help thank you Manoj. Will try this out today. Odd about the text to shape layers giving it an issue, I mean how does it know it was text and it's not just a shape?
thanks for saving so many times and resources
So great Dude, thanks for that!
nice one bro, don't give up
its static, i export but there is no animation on it
thank you so much 🙏
Great video, but my animation is doing something and it shows something else in the svg view, would you do some info videos for what svg can support ?, keep it up!
Okay I'll create a more detailed video on this soon. Also can you please share what exactly the issue you are facing and yes there are certainly a lot effects that are not supported in SVG but I always try to find an alternate way to do that. Share that with you in the next video.
@@Oyedesicricketer i had some letters with masks, and its like u said, some effects are not supported
Hi @@Oyedesicricketer, will you be making another video about this? Different shapes coming out instead of the lottie animation, appreciate your tutorial btw
THANK YOU!!
This is not easy bro, you are asking to install after effects. This is expert solution.
very nice explanation thank you
First of all, thanks for introducing us to Glaxnimate - maybe put a link in your description?
Second, like a couple of others, I'm seeing issue with the export. I think it's probably to do with which animation the Lottie file is using. My exported SVG appears to be attempting to animate the "display" property, whereas the original was using "trim path" which has to be handles as a dasharray/dashoffset in SVG - more complicated to figure out!
it exports SVG but the animation is static :/
Same here, tested on basic path animation
how to fix
It doesn't work. I tried both Windows and Mac and it doesn't work
bro it not working !
can you help me out?
Thank you
Don't work
Can't able to save error check out file name and try again
you talk too much
Okay!