If you’ve ever tried to record an After Effects tutorial, you know the problem. Everything that matters, the property values, the little stopwatch icons, the graph handles and the expression field, is tiny. On a 1080p video watched on a phone, it’s unreadable. This guide covers how to set up, record and present an After Effects tutorial that viewers can actually follow, and how our free UI Magnifier extension keeps the small details readable.
Why After Effects tutorials are hard to watch
After Effects packs a lot into a small space. A typical tutorial moment, such as “set the Position keyframe, then ease it in the Graph Editor”, involves a text field a few pixels high and a handle smaller than the cursor. Three things make it worse:
- High-resolution monitors. A 4K or Retina screen makes the interface physically small, and the recording scales everything down again for viewers.
- Compression. YouTube and social platforms soften fine text, so thin interface type becomes a blur.
- Small viewing screens. A large share of tutorial viewers watch on phones and laptops, not on a big monitor.
Zooming in afterwards in your editor helps, but it’s slow, you have to guess where viewers are looking, and it can’t recover detail the recording never captured.
Step 1: Set up After Effects for recording
A few minutes of setup makes every later step easier.
- Use a clean workspace. Save a dedicated recording workspace with only the panels you need: Composition, Timeline, Effect Controls and maybe Properties. Fewer panels means bigger panels.
- Lower your recording resolution. Recording a 2560 × 1440 or 1920 × 1080 area of the screen, rather than a full 4K desktop, keeps interface text larger in the final video.
- Increase display scaling. Your operating system’s display scaling makes After Effects’ interface larger. Try a step up from your normal setting while recording.
- Prepare the project. Name your layers, precompose messy parts and save versions before each section, so you’re never fixing a mistake on camera.
Step 2: Magnify the details live while you record
This is where UI Magnifier comes in. It’s a free extension for After Effects and Premiere Pro, also listed for Illustrator, that shows a live circular magnifier right under your cursor. You turn it on with a shortcut key when you reach a small detail, and turn it off again when you’re done.
In a tutorial that changes how you present:
- Typing a value or expression: magnify the field so viewers see exactly what you type.
- Graph Editor work: show the handle you’re dragging and the curve shape at the same time.
- Effect Controls: point at the one checkbox or dropdown that matters, instead of saying “it’s somewhere in there”.
- Timeline details: make keyframe icons, switches and blending modes readable.
Because the magnification is part of the recording, you don’t need to add zooms in your editor later, and the zoom follows exactly what you’re pointing at. It’s also useful outside tutorials: on screen shares, in client reviews and in live demos, where you can’t add zooms afterwards at all.
Step 3: Record clean audio and steady pacing
- Use a dedicated microphone and record in a quiet, soft-furnished room. Viewers forgive average video far more easily than bad audio.
- Pause before every click. Move the cursor to the target, hold for a beat, then click. It gives viewers time to see where you’re going.
- Say the shortcut and the menu path. “Press U to show keyframes” teaches more than an unexplained key press.
- Record in short sections. One technique per take is easier to fix and edit than a single 40-minute recording.
Step 4: Edit for clarity
Edit in Premiere Pro, or in After Effects itself for short clips. Cut dead time such as renders and long previews, add chapter markers for longer videos and keep the original audio in sync. If you used the magnifier while recording, most of your zoom work is already done, so editing is mostly trimming.
For thumbnails and intros, a short animated title helps. Our free templates and presets in the store are a quick way to get one without building it from scratch.
Putting it together: a real tutorial
Take a typical short tutorial on a logo animation: set up the composition, keyframe position and scale, ease them in the Graph Editor and add a final glow. With a magnifier toggled on only for the Graph Editor and the Effect Controls moments, the video stays readable on a phone without any zooms added in the edit. The same setup works for Premiere Pro tutorials on things like keyframing in Effect Controls or adjusting audio levels.
If your tutorials involve 3D camera moves, you can also record those by hand with our Phone Camera Controller for After Effects, which turns your phone into a virtual camera. It makes a good on-camera demo in its own right.
Checklist before you hit record
- Recording workspace saved and loaded
- Recording area set to 1080p or 1440p
- Project tidy, named and saved
- Magnifier installed and shortcut tested
- Microphone level checked
- Notifications turned off
FAQ
What’s the best resolution to record an After Effects tutorial?
Record a 1920 × 1080 or 2560 × 1440 area rather than a full 4K desktop. The interface stays larger relative to the frame, so text survives compression better.
How do I zoom into the After Effects interface while recording?
Use a live screen magnifier such as UI Magnifier, which shows a circular zoom under your cursor that you toggle with a shortcut. You can also add zooms in your editor afterwards, but that takes longer and can’t add detail the recording didn’t capture.
Is UI Magnifier free?
Yes. You can download it free from its page on motionist.studio, and it’s also listed on Adobe Exchange.
Does UI Magnifier work in Premiere Pro?
Yes. It works in both After Effects and Premiere Pro, which makes it handy for editing tutorials as well as motion design ones.
Make your next tutorial easier to watch: get UI Magnifier free and try it on your next recording.
Studio list
Get new tools and free drops first
One email when a new plugin, template or free pack is out. No spam, unsubscribe any time.
