Skip to main content
Participant
September 19, 2022
Question

How to save After Effects video as SVG ?

  • September 19, 2022
  • 2 replies
  • 948 views


Hi,

I'm creating a simple animation which needs to be saved as an animated SVG. The animation is a circle that appears as if someone is drawing it. When I save this with Bodymovin, and check SMIL (svg) before I render, the only thing that is being saved is a pink box - the layer where I drew the circling stroke on is pink, but I've made the background transparent, for some reason it shows the pink background, and only the background when I save it. 


How can I save the animation so it will be saved as an animated SVG?
Grateful for answers!

This topic has been closed for replies.

2 replies

OussK
Community Expert
Community Expert
September 19, 2022

Exporting files using Bodymovin is very limited and you should be sure that you don't use any effects or pixel elements that are not supported and can't be exported as SVG, check lottifiles for more help https://lottiefiles.com/plugins/after-effects 

Participant
September 21, 2022

Thank you for sharing Lottie!

Community Expert
September 19, 2022

After Effects makes pixels, Only vector shapes can be exported as vectors using 3rd party plugins. Even then, the functionality is severely limited. You are trying to use the wrong tool. 

 

If you are trying to create animations for the web, you should use Adobe Animate. It is specifically designed to do that.

Participant
September 21, 2022

Thank you for the reply! The vector comment was really helpful.