Whiteboard Animation Tutorial | How to Create a Whiteboard Animation using VideoScribe

There’s this amazing animation style that’s been doing the rounds these days. It is called Whiteboard Animation. I have made you a whiteboard animation tutorial on a popular software called VideoScribe by Sparkol. We will dig in to understand what is Whiteboard Animation all about and why big companies are going crazy over it.

What makes Whiteboard Animation so popular

Not everybody likes watching cartoons. But when you use it just the right amount, it’s enough to keep people riveted. If we are talking full-fledged animation, some might become averse to your idea. But when you show what you are trying to say with graphs, charts, animation, data and analytical reports that’s been supported by good music and text, you are bound to get attention.

whiteboard animation meme

Whiteboard animation has this really professional look and feel to it that makes it everybody’s first choice when they wish to advertise their business. Also, the fact that it’s really good to look at, pleasing and satisfying to watch. There’s something about it that makes you want to keep watching.

Marketing people are probably thinking what do I make or build so that I get the word out without spending much. Also, without putting in a lot of effort.

The answer to that is Whiteboard Animation.

VideoScribe

The market is flooding with tools to make whiteboard animation possible. Here, in this whiteboard animation tutorial, we are going to talk about one of those popular tools by Sparkol that will make you realize how simple whiteboard animation is.

It’s called VideoScribe.

So why did I choose VideoScribe first? Maybe it has to do with the fact that it is insanely simple. There are easy to use options with big icons that will provide you everything you might need to create a whiteboard animation.

I have created a step by step whiteboard animation tutorial to help you learn this style of animation. Hope by the end of this whiteboard animation tutorial you will be able to put something new up in your resume.

How to Create a Whiteboard Animation using VideoScribe

You need to first download the software of VideoScribe and install it before actually getting on the bandwagon of whiteboard animation.

Downloading and Installation

Following are the steps to get started if you are a beginner in whiteboard animation.

Step 1: Navigate to the following link:

https://www.videoscribe.co/en/

Step 2: Click on Download Free button (in green) on the screen to get started with the trial:

videoscribe website download free

Since you are using it for the first time you might be required to sign up.

Step 3: Click on Sign up here button.

signup button in videoscribe

It will take you to a new page where you are supposed to enter your details.

Step 4: Enter all relevant data before clicking on CREATE YOUR ACCOUNT button.

create your account button

NOTE: A verification email will be sent to you. Just open that mail and click on Confirm Now to get it over with:

confirm now button in mail

Your download will start.

Step 5: Once the software is downloaded open it. It might have the following name: VideoScribe.msi. Go past the setup phase like you always do. Next…next… Once it’s done VideoScribe has been successfully installed in your system.

Remember Sparkol offers you a trial for 7 days, after which you might have to purchase the software. The fees isn’t much. If you are dead serious about this work, you can purchase it as well.

Whiteboard Animation Tutorial for VideoScribe

Now we have come to the part in our Whiteboard Animation Tutorial where we will try create an actual animation. The steps to do that starts with opening VideoScribe of course.

Step 6: Launch VideoScribe once the installation has finished.

Once you open VideoScribe you might get a screen that looks something like this:

videoscribe opening screen

Scribe is what document is to Word. The first ‘+’ button is how you get started with a new scribe of your own.

Adding Images

Step 7: Click on the ‘+’ button.

blank scribe in VideoScribe

Doing that will open a blank scribe where all the action is going to happen. This is your canvas.

Step 8: Click on the image button to open a dialog box from where you can select your images.

opening images in videoscribe

It will open a dialog box for image:

dialog box for image in videoscribe

Here if you have a specific requirement for an image just type its name in the textbox that says “Keyword, e.g. money” and then click on the Right arrow button next to it.

So I typed “Dude” and this guy shows up:

typing in image dialog box

Step 9: Simply click on the image you want and it will show up on your canvas:

adjust size option

At the bottom, you will see the same slide. It has more options to deal with. You have got this properties button from where you can adjust how much animation time do you wish to spend on it, how you want your transitions to be like, etc.

Go ahead and adjust the size. Once satisfied move to the next image button at the top bar.

Adding Text

Step 10: Click on the “T” button at the top bar.

text message box

It will open a small dialog box to add text. Here you can enter whatever you want to go with the image. You can also change the font style and color from here. Explore and you will see.

Step 11: Click on on the tick mark button to put whatever you have typed on the canvas. I typed “Dumb IT Dude” and clicked on the tick mark.

text and image typed in canvas

Adjust the size of the text in the same manner. You can see a second frame has been created down below, this time for your text. Here if you drag the slide towards the left you will see the order in which the images or text will be shown can be changed.

drag and drop

Exploring Rest of the Buttons in VideoScribe

The third option is for charts and graphs. If your animation doesn’t entail the use of graphs you can skip this.

add chart option in videoscribe

The next option of music symbol is for adding a music track for your scribe.

music track for your scribe

If you don’t want to choose from the tracks shown, you can import your own track by clicking on the folder icon at the bottom.

Step 12: Click on the Import MP3 Sound File button.

import music file button

It will open up a dialog box.

sound effect selection from dialog box

Step 13: Select the song you want and then once done click on the tick button.

The next button of a mic is for voiceovers. If you are not using it for your animation you can skip it.

record voiceover scribe

The next button is for changing the paper colour and texture option.

paper options in videoscribe

You can select a paper texture of your choice by simply clicking on it. You can change the color and apply soft or hard vignettes too.

I have selected soft vignette for my scribe. You can skip this if you want to let defaults be default.

The final option is that of Base Hand to show. Your choice of hand will show up on your animation. You can select from all the available options or simply choose to put your own.

base hand option

As of now I am keeping it on default.

Step 14: Click on the Preview Play Option on the right side of the top bar. It will help you to monitor and see your progress.

preview play option on the scribe in videoscribe

If the transition or animation is too fast or slow you can always select your objects in the canvas and then click on the properties to adjust ’em.

Final Output of Animation

Step 15: When satisfied with your output, click on the Publish (Render) your scribe video button located at the end of the top bar.

Here you will get all sorts of options allowing you to directly post the video on Youtube or Facebook. You can also put it in your PowerPoint file to make your existing presentation more powerful and appealing.

final output file

I will click on Create a Video File option to save the file on the system itself.

Step 16: The final step is dependent on you. I have clicked on the Video file option. It has opened the following dialog box:

save file with name

 

Step 17: Click on the Tick mark button and you are done.

processing video standby

The video will create showing a preview of what’s being done.

Once done it will automatically play for you. In case you are intrigued I have decided to put the video in here for you to see.

That’s what was finally created:

Alright with that this whiteboard animation tutorial concludes. Did you learn something new today? Post in the comments below. 🙂

Scottshak

Poet. Author. Blogger. Screenwriter. Director. Editor. Software Engineer. Author of "Songs of a Ruin" and proud owner of four websites and two production houses. Also, one of the geekiest Test Automation Engineers based in Ahmedabad.

You may also like...

Leave a Reply