Motion tweens are used to create animation movements within Animate. Motion tween animation is created by specifying different values for an object property between the first and the last frames. The object properties vary from position, size, color, effects, filters, and rotation.

When you create a motion tween, you select any frame in the tween and move the motion symbol on that frame. Unlike Classic and Shape tweens, Animate automatically builds a motion path animating the frames between the first frame and the next keyframe.

Since you do not use assets in each frame, motion tween minimizes the file size and reduces assets in your documents.

Motion tween workflow

  1. Before you begin motion tween animation, understand the basic concepts of Animate CC.
  2. Learn about the various components of motion tween and their tweenable properties.
  3. Create motion tweens to create animations within Animate CC.
  4. Add tweens to timelines to tween an object across the timeline. 
  5. Edit the motion path of a tweened animation to change the position of a tweened object.
  6. Work with property keyframes in motion tweens for a consistent motion speed across a tween.
  7. Edit tween spans using a motion editor or Property inspector to arrange the objects in layers and frames.
  8. Save Motion Presets for later use.

If you want a realistic and natural appearance for the motion tween, use custom eases.

See also


This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy