Produce a tutorial video from a guide, step by step
The end-to-end workflow for video editors: pick the lesson, prepare the demo data, record each scene from the shot list, edit to the chapter list, publish, and hand the link to the admin.
Video tutorial coming soon
The written steps below are complete. Producing the video? Use the video script tab — it follows these steps one for one.
Rough runtime
5:05
Scenes
8
Lesson
11.4 · For testers & video producers
File name
11-04 produce-a-tutorial-video.mp4
Before you record
- Course outline open; a lesson without a video chosen.
- Record at 1920×1080, browser zoom 100%, light theme, sidebar expanded, no personal data on screen. See Recording standards.
The viewer is assumed to have: You have read the recording standards; A demo workspace with the data listed under "Before you record".
Shot list
| # | Time | Scene | Screen | On screen | Narration |
|---|---|---|---|---|---|
| 0 | 0:0020s | Intro: Produce a tutorial video from a guide, step by step | /help/course | Title card, then the first screen of the lesson. | For video editors: the full workflow from picking a lesson to seeing your video on its guide. |
| 1 | 0:2045s | Plan from the outline | /help/course | Open "Full course outline". Note the module order, each lesson's planned runtime and which lessons already have a play icon (a video exists). Pick the next lesson without one. | The outline is the playlist. Pick the next lesson without a video. |
| 2 | 1:0545s | Read the script | /help/[slug] | Open the lesson and click "Video script". Read "Before you record", the shot list table (scene, time, screen, on screen, narration) and the narration in order. Click "Copy script as Markdown" to load it into your teleprompter. | The script tab is the whole plan: what screen, what to do, what to say, and what must be visible before each cut. |
| 3 | 1:5045s | Prepare the demo state | /help/[slug] | Set the demo workspace to the state in "Before you record". Open the first screen listed in scene 0. | Set up the data, open the first screen, and check the recording standards one more time. |
| 4 | 2:3545s | Record scene by scene | /help/[slug] | Record the intro over the first screen. For each step scene: perform the "On screen" action while reading the narration, then hold until the "Show before cutting" result is visible. Record the outro on the final result. | Scene by scene. Do the action, say the line, hold on the result. Mistakes? Re-record just that scene. |
| 5 | 3:2045s | Edit to the chapter list | /help/[slug] | Assemble scenes in order, add the title and end cards, trim dead time to hit the planned runtime, and add the chapter markers from "Copy YouTube chapters", corrected to the final timestamps. | Cut it together to the chapter list, title card in front, end card behind. |
| 6 | 4:0545s | Publish and hand over | /admin/help | Export and upload per the recording standards (unlisted first). Send the link, the lesson slug and the final chapter list to the admin, who attaches it in Admin → Help videos. | Upload, send the link and the slug to the admin, and the guide shows your video. One lesson down. |
| 7 | 4:5015s | Recap & next lesson | /admin/help | Hold on the finished result, then the end card. | That is the end of the course. Thank you for watching, and for making the next tutorial. |
Narration, in order
0. Intro: Produce a tutorial video from a guide, step by step
0:00 · 20sTitle card, then the first screen of the lesson.
For video editors: the full workflow from picking a lesson to seeing your video on its guide.
1. Plan from the outline
0:20 · 45sOpen "Full course outline". Note the module order, each lesson's planned runtime and which lessons already have a play icon (a video exists). Pick the next lesson without one.
The outline is the playlist. Pick the next lesson without a video.
Show before cutting: A lesson slug and a target runtime.
2. Read the script
1:05 · 45sOpen the lesson and click "Video script". Read "Before you record", the shot list table (scene, time, screen, on screen, narration) and the narration in order. Click "Copy script as Markdown" to load it into your teleprompter.
The script tab is the whole plan: what screen, what to do, what to say, and what must be visible before each cut.
Show before cutting: You know every click and sentence before recording.
3. Prepare the demo state
1:50 · 45sSet the demo workspace to the state in "Before you record". Open the first screen listed in scene 0.
Set up the data, open the first screen, and check the recording standards one more time.
Show before cutting: The first frame is ready.
4. Record scene by scene
2:35 · 45sRecord the intro over the first screen. For each step scene: perform the "On screen" action while reading the narration, then hold until the "Show before cutting" result is visible. Record the outro on the final result.
Scene by scene. Do the action, say the line, hold on the result. Mistakes? Re-record just that scene.
Show before cutting: One take per scene is fine; scenes are cut together later.
5. Edit to the chapter list
3:20 · 45sAssemble scenes in order, add the title and end cards, trim dead time to hit the planned runtime, and add the chapter markers from "Copy YouTube chapters", corrected to the final timestamps.
Cut it together to the chapter list, title card in front, end card behind.
Show before cutting: Runtime within about 20% of the plan; chapters match scenes.
6. Publish and hand over
4:05 · 45sExport and upload per the recording standards (unlisted first). Send the link, the lesson slug and the final chapter list to the admin, who attaches it in Admin → Help videos.
Upload, send the link and the slug to the admin, and the guide shows your video. One lesson down.
Show before cutting: The guide shows the video; the outline shows the play icon.
7. Recap & next lesson
4:50 · 15sHold on the finished result, then the end card.
That is the end of the course. Thank you for watching, and for making the next tutorial.
Related lessons
Attach tutorial videos to help guides
Paste a YouTube, Vimeo, Loom or direct video link onto a guide from the admin panel, order multiple videos, edit or remove them, and see the result on the public guide.
Platform administrationIntermediate5 min
How to use this help center
Search, browse by module or role, follow the course in order, mark lessons complete, print a guide, and switch between the Guide, Video script and Test checklist tabs.
For testers & video producersBeginner4 min
Recording standards for tutorial videos
Resolution, browser setup, demo data, narration style, pacing, chapters, thumbnails and the file naming every My Roof CRM tutorial follows so the series feels like one course.
For testers & video producersIntermediate8 min
Finished this lesson?