- Adobe Animate User Guide
- Introduction to Animate
- Animation
- Animation basics in Animate
- How to use frames and keyframes in Animate
- Frame-by-frame animation in Animate
- How to work with classic tween animation in Animate
- Brush Tool
- Motion Guide
- Motion tween and ActionScript 3.0
- About Motion Tween Animation
- Motion tween animations
- Creating a Motion tween animation
- Using property keyframes
- Animate position with a tween
- How to edit motion tweens using Motion Editor
- Editing the motion path of a tween animation
- Manipulating motion tweens
- Adding custom eases
- Creating and applying Motion presets
- Setting up animation tween spans
- Working with Motion tweens saved as XML files
- Motion tweens vs Classic tweens
- Shape tweening
- Using Bone tool animation in Animate
- Work with character rigging in Animate
- How to use mask layers in Adobe Animate
- How to work with scenes in Animate
- Interactivity
- How to create buttons with Animate
- Convert Animate projects to other document type formats
- Create and publish HTML5 Canvas documents in Animate
- Add interactivity with code snippets in Animate
- Creating custom HTML5 Components
- Using Components in HTML5 Canvas
- Creating custom Components: Examples
- Code Snippets for custom Components
- Best practices - Advertising with Animate
- Virtual Reality authoring and publishing
- Workspace and workflow
- Creating and managing Paint brushes
- Using Google fonts in HTML5 Canvas documents
- Using Creative Cloud Libraries and Adobe Animate
- Use the Stage and Tools panel for Animate
- Animate workflow and workspace
- Using web fonts in HTML5 Canvas documents
- Timelines and ActionScript
- Working with multiple timelines
- Set preferences
- Using Animate authoring panels
- Create timeline layers with Animate
- Export animations for mobile apps and game engines
- Moving and copying objects
- Templates
- Find and Replace in Animate
- Undo, redo, and the History panel
- Keyboard shortcuts
- How to use the timeline in Animate
- Creating HTML extensions
- Optimization options for Images and Animated GIFs
- Export settings for Images and GIFs
- Assets Panel in Animate
- Multimedia and Video
- Transforming and combining graphic objects in Animate
- Creating and working with symbol instances in Animate
- Image Trace
- How to use sound in Adobe Animate
- Exporting SVG files
- Create video files for use in Animate
- How to add a video in Animate
- Draw and create objects with Animate
- Reshape lines and shapes
- Strokes, fills, and gradients with Animate CC
- Working with Adobe Premiere Pro and After Effects
- Color Panels in Animate CC
- Opening Flash CS6 files with Animate
- Work with classic text in Animate
- Placing artwork into Animate
- Imported bitmaps in Animate
- 3D graphics
- Working with symbols in Animate
- Draw lines & shapes with Adobe Animate
- Work with the libraries in Animate
- Exporting Sounds
- Selecting objects in Animate CC
- Working with Illustrator AI files in Animate
- Applying blend modes
- Arranging objects
- Automating tasks with the Commands menu
- Multilanguage text
- Using camera in Animate
- Graphic filters
- Sound and ActionScript
- Drawing preferences
- Drawing with the Pen tool
- Platforms
- Convert Animate projects to other document type formats
- Custom Platform Support
- Create and publish HTML5 Canvas documents in Animate
- Creating and publishing a WebGL document
- How to package applications for AIR for iOS
- Publishing AIR for Android applications
- Publishing for Adobe AIR for desktop
- ActionScript publish settings
- Best practices - Organizing ActionScript in an application
- How to use ActionScript with Animate
- Accessibility in the Animate workspace
- Writing and managing scripts
- Enabling Support for Custom Platforms
- Custom Platform Support Overview
- Working with Custom Platform Support Plug-in
- Debugging ActionScript 3.0
- Enabling Support for Custom Platforms
- Exporting and Publishing
- How to export files from Animate CC
- OAM publishing
- Exporting SVG files
- Export graphics and videos with Animate
- Publishing AS3 documents
- Export animations for mobile apps and game engines
- Exporting Sounds
- Best practices - Tips for creating content for mobile devices
- Best practices - Video conventions
- Best practices - SWF application authoring guidelines
- Best practices - Structuring FLA files
- Best Practices to optimize FLA files for Animate
- ActionScript publish settings
- Specify publish settings for Animate
- Exporting projector files
- Export Images and Animated GIFs
- HTML publishing templates
- Working with Adobe Premiere Pro and After Effects
- Quick share and publish your animations
- Troubleshooting
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.
- Select the tween span that contains the tweened properties you want to copy.
- Select Edit > Timeline > Copy Motion.
- Select the tween span to receive the copied tween.
- Select Edit > Timeline > Paste Motion.
- 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).
- To select a single frame in a tween span, Ctrl+Alt-click (Windows) or Command+Option-click (Macintosh) the frame.
- Right-click (Windows) or Command-click (Macintosh) the selected frame and choose Copy Properties from the context menu.
- 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.
- 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.