TutorialsBeginnerAfter Effects — Beginner Guide
BeginnerBasics (Beginners)

After Effects — Beginner Guide

A complete introduction to After Effects — learn the interface, compositions, keyframe animation, Track Mattes, Pre-Composing, Easy Ease, the Graph Editor, masks, and exporting via Adobe Media Encoder.

After EffectsMotion GraphicsEditing
January 29, 2026

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:

PropertyShortcut
PositionP
ScaleS
RotationR
Anchor PointA
OpacityT

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:

  1. Select a paddle layer and press P to reveal its Position property.
  2. Move the playhead to the start of the animation.
  3. Click the stopwatch icon next to Position. A filled diamond keyframe appears on the timeline — this locks the current position at this frame.
  4. Move the playhead forward in time.
  5. 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.

  1. Place the video footage layer directly above the text layer in the timeline.
  2. 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.

  1. Select all layers you want to group (Shift-click or Ctrl/Cmd + A).
  2. Go to Layer → Pre-compose (or Ctrl/Cmd + Shift + C).
  3. 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

ToolShortcutUse
Hand ToolHPan around the Composition panel without zooming
Zoom ToolZZoom in; hold Alt/Option to zoom out
Pen ToolGDraw 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.

  1. Go to Composition → Add to Adobe Media Encoder Queue (or Ctrl/Cmd + Alt + M).
  2. Media Encoder opens with your composition queued.
  3. Click the Format dropdown and select H.264 for standard video output.
  4. Click the Preset dropdown and choose a preset matching your target platform (e.g., YouTube 1080p Full HD).
  5. Set the output file path by clicking the file name in the Output File column.
  6. Press the green Start Queue button (or Enter). Media Encoder renders and encodes in the background while you continue working in After Effects.

More tutorials

Anime Rotoscope
Advanced

Anime Rotoscope

Rotoscope your anime character without using Rotobrush or the Pin tool — an effects based rotoscope technique.

After EffectsMaskingRotoscoping
bytfrog
May 24, 2026Show Tutorial →
Compositing
Intermediate

Compositing

Build a full 3D-looking composite from flat anime footage — parallax environment, depth of field, Luma Matte highlights, and cinematic final grading with Magic Bullet Looks.

After EffectsCompositingColor Grading
bytfrog
May 23, 2026Show Tutorial →
Re-lighting
Advanced

Re-lighting

Re-light anime characters using the TFrog Relight script in After Effects and Houdini — custom highlights, Normal Maps, and Luma Matte compositing.

After EffectsHoudini
bytfrog
May 21, 2026Show Tutorial →

Newsletter

New tutorials, straight to your inbox.

No spam. Just a short email when a new tutorial drops.

Feedback

Help make this better.

Missing a tutorial? Found a bug? Have a suggestion? Drop it here — no account needed.