Animated Whiteboard Explainer Videos: Create Your First Video on YouTube Using Videoscribe | Jon Davis | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Animated Whiteboard Explainer Videos: Create Your First Video on YouTube Using Videoscribe

teacher avatar Jon Davis, YouTuber + Blogger

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

11 Lessons (60m)
    • 1. Intro

    • 2. Class Orientation & Project

    • 3. AWE-some Videos For YouTube

    • 4. Start With The Basics

    • 5. Set Your Style

    • 6. Story, Structure & Script

    • 7. Audio Content

    • 8. Visual Content

    • 9. Movement, Transitions & Timings

    • 10. Review & Export

    • 11. Conclusion

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Want to get started on YouTube but terrified of being on camera yourself? Then this could be the perfect answer for you.

Animated whiteboard explainer videos are a great skill to learn if you are planning on creating a new YouTube channel, or want to incorporate some new techniques for an existing one. 

Here's some of the things you will learn:

  • How to create professional animated videos quickly and easily
  • Why people love animated whiteboard explainer videos
  • Example YouTube channels that use this technique
  • What makes a great animated whiteboard explainer video
  • How to structure your videos
  • How to master whiteboard video software even if you’ve no experience
  • How to choose your theme and style
  • How to effectively use images and text
  • How to add music and voiceovers
  • How to add motion and movement

This course was designed for:

  • Beginners with little to no experience in creating animated videos, but are willing to learn
  • Experienced Video Creators who want to develop a new technique to enhance their creative talents
  • Anyone who wants to improve their knowledge of animated whiteboard explainer videos in order to create content they are proud of

This course is packed full of interesting lessons that uncover all of the skills and techniques you need to go from a blank canvas to your very own animated explainer video. 

There are many applications that you can use but for me the best is Videoscribe. Whilst this is a paid application, you can get a 7-day free trial, which allows you ample time to run through this class.

For me, Videoscribe is perfect for beginners. It is uncomplicated and effective, we just need to master the basics which is why this class will help you.

All you need to do is follow along, ask questions if you are stuck, and you will soon realise how simple it is and wish you had started earlier! 

Are you ready to start creating your own videos? Great! Let's do this!

Meet Your Teacher

Teacher Profile Image

Jon Davis

YouTuber + Blogger


I believe that everyone has the potential to become an online content creator: using social media platforms and digital marketing skills, to help them relentlessly pursue their dreams.

Yep, I do, and I also believe that Skillshare is the perfect platform to facilitate this whole dream-chasing thiiiing.

And that's why I'm here. To improve my knowledge, gain experience, and most importantly, help others take their first steps into content creation, especially with video.



Personally, I take the:

"If I can do it, then you 100% can do it" approach to teaching. My background is in IT. Solving problems, and guiding people. (Switch off and on again!)


A few years ago, whilst looking for ways to support... See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Intro: Between them, these four YouTube channels have a combined 3.6 million subscribers that are hungry to consume their content and they all have one thing in common. They create animated whiteboard explainer videos. Shortly I'll reveal everything, but first, let me ask you. Are you looking to create video content and build an audience on YouTube but maybe you don't want to follow the conventional path and show your face on camera. Instead, would you prefer to stay behind the scenes and let your knowledge due to talking? If that's the case, then this is the perfect class for you. My name is Jon Davis, and I run a YouTube channel creatively named Jon Davis. On that channel, I teach content creators how to maximize their impact and income using proven strategies and tech. In other words, I help people get started with video content even if they're not super technical or they've got no prior experience and that is exactly what we're going to do in this class. Whiteboard explainer videos are proven to be an effective way of engaging an audience. By creating visual stories, the viewer can process data and statistics, and complexity in a much simpler way. It keeps people watching and helps them understand your video topic. This is why whiteboard explainer videos are a great option for people looking to start a YouTube channel. Over this class, I'm going to show you everything that you need to get started. We will use one of the leading applications for this video style and step-by-step, we're going to go through all of the components that you need to learn. We're going to keep it practical, short, and simple. By the end of this class, you'll be cranking out your old whiteboard explainer videos with ease. If you're with me, then let's jump into the class [MUSIC] 2. Class Orientation & Project: [MUSIC] First of all, let me say thank you so much for taking this class. I'm really excited about this project and can't wait to see what you will achieve. I personally believe that to learn effectively, we study and then take action on what we've learned. This course is about teaching the skills to create animated whiteboard explainer videos. But it's importantly stop and implement and that's why we've got this class project. Now the course is incentive for beginners not beating your exact shoes. I understand that the whole process may seem overwhelming at first, but you'll be shocked how easy you find this, once you start learning and putting this into practice. Let us look at the class project and understand what we're going to create throughout this course. The software that we're going to use in this course is called VideoScribe. In the course details, I'm going to leave all of the links that you need to download a free trial. We will use VideoScribe to create a short whiteboard explainer video. Now it's entirely up to you how long you want to make the video, but I would suggest aiming for around 30 seconds long. This is your project and so you can create this video on absolutely anything that you feel you can talk about and explain for 30 seconds. It could be an introduction to yourself, your YouTube channel, your business, your favorite thing, dog, cat, actor, sports team, car, place, or a show fact video such as three facts about Labradors of four facts about Australia. Don't worry too much about the subject. It's just for fun so that you get used to the software and develop those new skills that you're going to learn. Now if you struggle for ideas, I've added some projects assets of my own that you can use if you wish. You can find them in the projects and resources section. Remember to practice as you go, just pause, jump into the software and play around before proceeding with the next chapter. If you get stuck, then use the Community tab to ask any questions. To summarize, here's what you'll need to do. Grab the VideoScribe free trial, and install it onto your PC or laptop. Create a 30-second video on any subject that you wish. Apply what you learn after each video lesson, show myself and the community your final work. Are you ready to start creating your first whiteboard explainer video and your first steps to your new YouTube channel? Then let us go. In the next video, we're going to look at what animated whiteboard explainer videos are, and why they're a great choice for YouTube. 3. AWE-some Videos For YouTube: [MUSIC] In this lesson, we will look at what animating whiteboard explainer videos are and why this is a great skill to learn as a video creator. We're going to take a quick peek at some current YouTube channels that are absolutely smashing with this strategy. Whiteboard explainers or a video style are usually looked like they're being drawn on a whiteboard and mixing part text, images, and audio that are assembled together in order to explain something. These types of videos of very popular and had been around a while, often used in educational and informational content. This is why if you've got something to teach then a whiteboard explainer could be the perfect choice. That's also the exact reason why these videos work so well on YouTube. Look at this chart from Google, the owners of YouTube. These are the reasons why people visit YouTube and what they hope to gain from the content that they consume. As you can see, people wanted to fix their problems, learn new things, and be entertained, all of which are a great fit with animated explainer videos. Here for five more reasons why you should create whiteboard explainer videos yourself. First off, they're easy to learn. Anyone can create these videos as a software we're going to use is frighteningly simple once you get the hang of it. Secondly, no artistic streak is required. Yet probably one of the only forms of animation where you don't have to be particularly artistic yourself, because most of the images that you'll use have already been created. Visual storytelling. These videos are proven to be an effective way of telling stories using very simple audio and visual concepts. This allows your viewer to follow along with the story rather than growing tired of watching a static talking head video. We do this in part by breaking a topic down into sections so that we can explain step-by-step. Simplicity. We explain a process or topic using illustration and story, we're able to break down complicated subjects. Simple visuals and scenes allow the viewer to digest information more easily and see the bigger picture. Fun. Let's face it, watching an explainer video can be a fun way of learning something new and a higher chance of audience retention. Some of you may be wondering who else is using video scribe and animated explainer videos on YouTube. Let's take a quick look at some of my favorites. The Swedish Investor. Finance and investment can be quite a dry topic but a popular one. As you can see from the almost half a million subscribers this channel has gained by creating whiteboard explainer videos on that subject. The Art of Improvement. Like the name suggests, they create videos about personal development and always with the aim of educating the viewer. Think about why people go to YouTube. If like this channel, you can create content that people will enjoy, understand and helps ease their pains and problems, then you're onto a winner. Practical Psychology. Over two million subscribers. I can't tell you how big an achievement that is. At no point did they ever need to show their face. Instead, they create informative videos for an audience hungry to learn. Lastly, one of my YouTube idols, Paddy Galloway. He's carved out a career as a YouTube growth consultant and has one of the best videos to subscriber the ratios I've ever seen. It provides analysis of the successive famous YouTubers. The way he presents this is through whiteboard explainer video, which is a huge hit with his fans. Whether you are creating a channel dedicated to this style or just want an extra technique that you can insert into your talking head videos than animated whiteboard explainers can be very powerful and effective. I want you to think about your own channel or some topics or subjects that you think explainer videos would help people understand. Decide on a topic that you wish to use for your class projects and on the next video we're going to create a basic outline. 4. Start With The Basics: [MUSIC] In this lesson, we're going to look at VideoScribe and start with the very basics. This will help you learn to navigate all of the menus and options and build up your comfort level even if you're not super technical. In fact, one of the main reasons that I chose VideoScribe is because it's really simple to learn. I've tried other applications and some of them can be really overwhelming. But I promise you, once you've had a chance to practice a little, VideoScribe won't be. At this stage, I'm going to assume that you've downloaded and installed VideoScribe and signed up for the free trial. If not, please hit "Pause" and do so now. When you launch the application, you'll be presented with this login page. Now if you've already registered for an account, and please login here using those credentials, if not, click on "Create a new account". This will take you to the VideoScribe website where you can enter all your details to get started, then return to this screen and login. Once you're logged in, you're going to get to this main splash screen. Now, at the bottom left-hand corner, you've got this user preferences button. If we click on that, there's just a few little default preferences you can change, such as the language, but also the timings of how long it's going to take to draw one of the images are. How long to pause for. This is all adjustable as you create your animation, but if you want to set defaults, you can do it in here. One thing I tend to do is increase the image quality. That way if I imported the images in the higher quality is not going to downgrade them. Also on this screen you can see any recent animations that you've created. You can just click on them and reopen them. You've also got online scribes, which are animations you've saved online to the Cloud. Then you've got template scribes, which is just as the name suggests. These are templates that VideoScribe have created that you can click on and change it around and reuse it, so that a lot of the hard work don't fall yet. They're also pretty good just for a little bit of inspiration, just to see how other people create them. If we just scroll through, you can see there's plenty in there, all kinds of different subjects and styles. You can click on them and have a look and just see if it gives you a little bit of inspiration. What we're going to do in this demo though, is we're just going to create a new one and we do this using these button in the top corner. We've now got a blank Canvas and I'm just going to show you some of the main menus and buttons. In the top left-hand corner, these are grayed out at the moment, but you've got your usual cut, copy paste, and also save buttons. Now the reason they are grayed out at the moment is because we've not got anything to save, we've not added anything. In the bottom right-hand corner, you've got these three buttons, which is if you want to add an image, some text, or a chart. Just above, you've got these cursor arrows and also a zoom in, zoom out and fit to screen. This all help with the navigation. What I'll do is I'll just very quickly just add an image in so that you can see some of the other options. I've just added these two images in just so that I can show you how some of these buttons will work. Now you can see now the save button is there so that we can now click on it and we can either save it to your computer or you can save it online, is up to you. At the bottom this is our timeline. This is the sequence in which it will show each image or text or whatever it is that we've put into our animation. As you can see, I've got these two boxes, which just represents these two images that we've added. You can move around and navigate your entire animation by either clicking these cursor buttons, the zoom buttons to zoom in and out, or using your mouse, you can click" Hold, like-click", and as you move your mouse around, you can navigate around your animation as well. Although at the moment this is just two images, this will get a lot more complicated the more that you add. Right at the very top, we've got another menu with various things that we can add. We've got our music, our audio, the background options, the hand options, and also the play buttons. Now I'm going to show you all of this and more in the rest of the class. No one need to worry about it too much at the moment. It's basically just to understand how this timeline works, the few buttons that you need to use, and then how to navigate around. That's the basic functions covered and how to get started with VideoScribe. Each time you use VideoScribe, these will become clearer and eventually second nature. But if you haven't already gone, sign up with VideoScribe using the free trial, download and install the software. Login and familiarize yourself with some of the buttons because in the next class, we're going to jump in and we're going to set your default style and settings up. 5. Set Your Style: [MUSIC] This is going to be a teeny tiny short lesson where we're going to choose some default settings so that you can choose your own style. Remember, there's no right or wrong. It's what suits you and your content. It may take a while to perfect and find what best suits for you, but this is how we're going to do it. The background of your video is one of the options that we can set in video scribe, that at any point you can import pictures and change the background as you go. But we can also set a default. In the top right-hand corner, we've got this paintbrush now that is the background options. I'm just going to click on that. Now as you can see, we've got a new window appear and in the bottom right-hand corner of that window, there's a change background color. If we just click on that, it defaults to white. You can select any one of these colors. Now one thing to bear in mind is what color scheme are you going to use for your video. If you've got a specific color scheme or palettes for your brand or for your channel, you're going to keep it universal throughout each of your videos or you going to change it? Now, you can just google color palettes, if you want to find colors that work well together. I googled color wheel and what are the results was and this page in particular. On the right-hand side, I can click on any of these and it'll show me some complimentary colors that go well together. What you'll notice is that each color has a unique reference, this is called a hex value. For example, this bluey purple color. If we just copy that, that's the hex value for that color. When we go back to video scribe, we can just paste that into there. Just put a hash at the stats as well, and then click the tick. As you can see, it's defaulted to that bluey purple color. Now there are a couple of other options as well. In the drop-down box, you can put a vignette. A vignette is when it darkens the corners. I generally don't use these, but if you put a soft vignette or a hard vignette, you'll get slightly different effects. I'll show you that now. As you can see, that's a soft vignette and you see how it's lighter in the center and it goes out in circles into dark corners. Hard vignette is even darker, it's pretty much black in the corners. The last option you've got as a background is you can change to different textures. Now it's quite hard to see from this preview. If I just choose one of these, you'll see what I mean. I don't know if you can make that out, but is almost like a paper effect. It's like a thick paper. Let's try one of the others. It's quite hard to see in the dark color. What do you see? What I mean, it's got different textures. It's up to you what you want to use wherever you want to change the color vignette or rather texture as well. I'm just going to change that back to white. I'm also going to add to that paper effect. The next thing we're going to decide on is how hardened, or scribe as it's known in VideoScribe. I'm going to click on that hand icon. Now one thing to note is that whatever you set here, this is going to be your default for everything that you create, but it doesn't have to be on everything that you create if that makes sense. If I add some text or an image, I can actually turn the hand-off. You don't have to have everything with that drawing effect. You can create a new hand but for this, I wouldn't bother there's loads and loads of options in VideoScribe. You've got different pens, you've got crayons, you've got biros. If you look at the bottom here, we've got a little arrow so we can click through. You've got markers. There's different options for pens. You've got different names as well, which is just different types of hands. Again, if you look at what they are holding. That one's holding an eraser, this one's holding a yellow highlighter. There's different effects and different skin tones. Some are left-handed some are right-handed. There really is quite a lot of options on there. If you click on seasonal, it's even got some novelty ones in there as well. I'm just going to choose this one by Matt. When you click on it, it'll show you a little preview as well. Unless I change it, I've now got this default background and that default hands which will draw everything that I add in. Like I say, you don't have to have a hand. You can also choose no hand as your default. The last thing to consider is what fonts you're going to use. Whether you going to use the same one throughout or a couple of different ones. Or wherever you going to go through the full spectrum and change your fonts comes to me. It really is up to you. Now I'm not going to show you that now because there isn't a default associated set. We're going to cover that in one of our later lessons where we start adding text. You've now got an idea where the styles that you can use. One thing to know is none of this is set in stone. You can change it at any point and test what works best for you. Go play around with the background and hands and see which one is your favorite. In the next video, we'll look at how to structure and write our script. 6. Story, Structure & Script: [MUSIC] In this class, we're going to create a basic script. This is an outline of your video and helps add structure to your story as well as guide you through the narration stages that's coming up next. A good outline should give you clarity on the key points that you wish to cover as part of the video story. Let's look at three important considerations when creating a video outline and script. They are: message and story, video structure, and storyboard and script. Your message and story. Think about what your video is about. What is the topic of your video and who is it intended for? A lot of my videos are on YouTube topics like channel ideas, video ideas, or how to make money on YouTube. They're intended for beginners who were looking to start a YouTube channel, but can't quite get over the start line. Next, consider why they would want to watch it. Are you going to solve a problem for them? Are you going to make their life easier? Are you going to teach them something that they desire? WIIFM, what's in it for me? People don't want to watch self-indulging YouTubers who only talk about themselves. Instead, they spend their time on YouTube looking for content that helps them. Bear this in mind when you're deciding on your video topic. How can your content help someone? Video structure. Now, one way to create good content is through a well-organized structure. Now this isn't a class on copyrighting or storytelling, so I'll keep it basic. Many creators have got their own structures and styles. Usually though, they'll have a start, middle, and end, or many YouTubers often follow this proven structure. Open with a hook, a way of grabbing the viewer's attention and making them want to watch the rest of the video. Then there's the setup, where you elaborate on what the viewer would gain from watching your video. Explain to the viewer exactly what you're going to explain to them. Then there's the main content. That can be broken down into 3-5 smaller steps, and this way you dig into the details. Think of each step as a new scene on your video. Then the CTA, the call to action or outro, if you like. A quick summarization of the video and instructs the viewer what to do next. For example, subscribe to your channel, go and watch another video, that kind of thing. Storyboard and script. Now quickly go and grab a pen and paper for this part if you don't have one already. In a moment, we're going to narrate your scripts and record the audio, so at this stage, choose what's best for you. You can either create some bullet points for your key topics so that you can freestyle through and refer to them as you go, or if like me, you're not natural when it comes to talking, then write your entire scripts word for word if you have to. Just remember to try and make it sound natural when you read it out loud. Now this next part isn't compulsory. Sometimes I do this, sometimes I don't, but some people find it really helpful to draw a storyboard for their videos. Think of this as a rough drawing of the different scenes like an old-fashioned comic book. It will help keep you on track and spot any potential problems or gaps in your story. You already have your key points and scripts, so picture each scene as a new blank page. What images or visual metaphors would look good and support your scripts and story? For example, in scene 2, I could be talking about all the frustrations of starting a new YouTube channel, and maybe I could use a picture of someone crying or pulling their hair out with frustration. That should give you at least a basic overview of the planning that you do before diving right into the video creation. In the next class, we're going to use this information to start building our video. For your class project, I would like you to create a very simple outliner scripts for your video, bearing in mind that we're only creating a 30-second video so there's no need to go into too much detail here. Keep it simple, keep it fun, it's about learning the skills. 7. Audio Content: [MUSIC] When it comes to audio, it's quite possible to create an animated whiteboard explainer video that only uses music, where your graphics and texts have to be incredibly detailed so that people can follow what you're explaining. For me I always recommend a voiceover and your visual should reinforce the key points that are in the audio. In this lesson, we're going to look at how you can create or import voiceovers as well as some of the music options too. Now one thing to consider is their chicken and egg scenario. When it comes to creating these videos, what comes first? The audio or the video? Well here's what I think, whiteboard explainers are all about the story, and for the most part that comes through your words and audio. The visuals are used to reinforce your message. Also, I've tested both ways and I find it much easier to create the audio and then fit the visuals around it rather than the opposite way round. Now let's jump into the Videoscribe and work through our options. Now we'll just jump back into Videoscribe, and the first thing we're going to look at is music. In the top right-hand corner, you've got scribe music buttons. We're just going to click on that. Some people love music in the videos, some people hate music in the videos. It is entirely up to you, and I think a lot of the time just depends on the content. Now, Videoscribe does come with some music that you're welcome to use, and in the top right-hand corner, you see this loop friendly tracks. That gives you an idea of music that can play on repeat over and over again, and it just joins together seamlessly. You've got a couple of drop-downs where you can sort, but also you can choose the genre as well. If we want some electronic music, for example, we can filter it down, it'll give us the appropriate music. If you want to preview any of these, you can just click on the "Play" button. [MUSIC] Let's say you don't like any of the music and then you've got your own music that you wish to import in the bottom left-hand corner, there's a button there. If you click on that, that will allow you to browse and then import any music that you want. The button next to it is exactly the same, but instead of browsing your local computer, you put a URL in there, if there's any music that's available online that you've got access to when you're licensed to use, put the URL in and it will import it from there as well. Once you've found which music you wish to use, you just click on it, and then you can click the "Loop track button if you wish it "to loop. You can change the volume. Just remember that you can probably going to be added in voice-over, so you probably don't want this on maximum volume otherwise, it might drown out your voice-over. Then just click on that tick button and that will add to the music, and you can see in the top right-hand corner, see how the music button has now got. It's now in blue rather than gray. That just shows that we've got something selected. Now perhaps the most important path at the animated whiteboard explainer video is the audio, because it's all about telling stories and explaining things. Now the visuals are often used to just reinforce what it is that you're actually saying. Now if we click on this microphone icon, that's the voice-over button, and again, you've got a couple of options. Now one thing you can do is you can record directly into Videoscribe but, there is a caveat without which I'm going to tell you now. As you can see it, we'll look at what microphones you've got currently plugged in, and then you've got a little red record button there. If you press that button, it will record whatever audio you say, and it will put that into your Videoscribe but here's the caveat. It doesn't really have much in the way of audio edited, so you've got to get your audio absolutely spot on. Now, I stutter and mumble and make all kinds of mistakes, so I never ever get this to work. What I like to do is I have to use my phone and I recorded my voice, or I'll use a different video editor and do a bit of a voice-over in there. Once I've finished recording my voice enough, then edited it and cut out any mistakes, I then import it using this icon in the bottom left-hand corner, which again, if you click on it, browse to the file that you've created and you can then import it. Find what works for you if you're really good at doing voiceovers and don't make any mistakes, you can do it directly into Videoscribe and that could save you some time. If like me, you're not quite as good and you're going to need to do a little bit of editing, whether that's on your phone or your laptop or your computer wherever the night, generally record, edit it, and then import it into Videoscribe. For a sample video, I'm just going to import one that we've created earlier. If I want to preview the audio, I can just press "Play" if we wanted to change it and delete it, I can just press the "Delete" icon, and again, you've got some volume controls as well. Once we're happy, just tick that button. As you can see, the audio is an essential part of any whiteboard explainer video, and for me, we use the visuals to reinforce and engage the viewer to simplify the audio. Now for that class project, I created the audio. I've run Videoscribe or on your phone or with a microphone in the laptop and then upload it into Videoscribe. In the next lesson, we're going to learn about the other major component of creating these types of videos, and that is the visuals that go with your audio. 8. Visual Content: Now listen carefully to this lesson because it's one of the most important ones on the course. This is where we're going to add visual content to accompany our audio. We're going to look at text and the images which have some very similar concepts. Now everything that we need is in these three buttons here in the bottom right-hand corner. Now, my example video is all about penguin facts, so I want to add a nice image of a penguin. I'm just going to click on this Image button. This loads the image library. Now we've got multiple options here. First of all, you can see there's a little category drop down box. You click on that drop-down arrow and you can scroll down and there's tons of different categories. Let us, for example, just choose that Emojis one. Now that's the first page of the emojis. If you look at the bottom, there's a couple of arrows to go left and right, and also change the page number so we can scroll through and look at the different options that are available. If you wish to change the category of just again, click on the drop-down and you can browse and have a look for different ones. Let's just change it to Characters. We've got 23 pages of characters. Now let's say that you don't want to browse through each category. What you can do is you can click on Search. Within that there's a text box here where we can search for something. So let's just type in penguin. That goes away and now is I look at what options it's got for penguins. Now you might notice looking at these pictures that some of them have got a red, green, and blue line in the top left-hand corner. All that means is that the color is customizable. So let's just choose this one as an example. We click on it and import it into our canvas. Now I'm just going to double-click on it to open the properties of that image. In the middle here where it says Full color, you've got these two little icons, primary color and secondary color. The lines that I showed you a second ago just means that these are customizable, whereas the ones weren't, that set you can't change the colors on them. What we could do is we could click on that primary color and we could change it to pink, for example. There you go, you've got a pink penguin. Now before we dive into the options in here, I'm just going to go back and add another image. As well as searching within the library, we can also search SVG studio, Google, and Openclipart where you've got other options too. But let's say that you didn't want to search these and you wanted to just import some images that you've already got. If you go to My Images, under My Images, it will show you some of the recent images that you've used. Some of the purchased images and recommended images. You've got various different options in there that you can filter by. Now I'm just going to also import an image. So if you've got some images of your own some PNG files or JPEG that you wish to use, if you click on Import an image From My Computer, that will then allow you to import an image, so I'm going to choose this penguin. That's how we import an image from the library, and that's how we import an image of our own. Now the same way most things with Videoscribe. If you click on an object, you're going to get some options. You'll see you get this frame around it, this rectangle. In the corners, you've got these squares and at the sides, that's just the resizing. So let's say you want to resize that and you want it to be all done proportionately. Use the corner ones. Click, hold the mouse button down and just drag it in and drag it out and that'll change the width and the height. If you wish to just change the width, then you just click on the side ones. But, it will distort the image as you can see. Now let us say you wish to rotate the image. Again you've got this arrow that goes round. If you click, hold the mouse button down and you can rotate it. Now let's say we want the Penguin to face the otherway so we want to flip the image. If we double-click on it to go into the Properties, you'll see there's a little button here for flip image and if we click on that, it'll flip it horizontally and then vertically as well. Now we've already covered how to change the color for those images that we can. But there's also a couple of other options. If we click on this drop-down, you can create an outline, which as you can see, it's literally just an outline. You can change it to grayscale to take all the color off it or you can create a silhouette. So depending on what type of video you creating, some of them options may be useful. I'm just going to change that back to full color. We also need to choose the animation type. As standard what Videoscribe will do is it'll try and draw the image. Now if I just press play on this preview, you'll see these are hands there and he's drawing and coloring in the image. Now if we click on this drop-down, we can change it to other things. We've got the Move in button, which literally means it will move the image into the frame. On the right-hand side here you've got these moving angles. So this is basically saying, what direction should I move the image in from? Let's just say we're going to move it in from the left. You can do that smoothly, or you can do it with a bounce, it's up to you. Let's just press Play and look at the preview. Do you see how that hand just moved it in from the left-hand side. That's what Move does. Fade in is exactly like it sounds. It will literally just fade the image in. It'll go from blank to slowly appear. Now I'm just going to change that to draw. What you will find is that Videoscribe is very good at drawing the images that's are part of Videoscribe. If you import your old image, it doesn't really know how to draw it. What it does is it does a bit more of a generic scribble and then the image will appear. Now do you remember earlier when we set our drawing hand and you could choose what type of pen or pencil or what kind of arm that you wanted. Male, female, different skin tones? Well, that was to set it across the project. Now let's just say that this particular drawing you didn't want to show a hand or you wanted to use a different option. You can actually go to Drawing Hand and you can choose the option which is then specific for that one image and the same applies for text as well. Let's just turn hand off no hand and we'll just select that. If we go back to the drawing options and press Play, you'll see that the penguin just appears there's no one drawing it. It's like say you can tailor it so that your hand appears or it doesn't appear on one particular image or text. Also at the top is a Graphic Filters menu. I don't generally use this that often, but if you want to play around with the filters and add a little bit of blur or brightness or saturation. Maybe you want to put a drop shadow on the image, then you can do that all from here. But like I said generally, I don't really touch that. Once you're happy with the drawing options that you selected, just press the tick box and that will confirm everything. Now I'm actually going to delete that one and just stick with this one on the side. If you right-click with the mouse button, then you can actually go into the Properties window. You can Cut, Copy, Paste, Export the actual image, and you can even Delete it. I'm just going to delete it and remove that element, and I'm just going to use this one. I'm going to make it slightly bigger. Now let's say you didn't want to make it bigger, let's say you actually just wanted to zoom in on the Canvas. You've got these buttons, remember, you've got this magnifying glass and back out again. In a moment I'm going to show you how to do all the camera movements, but we'll just leave it like this for now. Now when it comes to images, there's one other thing I wanted to show you. We've got images that we can add, that are almost like objects within our frame, but we can also add scenes as well and backdrops. So again, if we go into the categories, if you scroll down, you can click on Scenery. For example, we could add this office desk here, this computer. It doesn't really fit with a penguin story, but if we wanted to we could. You could maybe put the penguin, let me just move these things around. We could put that there, and we could drag the penguin over. If you ever want to change what order they're in, [inaudible] the penguin is behind this image. That's because in the timeline at the bottom, the penguin is first. If we click and drag that penguin, that means it will draw the computer then the penguin will follow. Let's resize that penguin. It looks like this penguin just appears on the actual computer. But another way to use scenes, if we delete that one, is again, going to add new image. On this drop-down, I'm going to try and find shapes. Just scroll down and find shapes. Now this is a good way of changing the background color. Remember earlier when we said that you can set a default color across all of your actual video? Well, what if you want a different colors? I like to do this. I'll go to shapes and I'll find a square, and I'm just going to click on that. You can see there we've got this little symbol in the top left so we can change the color. I'm just going to change the order by moving that square to the front. Now that square is in the background. I'm actually just going to resize it. I'm going to make it bigger. What I want to do is basically fill the screen with it so that no one knows it's even there. No one knows it's a square. I'm going to zoom out a little bit as well. I'm just going keep doing this and make it bigger. Then I'm going to go back up to the penguin, and if you ever want to center it on an object, just double-click on it in a timeline. As you can see now we can't see that square. We've just got a green background so I can work really well. If I double-click on it, remember, we can change the color as well. We can set that background to be whatever we like. Let's just change it to this blue. Now I'm just going to highlight the penguin. I'm just going to move it over slightly. Maybe zoom in a little and then move it over. That's how we can use shapes to change our background or add scenery or backdrops as well. Next, we're going to add text. Adding text is pretty much the same thing. We're going to click on this middle button, add new text, and you're going to get this add text box up here. I'm just going to type in our title for this video. Now the first thing you can do is you can change the font and they've got quite a few different fonts and various different styles. You've got some script ones, you've got some bold ones. There's lots of different options in there. There's actually more fonts as well so if you click on, "Add Fonts," there's a few other options. You can't import your own fonts, it's worth pointing out. But there are various different options the VideoScribe add to as well. With some of the fonts, you can also change the weighting as well in case you wanted to make in bolder. On the right-hand side, you've got a few other options as well so you can change the positioning so you can put it left aligned, central aligned, or right aligned, and you can also change the color by clicking on this little line color palette. Again, you can choose one of the predetermined colors, or you can type in a hex value and use any color that you'd like. I'm just going to change it to white. Now, the only downside we're using white is it looks like I've not typed anything in but if I just click and drag, you'll see that fun facts about is just there. It literally displays it as white by the white background. A little thing to keep an eye out if you're using white fonts. I'm now going to press "Done." As you can see, it's added our text into the middle. Now what I'm going to do is I'm just going to click and drag it. You've got all the same options if you want to resize it, just drag from the corner. If you want to move it, just click and drag. I'm just going to position that text there. I'm going to add another text so I'm going to do exactly the same, and on this one I'm just going to type in penguins. I'm going to change the fonts on this one. Let's try that bangers font. Now, this one I'm going to leave as black because we've got black and white penguins. There you go. I'm happy with that. Again, have a look in your timeline and just make sure they've got it in the correct order. First of all, we want our background. Then we want our penguin, and then we want the text. Now we want to also look at the properties of this text. We can right-click and click on properties. Or we can just double-click and open up the properties. Now it's very similar to images as well. You've got your drawing hand where you can change the hand for that specific text if you wish. You've got your drawing options. You've got a couple of different options with text so you can draw it as normal. You can move it in our fade as normal and VideoScribe of all so I did these options where you've got rain drop, punch, fade wave and typewriter. Now they're just like an animation type so let's just change it to rain drop and I'll show you on the preview. Do you see how it was like? Each letter rained down. You've got a few different options in there. Generally, most of the time people will use the draw option. Now, you can change the opacity or you can rotate the text if you wish. Once again, you've got the graphic filters as well if you want to add a little bit of blur, low brightness or a drop shadow maybe. If you wish to go back and edit your text, you can edit it in there as well if you wish to change the color or the font. Once you're happy, once again just click on the tick bottom. Now, I should also add that you can add charts as well. Now if I'm being honest, I actually don't use charts and VideoScribe. I don't think the function works particularly well and I don't think they really add most to my videos. If I did wish to use a chart, I would probably create it in a separate program and just import it. But if you wish to use them yourself, maybe that works well for your style of video. Click on the Add" Chart" button, add your labels, add the values, and then you can choose your chart type. Let's just go with a bar chart and we'll put it into color. That label location, I'm just going to put on the outside. There you go. It's as simple as that's why the chart. I do find that it's quite buggy in terms of how the labels are displayed. If I put a longer word in, for example, let's just say instead of ABC, let's say Monday, Tuesday, Wednesday. See how there's a little bit of an overlap. In fact, if I just turn that round using the rotate button, you'll see it. Now this could well be my version of VideoScribe and my installation. If it's a bulk I'd imagine they'll fix that in an upcoming release. But I just don't like the fact that the text overlaps slightly. I'm just going to delete that because I don't generally use charts. But if you do wish to use charts, that's how you would do it. That's how we add text images and graphs. As you can see, there are similarities between the two. Chart's a personal preference. I don't use them at all, but maybe they would suit your style. Text and images are the biggest chunk of your work in VideoScribe. You're going to learn to find your favorites and the process of adding new ones will become faster each time. Now I want you to go to your class project and think about your first scene and create your video title. Find a good image and some text and add them in. In the next lesson, we're going to look at how we create animations and movement, which will create a flow to your video. 9. Movement, Transitions & Timings: [MUSIC] So far in this whiteboard explainer video class, we've learned to add visual and audio components, and now we've got to glue the pieces together and create some flow to our video. We do that with movement, transitions, and timings. By the end of this lesson, you'll have the final piece of the jigsaw or know all of the steps needed to create animated whiteboard explainer videos using VideoScribe. In this lesson, there were a number of areas that we need to cover. Now, I know we touched on this in the last lesson, but I'm going to briefly just look at the animation option again. I'm just going to go into the properties of this penguins text objects that we added before. This drop-down box here has the animation methods. Now, we've got draw, move in, and fade in. Now they are the three common ones. That's what we get on images and text. Because this is text, we've actually got these additional ones as well which is just different types of animation effects. But we're going to focus on these three and I'm going to quickly show you the difference between them. I'm just going to choose Draw, and I'm going to take that, and I'm just going to press the "Preview" button at the top. That is two preview buttons. This one will preview the whole video right from the start. This one will preview just that one highlighted object. I'm just going to press "Play". As you can see, a hand came onto the screen and it basically wrote the word penguins. Next, I'm going to show you move in. Now move in, you basically choose what angle you want that word to move in from. I'm going to choose the left-hand side. Then you've got a move in effect. You can say smooth, overshoot, bounce, or uniform. Bounce is a good one if you want it to drop down. In fact, hang on, let's just use bounce. I'm going to choose Bounce and I'm going to change that from the top. What I'm going to do, because I actually think some of these effects work better with no hands as well, so I want to turn the hand off. [NOISE] I'm just going to tick. Now if we preview that one object, there you go, you see how it bounced down from the sky? Again, we could have had that just slide in from the left or slide in from the right. There's different ways you can do it. The last one is fade in. Fade in is exactly like it says on the tin, we just preview that, and they just fades in slowly. Nice and simple. Again, the same animations can be used on objects as well. The next key component that we're going to look at is camera movement. Basically, what you see on the screen now in this frame is how the viewer will see it. What you'll notice is that each object, if you double-click on the object, it shows you exactly what the camera's going to show. Now do you see how, pretty much every single time, it will go straight into the center and it will be zoomed in? Let me double-click on that word there, fun facts about, it zooms in, it's in the center. I'll double-click on penguins, it zooms in, it's in the center, and back to the image. Again, it's in the center. What if we don't want to actually show everything in the middle? It's going to get a bit boring, ain't it? You want to mix things up and have different effects. Let's, for example, say, let's say that we want the screen to just stay static while all studies different objects come into it rather than zooming in each time. The way we do that is we actually have to control and set where the camera is. At the moment, the camera is set at that center. Now what I'm going to do is I'm just going to move this to the side and I'm going to zoom in. Now I'm going to click on the object so it's highlighted. Then if I right-click, I can choose Set Camera. If I want to remove that again, I can right-click and clear camera, or you can change the position of where the object is and set it again. If you don't want to right-click, you can also use these icons at the bottom. You can see there, you've got a set camera button and a clear camera button. They were exactly the same thing. Now, I'm going to do the same with these text objects. I'm going to right-click, sets camera, right-click. Actually, let's zoom in a little bit with this one. I'm just going to move that to the side. It doesn't look great, but as an example sake. I'm going to set camera. Remember, when you press "Set camera", wherever the object is positioned, wherever you can see in that frame is exactly where the camera will stay. If I double-click on the penguin now, see how it's not zoomed in to the center? If I double-click on that word, it didn't even move because we set it at exactly the same place. Now if I double-click on penguins, it'll zoom in slightly. If I just press "Play" on that sequence, see how the penguin is to the right-hand side and nothing moved when he wrote that word? Yet it zooms in a little bit for penguins. It's basically following that camera movement exactly how we set it. You can zoom in using the mouse or using these buttons down there. You can zoom in, zoom out. You can position things and angle. You can do whatever you want, but you need to make sure that each object, you set the camera. Next, we're going to look at three types of timing. Now this is really important, and this is how you're going to line up your audio and video. I'm just going to go into the properties of one of these objects. Let's use the penguin. At the bottom, you're going to see this bar here. Now this is telling you the time that the object takes to animate. You've got three timings. You've got animate, which is the time it takes to actually carry out the animation. That could be how long it takes to draw or write it. You've got the pause time, which is fairly obvious. It's how long it will sit there and wait and pause. Then you've got the transition. Now the transition time is the time it goes from this object, the next object in the sequence, and that's quite important. I'll show you more on that in a second. Now let me just open the properties of one of the word objects just to show you. Again, if we just do a preview, it takes one second to write out. Let me put the hand on as well, actually. Put the hand back on because it's writing the word. That's a one second. Again, we change it to three seconds and press" Play", it's much slower. Now once it's finished moving the objects in, or drawing the object or fading the object, whatever your animation type is, it's then going to stop and pause. Now if you wanted to move immediately onto the next object, set pause to zero. If you want it to sit and wait for a while, set it to a higher number. It's all about trial and error and seeing what makes your animations flow nicely. Now lastly, we've got this transition time and I'm going to show you why that's important. If we look at our timeline below, this scene, the last word on this scene is penguins. Then the next object is this penguin on its own over here. If you like, if I just zoom out a little bit, you'll see. That's a different scene, really. It's a different part of the video. If I scroll across, you can see there's our opening title, the Fun Facts About Penguins. It's going to jump from that penguins to this guy here. Now if I go into the Properties, again, you can double-click or you can click on this little element, "Properties", or you can right-click and click on "Properties". There's so many different ways to do certain things, whatever is quickest for you. Now at the moment, these penguins, we've got transition, one. Let's increase that just so I can demonstrate. I'm going to increase that to two seconds. What this is saying now is it's going to take 1 1/2 seconds to write penguins. It's going to pause for half a second, and then it's going to take two seconds to get to the next object. Let's just zoom in, and I'm just going to press "Play" from that point. He just wrote penguins, and there's the two seconds while it goes across and goes to that object. I'll just stop it there. Now that basically took two seconds to go from these penguins word here, all the way across to this fellow here, We've got this ugly black line. We've got all this space in the middle, and it didn't look particularly smooth or clean. What we want to do is we want to treat it as an instant jump into the scene. We want to reduce that transition time. I'm going to go back to these penguins word now, and we'll open the properties of that. I'm going to change that transition down to zero. It should pause for half a second and then the transition should be instant. You won't see that middle bit because it'll just do an instant jump to that next scene. Let's see if that works. I'll press "Play". He's writing out penguins, and there they you go straight into the next scene, no messing around. It was nice and clean and didn't look messy at all. Actually, what I'm going to do is on this new scene I've created, I will use this as an example. All of these different penguins I've got, I don't want them to be drawn out and appear really, really slowly. I've set them to appear almost instantly. If I just show you the properties of one of them. The animation is zero, which means that it'll just appear straight away. There's no pause time, so it's going to move straight onto the next animation and it's half a second transition. We should pretty much just take half a second and bounce from one to the other to the other. If I double-click, you'll notice how they're all set with the defaults camera position. They're all set to zoom in dead center. If I just press "Play" on this one, you'll see it doesn't really work because it's just chaos. It's just bouncing around and penguins appearing everywhere. I'm just going to zoom out slightly and move across. Again, you just click and drag and use the mouse wheel or use these buttons to position it as you want. Now this is what I'm going to do. I'm going to make all of these penguins appear with this as the camera view. I'm going to click on this one in the timeline. I'm going to go across to the last penguin. In fact, I'm going to go across to the space arrow because that's the last part of that scene. I'm going to hold down Shift on the keyboard and then click on that one. See how it's highlighted all of them. Then I'm going to go to this button and I'm going to click on "Set camera to current position". What that's going to do, basically, is not going to move off that scene. There's not going to be any zooming in, zooming out, bouncing from one to another. It's going to paint this entire scene as we can see it there. Now, I'm going to double-click on the text. I'm going to reduce the animation time because four seconds is quite long, so let's write that quite quick. We won't have a pause, and we'll just have a standard one-second transition. Now let's just play this scene out a little bit. I'm just going to go to the first object on that scene, which is this. I'm going to press "Play." The hand drags it in, and then it cuts out. Then all of these penguins are appearing because remember how we set that camera movement so that it was looking at the bigger picture. You can do it exactly how you want. It's trial and error. It's a combination of using them, timings, the animation, the pause, the transition. Now, one other thing that I'm going to show you, and this is really important. When you're creating these videos, one of the hardest parts is actually synchronizing the video with the audio, so what you're saying is actually on-screen at the same time. Now the way you control that is I've added my voice over at the top here, so that's connected. Now what I would do is as I progress and create my video, I would click on "Play" on that one little bit. The penguins that can reach thirteen islands. The audio will play from that point. Let's say that your audio is a couple of seconds behind, you could add more objects in, or you could play with these timings and just increase the pause time so that your audio catches up. There's different things you can do, but generally, to keep your audio and video aligned, you increase your pauses, your transition times, and you just try and keep them in sync by doing a little preview, creating new objects, doing a little bit more of a preview, creating new objects, and play around with them timings. It sounds complicated. It really isn't. What you'll find is the more videos that you create, the more in tune you get with this. You almost just get a feeling for how long something's going to take to draw or how long an object will take, and you slowly improve that flow with your videos. These subtle settings are what bring your videos to life. They create flow or motion that leads the viewer through the story and supports the audio. You've just learned everything you need to create amazing animated whiteboard explainer videos. Now I want you to jump back into your project and play around with the different animation types. Try and create your very first scene with multiple images and text components and use different camera movements and transitions. Remember, practice makes perfect. In the next lesson, we're going to look at the finishing touches and how you export your video ready for the world to see. 10. Review & Export: [MUSIC] This is going to be a super short lesson where we're going to look at how you review and then export your video ready to be published. That's our video done. We're ready to export it. Now there's one thing that I would always recommend doing, because it's so easy to miss one of them. Camera movements are to unalign your audio and video. I would always recommend playing the entire video through at the end. Now, I shown you earlier, you've got these two buttons. You've got play from start which does exactly like it says on the tin, it will play from the start of your video, and then you've got play from current element where you can choose any element or any objects within your timeline. Press "Play" from current element and it will start from that point. But I would recommend that you watch it through and just correct any camera movements that don't make sense or increase any timings that you've got in there as well. Once you're happy with that, you're going to export your video. Now, you actually do that by clicking on this "Download" or "Publish Scribe" video button. It looks like a standard Share icon. I'm just going to click on that. Now, the option that I usually take is this Download video and I normally untick this is zoom and just as like a little zoom in. It's not the end of the world if you leave it on there. You can also add a logo if you want, but I wouldn't necessarily recommend that for YouTube. I'm now going to click on "Download Video." Now you've got various different options in terms of your file type. I generally keep it as an MOV file. If you click on that dropdown, you can create a WMV, an AVI, or you can even create them as image sequences. If you're doing like quite a short animation and you wanted it almost as like a PowerPoint slide, I guess, you could create the image sequences, but if you're creating videos, that's no use to you. You want to leave it as one of these three options. Next, you choose the size. I generally use full HD, but you've got 360, 640, 720 standard HD, and then 1080 full HD. You can also increase or decrease the frame rates if you prefer. I generally just leave that on 30. Lastly, the name of your video and wherever on your machine that you wish to save that. If you click on this path, it will open that directory and you can change directory if you want to save it elsewhere. Once you're happy with, just tick the button and that will start downloading. Now this bit can take awhile. This one's a little bit more intensive on your machine, so it can be quite slow because it's doing it frame-by-frame, and you'll see this preview here and you'll see this rendering your Scribe. If I'm honest, what I would do, is I'd get it to that point and then I would go and have my dinner, I'll go and have my tea or I'd maybe leave it running overnight because I haven't got the patience to sit and wait for that. There's not much you can do anyway, so, you best just leaving your machines and download your video. Now once your video is downloaded, you can upload it into the platform of your choice. This whole class has been talking about YouTube channels. That's pretty much what I use these videos for. Well, you can use other platforms as well. You may not wish to use it on YouTube, but you got and upload it to wherever you like and then learn as you go. The more you create, the better your skills will get, the more natural in the timings will become as well. That's how I review my videos as I work my way through it and give it that last final sanity check before exporting it ready for YouTube. You've now seen all of the skills you need to kickstart your animations. Let's get our project finished. Go add more scenes if you want or finish up your production and export it. Make sure you upload it to Skillshare too so I can check it out. If you have any questions, let me know. In the next lesson we're going to wrap everything up, ready for you to jump in and start creating your own animated whiteboard explainer videos, whether that's for YouTube or any other platform that you choose. 11. Conclusion: Well done, you've made it and completed the class. That wasn't so painful. Was it? By now you should be able to set up a new animation and choose your default settings. You'll be more than capable of adding text and images to support your voice-overs and then bring it all together with animations and camera movement. Just like anything, it will take practice and lots of testing. But at this point, I hope you can see how easy and effective good software like video ascribe convey to create animation videos. You don't have to be an artist or a tech genius. Anyone can do this and it's an incredibly effective technique if you have any story to tell or lesson to teach. Now, don't forget to upload your projects and I look forward to see exactly what you've managed to do. This is the first Skillshare course I've created and I hope it's helped you in some way and I can come back and help you with some more of your video projects. If you would like to stay in touch, then also come and check out my YouTube channel at slash John Davis, or search for John Davis. I'm the one that isn't the lead singer of Heavy Rock buttoned code. Don't forget to hit that Follow button on Skillshare because I'm hoping to come back soon and teach you more techniques on how to create videos for YouTube and offer platforms too. I'll see you next time.