Hey guys, it’s Sasha from StepShot, and I’m here with a step-by-step video tutorial to show you StepShot Guides Pro screen capturing software features.
Here’s the start screen of our app. Obviously, you can create your guide or video tutorial in here – the main functionality we have built into the product is actually capturing a step-by-step procedure.
With the “Capture process” button, you can capture the screen during the ongoing procedure and right now, we have four modes to do this: a full capture screen, an active window, a selected region, or a stripe of an active window. A stripe of an active window mode has been introduced recently. It allows you to select the size of the actual active window that will appear in your final training manual, process documentation, or video guide to save space in your process documentation and save the time spent on cropping each image manually.
Let’s start with that. I will show you how to work with a desktop application called “System Preferences” – a default app for a Mac. The same principle will work for Windows or any kind of web application since we’ve built a mechanism that works through OCR and through integrating into operational systems including all three platforms – Mac, Windows, and Linux.
So, I go to network settings and here I just click the “Ask to join new networks” button to demonstrate how the screen capturing software will record this action. Then, I click “Apply.” This is a simple four-step guide I’ve just created in a matter of seconds.
As you can see, two of these steps are duplicated, so I will remove one of them. I will also highlight different sections in this simple guide. The first section will be called “Start a procedure” and the last one “End Procedure.”
I’m done working with the actual guide, and now I can export it into PDF. PDF export has changed significantly compared to the previous release of StepShot Guides. First of all, we’ve introduced the ‘what-you-see-is-what-you-get’ PDF template editor, in which you can edit all aspects of the text that appear on the actual page. We’ve also added placeholders such as, for example, page numbers. And here we have a table of contents and different layouts for steps. The first three layouts are pretty usual for our users but the last one has been introduced recently and it allows you to save as much space as possible on the exported process documentation.
I like this one the most so I’ll save this instruction manual template as it is. Also, I can select an image quality for the exported process documentation. Changing the image quality decreases the resolution as well as resizes the image.
When I click on “Next,” I see the preview of the training manual that I have just created. Here’re the steps present in the first section and the step which is in the last section. Unfortunately, they don’t have the text but still, I can export this guide into a PDF file.
Let’s save it on a local Drive: I click on the “Save” button and wait until the training manual is being prepared. This procedure is faster than the image processing but it takes a while to compile everything into one document. Then, when I open the document itself, you can see that everything has been compiled into a nicely-styled guide that can be branded with your colors and shared with your customers or saved as the internal procedure for your colleagues.
Also, I would like to show you some other advanced features that we have already built into StepShot Guides Pro. These are Word export and HTML export. Exporting into a Word document is really cool because you can edit the instruction manual template within MS Word itself (which is a very typical environment for creating step-by-step procedures) and achieve a really sophisticated functionality. You can select different colors, fonts, etc. You can also reuse instruction manual templates that you have already created for your internal process documentation. All you have to do is to set up information into this kind of placeholder and it will be replaced in the exported training manual.
There is a set of predefined instruction manual templates that are built into the product itself, and when you try to change the predefined templates, the screen capturing software creates a copy of those and you can proceed with editing them with no worries.
The same kind of flexibility could be achieved with the PDF and HTML export. Within HTML export, we’ve created a set of built-in templates that look really nice. Also, you can get your hands dirty with the HTML code itself and see how it would look in the exported training manual. You can also edit the existing instruction manual template and that will provide you with direct access to the instruction manual template file, HTML file, and CSS files.
Also, I would like to highlight the video guide export feature. While you capture screen, the tool can actually record this stripe of the active window and I really don’t like to have it in the video guide exporting mode so that I will restore the original images. StepShot Guides screen capturing software is pretty sophisticated: while working with the images themselves, it saves the original image and after you crop screenshots, it still allows the restoration of the original image that has been saved during the procedure.
Right now, I would like to go and explore the step-by-step video tutorial file. Here, I would also like to mention that PowerPoint export is coming soon.
So, let’s select the steps with the actual images only, though headings could go into the exported step-by-step video guide as well. In this step, I don’t have any text description to be automatically narrated, so I want to narrate this on my own. To do that, I click on “record my own voice,” say something, and then attach this recording to the step.
Now, I’ll export this training manual into a step-by-step video guide file (click save .mp4 file). The program will automatically resize and adjust the images depending on the video size which has been selected. Also, if checked, the subtitles will be shown as an overlay of each step. It takes a bit to compile the output video tutorial because the rendering process is happening right now and if you have ever converted different friend video file formats, you know that takes a while to process. Next, click on “Open file” and take a look at the step-by-step video tutorial (demonstrates the video tutorial made with the help of StepShot Guides Pro screen capturing software)
So, this is a kind of functionality that has already been implemented into StepShot Guides Pro screen capturing software, and this video guide demonstrates how quickly you can capture screen and create a step-by-step training manual and other process documentation and then publish them directly into automatically narrated step-by-step video tutorial, Word, PDF, or HTML file. Don’t forget that PowerPoint export is coming soon.
Thank you for your attention, have a great day!