search

airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
30.34k stars 2.87k forks source link

Export svg sequence #1822

Open foguetes opened 4 years ago

foguetes commented 4 years ago

If I render a comp in bodymovin I can preview it and hit "Take Snapshot" to save the current frame as an SVG. Any way I can export the entire comp as an svg sequence. I'm working on a project where I need to import a vector sequence into 3D software (as seen here: https://youtu.be/WvaZoOGHmzQ?t=590) and the ability to use after effects on this would be great.

image

bodymovin commented 4 years ago

Hi, if you need each frame as a separate file, it shouldn't be too hard to do it with some script. If you need all the animation in a single svg, it's pretty difficult because of ids collisions.

foguetes commented 4 years ago

actually, both options would be nice, for different purposes. Right now, it is possible to convert a Lottie animation into SVG using this Keyshape plugin: https://github.com/Pixofield/keyshape-lottie-format It would be great if we could eliminate the extra steps involved, though.

foguetes commented 4 years ago

@bodymovin Since I wrote the last comment, the support for lottie animations in keyshape has improved. However, Keyshape is macOS only and not free. So it would be great if we could do this straight from bodymovin. If the snapshot function is already there, I guess it's just a matter of automating the process of skipping one frame and exporting.