SVGator Animation

SVGator Animation

You have to start somewhere

So im pretty new to SVG-animaion. But i have started to fiddle with it in SVGator.

I used my awesome co-workers Christophers illustration that we use for a company we work with that provides car cleaning services. The character is called “Cleanton” and resemble a drop of water.

I wanted the movement to feel smooth and not static. I think i came pretty close to what i had i mind.

I used the animators like position, rotate, scale and fill opacity all with linear transitions. I exported as CSS and “On load“.


Character SVGator SVG animation

I will write a full tutorial on this when i get the time.