Auto Animator
Full documentation for Auto Animator including installation, features, modifier keys, and troubleshooting.
Installation
Download the Auto Animator .jsxbin file and place it in your After Effects ScriptUI Panels folder.
- Mac: /Applications/Adobe After Effects [version]/Scripts/ScriptUI Panels/
- Windows: C:\Program Files\Adobe\Adobe After Effects [version]\Support Files\Scripts\ScriptUI Panels\
Restart After Effects, then open the panel from Window > Auto Animator. You can dock it anywhere in your workspace like any other panel.
Quick Start
- 1
Select one or more layers
- 2
Toggle the properties you want to animate (Position, Scale, Rotation, Opacity)
- 3
Click a direction on the direction pad
That's it. Your layers now have IN and OUT animations.
The Two Modes
Auto Animator has two modes. Pick the one that fits your workflow.
Expression Mode
Animations are driven by expressions tied to your layer's in and out points. Move a layer on the timeline and the animation follows automatically. All parameters stay live and editable in the effect controls.
Best for: Flexible timing, quick iterations, animation that needs to adapt.
Keyframe Mode
Animations are baked as real keyframes. Full manual control. You can adjust them by hand, copy them to other projects, or hand them off to other animators.
Best for: Precise control, collaboration, projects where you need traditional keyframes.
Switching Modes
Click the mode toggle at the top of the panel to switch. You can also convert existing animations from one mode to the other using the Convert Layers button.
You can also copy animation settings from one layer and paste them onto others, even across modes. See the Copy and Paste section for details.
Basic Workflow
Properties
Toggle which properties to animate using the four buttons: Position, Scale, Rotation, Opacity. Enable any combination. Each property has a value field next to it:
- Position (P): Distance in pixels
- Scale (S): Percentage (0% = invisible, 100% = no change)
- Rotation (R): Degrees
- Opacity (O): Percentage (0% = invisible, 100% = fully visible)
Use the up/down arrows to adjust values:
Direction
Click one of the 8 directions on the direction pad, or click the center for a scale/fade from center. The direction only affects Position. Scale, Rotation, and Opacity animate from their set values regardless of direction.
Duration
Set how long the animation takes in seconds. This applies to both IN and OUT unless you override the OUT duration separately.
Easing
Choose an easing curve for your IN and OUT animations. See the Easing Curves section for details.
IN and OUT Animations
Every animation has two parts:
- IN: How the layer enters (animates from the set values to normal)
- OUT: How the layer exits (animates from normal to the set values)
By default, IN and OUT use the same settings. If you want different behavior for the exit animation, use OUT Overrides.
OUT Overrides
Expand the OUT Overrides section to set independent values for the exit animation:
- Different duration
- Different easing curve
- Different properties enabled
This lets you do things like a fast pop-in with a slow fade-out.
Easing Curves
Choose how your animation accelerates and decelerates.
- Linear: Constant speed, no easing
- Ease: Gentle acceleration and deceleration
- Sine: Smooth, subtle easing
- Quad: Moderate easing
- Cubic: Stronger easing
- Quart: Even stronger easing
- Quint: Very strong easing
- Expo: Dramatic, punchy easing
You can set different curves for IN and OUT. Check "Use different curve for OUT" to enable separate OUT curve selection.
Working with Multiple Layers
Animating Multiple Layers
Select multiple layers and click a direction. All selected layers get the same animation applied.
Animate Button Modifiers
Sequence and Stagger
Expand the Sequence and Trim section to offset the timing of multiple layers. The Sequence button staggers layers by a set number of frames. Layers animate one after another instead of all at once.
Use the Offset field to set how many frames between each layer. The Order dropdown lets you choose the stagger order (top to bottom, bottom to top, or random).
Trim
Trim the in or out points of your selected layers to the playhead. The animation keyframes or expressions move with the trim so everything stays in sync. Use the Trim IN button for in points and Trim OUT for out points.
Align
Quickly align all selected layers to a common point. Useful for snapping layers into position after staggering.
Removing Animation
Click the remove button (X) to strip Auto Animator animation from selected layers.
Presets
Save your favourite setups and load them instantly.
Saving a Preset
- 1
Set up your animation parameters
- 2
Click the + button
- 3
Enter a name
- 4
Click Save
Loading a Preset
Select a preset from the dropdown. Your panel settings update immediately.
Resetting
Click the reset button to return all settings to defaults.
Null Tools
Tools for organizing animations with null layers.
Group Under Null
Select layers and click the null icon to parent them all under a new null layer. Useful for moving animated groups together.
Transfer Keyframes
Move animation keyframes between layers and their parent nulls.
Opacity Control
When layers are grouped under a null, the null's opacity controls all child layers at once. Adjust the null's opacity instead of keyframing each layer individually.
Copy and Paste
Copy animation settings from one layer and apply them to others.
Copy from Layer
Select an animated layer and click Copy from Layer. This captures the animation parameters (timing, easing, direction, values).
Paste
Select target layers and click the second Copy from Layer button to paste the copied animation.
Troubleshooting
Animation not applying
Make sure at least one property (P, S, R, O) is enabled before clicking a direction.
Expressions error
Check that your After Effects expressions engine is set to JavaScript (File > Project Settings > Expressions).
Layers not staggering
Select multiple layers before using the Sequence tool.
Need help?
Contact support@toolsformotion.com