top of page

The Need for Speed: Why Easing is Key in Animation.

Here's a very simple animation I created. All three icons are effectively doing the same thing, moving from one side of the screen to the other in the same space of time. But their movements are entirely different depending on how much they ‘ease’ into each position. By manipulating the speed and acceleration of examples 2 and 3, we produce some much more slick and engaging results.

1️⃣ Simple

The top igloo is moving from point A to point B in the most basic way possible. This is how an animation looks when we first start work on it, but if left like this, it would make for a very boring, rigid and stagnant video. It appears to ‘hit’ each side rather abruptly, which in most cases is not what we want.

2️⃣ Smooth

At this point, I’ve applied some ‘easing’ to point A and B in the movement. This makes for a much more professional and slick animation. A fairly subtle change like this makes a big impact on the quality of an overall piece of work. It’s easier on the eye and feels more lifelike, as we’re all used to seeing things slow to a stop.

3️⃣ Dynamic

After doing some more complex graph editing, we’ve now created a much more engaging and energetic movement. This is where we can really add character to imagery, and maintain an audience’s attention through engaging changes in pace. I try to use more of this kind of movement to add energy and momentum to our work.


bottom of page