My Roof CRM

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.

Intermediate 10 minTesters & video team, Platform administrator· Last checked 2026-10-03

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

#TimeSceneScreenOn screenNarration
00:0020sIntro: Produce a tutorial video from a guide, step by step/help/courseTitle 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.
10:2045sPlan from the outline/help/courseOpen "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.
21:0545sRead 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.
31:5045sPrepare 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.
42:3545sRecord 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.
53:2045sEdit 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.
64:0545sPublish and hand over/admin/helpExport 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.
74:5015sRecap & next lesson/admin/helpHold 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

  1. 0. Intro: Produce a tutorial video from a guide, step by step

    0:00 · 20s

    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.

  2. 1. Plan from the outline

    0:20 · 45s

    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.

    Show before cutting: A lesson slug and a target runtime.

  3. 2. Read the script

    1:05 · 45s

    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.

    Show before cutting: You know every click and sentence before recording.

  4. 3. Prepare the demo state

    1:50 · 45s

    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.

    Show before cutting: The first frame is ready.

  5. 4. Record scene by scene

    2:35 · 45s

    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.

    Show before cutting: One take per scene is fine; scenes are cut together later.

  6. 5. Edit to the chapter list

    3:20 · 45s

    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.

    Show before cutting: Runtime within about 20% of the plan; chapters match scenes.

  7. 6. Publish and hand over

    4:05 · 45s

    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.

    Show before cutting: The guide shows the video; the outline shows the play icon.

  8. 7. Recap & next lesson

    4:50 · 15s

    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.

Related lessons

Finished this lesson?