Master these three building blocks and you’ll feel at home in After Effects. This guide explains what they are, how they work together, and gives you quick, practical exercises to lock in the concepts.
🧱 Compositions (Comps): Your Scene Containers
A composition is a timeline + canvas where your animation lives.
- Create one: Composition ▸ New Composition (set resolution, frame rate, duration).
- Use cases: One comp per scene/shot; nest comps (pre-comps) to keep big projects tidy.
- Pro tip: Name comps clearly:
01_Intro_Title,02_Logo_Anim, etc.
Quick exercise: Create a 1920×1080, 24 fps, 8-second comp named Basics_Demo.
🧱 Layers: The Stacks That Make Your Shot
Layers are assets (text, shapes, footage, solids) stacked top-to-bottom—topmost shows in front.
- Common layer types:
- Text (T) for titles/labels
- Shape for graphics, icons, simple UI
- Footage for video/stills
- Solid/Null/Adjustment for effects or control
- Parenting: Pick-whip a child layer to a parent to follow its transforms.
- Shy switch: Hide “setup” layers from view to declutter the timeline.
Quick exercise: Add a Text layer (“HELLO”), a Shape circle behind it, and parent the Text to the Shape.
🧱 Keyframes: Motion in Two Dots
Keyframes mark values at points in time—After Effects animates between them.
- Core transform properties:
- Position • Scale • Rotation • Transparency (Opacity) • Anchor Point
- Set a keyframe: Click the stopwatch, move the playhead, change the value—AE creates another.
- Interpolation: Linear (even speed) vs Easy Ease (F9) for natural acceleration/deceleration.
- Graph Editor: Fine-tune motion curves for pro-grade easing.
Quick exercise:
- Select the Shape layer. Press P.
- At 0:00, set Position off-screen left; at 1:00, set it center.
- Select both keyframes → F9 (Easy Ease).
🧩 How They Work Together
- Compositions hold your layers.
- Layers are animated with keyframes.
- Pre-comps bundle complex layer groups so your main comp stays clean.
- Parenting and nulls help coordinate multi-layer motion.
Mini project: Pre-comp your Text + Shape as Title_Pre. Animate Title_Pre’s Opacity from 0→100% while the Shape’s Position slides in. Stagger by a few frames for a slick reveal.
⚡ Speed Tips for Beginners
- Press U to reveal animated properties; UU (double U) to reveal modified ones.
- Right-click keyframes → Keyframe Velocity to customize ease without the graph.
- Use motion blur (layer switch + global toggle) for realism.
- Keep assets organized:
/Footage,/Audio,/Precomps,/Solids.
🧪 Practice Prompts
- Lower Third: Text + Shape bar; slide-in + fade.
- Logo Pop: Scale from 80%→100% with overshoot (Graph Editor); rotate 10° back to 0°.
- Kinetic Word: Each letter (separate layers) bounces in with different delays.
🎯 Wrap-Up
If compositions are your stages and layers are your actors, keyframes are the choreography. Master these three and everything else in After Effects starts to click.
👉 Ready to put this into practice with the full toolset?
Start your Adobe After Effects free trial and follow along with real projects.
