: What program could I use to make animated vector icon constructions? I've created some vector icons in Illustrator. Recently I found this designer's work and was intrigued by his animated constructions,

@Si6392903

That is an animated gif. The final output is not a vector.

To animate vectors as such you could use some web animation technique, like animating with CSS or JavaScript. Or use Flash or Adobe Animate. All this for web application.

Some programs produce at the end a bitmap output, like the animated gif itself, a video or Html5 Canvas.

But we need to differentiate drawing vectors as a tool and making animations that look as vectors. This example is the second one.

So, you can use After effects, which is a compositing tool.

A good news. You can use some free tools.


HitFilmExpress: hitfilm.com/express (Both Mac and PC) Output Video that can be converted to an animated gif.
Express Animate: www.nchsoftware.com/animation/ (Just for Windows) Video, direct animated gif or Canvas Output.
You could also adapt Blender to render 2D looking animations.
A flash like program is Synfig synfig.org/ And other option for html5 animation: Google web designer: www.google.com/webdesigner/ If you want to animate using a JavaScript library this is an interesting option. greensock.com/



And take a look at some other options: alternativeto.net/software/adobe-flash/


Also this can be animated using only CSS animation www.google.com.mx/search?q=css+animation

Vote Up Vote Down