Guides

How to make a how-to video: a step-by-step guide

Plan, record and publish a how-to video people watch to the end. A practical guide to scripts, screen recording, voiceover, zoom, captions and sharing.

A small team at their desks at night, one person pointing at a screen while the others watch
On this page
  1. What makes a how-to video work
  2. Step 1: Pick the task and the outcome
  3. Step 2: Prepare the screen
  4. Step 3: Record the task
  5. Step 4: Split the recording into steps
  6. Step 5: Write the script
  7. Step 6: Add the voiceover
  8. Step 7: Zoom, captions and branding
  9. Step 8: Choose the shape
  10. Step 9: Publish it where people look
  11. Step 10: Keep it current
  12. A quick checklist
  13. Frequently asked questions

A good how-to video does one job: it gets someone from "I don't know how to do this" to "done" as fast as possible. It doesn't need a studio, a presenter or an editing timeline. It needs a clear goal, a clean recording, words that match what's on screen, and a way to put it in front of the person who needs it.

This guide walks through the whole process, from picking the task to publishing the finished video. It works whatever tool you use. Where it helps, we show how the same step works in howtovideos.ai, which turns a screen recording into a narrated, branded video and a written guide.

What makes a how-to video work

Before you record anything, it helps to know what separates a tutorial people finish from one they abandon after ten seconds.

  • One task per video. "How to invite a teammate" beats "Everything about user management". If a viewer has to scrub to find their part, the video is too long.
  • Short. Most software tasks fit in 30 to 90 seconds. Our own help videos run between 35 seconds and just over a minute.
  • Steps you can see. Each step should be one visible action: open a menu, click a button, type into a field. If the narration describes something that isn't on screen, viewers get lost.
  • Zoom on what matters. A full 1080p screen shrunk into a help-center article makes buttons tiny. Zooming in on each click is the single biggest readability gain.
  • Captions. Many people watch with the sound off, at work or on a phone. Captions also help viewers who don't speak the narrator's language natively.
  • A written version. Some people want to skim the steps, copy a setting or print the procedure. A written guide next to the video serves them without a second piece of work.

Step 1: Pick the task and the outcome

Start with the question people actually ask. Your support inbox, your sales calls and your onboarding sessions are full of them: "How do I export a report?", "Where do I change my billing email?", "How do I add a user?"

Write the outcome as one sentence that starts with "How to". That sentence becomes your title, and it's also what people type into search, so it does double duty for findability.

Then decide where the viewer starts. If they need to be signed in, on a particular page or using a particular role, say so in the first line of the script, or start the recording from that point.

Step 2: Prepare the screen

A tidy screen saves you from re-recording later.

  1. Use a demo account or test data, not a real customer's records.
  2. Close notifications, chat apps and unrelated tabs.
  3. Set your browser zoom to 100% and use a common window size, such as 1280 by 720 or 1920 by 1080.
  4. Walk through the task once without recording, so you know every click.

If sensitive data does end up on screen, such as an email address or an API key, blur it before you share the video. In howtovideos.ai you can blur it in one click, in the video, the guide and the screenshots, and the AI writes the script so it does not read out emails or keys. Check every step before you publish.

Step 3: Record the task

You have more options than you might think:

  • Upload a recording you already have. Any screen recorder works: QuickTime, Loom, OBS, Zoom or your phone. howtovideos.ai accepts MP4, MOV and WebM, and a long or untidy recording is fine because the steps are found for you.
  • Record in the browser. No install needed. Share a tab or window and do the task.
  • Use a recorder app. The Chrome extension and the desktop app for Mac and Windows record directly into your account.
  • Paste a link. An AI agent opens the page, clicks through the task and records it for you. In howtovideos.ai this is included with every video you buy, and on the Agency plan and up.

Record at a calm pace. Pause for a beat after each click so the screen settles. Don't worry about narrating while you record: it's usually easier to write the script afterwards and add a clean voiceover.

How to make your first how-to video. Made with howtovideos.ai. Watch on YouTube · Read the step-by-step guide.

Step 4: Split the recording into steps

This is where most of the editing time goes if you do it by hand. Watch the recording, note each meaningful action, cut the dead time between them, and give each step a short title.

Good step titles are imperative and specific: "Open Settings", "Choose Team", "Click Invite". Avoid "Now we're going to..." and other filler. The step titles also make up the written guide, so writing them well pays off twice.

howtovideos.ai finds the key moments in your recording and writes the steps for you, usually in under a minute. You then check them, rename any that aren't quite right, and remove anything you don't need.

Step 5: Write the script

Write one or two sentences per step, in plain language, describing what the viewer should do and, where it helps, why.

A few rules that keep scripts tight:

  • Say the name of the button exactly as it appears on screen.
  • Tell people where to look: "In the top right, choose Invite."
  • Keep sentences short enough to read aloud in one breath.
  • Cut anything the viewer can see for themselves.

In howtovideos.ai, every step shows its title and script next to its screenshot. Edit the words and the video follows: when you render again, only the lines you changed are re-voiced, so a small fix doesn't mean a whole new recording.

How to edit the steps and script. Made with howtovideos.ai. Watch on YouTube · Read the step-by-step guide.

Step 6: Add the voiceover

You have three choices:

  1. Your own voice. Record each line yourself. Authentic, but it takes time to get even audio, and re-recording one line later rarely matches the rest.
  2. An AI voice. Pick a natural voice once and every video sounds the same, which matters when you're building a library. Fixing a line later is a text edit.
  3. A cloned voice, on the Team plan and up. Record a short sample and have your own voice read the script, so fixing a line later is still a text edit.

Whichever you choose, keep one voice per library. Switching narrators between videos makes a help center feel stitched together.

Step 7: Zoom, captions and branding

Three finishing touches make a recording look like a finished tutorial:

  • Zoom on clicks. Move in on the part of the screen where the action happens, then back out. Done by hand it's tedious keyframing. howtovideos.ai does it automatically on every click.
  • Captions. Put them on every video, so it works with the sound off in an open-plan office, on a phone or in a social feed. howtovideos.ai burns captions in from the script, so they always match the narration.
  • Brand. Your logo and colours on the intro, outro and captions make the video feel like part of your product. howtovideos.ai can pull your logo and colours from your website.

Step 8: Choose the shape

Where the video will live decides its shape:

Where it's watchedShapeWhy
Help center, website, YouTube16:9 wideMatches desktop screens and players
Social feeds, in-app panels1:1 squareTakes up the most room in a feed
Phones, frontline teams, short-form9:16 verticalFills a phone screen held upright

You don't need three recordings. howtovideos.ai renders wide, square and vertical versions from the same take.

How to make vertical and square videos. Made with howtovideos.ai. Watch on YouTube · Read the step-by-step guide.

Step 9: Publish it where people look

A great tutorial nobody finds is wasted. Put it where the question is asked:

  • Paste a link into support replies, onboarding emails and chat. Every howtovideos.ai tutorial has a hosted page, and viewers don't need an account to watch.
  • Embed it in your help-center article, docs or knowledge base.
  • Collect it in a hub. A searchable, branded help center of all your tutorials (Team plan).
  • Publish to your help desk. Send tutorials to Zendesk, Intercom, Help Scout, Notion or Confluence as articles (Team plan). Republishing updates the article instead of duplicating it.
  • Download the files. The MP4 for YouTube or your LMS, and the written guide as PDF, Word or Markdown.

Step 10: Keep it current

Software changes, and a tutorial that shows last quarter's interface does more harm than good. Note which screens each video depends on, and check them when you ship a redesign.

On the Team plan and up, howtovideos.ai runs freshness checks (for tutorials made with Paste a URL): when your screens change, it flags the steps that no longer match so you can update just those, instead of re-recording the whole video. Version history keeps the old version in case you need it.

A quick checklist

Before you hit publish, run through this list:

  • The title starts with "How to" and names one task.
  • The video is under two minutes, ideally under one.
  • Every step is one visible action with a clear title.
  • The script names buttons exactly as they appear.
  • No personal or sensitive data is visible.
  • Captions are on.
  • There's a written version alongside.
  • It's linked from the place people ask the question.

Frequently asked questions

How long should a how-to video be?

As short as the task allows. Most single software tasks fit in 30 to 90 seconds. If a video runs past two or three minutes, it usually covers more than one task and works better split into several.

Do I need to show my face in a how-to video?

No. For software tutorials, the screen is the subject, and a face in the corner mostly takes space from it. If you want a presenter, howtovideos.ai can add an AI presenter who speaks your script, which uses premium credits.

What's the best way to record my screen for a tutorial?

Use any recorder you already have, at a common resolution like 1920 by 1080, with notifications off and test data on screen. In howtovideos.ai you can also record in the browser, use the Chrome extension or desktop app, or paste a link and let an AI agent record it, which is included with every video you buy and on the Agency plan and up.

Should I write a script before I record?

For short tutorials, it's usually faster to record the task first and write the script to match the steps you captured. That way the words always match what's on screen.

Can I turn one recording into a video and a written guide?

Yes. In howtovideos.ai, the same steps make both the narrated video and the written guide, which you can download as PDF, Word or Markdown. Edit a step and both stay in sync.

Questions about this post or howtovideos.ai? Contact us or email support@howtovideos.ai.