How to make a guide on MotionShot

You can make informative guides or tutorials for your products under few minutes using MotionShot. This guide walks you through the process of making one!

Watch the guide

29 steps

4 months ago

1
Click New walkthrough to create a new empty guide
Click <b>New walkthrough</b> to create a new empty guide
2
This is the editor where you will be creating the guide!
This is the editor where you will be creating the guide!
3
Click here to add screenshots
Click here to <b>add</b> screenshots
4
You can see all your screenshots here!
You can see all your screenshots here!
5
Configure the Padding, Rounded, and Outline here
Configure the <b>Padding, Rounded, </b>and<b> Outline</b> here
6
Set a background color for your guide
Set a <b>background color</b> for your guide
7
Go to Edit to add steps on your screenshots
Go to <b>Edit</b> to add steps on your screenshots
8
Pick the pointer type here
Pick the <b>pointer type</b> here
9
Click on the canvas to add a step
Click on the <b>canvas</b> to add a step
10
You can see the steps added with the step number!
You can see the steps added with the step number!
11
Add an annotation to the step
Add an annotation to the step
12
Configure the Duration & Zoom levels
Configure the <b>Duration &amp; Zoom</b> levels
13
You can add a voice over as well!
You can add a <b>voice over</b> as well!
14
Pick the rectangle tool to add highlighted rectangle!
Pick the <b>rectangle</b> tool to add highlighted rectangle!
15
Drag the area you want to highlight. Add as many steps as you want!
Drag the <b>area</b> you want to highlight. Add as many steps as you want!
16
Add more screenshots for the guide
Add more <b>screenshots</b> for the guide
17
Set a background music for the guide
Set a <b>background music</b> for the guide
18
Download the video to your computer
Download the video to your computer
19
You can download it as MP4, GIF, PDF, or Images! They serve all of your purposes
You can download it as <b>MP4, GIF, PDF, or Images</b>! They serve all of your purposes
20
Or you can publish it and get a shareable link without leaving the platform!
Or you can <b>publish</b> it and get a shareable link without leaving the platform!
21
Give the guide details that will be visible on the shared guide page
Give the guide details that will be visible on the shared guide page
22
Hit Publish to get the shareable link!
Hit <b>Publish</b> to get the shareable link!
23
Copy the link and share it across your community
Copy the <b>link</b> and share it across your community
24
Or you can embed the guide right on your webpage!
Or you can <b>embed</b> the guide right on your webpage!
25
This is how the public guide looks like for your customers
This is how the <b>public guide</b> looks like for your customers
26
It lists down all the steps. Your customers can click and navigate to the corresponding step!
It lists down all the steps. Your customers can click and navigate to the corresponding step!
27
It shows the Title and Description that you give while publishing it
It shows the <b>Title </b>and<b> Description</b> that you give while publishing it
28
You can add a CTA to the guide so that your customer perform the action immediately!
You can add a <b>CTA</b> to the guide so that your customer perform the action immediately!
29
😍 Happy guide making!
😍 Happy guide making!