Advertisement


What program could I use to make animated vector icon constructions?


Question

I've created some vector icons in Illustrator. Recently I found this designer's work and was intrigued by his animated constructions, like the following: https://dribbble.com/shots/2477055-Cloud-Icon https://dribbble.com/shots/2059252-Eye-Constructions

I've contacted the artist to ask about his animation process but haven't received a response. So, I thought I would ask for input on here.

Does anyone know what program might be used to make animations like these?

Caveat: I know how to make gifs in Photoshop. I was wondering if there is a program that can animate vector shapes.

I have access to all of Adobe's Creative Cloud programs, so if any of those programs can be used, that would be my first choice. Thanks

2016/12/22
1
2
12/22/2016 4:13:00 PM

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.


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


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

2017/04/22
1
4/22/2017 1:30:00 PM