What you'll learn
A full walkthrough of After Effects from scratch — no prior experience needed. You will build four real animations from zero while learning the core tools: keyframes, Track Mattes, Pre-Composing, Easy Ease, the Graph Editor, masks, and the Media Encoder export pipeline.
Introduction and Interface
The Project Panel
The Project Panel (top-left) is where every file you import lives. To bring footage, images, or audio into After Effects, go to File → Import → File (or press Ctrl/Cmd + I). Files imported here are not yet in your composition — they are just available to use.
Creating a new composition
Go to Composition → New Composition (or Ctrl/Cmd + N). Set:
- Resolution — 1920 × 1080 for standard HD output.
- Frame Rate — match the frame rate of your source footage (typically 23.976, 24, or 30 fps).
- Duration — set this to the length of your intended animation or the length of your music track.
Click OK. The composition appears in the Timeline panel at the bottom and in the Composition panel in the center.
Timeline and layers
Everything in After Effects is a layer stacked in the Timeline. Layers at the top of the stack appear in front of layers below them. Each layer has a set of Transform properties — Position, Scale, Rotation, Anchor Point, and Opacity — accessible by pressing the shortcut key for each:
| Property | Shortcut |
|---|---|
| Position | P |
| Scale | S |
| Rotation | R |
| Anchor Point | A |
| Opacity | T |
Animation 1 — Keyframes (Pong)
Drawing the paddles
Select the Rectangle Tool (shortcut: Q) from the toolbar. Draw two rectangles — one on each side of the composition — to serve as the Pong paddles. Each shape you draw creates a new Shape Layer in the timeline.
Keyframing position
Keyframes record the value of a property at a specific point in time. To animate a layer moving up and down:
- Select a paddle layer and press P to reveal its Position property.
- Move the playhead to the start of the animation.
- Click the stopwatch icon next to Position. A filled diamond keyframe appears on the timeline — this locks the current position at this frame.
- Move the playhead forward in time.
- Change the Position Y value (drag it or type a new number). After Effects automatically creates a second keyframe.
The layer now animates between the two values. Repeat with a second paddle layer to create opposing movement.
Adding the ball
Select the Ellipse Tool (shortcut: Q, cycle through shapes). Hold Shift while drawing to create a perfect circle. Animate its Position keyframes in a zigzag path between the two paddles — set keyframes at the left edge, the right edge, and back, repeating across the timeline duration.
Animation 2 — Text and Track Mattes
The Text Tool
Press Ctrl/Cmd + T or select the Type tool from the toolbar. Click in the Composition panel and type your text. A Text Layer appears in the timeline. Use the Character and Paragraph panels to adjust font, size, and alignment.
Track Mattes — video inside text
A Track Matte uses one layer's shape or luminance to cut out another layer — in this case, playing video footage through the interior of text.
- Place the video footage layer directly above the text layer in the timeline.
- On the text layer, click the TrkMat dropdown (if not visible, enable the Switches/Modes panel at the bottom). Set it to Alpha Matte.
The video now plays only within the visible area of the text. The text acts as a stencil — whatever is white or opaque in the matte layer is revealed; everything else is cut.
Applying effects to layers
Select any layer and go to Effect → Color Correction → Brightness & Contrast. The effect controls appear in the Effect Controls panel on the left. Adjust Brightness and Contrast sliders to taste. Effects are non-destructive — they can be enabled, disabled, or deleted at any time without changing the original layer.
Pre-Composing
Pre-Composing bundles multiple layers into a single nested composition, which you can then treat as one layer. This is useful when you want to scale, move, or apply effects to a group of layers simultaneously.
- Select all layers you want to group (Shift-click or Ctrl/Cmd + A).
- Go to Layer → Pre-compose (or Ctrl/Cmd + Shift + C).
- Choose "Move all attributes into the new composition".
The selected layers collapse into a single layer in the timeline. Double-click it to open and edit the nested composition independently.
Animation 3 — Motion and Effects
Gradient background with a Solid
Go to Layer → New → Solid (or Ctrl/Cmd + Y). Choose a color and click OK. Apply Effect → Generate → Gradient Ramp to the solid. Adjust the start color, end color, and ramp shape to create a smooth gradient background.
Rotation
Press R on any layer to reveal its Rotation property. Keyframe it at 0° at the start and at 360° (or any multiple) at the end to make the object spin continuously.
Easy Ease
Linear keyframes produce mechanical, robotic motion — the layer moves at a constant speed with no acceleration or deceleration. Easy Ease fixes this.
Select the keyframes you want to smooth (click one, Shift-click others, or select all with Ctrl/Cmd + A in the timeline). Press F9 to apply Easy Ease. The keyframe diamonds turn into hourglasses — the layer now accelerates out of the first keyframe and decelerates into the last, producing natural-feeling motion.
The Graph Editor
Press the Graph Editor button in the timeline (the small chart icon) to switch from keyframe diamonds to a velocity curve view. The curve shows speed over time — a steep slope means fast movement, a flat slope means slow. Drag the bezier handles on the curve to fine-tune the exact acceleration profile of any animation. This is where you move from good motion to precisely controlled motion.
CC Light Sweep
Select a layer and apply Effect → Generate → CC Light Sweep. This creates an animated light glare that sweeps across the layer. Keyframe the Center position to move the sweep across the surface over time. Adjust Width and Edge Intensity to control how sharp or broad the light beam looks.
Blending Modes and Gaussian Blur
Every layer has a Blending Mode (Füllmethode) dropdown in the timeline — enable it via the Switches/Modes button at the bottom. Common modes:
- Screen — adds light, useful for glows and highlights.
- Multiply — darkens, useful for shadows and overlays.
- Overlay — increases contrast and saturation.
Apply Effect → Blur & Sharpen → Gaussian Blur to a background layer and increase the Blurriness value to soften it. This pushes the background out of focus and directs attention to foreground elements.
Animation 4 — Text Masks
Drawing a mask
Select a text or shape layer. Choose the Pen Tool (shortcut: G) or press Q to cycle to the Rectangle/Ellipse mask shape. Draw directly on the layer in the Composition panel. A mask path appears, hiding everything outside (or inside) the drawn shape.
Mask mode
In the timeline, expand the layer's Masks group. The Mask Mode dropdown defaults to Add (reveals inside the mask). Switch it to Subtract to hide the masked area instead.
Animating a mask
Keyframe the Mask Path or Mask Expansion properties the same way you keyframe Position or Scale — click the stopwatch at the first frame, move to another frame, and adjust the mask. This lets you animate a reveal effect where text appears to wipe in from one side as the mask edge moves across it.
Mask Feather
Expand the mask in the timeline and increase the Mask Feather value. Feathering blurs the mask edge over a set pixel radius, creating a soft, organic gradient between the visible and hidden areas rather than a hard cutout line.
Additional Tools and Exporting
Useful toolbar tools
| Tool | Shortcut | Use |
|---|---|---|
| Hand Tool | H | Pan around the Composition panel without zooming |
| Zoom Tool | Z | Zoom in; hold Alt/Option to zoom out |
| Pen Tool | G | Draw custom mask paths and shapes |
Exporting via Adobe Media Encoder
Never render directly from After Effects' built-in Render Queue for final output — use Adobe Media Encoder for faster, more reliable results.
- Go to Composition → Add to Adobe Media Encoder Queue (or Ctrl/Cmd + Alt + M).
- Media Encoder opens with your composition queued.
- Click the Format dropdown and select H.264 for standard video output.
- Click the Preset dropdown and choose a preset matching your target platform (e.g., YouTube 1080p Full HD).
- Set the output file path by clicking the file name in the Output File column.
- Press the green Start Queue button (or Enter). Media Encoder renders and encodes in the background while you continue working in After Effects.