Ae

Easing (Motion Design Techniques)

Basic

I got one thing wrong in this video, which sucks.

It was pointed out to me that my definitions of which part of the graph is easing “IN” and which part was easing “OUT” was incorrect.

Admittedly the definitions of which is which gets confusing, especially for me coming from both an animation and programming background. It all has to do with what you are considered to be the subject of easing. Within animation, it’s all about the keyframe, within programming it’s about the motion that is occurring.

To correct myself then….

When it comes to Animation such as After Effects & Blender etc

In the context of our graphs as shown on-screen, it means easing OUT occurs on the left, and easing IN occurs on the right.

However, it is different from a programming perspective, such as demonstrated on https://easings.net

When it comes to programming

Therefore, depending on the context of where you are using easing, easing IN might be at the start, or it might be at the end.


Learn how to make your animations and motion graphics feel more natural with EASING. Discover what easing does, and how to apply it in a number of different ways in Adobe After Effects.

Dan Ebbert’s article on Overshoot and Bounce:
https://motionscript.com/articles/bounce-and-overshoot.html

MisterHorse’s Animation Composer:
https://misterhorse.tv/animation-composer

Easings Cheat Sheet (as referenced in the video):
https://easings.net/

SUPPORT MEDIA WORKBENCH ON PATREON FOR EXCLUSIVE DOWNLOADS

Grab some Merch

Express your inner creative outwardly whilst supporting all that we do...

View Merch store

Need some help

Run into an issue with one of the tutorials or is something not covered in the FAQ?

Contact and Support