Caption-style overlays for a recorded tutorial

A tutorial can show every click and still leave viewers unsure what to notice. Short text on the video can name a step, point out a control, or show what the speaker is saying. The trick is choosing the right kind of overlay and keeping it clear without covering the part of the screen people need to see.

This guide explains the difference between captions, labels, and callouts, then gives you a simple way to plan and review them. TooLab’s Screen Recorder can capture a screen, window, or tab with sound, microphone, and camera. It records video, but it does not add text overlays or edit footage.

Plan overlays for a tutorial

1. Record the demonstration with the Screen Recorder on a computer. Choose the screen, window, or tab that shows the relevant steps, and include microphone sound if you are narrating. Screen Recorder is not available on phones.
2. Write down the moments where a viewer might need extra help. Note the spoken instructions, important interface names, and any action that may be easy to miss. Avoid writing a caption for every mouse movement.
3. Decide whether each piece of text is a spoken caption, a step label, or a callout. Each has a different job, explained below. Use one main job at a time so the screen does not become crowded.
4. Add text in a video editor that supports text or graphic overlays on a timeline. Keep text editable in the video editor if you may need to revise wording or timing. For a decorative panel or badge, you can prepare a graphic in Photo Editor, which supports layers and text.
5. Preview the finished video at its intended viewing size. Check that the overlay appears when needed, stays long enough to read, and does not cover a menu, button, or important result.

Choose the overlay that fits the message

Spoken captions show what the narrator says

Use spoken captions when viewers need to follow the narration without sound, or when access to spoken information matters. These captions should represent the speech accurately. If a video platform supports a separate caption track, that can let viewers turn captions on or off. Text permanently placed on the picture is often called burned-in captions, because it stays visible in the video itself.

Do not treat a short decorative phrase as a full caption track. A label such as Open the File menu can help direct attention, but it does not provide a transcript of the rest of the narration.

Step labels show where viewers are

A step label is a brief heading such as Step 2: Choose a file. It helps viewers keep their place in a longer walkthrough, especially when the tutorial moves between several tasks. Put the label near the start of a new section, then let it disappear once the step is clear.

Callouts draw attention to a specific area

A callout points out a button, field, menu, or result that may be hard to find. Keep it specific: name the control or describe the action, rather than adding a general sentence such as Do this next. Place the text and pointer away from the item they identify, so the overlay does not hide the control.

Title cards introduce or separate sections

A title card can name the tutorial or mark a new topic. It works best during a natural pause, rather than over a complicated sequence of clicks. If viewers need to see the interface, keep the title brief and move it out of the way before the demonstration resumes.

Make overlays easier to read

1. Shorten the wording. Use one thought at a time. A brief phrase is easier to read while watching a cursor move than a full paragraph of instructions.
2. Limit each caption to two lines. Break a long sentence at a natural pause. Avoid placing several separate labels on screen at once.
3. Increase contrast. Light text over a light interface can disappear, as can dark text over a dark panel. A solid or slightly transparent background behind text can help, but make sure the interface underneath remains visible.
4. Keep text away from important controls. Put labels in an area that stays clear during the action. Leave space around the edge of the frame too, because some players or screens may crop a little of the picture.
5. Use a consistent style. Keep the same font, size, color, and placement for captions that serve the same purpose. Use a different treatment for callouts only when it makes their role clearer.
6. Give viewers time to read. Keep short labels on screen long enough to notice, and leave longer captions visible for the full spoken phrase. If you have to pause the video to read an overlay, simplify it or extend its timing.

Check the result before sharing

Watch the video once at normal speed, not just frame by frame in the editor. Check that each caption matches the narration, each label arrives at the right step, and each callout points to the correct part of the interface. Then watch a few moments with the sound off. The visual guidance should still make sense, even if the video is not meant to replace a complete caption track.

Also check the text on a smaller screen if viewers may watch on phones. A font that looks comfortable in a large editing preview can become hard to read on a narrow display. Increase the size or reduce the words rather than squeezing in more lines.

Screen Recorder recordings stay on your device. Nothing you record is uploaded by the tool.