Tutorial video
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.
Watch it
Paper look, Erinome, instructional female voice, English. Exported at 16:9.
The brief that made it
Tutorial: reset your Northgate portal password. Steps: click Forgot password, enter your work email, open the email and click the link, choose a new password. Keep it short.
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 1intro3s
- Resetting your Northgate password.
- Scene 2tutorial6s
- On the sign in page, click Forgot password.
- Scene 3tutorial6s
- Type your work email and press Send link.
- Scene 4tutorial8s
- Open the email and click Reset password; the link works for one hour.
- Scene 5tutorial7s
- Choose a new password with at least twelve characters, then Save.
- Scene 6outro4.1s
- You're signed in. Done.
The close-up goes where people fail
Three of the four steps use the standard 1.5x zoom toward the marked control. The email step uses the 2.1x close-up, because that is where password resets actually die: the message lands in a crowded inbox, the button inside it is small, and the link expires. The close-up holds the Reset password button and the "works for one hour" line underneath it for eight seconds, the longest scene in the video. Spending the strongest visual tool on the failure point, rather than the first step, is the one editorial decision that separates a useful tutorial from a screen tour.
What a four step video leaves out
There is no checklist scene, because a password reset has nothing to attach; adding one would be shape for shape's sake. There is no overview scene either, because four steps need no map. The intro is three seconds of title, the outro four seconds of "you're in", and everything between is a step. When the task is this small the discipline is subtraction: the video runs around half a minute, and a support agent can send it in chat where a help article would go unread. The twelve character password rule shown on the final screen matches current guidance that length beats complexity.
Mock screens, real shape
The four screenshots are hand built mocks of the fictional Northgate portal, sign in, reset form, inbox and new password form, built so no real product or real email account appears. Your version can capture the real flow with the built in screen capture, which snaps still frames one per press; blur or mock the inbox step if colleagues' messages would show. Each screenshot takes one marked click point, and the scenes do the cursor glide, click ripple and ease-in automatically. Captions are on by default per scene, derived from each step's narration.
What makes this video work
Four steps and nothing else
Intro, four screenshot steps, outro. No overview, no checklist, because the task needs neither. The shortest tutorial shape is a deliberate choice, not a cut down long one.
The 2.1x close-up is spent on the link
The email scene runs eight seconds with a close-up on the Reset password button and the one hour expiry line, because the inbox is where resets fail. The best tool goes to the worst step.
The expiry is in the narration
"The link works for one hour" is spoken and shown, so the most common support ticket, a dead link, is answered inside the video rather than after it.
Questions people ask
What is the minimum length for a tutorial?
The intro and outro run three to five seconds each and every step needs at least five, so a four step tutorial bottoms out around half a minute. This one runs just over that, with the extra seconds spent on the email close-up. Shorter than this usually means steps are being skipped.
Can I skip the intro scene?
Yes, delete it in the builder and the video opens on step one. Keep it when the video will live in a help centre, where the title scene doubles as a thumbnail; drop it when the video is sent directly in chat and context is already established.
Does it capture my real email?
Only if you screenshot your real inbox. The capture takes still frames of whatever is on screen, so use a test account, blur the neighbouring messages, or mock the email step the way this example does. The scenes work identically either way.
Male or female voice?
Either of the two instructional voices works; this example is configured with the female one, Erinome, and the expense claim example on this site uses the male one. Tutorial mode always applies the instructional style, so the real choices are gender and per scene speed, from 0.85x up to 1.25x.
Are captions automatic?
Each scene's caption is derived from its narration line and types on word by word in the dark pill at the bottom, on by default, toggleable per scene. For a tutorial watched at a desk without headphones, the captions are often how it is actually consumed.
Can I share it without exporting?
Yes, the share link opens a live player page that streams the current video in the browser; it is not an MP4 download. That suits internal how-tos well: update the video and the same link shows the new version, with no stale file forwarded around.
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 tutorial video exampleOther video examples
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.
Software tutorial video example
This software tutorial video example moves a deal from Qualified to Won in a fictional CRM, and the script with every step's seconds is below. The shape to steal is the overview: before any screenshot, a drawn scene lays out the three stages, so each step that follows lands in a map the viewer already holds. Steps then run five to nine seconds each at the calm pace.
Fitness app UGC ad example
This fitness app UGC ad example is a 29 second creator style video where the proof is the app itself, shown twice as real screens, and the script with every scene and its seconds is published below. A creator who has twelve minutes a day shows the session picker that fits the gap and the streak screen that kept her coming back, then closes on the free week.
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 .