User Guide Cancel

Manipulating motion tweens

  1. Adobe Animate User Guide
  2. Introduction to Animate
    1. What's New in Animate
    2. Visual Glossary
    3. Animate system requirements
    4. Animate keyboard shortcuts
    5. Work with Multiple File Types in Animate
  3. Animation
    1. Animation basics in Animate
    2. How to use frames and keyframes in Animate
    3. Frame-by-frame animation in Animate
    4. How to work with classic tween animation in Animate
    5. Brush Tool
    6. Motion Guide
    7. Motion tween and ActionScript 3.0
    8. About Motion Tween Animation
    9. Motion tween animations
    10. Creating a Motion tween animation
    11. Using property keyframes
    12. Animate position with a tween
    13. How to edit motion tweens using Motion Editor
    14. Editing the motion path of a tween animation
    15. Manipulating motion tweens
    16. Adding custom eases
    17. Creating and applying Motion presets
    18. Setting up animation tween spans
    19. Working with Motion tweens saved as XML files
    20. Motion tweens vs Classic tweens
    21. Shape tweening
    22. Using Bone tool animation in Animate
    23. Work with character rigging in Animate
    24. How to use mask layers in Adobe Animate
    25. How to work with scenes in Animate
  4. Interactivity
    1. How to create buttons with Animate
    2. Convert Animate projects to other document type formats
    3. Create and publish HTML5 Canvas documents in Animate
    4. Add interactivity with code snippets in Animate
    5. Creating custom HTML5 Components
    6. Using Components in HTML5 Canvas
    7. Creating custom Components: Examples
    8. Code Snippets for custom Components
    9. Best practices - Advertising with Animate
    10. Virtual Reality authoring and publishing
  5. Workspace and workflow
    1. Creating and managing Paint brushes
    2. Using Google fonts in HTML5 Canvas documents
    3. Using Creative Cloud Libraries and Adobe Animate
    4. Use the Stage and Tools panel for Animate
    5. Animate workflow and workspace
    6. Using web fonts in HTML5 Canvas documents
    7. Timelines and ActionScript
    8. Working with multiple timelines
    9. Set preferences
    10. Using Animate authoring panels
    11. Create timeline layers with Animate
    12. Export animations for mobile apps and game engines
    13. Moving and copying objects
    14. Templates
    15. Find and Replace in Animate
    16. Undo, redo, and the History panel
    17. Keyboard shortcuts
    18. How to use the timeline in Animate
    19. Creating HTML extensions
    20. Optimization options for Images and Animated GIFs
    21. Export settings for Images and GIFs
    22. Assets Panel in Animate
  6. Multimedia and Video
    1. Transforming and combining graphic objects in Animate
    2. Creating and working with symbol instances in Animate
    3. Image Trace
    4. How to use sound in Adobe Animate
    5. Exporting SVG files
    6. Create video files for use in Animate
    7. How to add a video in Animate
    8. Draw and create objects with Animate
    9. Reshape lines and shapes
    10. Strokes, fills, and gradients with Animate CC
    11. Working with Adobe Premiere Pro and After Effects
    12. Color Panels in Animate CC
    13. Opening Flash CS6 files with Animate
    14. Work with classic text in Animate
    15. Placing artwork into Animate
    16. Imported bitmaps in Animate
    17. 3D graphics
    18. Working with symbols in Animate
    19. Draw lines & shapes with Adobe Animate
    20. Work with the libraries in Animate
    21. Exporting Sounds
    22. Selecting objects in Animate CC
    23. Working with Illustrator AI files in Animate
    24. Applying blend modes
    25. Arranging objects
    26. Automating tasks with the Commands menu
    27. Multilanguage text
    28. Using camera in Animate
    29. Graphic filters
    30. Sound and ActionScript
    31. Drawing preferences
    32. Drawing with the Pen tool
  7. Platforms
    1. Convert Animate projects to other document type formats
    2. Custom Platform Support
    3. Create and publish HTML5 Canvas documents in Animate
    4. Creating and publishing a WebGL document
    5. How to package applications for AIR for iOS
    6. Publishing AIR for Android applications
    7. Publishing for Adobe AIR for desktop
    8. ActionScript publish settings
    9. Best practices - Organizing ActionScript in an application
    10. How to use ActionScript with Animate
    11. Accessibility in the Animate workspace
    12. Writing and managing scripts
    13. Enabling Support for Custom Platforms
    14. Custom Platform Support Overview
    15. Working with Custom Platform Support Plug-in
    16. Debugging ActionScript 3.0
    17. Enabling Support for Custom Platforms
  8. Exporting and Publishing
    1. How to export files from Animate CC
    2. OAM publishing
    3. Exporting SVG files
    4. Export graphics and videos with Animate
    5. Publishing AS3 documents
    6. Export animations for mobile apps and game engines
    7. Exporting Sounds
    8. Best practices - Tips for creating content for mobile devices
    9. Best practices - Video conventions
    10. Best practices - SWF application authoring guidelines
    11. Best practices - Structuring FLA files
    12. Best Practices to optimize FLA files for Animate
    13. ActionScript publish settings
    14. Specify publish settings for Animate
    15. Exporting projector files
    16. Export Images and Animated GIFs
    17. HTML publishing templates
    18. Working with Adobe Premiere Pro and After Effects
    19. Quick share and publish your animations
  9. Troubleshooting
    1. Fixed issues
    2. Known issues

 

There are numerous ways you can select frames of an animation and move them around on a timeline. There are also many ways to modify your animation so it plays exactly the way you want it to when you publish your files.

Tween layers can contain tween spans, static frames, and blank keyframes. You can use the static and blank frames to draw on the frame, paste graphics, import a bitmap to the selected frame, and so on. These spans and frames can be moved within the same layer, or to most other layers. A tween layer cannot contain IK spans or classic tweens.

Tween spans cannot contain an ActionScript either on the frame or attached to a tweened object. However, a frame outside a tween span on a tween layer can contain an ActionScript. Ensure to put all your code on its own layer called actions (typically the topmost layer on the main Timeline).

Use the following context menu options in the tween layers to manipulate tweens: 

  • Refine tween: Removes the motion tween from the selected tween span.
  • Remove tween: Removes the motion tween from the selected tween span.
  • 3D tween: Adds or removes the 3D properties of a tween (you can see them in the Motion Editor). 3D is automatically activated if you use a 3D tool with the instance before or after you add the motion tween. 
  • Convert to Frame by Frame Animation: Converts the currently selected span into a frame-by-frame animation. 
  • Save as Motion Preset: Saves the currently selected span as a Motion Preset.
  • Insert Frame: Inserts the number of selected frames into the tween span. 
  • Remove Frames: Removes the selected frames from the tween span or static frames. If an entire span is selected, it removes the entire span.
  • Insert Keyframe: Lets you choose what type of property keyframe to insert from a submenu. For example, you can insert a rotation property keyframe using this menu. 
  • Insert Blank Keyframe: You can use this option to insert a blank keyframe on an empty frame. This option is dimmed if your selection is within a tween span.
  • Clear Keyframe: If used within a tween span, you can select from a submenu to remove a type of property keyframe from the currently selected frames. The option does not remove the keyframe at frame 1. Outside a tween span, use this option to remove the selected keyframes.
  • View Keyframes: Use this option to choose which kinds of property keyframes you would like to see on the selected tween span. The default setting is All, but you can choose to one or more types of property keyframes.
  • Cut/Copy/Paste Frames: Use this option to cut or copy some or all frames from a tween span, and paste them to a new location. 
  • Clear Frames: You can use Clear Frames to turn the selected frames into blank frames. If your selection is in the middle of a tween span, it creates two individual tween spans around the blank frames.
  • Select All Frames: Use this option to select all frames on a timeline.
  • Copy/Paste Motion: Use these options to copy all the properties of the selected motion, and paste it to another instance. 
  • Copy/Paste Properties: Use these options to copy the property keyframes from an individual frame and paste property keyframes at a different frame. Ensure that you select one frame to use this option. 
  • Paste Properties Special: Use this option after you have copied the properties of a selected frame. 
  • Split Motion: Use Split Motion to turn a single tween span into two tween spans. This option is available when you select a single frame. 
  • Join Motions: Use Join Motions to turn contiguous tween spans into a single tween span. This option is available when you select two or more contiguous tween spans. 
  • Reverse Keyframes: Use this option to reverse the keyframes for all the properties of a selected tween span. 
  • Motion Path > Switch keyframes to roving/non-roving: Use this option to switch the keyframes of a selected span between roving and non-roving.

See also

Copy and paste a motion tween

You can copy the tweened properties from one tween span to another. The tweened properties are applied to the new target object, but the location of the target object is not changed. You can apply a tween from one area of the Stage to an object in another area without repositioning the new target object.

  1. Select the tween span that contains the tweened properties you want to copy.
  2. Select Edit > Timeline > Copy Motion.
  3. Select the tween span to receive the copied tween.
  4. Select Edit > Timeline > Paste Motion.
  5. Animate applies the tweened properties to the target tween span and adjusts the length of the tween span to match the copied tween span.

To copy a motion tween to the Actions panel or use it in another project as ActionScript®, use the Copy Motion as ActionScript 3.0 command.

Copy and paste motion tween properties

You can copy the properties from a selected frame to another frame on the same tween span or a different tween span. The property values are added only to the selected frame when the properties are pasted. 2D position properties cannot be pasted onto a 3D tween.

These instructions assume that Span-Based Selection is turned on in the preferences (Edit >Preferences).

  1. To select a single frame in a tween span, Ctrl+Alt-click (Windows) or Command+Option-click (Macintosh) the frame.
  2. Right-click (Windows) or Command-click (Macintosh) the selected frame and choose Copy Properties from the context menu.
  3. Select a single frame to receive the copied properties by Ctrl+Alt-clicking (Windows) or Command+Option-clicking (Macintosh) the frame. The destination frame must be in a tween span.
  4. To paste the copied properties into the selected frame, do one of the following:
  • To paste all the copied properties, right-click (Windows) or Command-click (Macintosh) the selected frame of the target tween span. Choose Paste Properties from the context menu.
  • To paste some of the copied properties, right-click (Windows) or Command-click (Macintosh) the selected frame of the target tween span. Choose Paste Properties Special from the context menu.
  • In the dialog box that appears, select the properties to paste and click OK.

 Adobe

Get help faster and easier

New user?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX 2024

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online