AFTER EFFECTS
Back to BlogSoftware Tutorial

After Effects Tutorial: Motion Graphics Basics (2026)

Everything you need to start creating motion graphics in After Effects — compositions, layers, keyframes, text animation, shape layers, effects, expressions, and rendering. From a team that builds motion graphics for church and brand projects.

April 6, 202619 min read

Quick answer: After Effects is Adobe’s motion graphics and visual effects application — $22.99/month. It is not a video editor. It creates titles, intros, animations, lower thirds, and visual effects that you bring into Premiere Pro via Dynamic Link. Start by learning compositions, layers, and keyframes — everything else builds on those three concepts.

After Effects is the industry standard for motion graphics, title design, visual effects compositing, and animation. Every broadcast news lower third, YouTube channel intro, movie title sequence, and social media motion template you have seen was likely made in After Effects or a tool inspired by it.

We use After Effects to create worship motion backgrounds, sermon series title packages, branded social media templates, and event intro videos. This guide covers the fundamentals every beginner needs — compositions, layers, keyframes, and the core workflows that make After Effects make sense.

How After Effects Thinks (It Is Not Premiere Pro)

The biggest confusion for beginners: After Effects is not a video editor. It is closer to animated Photoshop.

Compositions (Comps)

A comp is your canvas — a specific width, height, frame rate, and duration. Everything you create lives inside a comp. You can nest comps inside other comps (this is how complex animations are built). A typical project has many comps: one for the main animation, separate comps for individual elements.

Layers

Everything in a comp is a layer — text, shapes, images, video footage, solid colors, adjustment layers. Layers stack vertically like Photoshop. The top layer is in front. Each layer has its own transform properties: Position, Scale, Rotation, Opacity, and Anchor Point.

Keyframes

Keyframes define a property value at a specific point in time. Set a Position keyframe at frame 0 (left side), another at frame 30 (right side) — After Effects animates the movement between them. This is the foundation of ALL animation in After Effects.

The Timeline vs Photoshop

The timeline scrubs through time, not through footage. You are creating motion, not cutting footage. Each layer has a duration bar and a property tree where you set keyframes. The Graph Editor (toggle with the graph icon) lets you control the speed curve of animations.

Pre-composing

Select layers and pre-compose them (Ctrl/Cmd+Shift+C) to nest them inside a new comp. This is like grouping in Photoshop. Pre-comps keep projects organized and let you apply effects to grouped elements.

Your First Animation: Text Reveal

The best way to learn After Effects is to animate text. This exercise teaches compositions, layers, keyframes, easing, and the Graph Editor — everything you need for 80% of motion graphics work.

1

Create a new comp

Composition → New Composition. Set to 1920x1080, 24fps, 5 seconds. Name it 'Text Reveal'. This is your canvas.

2

Add text

Select the Type tool (Ctrl/Cmd+T), click in the comp viewer, type your text. In the Character panel, set font, size, and color. Center it with the Align panel.

3

Animate Position

Select the text layer. Press P to reveal Position. Click the stopwatch to create the first keyframe at frame 0. Move the playhead to frame 20. Drag the text up (or change Y value). A second keyframe is created automatically.

4

Animate Opacity

Press T to reveal Opacity. At frame 0, set to 0%. At frame 15, set to 100%. Now the text fades in while sliding up.

5

Add easing

Select all keyframes. Right-click → Keyframe Assistant → Easy Ease. This smooths the motion so it decelerates naturally instead of stopping abruptly. Professional motion graphics ALWAYS use easing.

6

Refine in Graph Editor

Click the Graph Editor button. Select your Position keyframes. Pull the bezier handles to create a smooth S-curve. This is where amateur animation becomes professional — the timing and easing of every motion.

Essential After Effects Shortcuts

ShortcutActionWhy It Matters
PPositionThe property you animate most
SScaleZoom animations, pop-in effects
RRotationSpinning elements, dials, clocks
TOpacity (Transparency)Fade in/out — used on nearly every animation
AAnchor PointThe pivot point for rotation and scale
UShow all keyframed propertiesInstantly see what is animated on a layer
Ctrl/Cmd+Shift+CPre-composeGroup layers into a nested comp
SpacebarRAM PreviewPlay back your animation at full speed
F9Easy EaseSmooth keyframe interpolation — use on everything
J / KPrevious / Next keyframeNavigate between keyframes quickly

Shape Layers and Motion Graphics

Shape layers are After Effects’ vector drawing tools. Rectangles, ellipses, polygons, and custom paths — all animatable. Shape layers power lower thirds, UI animations, infographics, and logo reveals.

Use the shape tools (Q for rectangle, double-click for full-comp shape) to create vector shapes on their own layer.

Each shape has Fill, Stroke, and Path properties — all animatable with keyframes.

Add Trim Paths (under the shape layer's Add menu) to animate a line drawing on. This is the foundation of every line-drawing logo reveal.

Use Repeater to duplicate shapes in a grid or radial pattern. Animate the offset to create looping motion graphics.

Combine shape layers with text for lower thirds: animate a rectangle wiping in, then text appearing after a slight delay. This is the most common motion graphics element in video production.

Working with Premiere Pro: Dynamic Link

After Effects and Premiere Pro are designed to work together. Dynamic Link lets you create an After Effects composition that appears in your Premiere Pro timeline as a live, editable element.

From Premiere Pro: File → Adobe Dynamic Link → New After Effects Composition. A new comp opens in After Effects and simultaneously appears in your Premiere Pro timeline.

Any changes you make in After Effects update in Premiere Pro in real time — no rendering or exporting between applications.

Use this for: title sequences, lower thirds, animated graphics, visual effects shots — anything that needs motion graphics alongside edited footage.

Performance tip: Dynamic Link comps can slow down Premiere Pro playback. If performance drops, render the After Effects comp first (Sequence → Render Effects In to Out) or replace the Dynamic Link with a rendered file.

See our Premiere Pro tutorial for the editing side of this workflow, and our free motion graphics tools guide for alternatives that do not require a subscription.

Rendering and Export

After Effects rendering is different from Premiere Pro export. You add comps to the Render Queue or send them to Adobe Media Encoder.

Use CaseFormatNotes
Transparent overlay (lower third)Apple ProRes 4444 with alphaPreserves transparency for compositing
Social media animationH.264 via Media EncoderRender Queue → Media Encoder for H.264
Premiere Pro integrationDynamic Link (no render)Live connection, no file needed
Client deliveryQuickTime ProRes 422High quality master file
GIF / web animationUse LottieFiles or GIF export pluginAfter Effects does not export GIF natively

Frequently Asked Questions

Is After Effects good for beginners?

After Effects has the steepest learning curve of any Adobe app. It is layer-based (like Photoshop) rather than timeline-based (like Premiere Pro), which confuses editors at first. However, once you understand compositions, layers, and keyframes, the fundamentals apply to everything. Start with text animation — it teaches 80% of what you need.

How much does After Effects cost?

After Effects costs $22.99/month as a single app or is included in the full Creative Cloud suite at $59.99/month. There is no free version and no one-time purchase. For free alternatives, DaVinci Resolve Fusion or Blender are the closest, though both have different workflows.

After Effects vs Premiere Pro — what is the difference?

Premiere Pro is for editing (cutting and assembling footage). After Effects is for motion graphics and visual effects (creating animations, titles, composites). They work together via Dynamic Link. Most productions use both.

What computer specs do I need for After Effects?

After Effects is the most hardware-hungry Adobe app. Minimum: 16GB RAM (32GB recommended), multi-core CPU, 4GB GPU VRAM, fast SSD. More RAM means longer real-time previews before needing to render again.

Can I use After Effects for video editing?

Technically yes, but you should not. After Effects is designed for short compositions (titles, intros, VFX shots) not long-form editing. Use Premiere Pro or DaVinci Resolve for editing, then send individual shots to After Effects for motion graphics work.

At Ruah Creative House, we use After Effects to create worship motion backgrounds, sermon series title packages, branded social templates, and event intro videos. Whether you want to learn motion graphics or need a team to create them for you, we are here to help.

Need Custom Motion Graphics?

We Animate. You Inspire.

Our team creates motion graphics for worship, events, and brands — custom title packages, lower thirds, social templates, and more.