export animated svg?

Community Beginner ,
May 27, 2021 May 27, 2021

Copy link to clipboard

Copied

Hi there - is it possible to export an animted svg from adobe animate without all the html?

Views

620

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , May 28, 2021 May 28, 2021
This might be my #1 feature request since animated SVGs are simply awesome and require no 3rd party player. I actually found a way via an extension that is no longer supported and is a bit quirky. But I got it to work! Grab this: https://exchange.adobe.com/creativecloud.details.7232.animated-svg-exporter.html THINGS TO KNOW: After you create your animation... Convert all tweens to keyframes Unlock all layers Ensure all nested animations have the same number of frames as the main timeline does...

Likes

Translate

Translate
Mentor ,
May 27, 2021 May 27, 2021

Copy link to clipboard

Copied

Animate cannot export animated SVG, only SVG sequence.

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Powertools Team - extensions for character animation

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 28, 2021 May 28, 2021

Copy link to clipboard

Copied

Thanks! I was worried to get the answer 😞

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
May 28, 2021 May 28, 2021

Copy link to clipboard

Copied

This might be my #1 feature request since animated SVGs are simply awesome and require no 3rd party player. I actually found a way via an extension that is no longer supported and is a bit quirky. But I got it to work! Grab this:

https://exchange.adobe.com/creativecloud.details.7232.animated-svg-exporter.html

 

THINGS TO KNOW:
After you create your animation...
Convert all tweens to keyframes
Unlock all layers
Ensure all nested animations have the same number of frames as the main timeline does
Grouped objects can pose problems - use Object Drawings when necessary

Sometimes the exported SVG can have weird glitches but after lots of trial and error, I have managed to get it to work.

 

Now, if I can convince the engineering team to build this as a native document type, animators and developers can rejoice!


Animator and content creator for Animate CC

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 31, 2021 May 31, 2021

Copy link to clipboard

Copied

LATEST

Thank you very much! I tried it out and it worked! GREAT!!! 🙂

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines