19

Are there any graphical tools to create and edit animated SVG images? Inkscape is great, but it does everything except animation. I created an image in Inkscape, then manually edited the XML to add animation properties; and this gave me what I wanted, but for slightly more complicated designs it can be very tedious.

1

5 Answers 5

7

You might want to have a look at Synfig. When I needed to make something in this line, used SVG frames, and editing the xml, as you did.

Not free, but cheap, have a look at Koolmoves .It has svg export. I like the tool. (Anyway, consider other exports, like SWF or HTML 5, more future-proof, and better supported in available editors. Disregard this if you totally need svg export.)

2
  • 1
    Something to consider about things today with 20/20 hindsight. SWF which is supposedly more futureproofer than SVG anim, SWF is in fact dead. While svg animations still exist just as they did then, still not a big success.
    – joojaa
    Sep 26, 2016 at 11:13
  • I think it's also worth pointing out that (on the web) a lot of animations that were previously done with tools like Flash are now often done with JavaScript. If I recall correctly, SVG animations are usually achieved by running js code. Sep 26, 2016 at 12:50
2

There is a commercial non-free tool made for creating SVG animation similar to Macromedia Dreamviewer and Microsoft expression blend:

https://aphalina.com/

Disclaimer: A friend of mine made this product. I don't work for him.

0

Try http://archer.graphics - not exactly animation but you can go quite far with it when you know how to write javascript code

1
  • 2
    Please explain better how to solve the given question. As it stands now this is more a link-only answer ... Welcome to GD.SE!
    – Mensch
    Sep 26, 2016 at 11:49
0

I would suggest using Blender or Synfig Studio. Synfig Studio would be great if you want only 2D.

Blender can import and use SVG, it is used for 3D but you can setup camera's to use it in 2D.

0

If you just simply want to animate an SVG and export a single animated SVG file with clean code, I would recommend SVGator. I've tried other tools, but SVGator is the best one so far. It doesn't require any coding skills, but in case you need some help getting started you can check out their tutorials.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.