Scribd
Upload
42 views4 pages

Smooth Moves Guide Animation Explained PDF

Uploaded by

salil mandi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
42 views4 pages

Smooth Moves Guide Animation Explained PDF

Uploaded by

salil mandi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

WATC H

Ae THE
CLASS:

moves
Better Motion with Animation Curves in the Graph Editor

Timing
Time (distance on timeline) between keyframes

Timing

Spacing
• What happens in the space between keyframes
• How the frames between keyframes are interpolated

Interpolation
• The process of filling in the unknown frames between known “keyframes”
• Software like Adobe After Effects does this for you
• AKA “tweening”

animation explained megan friesth


Spatial Interpolation
Interpolation of values in space

Keyframe Keyframe

Spatial interpolation
indicated by shape of motion path

Temporal Interpolation
Interpolation of values in time

Keyframe Keyframe

Temporal interpolation
indicated by dots on motion path

L I N E A R E A S Y E A S E

KEYBOARD SHORTCUTS
apply easy ease F9
zoom into/out of graph editor +/-
view/hide all keyframes u
pan behind tool (to adjust anchor point) y
pen tool g
break or reconnect handles hold option (Mac) or alt (PC)
Types of Keyframes
Based on interpolation method

LINEAR
Uniform rate of change
Abrupt and mechanical looking
Command (Mac) or control (PC) click a keyframe to reset it to linear

BEZIER mo
Smooth rate of change (often called “Eased”) frequ st
en
Good starting point to get custom motion using graph editor used tly
F9

AUTO BEZIER
Attempts to automatically maintain a smooth transition between keyframes,
even if you adjust keyframe
Command (Mac) or control (PC) click keyframe

HOLD
Maintains the value of the keyframe until the next keyframe
Good for sudden changes, turning on or off a layer using the opacity
property, or freezing a composition at a point in time
Right click keyframe -> Toggle Hold Keyframe

ROVE ACROSS TIME


Maintains the spatial interpolation of the roving keyframe/s but uses the
overall temporal interpolation of the keyframes that bookend it
With keyframe/s selected, right click -> Rove Across Time

Half & Half Keyframes


The type of interpolation going into a keyframe can be different than the
interpolation going out. This is reflected in the shape of the keyframe:

EASY EASE OUT


Linear in, bezier out LESS COMMON

EASY EASE IN
Bezier in, linear out
Graph Editor

Value Graph
slow

Slope Speed
fast
F L AT = S LO W

STEEP = FAST
slow

Speed Graph
fast

speeding slowing down


CLOSE TO 0 = SLOW up quickly quickly

FAR FROM 0 = FAST

gradually gradually
Acceleration/
Slope
speeding up slowing down

Deceleration

slow slow

When to use the...


Value Graph vs Speed Graph
• To easily synchronize animations
on different sets of keyframes
PROPERTY

• Animation relies on physics • Unique motion path


POSITION

• Motion path is simple


* Need to separate dimensions

You might also like