TLE 10 ANIMATION

MOTION
GUIDE IN
ANIMATE CC
Objectives
explain what is motion guide in
01 Animate CC

demonstrate the process of creating

motion guide in Animate CC 02

create a simple animation using

03 motion guide in Animate CC
MOTION
GUIDE Motion guide in Adobe Animate helps you
enhance the animation you create by
defining a path for the objects you animate.

This is helpful when you are working on an

animation that follows a path that is NOT a
straight line.

EXPLAIN WHAT IS MOTION GUIDE IN ANIMATE CC

MOTION This process requires two layers to carry
GUIDE out an animation

A layer containing the object that you are about to

animate

A layer defining the path, which the object is supposed

to follow during the animation

EXPLAIN WHAT IS MOTION GUIDE IN ANIMATE CC

CREATING
In Layer 1, make a rocketship.
Insert frames in the timeline.
MOTION Still in the timeline, right-click

GUIDE the layer name the click Add

Classic Motion Guide. This will
create a motion guide layer with
the layer “rocket”. This also
shows that the rocket layer is
bound to the motion guide
layer.

With the guide layer for the

rocket selected, make a path
using the pen or pencil tool.

DEMONSTRATE THE PROCESS OF CREATING MOTION GUIDE IN ANIMATE CC

 Afterwards, covert the rocket later

CREATING
into symbol, then right-click the
first keyframe and choose Create
Classic Tween.
MOTION Drag the rocket you are tweening
to snap it to the start of the line in
GUIDE the last frame.
You’ll notice that after you snap the
rocket at the end of the line in your
last frame, Flash automatically
created a terminal key frame on
the end frame. Ctrl+Enter to test
your animation.
You can also fine-tune the direction
and orientation of your rocket’s
guide by inserting keyframes and
rotating or transforming the object.

DEMONSTRATE THE PROCESS OF CREATING MOTION GUIDE IN ANIMATE CC