After Effects motion graphics for beginners

What is motion graphics in After Effects?

Motion graphics is designed material that moves: type, shapes, icons, charts, maps, logos and the transitions between them. In After Effects you build it in compositions, one layer at a time. An editor such as Premiere Pro usually cuts the footage it sits on.

The jobs beginners are asked for most look different, but they share the same parts:

• Titles and lower thirds: a name, a line and a shape behind it.
• Explainers and product promos: app screens, a cursor, a chart and a few icons.
• Kinetic typography: words timed to a voice or a beat.
• Logo reveals: a mark that builds, settles and holds.
• Social graphics: the same piece in vertical, square and wide frames.

Some jobs sit between cutting and animating. Our After Effects vs Premiere Pro breakdown sorts them task by task.

What should a beginner learn first for After Effects motion graphics?

Start with keyframes. Then learn shape layers, text, easing, parenting with nulls, precomps and three or four expressions. Each skill uses the one before it, and easing is the step beginners skip most often.

1. Keyframes. Set two values at two times, and After Effects fills in the frames between them. Everything else is built on this.
2. Shape layers. Vector shapes you draw and animate inside After Effects, so you don't need another app for every box and line.
3. Text animators. One text layer that moves in pieces rather than as a block.
4. Easing and the Graph Editor. This controls where a move speeds up and slows down. It is the difference between something that moves and something that looks designed.
5. Nulls and parenting. One controller layer moves a group, so a change takes one keyframe, not ten.
6. Precomps. A group of layers packed into its own composition, so the main timeline stays readable.
7. Expressions. Short pieces of code on a property. They make loops, shakes and bounces you would otherwise keyframe by hand.

Learn shortcuts alongside step 1, not after step 7. Our After Effects keyboard shortcuts list groups them by task, so you can start with the ones you use while keyframing.

How do keyframes work for a motion graphics beginner?

Set a value, move the playhead, then change the value. You now have an animation between two keyframes. The craft is in choosing fewer, better keyframes, not more of them.

This first exercise teaches timing better than most tutorials:

1. Make a new composition with one square in it.
2. Animate the square's position across the frame over half a second.
3. Duplicate the composition and make the same move last a full second.
4. Play both. Decide which feels right for a title and which for a background element.
5. Add a hold: keep the square still for a moment before it moves. A pause makes the move easier to read.

Three habits help from day one:

• Animate one property at a time until it feels right.
• Keep start and end values round, such as 0, 50 or 100, so you can find them again.
• Scrub the timeline by hand before you preview, so you see each frame rather than a blur.

How do you make shapes move in After Effects?

Draw them as shape layers. Animate the transform first (position, scale, rotation and opacity), then the shape's own path or stroke. Most motion graphics jobs are shapes and type, so this is where most of your practice goes.

Set the anchor point before you animate anything. A circle that scales from its top-left corner looks broken, and fixing it after keyframing means fighting your own keyframes. Our guide to moving the anchor point without moving the layer covers the manual way.

Try three shape exercises, each a few seconds long:

• Pop-in. A circle scales up from nothing, slightly past full size, then settles. Come back to it when you learn easing.
• Draw-on line. A stroke draws itself under a title. It is the base of most lower thirds.
• Morph. One shape becomes another. Start with simple shapes so you can see what each path point does.

Keep every exercise in one project with clear names. You will reuse the pop-in and the line in nearly every piece that follows.

How do you animate text in After Effects motion graphics?

Use text animators. They let one editable text layer move in pieces, such as letter by letter or word by word, and you can still change the words afterwards. Splitting text into separate layers is the fallback for when you need each piece on its own.

Start with one effect done well: words that rise and fade in, in order. Then change only the timing between words and watch how the mood shifts. Our step-by-step guide to animating text in After Effects has the exact steps.

These text rules hold for any job:

• Follow the reading order. If people read left to right, the words should arrive left to right.
• Let the last word sit. Nobody can read a line that leaves the moment it lands.
• Pick one or two text moves per video and reuse them. Ten styles in a minute reads as noise.
• Time words to the voice. In kinetic type, a word should land on the syllable, not a frame after it.

Why does beginner animation look stiff, and how does easing fix it?

It looks stiff because every move runs at one speed and stops dead. Easing makes a layer speed up out of rest and slow into its next position. The Graph Editor is where you shape that curve between two keyframes.

Go back to the pop-in circle and the half-second square. Make three versions of each:

1. No easing: constant speed and a hard stop.
2. Ease in and out on both keyframes: smooth, but soft.
3. A fast start and a long, gentle landing, shaped in the Graph Editor. You will see this curve in a lot of title and interface work.

Play all three side by side. The third usually reads as intentional, and the first as a placeholder. Our Easy Ease guide covers one-press easing and what to check when the curve seems to do nothing.

Once you can read a speed graph, save the curves you like and reuse them. Every move in a project then feels like it came from the same hand.

How do nulls, parenting and precomps keep a motion graphics project tidy?

A null is an invisible layer you use as a handle. Parent several layers to it, and moving the null moves them all. A precomp packs layers into their own composition, so a busy scene becomes one layer in the main timeline.

Use them like this:

• A null for each group. Parent a logo, its tagline and its underline to one null. You can then move, scale or slide them off together with two keyframes.
• A precomp for each scene. Put each scene of an explainer in its own precomp, and let the main composition just order them.
• Names and labels. Name every layer as you make it. Nobody can read "Shape Layer 14" a week later.

Which After Effects expressions should a beginner learn first?

Wiggle, loop and bounce cover most of what a beginner needs: random movement, a cycle that repeats and an overshoot that settles. Learn to add, switch off and remove an expression before you learn more of them.

Our guide on how to add expressions in After Effects starts from zero. After that:

• Wiggle for a floating icon, a handheld feel or a nervous flicker. Keep the amount small.
• Loop for a spinning loader, a pulsing dot or a background that never ends, made from a few keyframes.
• Bounce for the pop-in circle again: animate it to full size and let the expression add the overshoot.

Expressions are code, so copy them from a source you trust. Change one number at a time and keep a note of what each number does.

Can a beginner make 3D motion graphics in After Effects?

Yes, if you start with flat layers placed in 3D space and a camera moving past them. That gives you depth and parallax without modelling anything, and it uses the keyframing and easing you already know.

A good first 3D piece has three or four layers at different depths: a background, a title and a foreground shape. Add a slow camera push. If the near layers slide past faster than the far ones, the parallax is working. Our After Effects 3D camera and parallax guide explains the camera itself. Leave 3D models and renderers until 2D motion feels natural.

What are good first motion graphics projects in After Effects?

Pick short pieces with one clear job each, and finish them. Five finished 10-second pieces teach you more than one unfinished minute.

1. A lower third. A name, a title, a line that draws on and a shape behind. Skills: shapes, text and easing.
2. A logo reveal. Build the mark from its parts, settle it and hold it. Our logo animation guide starts from an SVG.
3. A kinetic type line. Eight to twelve words timed to a short voice clip. Skills: text animators and timing.
4. An icon set. Four icons that draw on in sequence. Skills: shape paths and staggered timing.
5. A product screen. One app screenshot in a frame, a cursor that clicks and a number that counts up. Skills: parenting, precomps and one expression.
6. One piece, three frames. Rebuild the lower third in vertical, square and wide frames. Skills: layout and anchor points.

Export each one and watch it on a phone. Fix the thing that bothers you most before you start the next.

Should beginners use motion graphics templates, presets and plugins?

Use them once you can build the same thing by hand, and use them to study as much as to ship. A template you can take apart teaches timing and structure. One where you can only change the text teaches nothing.

Know what you are installing. Effect plug-ins, scripts and extension panels are different kinds of file and install in different places. Our explainer on After Effects plugins vs scripts vs extensions shows where each one goes and why a panel can go missing. When you are ready to buy, our roundup of the best After Effects plugins is sorted by job.

Two rules apply to any template:

• Check its licence before client work.
• Open every precomp and see how it was built before you change anything.

Where mouzeclick fits (we make it)

mouzeclick is a mouse app plus tools inside After Effects and Premiere Pro, and we make it. For motion graphics, the useful parts are five After Effects extensions that run on Windows and Mac. On Windows only, there is also the After Effects workspace, with Shape studio, Type studio and Easing lab. None of them replaces the basics above. They speed up work you already understand.

The five extensions (Windows and Mac)

mouzekit groups its 28 tools as Rigs, Properties, Layers and time, Looks, Text, Tidy and Make. Its expressions work in any language of After Effects.

mouzesaas is a SaaS animation kit. It has app screens and device frames, a clicking cursor, bar, line and donut charts, and eases and backdrops, in five palettes: Indigo, Ocean, Sunset, Mint and Graphite.

mouzeaccent's 12 accents run from Burst and Sparkle to Speed lines and Emphasis shake. mouzeicons comes in Outline, Filled or Duotone, with icon grids. mouzeflow's 15 transitions run from Push and Whip to Iris and Swipe card.

Because mouzeaccent and mouzeicons build shape layers, you can open what they make and see how it was built. Every panel has a card on our extensions page.

The workspace (Windows only)

Shape studio has four main tools:

• Motion Showcases, which arrange 2 to 20 layers as an Orbit Ring, Helix Stream or Depth Stack
• a Static Layout Builder with 39 grid layouts
• 81 animated UI templates in nine categories, which you edit before they build
• a Shape morpher, from 0.1 to 5 seconds, with six easing presets

Its shape tools are marked Beta.

Type studio's hover preview plays each of its 159 presets before you apply it. Easing lab offers Bezier, Spline, Elastic, Bounce, Wave and Steps curves and 44 ready ones. It can read a curve, apply one, or copy it as an expression.

The workspaces are part of mouzeclick on Windows. The Mac app does not include them. The full atlas is on the workspace page.

The Tool wheel (Windows and Mac)

Once the bridge is installed, the After Effects Tool wheel puts 114 tools in 13 groups one flick away. It has a Motion Design starting layout, Null + Parent rigs in one flick, and an Anchor grid that moves the anchor without moving the layer. It opens with F10 or a held right button. See the After Effects radial menu page.

mouzeclick is one plan: $25 a month, $249 a year, or $499 once for one of the first 100 lifetime keys. The trial is 3 days and needs no card. Details are in our pricing section.

How do you add mouzeclick's panels to After Effects, and what if they don't appear?

Install the app, add the After Effects bridge from the app's Tool wheel page, restart After Effects and open the panels from Window › Extensions. If a panel is missing, check the bridge, the restart and that mouzeclick is running.

1. Start the 3-day trial. The key and the Windows and Mac download links arrive by email. The 3 days start the first time you open the app with the key.
2. Install the app and paste the key. There is no driver. On a Mac, follow the four steps on our Mac install page. Apple has not notarized the app yet, so you allow it once under System Settings › Privacy & Security › Security › Open Anyway. Then turn on Accessibility and Input Monitoring, and quit mouzeclick and open it again.
3. On the app's Tool wheel page, press Install After Effects bridge, then restart After Effects.
4. Open any panel from Window › Extensions. On Windows, open the workspace from Window › Extensions › mouzeclick workspace.
5. Keep mouzeclick running while you work.

If something doesn't show up, check these in order:

• No panels at all. The bridge isn't installed, or After Effects wasn't restarted after you installed it.
• A panel opens but does nothing. Make sure mouzeclick is running and online; it needs an internet connection while it runs. mousecut, mouzegrade and mouzmic also need mouzeclick installed on the same computer, and mouzelayer needs the internet for map data.
• No workspace on a Mac. That is expected: the workspaces are Windows only.
• Your version of After Effects. There is no published minimum version, so try it in yours during the trial. Every panel was run tool by tool in After Effects 26.5 on Windows.

Questions people ask

Keep reading