Media tutorial video template

Help people complete a media workflow step by step. Turn your portal walkthrough, upload process or instructions into a clear tutorial.

See it in action with Ableton Live: export an audio file.

From this input to this video

The official Live manual becomes a narrated walkthrough, pairing its actual interface screenshots with chalkboard labels and a closing checklist.

Create a 45-second step-by-step tutorial video for Ableton Live 12, a music-production application for musicians sharing a finished track. Follow my official manual screenshots at https://www.ableton.com/en/manual/managing-files-and-sets/#exporting-audio-and-video scene by scene. Open by stating the goal: export an audio file from a Live Set. Then walk through each step in order: open File > Export Audio/Video; choose the Rendered Track and render range; choose the sample rate; enable Encode PCM and select a file type and bit depth; click Export and choose where to save. Narrate each step against the real UI — do not invent fake screens. Tone: clear and patient. End with a confirmation screen or success state. Voiceover language: English; if no voiceover, use on-screen captions and light background music. Use original screenshots from the source, preserving the interface. End with a text recap if the source has no confirmation screen. Do not fabricate a project, export result or interface.

What you start with
What you get
Drag to compare
Read the exact input

Prompt

Create a 45-second step-by-step tutorial video for Ableton Live 12, a music-production application for musicians sharing a finished track. Follow my official manual screenshots at https://www.ableton.com/en/manual/managing-files-and-sets/#exporting-audio-and-video scene by scene. Open by stating the goal: export an audio file from a Live Set. Then walk through each step in order: open File > Export Audio/Video; choose the Rendered Track and render range; choose the sample rate; enable Encode PCM and select a file type and bit depth; click Export and choose where to save. Narrate each step against the real UI — do not invent fake screens. Tone: clear and patient. End with a confirmation screen or success state. Voiceover language: English; if no voiceover, use on-screen captions and light background music. Use original screenshots from the source, preserving the interface. End with a text recap if the source has no confirmation screen. Do not fabricate a project, export result or interface.

Selected style

Chalkboard

Read the video transcript

Finished a track? Here's how to export it as an audio file from your Live Set. Open the File menu and choose Export Audio/Video, or press Command-Shift-R on Mac, Control-Shift-R on Windows. In Selection, use Rendered Track to choose what to render. Main sounds exactly like what you hear. Render Start and Render Length set the range, which covers the whole Set by default. Under Rendering Options, pick the sample rate from the Sample Rate chooser. In the PCM section, keep Encode PCM on. Then choose a File Type (WAV, AIFF or FLAC) and a Bit Depth of 16, 24 or 32. Finally, click Export and choose where to save your file. That's it: your track is ready to share.

Make it yours

Fill in your details here, or continue and finish your brief in ngram.

Help filling in your brief
[duration]
Video length in seconds.
[platform-name]
The portal or platform name.
[platform-type]
What the platform does.
[audience]
Who you are teaching.
[input-type]
What you are attaching.
[workflow-goal]
What the viewer will be able to do after watching.
[step-list]
Ordered steps, comma-separated.
[tone]
Voice + feel.
[vo-language]
Narration language.

Trusted by teams at

HubSpotDeelZapierITVVeevaDP WorldGenpactSafetyCulture

What this template is

A media tutorial video template is a reusable prompt plus scene structure that turns a screen recording or portal URL into a narrated step-by-step training video. ngram handles the structure — goal statement, ordered steps, success confirmation — so educators and platform admins only fill in the platform name, the workflow, and the audience, then generate. The resulting video works for creator onboarding, upload guides, and series-setup walkthroughs on broadcast or podcast portals.

industry: mediajob: tutorialaudience: educators and content publishers
Scene structure

What the template builds

Four beats shaped around the workflow pattern that media tutorial prompts converge on.

  1. 1

    Goal statement

    5s

    State what the viewer will be able to do by the end. One sentence, text-forward. No UI yet — set the expectation before the walkthrough starts.

  2. 2

    Step-by-step walkthrough

    70s

    Cut to the screen recording or portal screenshots. Narrate each step in order — account creation, series setup, file upload, scheduling — with on-screen step labels and callouts highlighting the active UI element.

  3. 3

    Confirmation state

    10s

    Show the success screen or uploaded file confirmation. Make the 'done' moment visible so viewers know what to expect when they succeed.

  4. 4

    Summary card

    5s

    Recap the steps completed as a checklist overlay. Add the platform logo. Optionally link to a support doc or next tutorial.

Customize

Make it yours

Duration

30 seconds for a quick teaser; 90 seconds for a full workflow walkthrough.

30s60s90s

Narration

AI voiceover for async watching; captions-only for embed inside a help center.

AI voiceoverCaptions + musicNo audio

Style

Motion graphics adds animated step labels and callouts; minimalist keeps the UI front and center.

Motion-graphicsMinimalistRealistic

Aspect ratio

16:9 for a help page or YouTube embed; 9:16 for a Reels or Shorts teaser.

16:9 help center / YouTube9:16 Reels/Shorts1:1 feed
Variations

Common variations

30-second quick-start clip

Cover only the first two steps — account creation and the first upload — for a pre-onboarding teaser.

tweak

Reduce to 30 seconds. Show goal statement and the first two steps only. End on the file upload confirmation.

60-second full workflow

Walk through prerequisites, registration, series creation, and file upload in a single linear sequence.

tweak

Extend to 60 seconds. Add a prerequisites step before the walkthrough. Keep each step to one screen state.

Captioned embed for help docs

Silent version for inline embedding in a knowledge base article or help center page.

tweak

Remove the voiceover. Use concise on-screen captions at each step. Add a static summary card at the end.

Vertical for social proof

Prepare a separate 9:16 edit for Reels or Shorts to introduce the portal to new creators on social.

tweak

Switch to 9:16. Keep captions large and centered. Crop the recording to the active form or upload button.

How it works

How it works

1

Open the template

"Use this template" drops you into the editor with the prompt prefilled.

2

Add your details

Replace the brackets with your platform name, workflow goal, and ordered step list. Attach your screen recording or paste the portal URL.

3

Approve the plan, then refine

Review the proposed plan and its script, then approve it to create your video. Preview the result and ask ngram to adjust the pacing, visuals or narration.

Frequently asked

Do I need a screen recording to use this template?

A screen recording works best because the walkthrough beats follow the real UI frame by frame. If you only have the portal URL, paste it instead and ngram pulls screenshots from the live site.

How many steps can I include in a 30-second tutorial?

Two to three steps fit cleanly in 30 seconds. For workflows with four or more steps, use the 60- or 90-second variation so each step gets enough screen time for the viewer to follow along.

Can I produce the tutorial in a language other than English?

Yes. Set the [vo-language] slot to your target language and ngram generates voiceover in that language. On-screen captions and step labels translate too.

What if I don't want voiceover?

Set the narration option to captions-only. That output embeds cleanly in a help center article where users read instead of watch with sound on.

Can I use this template for platforms other than broadcast or podcast portals?

Yes. The template is not locked to media — replace the platform-type slot with any web portal or SaaS tool and the four-beat structure holds. The cluster it was built from happened to focus on broadcast and podcast upload workflows.

Does the video include the actual portal UI or does ngram generate fake screens?

The prompt explicitly instructs ngram not to invent fake screens. When you attach a recording or URL, the output follows the real interface. For hosted portals, ngram fetches live screenshots using its web research stack.

What aspect ratio does the template produce by default?

16:9, which suits a help center embed or YouTube upload. Switch to 9:16 or 1:1 before generating if you are posting to a short-form social channel.

Use the media tutorial template now.

Copy the prompt, add your details, and generate your step-by-step walkthrough.

Talk to sales