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

Комментарии • 27

  • @lionsground
    @lionsground Год назад +3

    It's not exporting animated SVG file but the first frame from your lottie animation.

  • @benjaminjameswaller
    @benjaminjameswaller Год назад +1

    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?

  • @rowanclancy6763
    @rowanclancy6763 Год назад +1

    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?

  • @artechio
    @artechio 4 месяца назад

    thanks for saving so many times and resources

  • @eliudjhaleel
    @eliudjhaleel Год назад +1

    So great Dude, thanks for that!

  • @it.corporation
    @it.corporation Год назад +1

    nice one bro, don't give up

  • @chegov4665
    @chegov4665 9 месяцев назад +2

    its static, i export but there is no animation on it

  • @isumbosi3
    @isumbosi3 Год назад +1

    thank you so much 🙏

  • @Inwardcrowd2210
    @Inwardcrowd2210 Год назад +1

    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!

    • @Oyedesicricketer
      @Oyedesicricketer  Год назад +1

      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.

    • @Inwardcrowd2210
      @Inwardcrowd2210 Год назад

      @@Oyedesicricketer i had some letters with masks, and its like u said, some effects are not supported

    • @Condoscanner-fc4iv
      @Condoscanner-fc4iv Год назад +1

      Hi @@Oyedesicricketer, will you be making another video about this? Different shapes coming out instead of the lottie animation, appreciate your tutorial btw

  • @SorrayaAntoine
    @SorrayaAntoine Год назад +1

    THANK YOU!!

  • @MukundJha
    @MukundJha 2 месяца назад

    This is not easy bro, you are asking to install after effects. This is expert solution.

  • @user-lh3xs9km6z
    @user-lh3xs9km6z 10 месяцев назад +1

    very nice explanation thank you

  • @JamesScholesUK
    @JamesScholesUK Год назад +1

    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!

  • @Enciolationarivolar
    @Enciolationarivolar Год назад +4

    it exports SVG but the animation is static :/

  • @dragoszait
    @dragoszait 6 месяцев назад

    It doesn't work. I tried both Windows and Mac and it doesn't work

  • @habibullahashraf9417
    @habibullahashraf9417 Год назад +1

    bro it not working !

  • @habibullahashraf9417
    @habibullahashraf9417 Год назад +1

    can you help me out?

  • @imransu-mon1368
    @imransu-mon1368 Год назад

    Thank you

  • @romanjanuari4774
    @romanjanuari4774 Год назад +1

    Don't work

  • @mubeensam4484
    @mubeensam4484 9 месяцев назад

    Can't able to save error check out file name and try again

  • @syfur
    @syfur Год назад +1

    you talk too much