Transcripts
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 canva.com 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 Youtube.com 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.
Jon Davis, YouTuber + Blogger
