How are the animations of these vector art type made?

I have seen animations on what looks like vector art to me here and here.

enter image description here

enter image description here

In fact I have seen some very complex scenes having ~100 objects, all animating independently (in what looked like proper physics) around creating great visual spectacle!

I am a newbie to vector graphics (using InkScape) and amused by how such nice animations are done.

Are they –

  1. Done by programming libraries (Saw some svg manipulating libs in JavaScript, but that looks tedious to do such peculiar animations like glass filling with liquid)

  2. Done in some movie creating software ?

  3. By hand (frame-by-frame) in Vector Graphics editing software ? (Looks really time consuming)

  4. Something else ?

or my understanding is wrong and they infact are not vector graphics itself ?


  1. Possibly the first demo (the cat) is a very good candidate for such things. However, its probably done in a animation software.

  2. Most probably in some animation software. Such as After Effects, Adobe Animate, Flash, Toonboom Harmony etc. Even most 3d animation software would work well (I could make the cat in Maya in about 10-15 minutes, including tooling up, much faster in Harmony).

  3. Animation is always time consuming no matter what you do. Software helps, but animation has a horribly high learning curve. Even animating by hand is not as time-consuming as you think, in context of animation always being time consuming.

    enter image description here

    Image 1: A quick thing I made frame by frame for fun in 15-20 minutes of a post on engineering.SE using illustrator

    So for example the cat could be made by hand quite quickly Id say about less than 20 minutes (It is a simpler animation than the rotation but not much). All you need to do is resign the nagging idea that there might be a better way.

  4. Something else? What would that something else be, stop motion animation?

Source : Link , Question Author : Amit Tomar , Answer Author : Community

Leave a Comment