How to Create Motion Graphics in After Effects

A workflow taught by Adobe Certified Instructors at Adobe Video World.

Motion graphics — animated shapes, text, icons, and logos — are everywhere, from YouTube intros to explainer videos. After Effects is the industry-standard tool for making them. This guide walks you through your first motion graphic from blank composition to finished export.

What Motion Graphics Are

Motion graphics are graphic design set in motion: animated text, shapes, logos, and illustrations rather than filmed footage. They explain ideas, brand a video, and add energy that static graphics can’t.

Because they’re built from vectors and keyframes rather than camera footage, they’re crisp, fully editable, and infinitely flexible — perfect for titles, lower thirds, and explainer animations.

Start with a Composition

Everything in After Effects lives inside a composition — your canvas and timeline combined. Create one with Composition > New Composition, then set the resolution (1920×1080 for HD), frame rate (usually 24 or 30), and duration.

Match these settings to wherever your animation will end up. Getting the composition right from the start saves you reformatting headaches later.

Build Graphics with Shape Layers

Motion graphics are built from shape layers — vector circles, rectangles, and custom paths you draw with the pen tool. Because they’re vectors, they stay razor-sharp at any size.

Draw shapes directly in the Composition panel, give them fills and strokes, and combine them into icons and graphics. Our full guide to shape layers covers this powerful toolset in depth.

Add and Style Text

Text is central to most motion graphics. Use the Type tool to add a title, then style its font, size, and color in the Character panel.

Animated text deserves its own toolkit — text animators let you reveal type one letter at a time and far more, as our text animation crash course explains.

Animate with Keyframes

Now bring it to life. Keyframe your layers’ Position, Scale, Rotation, and Opacity to make shapes slide in, titles pop, and icons spin.

If keyframes are new to you, start with our keyframe animation guide — every motion graphic is built on the same set-a-keyframe, move-forward, change-the-value rhythm.

Make It Feel Polished with Easing

The difference between amateur and professional motion graphics is almost always the easing. Select your keyframes, press F9 for Easy Ease, then refine the curves in the Graph Editor.

Smooth acceleration and deceleration make every move feel intentional and premium. Spend most of your polish time here — it’s where quality lives.

Use Easing and Overshoot for Energy

Snappy motion graphics often add a little overshoot — a shape scales slightly past its final size and settles back, like a bouncy spring. This tiny exaggeration gives animation life and personality.

Combine overshoot with motion blur (toggle it on for fast moves) and your graphics instantly look like they belong in a professional production.

Stay Organized with Pre-Comps

As a project grows, group related layers into a pre-composition (select them and choose Pre-compose). This nests them into a single tidy layer you can animate and reuse as one unit.

Pre-comps keep complex animations manageable and let you apply effects to a whole group at once — essential discipline as your motion graphics get more ambitious.

Add Effects and Color

Effects like glows, drop shadows, and gradients add depth and polish. Apply them from the Effects & Presets panel, and keep a consistent color palette so everything feels cohesive.

A limited, intentional palette drawn from your brand colors does more for a professional look than any single flashy effect.

Export Your Motion Graphic

When you’re done, send your composition to Media Encoder (Composition > Add to Media Encoder Queue) and export an H.264 MP4 for the web, or a transparent format if you’ll layer it over footage in Premiere.

Our guide to rendering and exporting from After Effects covers the best settings for every delivery.

Common Beginner Mistakes

• Skipping easing, leaving motion stiff and robotic.
• Overcrowding the screen — give elements room to breathe.
• Inconsistent timing between animations.
• Forgetting motion blur on fast-moving elements.

Bring Your Graphics into Premiere Pro

Most motion graphics end up inside a larger edit, and there are two clean ways to get them there. You can export your composition as a transparent video or image sequence and import it into Premiere, layering it over your footage on a higher track.

Or, for a fully editable workflow, export it as a Motion Graphics Template (.mogrt) that you drop straight onto the Premiere timeline and customize there. Either way, pairing your animation with a polished final export ensures it looks as sharp on the screen as it does in After Effects.

Where to Go Next with Motion Graphics

Once you’re comfortable with the basics, the natural next steps are shape layers for building custom graphics and expressions for automating repetitive motion. Together they unlock the kind of polished, efficient work professional studios produce every day.

Set yourself a recurring challenge: recreate one motion graphic you admire each week, breaking down exactly how each element moves. Reverse-engineering real work teaches faster than any single tutorial, and within a few months you’ll have a versatile toolkit and an instinct for timing that no checklist can give you.

Key Takeaways

• Build everything inside a composition sized for your final output.
• Use shape layers and text for crisp, editable graphics.
• Animate with keyframes, then polish with Easy Ease and the Graph Editor.
• Pre-compose to stay organized, then export through Media Encoder.

A Simple First Project to Try

The best way to learn is to build something small and complete. Try animating a lower third: create a composition, draw a rectangle shape layer for the background bar, and add two text layers for a name and a title. Animate the bar scaling in from the left, then have the text fade up a few frames behind it.

Add Easy Ease to every keyframe, a touch of overshoot on the bar, and motion blur on the moves. In half an hour you’ll have a reusable, broadcast-quality lower third — and you’ll have practiced compositions, shape layers, text, keyframes, and easing all in one project. Small finished pieces teach far more than half-built ambitious ones.

Where to Find Inspiration and Assets

Motion design is a craft you learn by watching. Study title sequences, app animations, and explainer videos, and pause to ask how a particular move was built. Recreating animations you admire is one of the fastest ways to grow, because it forces you to reverse-engineer real techniques.

For assets, build a small library of icons, fonts, and sound effects you can reuse, and keep a folder of reference clips that inspire you. Many of the world’s best motion designers teach live at events like Adobe Video World, where you can see professional workflows broken down step by step — the quickest shortcut to leveling up.

Frequently Asked Questions

Is After Effects good for beginners making motion graphics?

Yes. While it’s deep, you can create polished motion graphics with just compositions, shape layers, text, and keyframes. Start simple and add techniques as you grow.

What’s the difference between motion graphics and animation?

Motion graphics are a type of animation focused on moving graphic design — text, shapes, and logos — rather than character or narrative animation. After Effects excels at motion graphics.

How long does it take to learn motion graphics in After Effects?

You can make a simple animated title in an afternoon. Building real fluency with keyframes, easing, and effects typically takes a few months of regular practice.

Sources: Wikipedia’s definition of motion graphics.