Tutorial video
How-to video example
This how-to video example walks a fictional expense portal in five steps, one screenshot per step, and the full script with per step seconds is below. Each step spotlights the control being clicked and zooms toward it, the checklist near the end lists what to attach so the video replaces the policy page, and the pace is calm throughout, crossfades rather than cuts.
Watch it
Steel look, Charon, instructional male voice, English. Exported at 16:9.
The brief that made it
Tutorial: how to submit an expense claim in the Tally portal. Steps: open Expenses, New claim, add a line with the receipt, pick the cost centre, submit for approval. End with a checklist of what to attach.
The script, scene by scene
Every narration line with the scene it sits on and how long it runs. Useful whether you build the video here or write your own.
- Scene 1intro4s
- How to submit an expense claim in Tally, in five steps.
- Scene 2tutorial7s
- Open Expenses from the left menu, then choose New claim.
- Scene 3tutorial7s
- Add a line, type the amount, and drop the receipt onto the line.
- Scene 4tutorial7s
- Pick the cost centre from the list; your manager's is the default.
- Scene 5tutorial7s
- Check the total, then press Submit for approval.
- Scene 6tutorial6s
- Your claim shows as Awaiting approval and your manager is emailed.
- Scene 7checklist6s
- Attach the receipt, the cost centre, and a one line reason.
- Scene 8outro4.3s
- That's it. Claims are paid on the next run.
One step, one screenshot, one click
Every teaching scene is built the same way: a still screenshot of the fictional Tally portal sits in a window frame, the control for that step carries a marked click point, and the scene dims everything else while a spotlight holds the control and the camera eases toward it. The caption names the action in plain words, "Open Expenses in the left menu, then click New claim." Marking the click point is the whole craft here; the zoom has three levels, none, 1.5x and a 2.1x close-up, and this video uses the middle one for forms and the close-up only where a badge needs reading.
The checklist replaces the policy page
After the five steps, a checklist scene ticks through the four things a claim needs: the receipt, the cost centre, a one line reason, the right date. That scene is the difference between a video that shows where buttons are and one that stops the follow up questions, because the reason claims bounce is never the button, it is the missing receipt. If your process has more than four requirements, the checklist grid variant holds six, but a policy that needs more than six ticks should be fixed before it is filmed.
Why the pace is calm
Tutorials in this product always come back at the calm pace: one crossfade per cut and a single slow push-in, rather than the transition and camera move per scene a promo gets. Steps run five to nine seconds so the narration, ten to 25 words per step, finishes before the cut, and the voice is always one of the instructional pair, never the energetic ad read. The screens here are hand built mocks of a fictional portal; for your own version, upload real screenshots or capture stills through the built in screen capture, which snaps one frame per press rather than recording video.
What makes this video work
Five steps, five screens, five clicks
Each scene is one screenshot with one marked click, spotlighted and zoomed at 1.5x. Nothing shares a scene, so a viewer pausing anywhere sees exactly one instruction.
The checklist stops the follow ups
Receipt, cost centre, reason, date, ticked one by one after the steps. It answers the question the help desk actually gets, which is never where the button is.
Calm pace, instructional voice
Crossfades, one push-in, and steps of six to seven seconds with the line finishing before the cut. Tutorial mode enforces this pace and voice so the walkthrough reads as help, not as an ad.
Questions people ask
Does it record my screen?
No. The built in capture takes still screenshots, one frame per press of the capture button or space bar, and no motion video is recorded. Each still becomes one step, with a click point you mark in the review grid. Stills also stay legible in a way scrolling recordings never do.
Is the tutorial type free?
Tutorial videos are a paid feature, available from the Starter plan up. A free account sees the type locked in the generator. Promo and the rest of the builder work on free; it is specifically the tutorial mode, with its step scenes and calm pace, that sits behind the plan gate.
How do I mark where to click?
Every captured or uploaded step screenshot takes one click point with a zoom level: no zoom, zoom in at 1.5x, or a 2.1x close-up. The step then plays as a cursor glide to the point, a click ripple, and the camera easing in, which is what you see on each of the five steps here.
Why is the voice not energetic?
Tutorial mode forces the instructional voice style whatever the brief asks for, on the reasoning that a walkthrough read like an ad erodes trust in the instructions. You can still choose between the male and female instructional voices, and set speed per scene from 0.85x to 1.25x.
How long should each step be?
Five to nine seconds is the range tutorial steps get, with the intro and wrap-up shorter at three to five. The steps here run six to seven seconds, enough for a 10 to 25 word line to finish before the crossfade. If a step needs fifteen seconds of talking, it is two steps.
Can I use my own screenshots?
Yes, upload them or capture them from the browser; either way each screenshot becomes a step and takes a click point. This example uses hand built mock screens of a fictional portal so no real product interface is shown, which is also a decent privacy tactic for internal tools.
Build your own in about a minute
The button below opens the generator with this use case already described. Change the wording to match your own, generate, then edit anything you like.
Make my how-to video exampleOther video examples
Product demo video example
This product demo video example tours a fictional analytics dashboard by doing one job: finding out why sign-ups dropped last week, with the script and per step seconds below. Five screens each answer part of the question, from the overview tile to the paused campaign, and the payoff is setting the alert so it never needs asking again. A workflow, not a feature list.
Tutorial video example
This tutorial video example resets a password in a fictional staff portal in four steps, and the script with per step seconds is below. It is the shortest shape a tutorial usefully takes: sign in page, email field, the message with the reset link, the new password form, with the single 2.1x close-up spent on the emailed link because that is the step people actually miss.
Onboarding video example
This onboarding video example walks a new starter's first day in a fictional HR portal, and the script with per step seconds is below. Four steps cover profile, bank details, policies and the first week plan, the checklist scene turns Friday's obligations into four ticks, and a drawn three card scene answers the question every new starter actually has: who do I ask.
Want the steps in the builder? Read Make a how-to video with AI, then Capture your screen for a tutorial video. For everything this generator can do, see the video maker.
Sources
Written and checked by the OneCraft team. Last checked .