Week 03.gif

Animate the Grid p2

Week: 03

Level: Undergraduate

Temporal and Spatial Keyframes

We explore the various aspects of Temporal and Spatial Keyframes.

Temporal Keyframes

  • Regular
  • Ease Out
  • Ease In
  • Easy Ease both
  • Hard In / Out
  • Toggle Hold
  • Custom curve

Spatial Keyframes

  • Linear
  • U Curve
  • S Curve
  • Outward curve

Other ways to affect Timing:

  • Roving Keyframe
  • Time Reverse Layer
  • Time Stretch layer
  • Freeze Frame
  • Time Remapping / Loop Out
  • Render Queue / make a GIF

Exercise

  • Create an 8 second Work Area on the Main Timeline
  • Animate the 6 looping Squares along the Grid in straight lines (no diagonals!)
  • The moving Squares should not overlap
  • Explore different types of Timing in the Keyframes
  • The objective end goal of this exercise is that the 8 second animation should Loop.

Key Steps / Learning

  • Understand different types of Keyframes
  • Prepare the Main Timeline: use Markers, create In and Out points and Colour code Layers
  • Understand Time Remapping
  • Simple Expressions: Loop Out

Tutorial: Animate the Grid p2