Callouts turn "it's somewhere on screen" into "look right here." To add arrows and callouts to a video on a Mac, open the clip in an editor, overlay the right marker — arrow, box, spotlight, label, keystroke, number, or blur — position it on the target, and time it on the timeline so it appears exactly when you reference the element. In Zella the whole flow runs locally on your Mac, with no upload and no account, and the callouts bake straight into the exported file. Here's how to do it and how to make each one read clearly.

Add an arrow or callout, step by step

The core workflow is the same for every callout type:

  1. Open the recording in the editor. Drop your screen recording onto the timeline.
  2. Add a callout over the moment you want to mark.
  3. Position and size it precisely on the button, field, or region you're referencing.
  4. Time it on the timeline so it appears a beat before you mention the element and clears once you've moved on.
  5. Keyframe the position if the target scrolls or moves, so the callout follows it.
  6. Export. The callouts render into the final MP4, MOV, or GIF — no flattening step, no extra render service.

The timing in step 4 is what separates a professional callout from a distracting one. A marker that appears on cue and disappears when you're done reads as guidance; one that lingers competes with your next step.

The callout types and when to use each

Zella ships eight callout types. Reach for the one that matches the job rather than defaulting to an arrow every time.

Callout Best for Why it works
Arrow Pointing at one specific button or field Unambiguous direction for a single target
Box Framing a region you're about to discuss Outlines an area without hiding it
Ellipse Circling an element or comparison item Softer frame, good for highlighting two things
Spotlight Busy or cluttered UIs Dims everything except the target so the eye can't miss it
Label Adding a short text note next to an element Names the thing you're pointing at
Keystroke Tutorials with shortcuts Shows the keys you just pressed so viewers can follow
Number Multi-step sequences Enforces order — step 1, 2, 3
Blur Sensitive data on screen Censors keys, emails, or customer info

For sensitive content, blur callouts are covered in depth in how to blur sensitive info in a screen recording. See the full feature in captions and callouts.

Add callouts while recording or after?

You'll see two approaches in screen-recording tools: drawing annotations live during the recording, or adding them afterward in the editor. Live drawing feels immediate, but it locks the marker to one position and one moment — if you fumble the placement or your narration runs long, you re-record.

Adding callouts in post is almost always the better choice for a polished result. You set each marker's position, size, and in/out timing against the finished narration, retime anything that's off, and keep editing until it's right. Because Zella's callouts live on the timeline as overlays, nothing is baked in until export, so you can revise freely.

Time callouts tightly to your narration

The secret to professional-looking callouts is timing, not styling. A callout should appear a beat before you say "click here," stay just long enough to register, and clear once you've moved on. A callout that lingers competes with the next step; one that's gone too soon gets missed.

Because you set in and out points on the timeline, you can sync each callout to the exact frame it becomes relevant. Drag the in/out handles anytime to retime — nothing is permanent until you export.

Make callouts follow a moving target

Plenty of tutorials involve scrolling lists, dragging windows, or elements that animate into place. A static arrow pointing at where a button used to be is worse than no arrow at all.

Keyframe the callout's position so it tracks the element. Set its location at the start of the move and again at the end, and the callout interpolates between them — staying locked to the target as it travels. This is the same keyframing you'd use for zoom effects, applied to the overlay instead of the frame.

Design callouts that read on mobile

A callout that's obvious on your 27-inch display can vanish on a phone, and much of your audience watches on mobile. Size markers generously, use high-contrast colors against the UI behind them, and keep labels to a few words rather than a sentence.

A spotlight is especially effective on small screens because it removes competing detail entirely — everything but the target dims out. Whatever you use, preview at phone size before publishing to confirm the arrow or box still clearly marks the right element. You can also style color and size to match your brand, as long as the marker stays legible.

Pair callouts with zoom and captions

Callouts are strongest as part of a system, not on their own:

For the full tutorial build, see how to make a software tutorial video.

Callouts for different tutorial types

  • App walkthroughs — arrows and spotlights to direct clicks, plus keystroke callouts for shortcuts.
  • Settings and config guides — numbered callouts to enforce an order of operations.
  • Comparisons — boxes or ellipses to frame the two things you're contrasting.
  • Anything with sensitive data — blur callouts to censor keys, emails, or customer info.

Callouts aren't tutorial-only, either — use them anywhere you want to direct attention, from product demos to explainer reels.

Common mistakes to avoid

  • Too many at once. One clear callout beats five competing for the eye. Keep one marker on screen per moment.
  • Bad timing. A callout that lingers after you've moved on is distracting — time it tightly to your narration.
  • Tiny markers on a 4K frame. Size callouts so they're obvious on a phone, not just your desktop.
  • Forgetting to follow movement. Keyframe anything that scrolls or moves so the marker stays on target.

Free in Zella, with an optional Pro unlock

All eight callout types, the timeline, keyframed positions, auto-zoom, AI captions, and 1080p export are in Zella's free plan — unlimited recording, no watermark, no cloud, no account. The optional one-time $89 Pro unlock adds 4K export plus the full creative suite (color grading, every transition, speed ramps, auto-reframe, and all caption presets). See pricing for the breakdown, or browse the features.

FAQ

Do callouts show up in the exported video? Yes. They bake into the exported MP4, MOV, or GIF — there's no separate flattening step.

Can a callout follow a moving target? Yes. Keyframe its position so it tracks scrolling or animated elements.

How many callouts should one moment have? Usually one. Clarity beats clutter — keep a single marker on screen at a time so attention is never split.

What's the best callout for a busy UI? A spotlight, since it dims everything except the target, so even on a cluttered interface the viewer can't miss where to look.

The bottom line

To add arrows and callouts to a video on a Mac, overlay the right marker — arrow, box, spotlight, label, keystroke, number, or blur — position it on the target, and time it tightly on the timeline. Keyframe anything that moves, size for mobile, and pair callouts with auto-zoom and captions so viewers always know where to look. In Zella it all happens locally, free, and bakes straight into the export.

Download Zella and guide your viewers.