Motion

The construction of motion should be as procedural as possible. The expression of the animation should come from the unexpected and creative curation of high quality content.

Procedure

The construction of motion should be as procedural as possible. The expression of the animation should come from the unexpected and creative curation of high quality content.

An array of tools can be used to ensure that the motion system is applied efficiently and with consistency.

Procedure
Easing

Strong easing should be present on every keyframe, both in and out.

The diagram shows how common easing functions affect a property over time. Avoid more subtle functions like Sine and Quad. Equations like Quint and Expo (Exponential) provide strong, smooth easing that work with the motion system.

Do not use functions that simulate bouncing or elasticity.

Procedure
Rigging

Modules can be rigged together to ensure that any motion applied to one module affects the adjacent modules.

This reduces the amount of keyframe animation required while ensuring that the modules are aligned on a pixel level.

Procedure
Tools

To apply easing functions:

Ease and Wizz
aescripts.com/ease-and-wizz/

Flow
aescripts.com/flow/

To rig modules :

Pins and Boxes
aescripts.com/pins-and-boxes/