Skip to main content
Participant
June 12, 2020
Question

Workflow to create animated SVGs

  • June 12, 2020
  • 1 reply
  • 222 views

Hi,

What is he best work flow to create web friendly animated svgs using Adobe products?

 

[Edited by moderator.]

This topic has been closed for replies.

1 reply

Nancy OShea
Community Expert
Community Expert
June 12, 2020

Not quite sure what you mean by animated SVGs. 

 

Interactive SVGs usually begin life in a vector graphics editor like Illustrator or Inkscape.  Export to SVG code.  Then open the SVG code in a code editor like Dreamweaver or Brackets to manually add CSS and/or JavaScript.

 

For character animations, make your puppet in Illustrator.  Use Character Animator to add life to the vector graphic elements.

 

Nancy O'Shea— Product User & Community Expert