Video tutorials have become the modern day instruction manual.
Whether you’re teaching students or demonstrating how to use a new product online, video tutorials are the perfect way to quickly get your message across to a wider audience.
Screen recorder is a great tool to assist your video tutorials. Simply start recording your screen, perform the tutorial then save it as an instructional video! It’s that easy.
This blog will teach you how to make a tutorial video by recording your screen using our online video editor without leaving your web browser.
What is a Screen Recorder and why should I use it?
How to make a tutorial video by recording your screen [step by step]
What is a Screen Recorder and why should I use it?
Also known as screencasting or a screen capture, Screen Recorder allows viewers to experience your point of view when using your computer or laptop. Screen recorder can be used for recording video tutorials aka how to videos, video calls or video streaming. Screen recorder is also a highly useful tool when it comes to explaining issues or problems that occur in the digital sphere and you can screen record the problem and share it with others to find a resolution. Here at Clipchamp, we have launched our very own free, online screen recorder for users to enjoy.
Follow along to our how to make a tutorial video by recording your screen below.
How to make a Tutorial Video by recording your screen [step by step]
Selecting the right tool for you when making ‘how to videos’ is a vital part of making the process a whole lot quicker and easier. Our online screen recorder allows you to record your screen and edit the footage in a single browser. Capture video and audio to enhance your video projects today!
Step 1. Launch Clipchamp and Log in
Log into your Clipchamp account or sign up today for free.
Step 2. Create a new project
Click on the + Create a video purple button on the left sidebar. Click on the video format you would like to use. The editor will automatically open once the selected ratio. We recommend selecting the 16:9 Widescreen format as it is the compatible format for a screen recorder video tutorial.
Step 3. Start screen record
The editor will automatically open. A Record Screen button will appear above the editing timeline. Click on the Screen Record button to initiate your screen recording. A pop up window will appear at the bottom left of your screen. Click the red Record button to start recording. A window will then appear giving you the option to choose which screen you would like to screen record. You can choose from 3 options, Entire Screen, Application Window or a specific Chrome Tab. Once selected, click on the Share button to start your screen record. Click the Stop button to stop recording.
If your screen record is accompanied by audio, you’ll need to allow the computer’s microphone. A popup window will appear after you click the red record button, and click Allow to enable microphone.
*Note there is a 30 minute time limit on screen recordings. If you wish to record longer, you will need to perform multiple recordings and combine them in the editor later.
Step 4. Save your screen recording to editor
Once you have finished your screen record, head back over to your editor tab on Google Chrome. A pop up window will appear with your screen recording and two options. Retake recording or Add to project. If you are happy with your recording, click Add to project and the recording will automatically appear in your library. You will also be given the option to save your screen recording to your computer.
For extra tips and tricks on how to successfully take a screen recording, check out our helpful How to Screen Record Online blog.
Step 5. Add screen recording to project
To start editing, you need to add your screen recording to the editor timeline. You can do this by hovering your mouse over the recording and clicking the green + button or drag and drop the clip to the editor timeline.
Step 6. Edit the appearance of your screen recording clip
Your screen recording will probably have a black border around the top and bottom of the display preview. To fix this, select Transform and then Crop to Fill. You can also add in a coloured background if you’d prefer.
Step 7. Add an intro / title to your instructional video
Now it’s time to make your screen recording into a video tutorial. First of all, we need to add an intro to introduce your video to viewers. Click on Stock then scroll through our stock library and find a suitable intro clip. Click the + plus button to add the clip into your library. Click Close when finished. Your clip will now appear in your video library. Drag and drop the stock clip onto the timeline in front of your screen recording.
Next, add a title to your clip so viewers can see what your video tutorial will be about. Click Text then drag and drop the title of your choice onto the timeline. Edit the text by clicking text and type in your desired title. You can change the colour of your title under the Colours tab and delete or add your business logo under the Logo tab. Feel free to add your website, business name and logo on the intro.
Step 8. Add step by step Subtitles to your how to video
Click on Text then select the Subtitle text. Drag and drop Subtitle onto your timeline. Rename your title by clicking the text tab. Make sure to change the background colour under the Colours tab so users can easily read your subtitles. To change the size of your text, click on Transform and drag the toolbar left and right.
Repeat the above process for each step you display in the screen recording in order to turn your clips into a how to video. To make the process faster, click on your existing subtitle text so it is highlighted green. Click Duplicate and your subtitle will copy and paste itself automatically onto the editor. All you need to do is change what the text says. Want to learn more about the benefits and easy hacks of subtitles, check out our Add Subtitles to Videos blog.
Step 9. Export your new video tutorial and share with others
If you’re happy with your new instructional video, it’s time to export! Click the purple Export button in the top right corner of the editor. A pop out screen will appear with saving options. You can edit the title of your video tutorial if you wish. Click 720p or 1080p resolution for the best quality video. For optimization, select compression for faster uploading speed. Click Continue to start the saving process.
And that’s a wrap!
You have now learnt how to create video tutorials using our screen recorder. Don’t forget to check out our other helpful tutorials as you just might like to add some spin transitions to your next training video. For more inspiration on creating effective training videos that are easy to remember, check out our 5 Key Tips to Create Effective Training Videos with Screen Recorder.