Sequential Animation in After Effects
Master Sequential Layer Animation in After Effects
This tutorial uses a pre-built logo file from Illustrator. The project file and all assets are available in the video description. Make sure you have Adobe After Effects installed and ready to use.
When to Use Sequential Animation
Non-Text Layers
When you receive Illustrator files with only footage layers and can't use text animators. Sequential animation works with object layers and footage layers.
Frame-by-Frame Animation
Perfect for ordering images in sequence, creating run cycles, or animating historical photographs like Eadweard Muybridge's work.
Layer Ordering
Any animation that involves layers moving in a set order can benefit from sequence layers, including adjustment layers.
Setting Up Sequential Animation
Organize Your Layers
Turn off visibility on finished elements and double-click to enter the pre-composition. Color-code your layers for better organization - use purple for main text and pink for subtitles.
Select Layers in Order
Shift-click on layers in the exact order you want them to animate. The selection order determines the sequence order - selecting backwards will play the animation in reverse.
Trim Layer Duration
Use ALT + right bracket (PC) or Option + right bracket (Mac) to cut layers short to about 8 frames each. Slide them together with a few frames pause at the beginning.
Apply Sequence Layers
Right-click on selected keyframes, go to Keyframe Assistant > Sequence Layers. Don't check the overlap option unless you need layers to overlap during animation.
The order you select your layers determines the animation sequence. Selecting 'Us With Fit' instead of 'Fit With Us' will make your animation play backwards.
Extending Layer Visibility
Extend Layer Duration
After sequencing, layers disappear after playing. Pull layers out to the end of your composition timeline to keep them visible.
Use ALT + Right Bracket
This keyboard shortcut extends all selected layers to the end of the composition, ensuring they remain visible after their initial animation.
Creating Subtitle Animation
Pre-compose Subtitle Layers
Shift-click all subtitle layers, right-click and Pre-compose them. Name it 'subtitle text' and maintain color coding for organization.
Set Background and Position
Change composition background to white for better visibility. Hit 'P' for Position and create keyframes for the final position with slight overshoot.
Animate from Off-Screen
Work backwards - animate final position first, then overshoot slightly, then move elements completely off-screen for the starting position.
Apply Sequencing
Trim layers with ALT + right bracket, then apply sequence layers without overlap. Extend duration to keep all elements visible after animation.
Enable motion blur by clicking the three overlapping circles icon and the composition motion blur toggle. This adds professional polish but is more demanding on your computer, so enable it last.
Advanced Applications
Historical Photography
Use Eadweard Muybridge's pioneering photography techniques. Sequence his photographs to create run cycles and frame-by-frame animations.
Non-Text Elements
Perfect for logos, icons, and graphic elements that need coordinated timing. Works with any layer type including adjustment layers.
Key Takeaways