Transcripts
1. Introduction: Hello, my dear friends. Throughout this class, I'll
show you how you can create your very own awesome animated
whiteboard explainer video in PowerPoint. By the end of this class, you'll become a PowerPoint
animation expert and you'll be able to create animated videos
for your business school, university or social media. Let me introduce myself
on the Internet. I go by the name of one skill
and that is my nickname. My real name is Casper
as I come from Vilnius, Lithuania and I love PowerPoint. I have been creating PowerPoint
tutorial since 2014, And I have always
been impressed by the fact that you can
create so many creations just using PowerPoint and
the possibility to create animated videos is just super impressive for this
PowerPoint class, you do need to have advanced
bar upon knowledge. However, having basic
PowerPoint knowledge is always helpful. I have done my best to explain
everything step-by-step, zoom in when needed, and show keyboard shortcuts
on the screen for this class, I'm using Microsoft
365 on Windows, however, and in PowerPoint
versions starting from PowerPoint 2010
will do just fine if there will be any features
that are available only in the newest PowerPoint versions and that we will need to use. I will definitely mentioned
that and provide workarounds. This class is great for
teachers, students, freelancers, and
business professionals. Everyone who wants to take their PowerPoint animation
skills to the next level. All right, I'm ready. How about you?
Let's get started.
2. Class Project: All right, so for
our class project, we'll be creating an animated
whiteboard explainer video. In PowerPoint, I will
walk you through the different stages of creating a whiteboard
animation video. So first of all, we will get
ready and make sure that we have everything that we
need for a great start. After that, we will
warm up and learn the main whiteboard
animation techniques for text and illustrations. And then we will design
the scenes for our video. And after that, we
will add animations, voiceover, background
music, and sound effects. And finally, we will export
our PowerPoint slides into a video whiteboard
animations are often used for creating
explainer videos. So for this class project, I have decided to create an
explainer video as well. Come up with a story about a man named Jack who loves
reading books, but hardly has any
time to read the book until the moment he
discovers audiobooks. So feel free to follow along and recreate the same explainer
video if you wish. I have attached the final
class project slice and the Projects and
Resources section. And those lines you will
find all of the fonts, illustrations, animations,
and sounds that I have used. Additionally, you can come
up with their own story and create your own custom
whiteboard animation video. It can be anything you wish. Explainer video, animated
story, animated presentation. And please share your work
in the project section, just click the green button, Create Project and your project title description at a couple of screenshots of your
work in progress and your final video
and click Publish. It will be a huge
pleasure for me and your fellow classmates to
check out your project, looking forward to
seeing your works. And now let's get started
with the first lesson.
3. Getting Ready: Hello ladies and gentlemen, and I welcome you to this
getting ready lesson where we will make sure that we have everything
that we need for our awesome
whiteboard animation. And as you can see,
there are a couple of things that we
need to take care of. And the first one is fonts. So I would suggest picking
a handwritten font, one for your header and
one for your smaller text. And as you can see, I have
chosen Dinah Tabia for heaters and PATRIC hand
for the smaller text. And by the way, if
you are wondering, why do I have identical fonts
here on the right side? So this is just a
check if all of the fonts are displaying
correctly on your computer. If you do not have these fonts, you can just click
on these little green buttons and
download the fonts. Additionally, you can find
more brush fonts on deaf font.com or more hand-written
fonts and fonts google.com. All right, then the next
step is a script or a story. And since we are creating
an explainer video, we need to have
some kind of story. And I have came up with this, a story about a man who loves to read books but has no
time to read books. And I have broken down this story or this script
in two separate parts. This first part, our hero
Jack loves to read books, but he feels that he has less and less
time to read books. So he has a challenge, but then he discovers
a solution, audio books, That's awesome. After that, I provide
more information. How does this solution work? How do audio books work? And finally, I provide
CTA all to action. So feel free to use this
same structure if you wish. But of course you
can be flexible and customize this structure to
your needs are right there. Next, let's talk about colors. So I have chosen these two
main beautiful colors. One is a gray and one is
this greenish bluish color. You can see the hex
values such as below. And here at the bottom I have
inserted two more circles, one with a shadow and
one where the outline, these guys will help
us out when we will be creating these kind of
sticker style illustrations. Okay, our next one more
important thing that we need to have is a picture of a
hand holding the pen. And here I have prepared
a couple of photos. I have removed the
background so you can use these photos right away. And if you'd like to find
more beautiful photos of hands holding a pen, you can go to free pick dot-com. And finally, the last
step is preparing some illustrations that we'll be using in our whiteboard
animation videos. So you could draw and create all of these illustrations yourself. Or you could go to star, star.com and use some prepared illustrations
to save some time. In this class project
we will be using mainly all of the illustrations
from story said.com. Okay, my friends. So before moving to
the next lesson, make sure that you
decide what kind of fonts you'll be using
in your own project. You can use the same
font that I'm using. Makes sure that you have
a script or a story. Decide what kind of
colors you'll be using. Pka, picture of a hand. And as well, you
can go to store a set.com and choose
some illustrations or use the same
illustrations that you can find in the class
project slides. And in the next lesson
will be warming up and creating our first
whiteboard text animation. So I'll see you there.
4. Warm Up - Whiteboard Text Animations: Hello my friends
and welcome back. In this lesson, we'll
be warming up and creating some awesome
whiteboard text animations. So let me show you what kind of text animations
we'll be creating. So the first one is called
text appearing via letter. So as you can see,
these words whiteboard animation are appearing
letter by letter, stats. It really simple and easy
to create animation. The next one is
calling drawing text, and this one is using
the draw feature that is available in Microsoft 365
and PowerPoint does and 21. But since the drill feature
is only available in the newest PowerPoint
versions will not be focusing too much on
this draw feature, but still I will
show you how you can create this text animation. All right, Our next we have this whiteboard text
animation called the XY. So here we have this hand
picture moving up and down. And at the same time
as you can see, the textbox is wiping
to the right side. And that's a really nice looking whiteboard text animation. But the animation that I would
recommend and would like you to learn as this one
called uncovering text. As you can see once again, the hand is moving up and
down and falling the text. But this time the text
is not getting y up, that's getting
uncovered gradually. So I will definitely
show you how you can create this awesome
uncovering text animation. All right, so let's
jump into the action. So first of all, let me
show you how we can create this text appearing
bilateral animation. So once again, this is how
the animation looks like. The letters are
appearing one-by-one. That's awesome. So let's just hit Enter and insert a fresh blank new slide. Let's go to insert text box. And let's insert a text box. Let's type in
whiteboard animation. All right. Let's make sure we select the whole text less
center align the text. Ls increase the font
size, for example, 54. Okay, and for the font, Let's choose dynode
top Via dei Natalia, the font that we have chosen
in the previous lesson. Okay, Let's make
sure that textbox is center aligned to this slide. Now for this first word, let's choose our great
color. All right? And for the animation word, Let's choose this
bluish greenish color, all right, And by the way, if you don't see any colors
in the recent color row, you can always go
to More Colors, go to Custom and input your hex values of
your chosen colors. So if you'd like to use the
same colors that I'm using, you can add germ to our class
projects Slide number five. Think it's number five.
Yes, it is. In here. You will find the hex values for these two beautiful colors
that I have chosen. So feel free to follow along and copy the
same hex values. All right, so the textbox is finished and now we can jump to animations and apply appear
animation to this textbox. Now let's go to Animation Pane. Let's double-click
this animation so that we can
enter the options. And now let's make sure that
text is animated by letter. Let's just choose my electrode. And for the delay
between letters, Let's choose 0.1 seconds, okay? And the animation is
pretty much finished. So that's a really basic
and easy to create whiteboard text
animation that we'll be using quite a lot and
our explainer video. All right, The next let
me show you how you can create this Weinberg text
animation called drawing. Powerpoint basically
replaced the drawing or writing over the text. And please note that
this feature is only available in the latest
PowerPoint versions. So let's just jump
to the Draw tab. Let's select this Ben, we can select
different thicknesses of the band weekend,
select different colors. So let's select the
gray color. All right? And you can draw with your
mouse, with your touchpad, or you can connect a graphics
tablet if you have one. And I will just try to use
my mouse to draw some text. And I think this text is getting
a little bit toothpicks. So that's not a big deal. We can get back the
thickness options. Let's choose a lower setting
unless try once again. Let's just draw a word, your end for the next word, let's choose a different color. All right, and let's
just type or draw text. So it's going to be your text. That's awesome. And once we're finished drawing, we have to click on
this little cursor to exit the drawing mode. And now we can select
these two pieces of text and we can
move them around. And as well, we can go
to animations and add replay animation to
work for these guys. And let's make sure
that the animation for the second textbox is
started after previous, so that the first
text box, please, and only then the second
one on the right. And this is how the
animation looks like. And of course, you can
adjust the speed of these animations by adjusting the duration of the animation. And now let me show you one more awesome way how we can use the draw feature if you have it in your
PowerPoint version. So if you remember in the
getting ready lesson, we have this text
underlying effect and this circle effect. And both of these
animations were created with a drawer feature. Okay, So let me just quickly grabbed this
textbox getting ready. Let's copy it and let's
paste it into our slide. Okay, and now once again, let's jump to the Draw tab. Let's select the pen. Let's choose the
thickness that we wish. All right, and now let's
just underline this text. And don't worry if you
don't like the line, you can always undo control Z and draw once again
until you are happy. And once again, let's click on this little cursor to
exit the drawing mode. And if we wish weekend
send this Greenland to bag by hitting Control
Shift and left bracket. And now we can
jump to animations and apply a replay animation. And this time let's choose
1 second for the duration. And this is the
underlying effect under the getting ready textbox. That's awesome. And following the same steps, you can easily create the
circle animation for your text. Looking good or bad guys. So next let's talk about the whiteboard text
animation called text wrap. So this is how it looks like. As you can see, we have a hand picture and we have two animations
happening at the same time, the hand is falling the
text and the text is fading or wiping
to the right side. And this way we're getting
this beautiful effect as if the text is being written
on the slide by this hand. That's awesome. All right, so let's insert your blank new slide and let me show you how you can create
this awesome text animation. So we can reuse this whiteboard
animation textbooks from the previous slide. Let's just make sure that we remove any of the animations. And as well, we'll have to find a picture of a hand
holding a pen. So if you'd like
to some time you can jump to slide number 6 so far Class Project slides and
pick any hand that you wish. For example, this one, let's copy it and let's
paste it into our slide. And once again, let's make sure that there are no animations. We will create all of the
animations from scratch. Okay, so let's position the
hand somewhere right here. Okay? And now one more important thing that we need to take care of is the rotation center
of the hand picture. Currently the center of
rotation is somewhere where the center of the
image is or that's logical. But we'd like the
center of rotation to be where the tip
of the marker is. And one easy way to change the rotation center of this hand picture
is to duplicate it. Let's flip it vertically and
let's flip it horizontally. And now let's make
sure that the tips of these two pens are almost
touching each other. So let me just zoom
in a little bit. Okay, so let's make
sure the tips of these markers or pens are
almost touching each other. Okay, and now we can
hold down the Shift key, select both would these photos and hit Control G to group. Okay? So now we have one big
group of two pictures. And now if we rotate this group, as you can see, you Happy new rotation
center. That's awesome. Now let's just make this
duplicated hand and visible. We can go to picture
transparency options and let's make it 100% transparent. And now we have only this
one hand visible and it has in your rotation center where the tip of the marker. All right, That's wonderful. And now let's make sure that
we select the visible hand unless add a little bit of transparency to this
picture as well. For example, around 70 percent. Okay, that looks good. Because now we'll be adding
custom motion path to this hand and we want to
see where the text goes. Okay, so let's make sure that
we have selected the hand. We can go to selection pane. We can rename this
group to hand. All right, and now let's jump
to the animation tab and let's look for custom
motion path animations. Let's click on Add animation. Let's scroll down a little bit. And here it is,
custom motion path. And now all we have
to do is just keep on clicking and
follow the letters. And for some of the letters I'm clicking or really
precisely for example w. But for some of the
letters like a or I or t, I'm just clicking up and down because this animation
will be quite fast and we will not see how there's no hand,
most precisely. So more or less,
you can just click up and down and
cover each letter. Of course, for letter a, you can be more precise. But for example, for letter N, I'm just clicking up
and down, up and down. Okay, so I'll finish this motion path and
meet you in a second. Okay, so the custom motion
path is ready and this is how it looks like the hand
is following the letters. That's awesome. So you can see this
animation is quite fast so we can
increase the duration. For example, let's type
in the four and as well, Let's head back the transparency
of the hand picture. Let's reduce it to
0. There's good. Let's check out the
animation once again. I think PowerPoint has automatically added
some are small, start as small fans. So let's jump into the
animation options. We can remove any smooth
start and smooth end. Okay, let's check it out once again. Okay, we're looking good. So the hand animation is ready. And now all that's
left to do is to add a wipe animation to
the textbox itself. All right, so once again, this is how the final
animation should look like. All right, so let's get back to our slide and Alice
select this text box, and let's go to Animation staff and let's
choose wipe animation. And for the direction, well, it's used from left or kill us, makes sure that
the text animation is happening with previous. So at the same time would hand. And for the duration, let's use the same duration, four seconds. And let's see how it looks like. We might need to do
some adjustments. As you can see,
the hand animation is a little bit slower. So this wipe animation
finishes faster. So this means that we should reduce the duration of
the hand animation. Let's try 3.5 seconds
for the hand animation. And let's check it
out once again. All right, looking good. But as I have mentioned, the animation that I liked the most and that I
would recommend for whiteboard videos is the
text uncover animation. And this is the one that
we will be doing next. So let's go to Text
uncover animation. Okay, So let's check out
this animation once again. And as you can see, the
text is not being wiped, but it's being
gradually uncovered. And I think that this kind of text animation as
much more natural and realistic and would fit your whiteboard
video really well. So let me show you
how we can create the effect and the
good news on that. We have pretty much
created everything that we need for the uncovered
text animation. We have the hand, we
have the textbox. So let's select everything from our previous slide and let's
paste it into a new slide. Let's just remove the text
animation. We don't need it. Okay, let's make
sure that there's just this one custom motion
path animation for the hand. And now let's go
to Insert Shapes. Analysts insert a rectangle. Okay? We can fill it with any
bright color debt we wish. And let's remove the outline and I'll let's make sure that this rectangle covers
the whole text or came. Let me just change
the fill color to yellow thing this way it looks much more
pleasing to the eye. And let's send this
hand picture different. Okay? All right, so let's make
sure that the whole text box is covered by this
yellow rectangle. Okay, so let's move it to
the start of the textbox. And by the way, make
sure that the tip of the marker is still popping out a little bit here
on the left side. Let me zoom back. Let's
makes sure that the end of the texts
discovered as well. All right, and our oldest left to do is to select
the hand picture. Let's go to animations. Let's choose the animation
painter and let's paste the same customer
motion path animation that this yellow rectangle. And let's make sure that
the rectangle animation is started with previous, so at the same time
with their hand. Okay? And this is how the
animation looks like. And as you can see, it
looks kind of funny because while direct
angle is yellow, but as you can see, the text is being
gradually uncovered. And this is the whole
secret to this animation. And yes, you guessed it right. And the last step is to
fill this rectangle width, white color, and the
animation will be finished. Let's fill this
rectangle worldwide. And now we can enjoy
the animation as you can see that the x is
being gradually uncovered. And I think this kind
of text animation really fits well to
whiteboard videos. And it looks pretty
natural and realistic. And as always, if you'd like to change the speed
of the animation, you can change the
duration of the animation. So let's just insert six seconds for the white rectangle
and for the hand. And as well we can
add a little bit of smooth start of two seconds, smooth start and smooth. And, and this way the
animation we will be looking even more
realistic and natural. So let's check out
the final result. All right, ladies and gentlemen, I think we had a really
good warm-up where the whiteboard text
animations in this lesson. And before moving
to the next lesson, I encourage you to create a couple of these
text animations. So I would recommend trying out the lateral bilateral
appearing text animation. That's really simple to create. And the second one is the last animation that
we did in this lesson. The uncover animation
will be using both of these text
animations quite a lot and our explainer video. And in the next lesson we'll be finishing our warm
up and we'll be covering some awesome whiteboard illustration
animation techniques. So how See you there?
5. Warm Up - Whiteboard Illustration Animations: Hello my friends
and welcome back. In this lesson, we will continue our warm-up and this time we'll be animating some illustrations. I'll teach you a couple of awesome illustration
animation techniques that are really useful
and whiteboard videos. So first of all, I'll
show you how you can animate your illustration
by individual parts. For this kind of
animation to work, you have to break down your illustration
into different parts. So I will show you
how that's done. And next I'll show you how
you can create something that I call sticker
fly in effect, scan of animation
is really easy to create and it looks
pretty impactful. And as you can see,
this illustration has this kind of white outline
and a subtle shadow. And I'll show you how you can create all of that step-by-step. And now let's go to
printer style animation. That's my favorite animation
for illustrations. And as you can see,
it looks like as if the illustration is
being printed by hand. Of course, this is
not the natural way how we usually draw
illustrations. But still I think this kind of animation fits really well to the whiteboard animation
theme that we're going after. And x2, we have a more advanced printer style
animation where first the outline is being drawn and only then the color
is being filled in. This kind of animation
is a little bit more complex and it requires
more time to set it up. So we'll not be using this animation in
our explainer video, but still if you'd like to learn how to create this
kind of animation, I will add a bonus lesson
at the end of this class. And there you'll find all of the step-by-step
instructions. All right, my friends. So let's start with the
first animation where the illustration is appearing
by individual parts. So once again, let's check out this green bike bearing
by individual parts. By the way, this illustration was provided by par bond itself. If you have the newest
PowerPoint version, you can just jump
to insert icons. And here you will find
this tap illustrations. This time instead of a bike, Let's search for
something different. For example, robot or right? This one is waving,
waving to us. Hello Mr. Robot. And what's awesome about the illustrations provided by a
PowerPoint is that you can easily change
the accent color, so that's really useful. But don't worry if your
PowerPoint version doesn't have illustrations, you can still jump on the
Internet and find plenty of illustrations on websites such a reset.com or free pic.com. All right, and now
to break apart your illustration
into different parts, you might need to convert
your illustration to shape or just right-click
and choose Ungroup. And as you can see, we can
select the individual parts. That's awesome. Let's put everything back together and now
let's select all of these individual parts and let's jump animations.
Let's try playing. And if these entrance
animations, for example, fade. So let's go to
Animation painless. See what's going on. Let's just select all of these animations that
have been applied, all of these parts
unless make sure all of them are started
after previous, so they appear one by one
except the first one. We can leave it onclick. And as you can see currently
the individual parts of this robot are appearing
in a random order. And we can fix that in
the animation pane. But first, let me reduce the duration of all
of these animations. This will make them
a little bit faster. And now let's say we would like this left foot to appear first. So let's just grab
this animation of the left foot and let's bring it to the top of the
animation list. And now let's do the
same for the right foot. And now let's find the
animation of this body. Okay, Let's bring it
to the third place. And in the same fashion, we can rearrange all of these animations so that
everything happens. One, we want it to happen, easy peasy, lemon
squeezy, all right, and now everything seems
to be in the right order, starting from the feed to the body and into the
hands and the head. That's awesome. All right, let's check it out once
again on the full screen. And of course we can set the first animation
to start onclick. Let's click once and now we see the animation
super-duper, awesome. And by the way, now you
can quickly select all of these animations and you can
apply a different animation. Now we had a fade animation. Let's try flight in animation. Let's choose a
direction that we wish. For example, from dump, Let's leave the animation
duration at 2.5th. Let's just jump to
the Effect Options and let's add a
little bit of bounce. And just for fun, for example, 0.3 seconds. Analysts check it
out once again. All right, All of the robot
parts are flying in from the top with a little bit of
bounce and that's awesome. Alright, so that was pretty
much it for this animation where the illustration is
appearing by individual parts. And now let's lie to
the next animation. And this one is called
sticker of lie in animation. And as you can see
this illustration looks like a sticker. It has a white outline, any subtler shadow and a
bounce and flying animation. Let me show you how you
can make it step-by-step. So first of all, let
me share with you where have I found
this illustration? It's OnStar said that calm. The exact link is in the
notes of the slides. So what's awesome about
these illustrations that you can easily change the
accent color as well. So let's say choose
a dark gray color. I like to keep the
illustrations really simple. So let's disable clouds, less disabled speed lines. And for the background,
Let's choose hidden. And now we can
download the SVG file. Okay, and now let's
just go to Pictures and let's insert this SVG
illustration to our slide. All right, Here it is. So we can hold down the
Control Shift key to increase this illustration from the center. Just like that. Okay, and if you'd like to
access the individual parts, once again, we have to convert this
illustration to shape. And now we can select
the individual parts. So we can give a new color to
the Cape of the superhero. Or green color. Looks good. But let's bring it back
to the gray color. Ok, and now let me
show you how we can convert this superhero
into a sticker. Let me just close out this
window so that we have more space and Alice
germ to insert shapes. And let's look for a tool
that's called curve. Let us click it. And now
all we have to do is just click around our superhero. Make sure you leave
a little bit of a gap between your land
and the illustration. And just click around
the whole superhero. Okay, so I'll speed up and
I'll catch you in a second. And make sure that you connect
the ending point where the starting point
and you should get a solid shape
just like that. Okay, Now let's change
the look of this ship. First of all, let's
remove the outline, know outlined is needed. Whole kale is add the shadow. Let's pick this one. Okay, and now let's
go to Format, Shape and less customize this
shadow a little bit more. So for the transparency, let's try 70 percent, okay. For the blur less, insert 20 points,
angle 45 degrees. So looking good and
for the distance, Let's try a four-point. Of course, you can
experiment with any values that to wish M for
the shape itself. Let's fill it with a white color and let's send it to back. And wallah, we have
a sticker effect. And by the way, let
me undo a couple of times until we
get this blue shape. You might remember that
in this land where we have picked our theme
colors, I have as well. I added this little white
circle over the shadow. So we can just hit
Control Shift C to copy this tail of this little
circle with the shadow. And I will select
it as blue shape and paste the same style, hit Control Shift V
to paste the style. And as well we can
hit Control Shift left bracket to send it to back. Now let's just
select everything. Analyst group it into
one beautiful group, control G or red. And now finally we can animate this stick if I had Superhero, let's add a flying
animation from bottom left corner of
the slide that has good. We can increase the duration
of this line animation. Let's make it two seconds. Let's germ to animation options unless hadn't mountains
of 1.5 seconds. And let's check it out
once again, Scott douche, and this is how the sticker
fly and animation looks like. Congratulations. And if you'd like to change how this white sticker
shape looks like, you can just select it, right-click it and
choose Edit Points. And now you can select
any of those points. You can use this
little wide handles to adjust how the
point looks like. You can delete the point,
you can add new points, and this way you can customize your white sticker
shape if needed. All right, my friends,
and now let's jump to my favorite whiteboard, illustration, animation
technique and bad as printers style. So this is how it looks like. Once again, it looks like
as if the superhero is being printed by the
hand. That's awesome. All right, so I think we can reuse this sticker Superhero. Let's just copy him. Let's insert a fresh
blank new slide and let's paste that superhero. Let's just ungroup him and let's delete this white outline. We don't need it. Let's just use this
awesome illustration. And now one more thing that
we need for this type of animation is of course, a hand. So we can reuse this
one that we have previously used in the
uncovering text animation. Let's copy this hand. Let's get back to our slide and let's paste the hand right here. Let's just make sure that we remove any of the
animations because we will create all of the animations
that we need from scratch and Alice positioned as hands somewhere right here. As you can see, this hand is not tall enough. So let's jazz. Grab one of the corners, hold down the Shift
key and let's increase the size
of this picture. And now everything is
looking good horror answer, Let's position this
handsome arrived here at the tip of the
superhero arm or game. And now let's make sure
that we select the hand. And let's go to
transparency options and let's drop down the
transparency of this hand. Guess now we'll be
adding a motion path, a custom motion path. So it's really useful to have this semi-transparent
hand because we can see the underlying
illustration. So let's make sure we choose
the custom motion path. And now we just basically
have to click and zigzag through the whole
illustration from top to bottom. So let me speed up a little bit and I'll catch
you in a second. Just make sure that
you've covered the whole illustration
with your zigzag. And at the end just
double-click to exit the custom
motion path mode. All right, and now
we can set back the transparency
of this picture. Actually let's set it to
0 so it's fully visible. Or came. And our weekend increase the duration of the animation
just for fun so that we can see this animation better as well unless
you count what is the smooth start
and smooth end is four seconds for
both, there's good. And this is how the
animation looks currently. So as you can see, the hand is moving and now all
that's left to do is to insert a rectangle
that will be our cover. Okay, So let's just
jump to insert. Shapes and let's find
the rectangle tool. Okay, Let's make sure that
we remove the outline, okay, and for the fill, Let's pick a bright color. And now once again,
let's make sure that the hand is in
the front so we can just hit control shift and right bracket or just right-click and choose
bring to front. Oh, okay. And now let's position
this rectangle so that it covers the
whole illustration. Okay, but let's make sure
that the tip of the marker is still popping out just a
little bit, just like that. And now let's make sure that we cover the whole illustration
by this rectangle. We can make this rectangle
a little bit wider as well. No. Okay. And now let's make sure that
we select the handlers. Good animations,
animation painter and let's paste the same
animation to direct angle. Let's just make sure that the animation is
started with previous, at the same time with the hand and our
lives check it out. What kind of result
do have so far. Okay, so you can see
the rectangle and the hand is zigzagging through the whole illustration
from top to bottom. All right, so now let me change the fill color
of this rectangle to white and less chicken out this animation once again and this time on the full screen. Let's see if everything
is looking. All right. Okay. And as you can see, some
parts of the illustration here at the bottom are
sticking out too soon. So this means that we have to adjust the width of our cover. Let me just turn it back to
yellow so that we can see the rectangle enlists increase the width here on
the right side. Okay? And at the same time,
Let's bring this rectangle closer to the tip of the
marker, okay, thing. This way the animation
will look even more natural and more
smooth, just like that. And I think everything
should be ready by now, Let's turn the rectangle
to white again, and let's check out the
animation on the full screen. All right, So the illustration is being printed and this time I think all of the parts are being revealed or uncovered gradually, which means great success. Congratulations. Now you know how you can create whiteboard animations
for your illustrations. So definitely before
moving to the next lesson, please try out creating a
couple of these animation. Strive to create one
of those animations where illustration is
appearing by individual parts. You can reuse the same Robot
Illustration if you wish. You'll find it on class
project slide number 17. And please tryout
creating one of these stickers style flying
illustrations as well. You can reuse this superhero
illustration as well. Or you can download any other
illustration from star, star.com and as well make sure that you
have some fun with this printer style
animation where the hand is sprinting
and illustration. Illustration that
you pick are right. And as mentioned before for this advanced printer
style animation where the outline is being drawn
first and only then the color. I'll add a bonus lesson at
the end of this class because we will not be
using this type of animation and our
explain their videos. So I thought weekend, just skip it for now. But if you wish to
learn about it, you can jumped bonus section and learn about it right away. All right, never
ends, so the warm-up is finally finished. And in the next lesson we
will start designing scenes, scenes for our explainer video. So I'll meet you there.
6. Designing The Scenes: Hello and welcome back,
ladies and gentlemen, now you are fully prepared
and ready to start creating your own
awesome explainer video. And in this lesson, I'll
show you how you can design scenes for
your explainer video. We'll design a 50 season total that will illustrate our script. And as you remember in our
Getting Started lesson, we have divided our script, our animation script,
into different parts. Actually, I forgot to
highlight that intro part. So we have first
of all, the intro part and then the
challenge solution. How does it work and CTA? So basically this sentence, meet Jack, he loves
reading books. This is going to
be our first part. Then we have the
challenge solution. A little bit more
information how the solution works and CD call to action. So we have five scenes in total. And for this reason we'll be creating five scenes
or five slides. And each of these flights will represent the different
parts of our script. So this is going to
be seen number 1, does this scene number two, number three, number four, and this is the last scene
or slide, slide number five. That's awesome. And to make it more
simple, so death, we don't have to jump between
the script and the slides. I have added this script which belongs to this slide
in the notes section. And here as well
you can see all of the illustrations
that were used. So as you can see, meet Jack, I have inserted in these wars as the header of this line and
the rest of the script, he loves reading books, I'll just say during
the voice-over and use these illustrations to show
that Jaclyn is reading books. Now in the second scene, I have added these two words, but lately as the slide
title as well, I have added, and Jack is having
less and less time to read the book
as a smaller text. And for the rest of the script, I have inserted a couple of illustrations that illustrate different points of the script. Just working long
hours in the office, never-ending to-do list and getting tired at
the end of the day. And in the notes section
I have as well added all of the links to all of the
illustrations that were used. And very soon I'll
show you how to design scenes with these
beautiful illustrations. And for slide number
3, once again, I have inserted a couple of
words in the slide title and the rest of the script is being illustrated
by illustrations. And in the same way I have designed in number
4 and number 5, just adding the slide title, any couple of illustrations
to illustrate this crypt, It's always better to use more illustrations or
pictures instead of text. Additionally, we'll be
adding a voice-over in a later lesson that will
connect everything together. And for the last scene,
scene number five, I have allowed myself to add a little bit more text if you'd like to start your own
audiobook journey, I have inserted that
directly into the slide. And for the rest of the script, I just inserted and imaginary and website
address your website.com. I'll write my friend's
soul is design a couple of these scenes from scratch so that you can learn to process and design and
it seemed that you wish. All right, so for this
scene, first of all, we have a slide title, me Jack. So let's insert a text box. Let's just go to our
fresh blank new slide. Let's go to Insert,
Let's click Text box, and let's just
type in Meet Jack. These are the first two
words of our script. That's awesome. Let's make sure we highlight that text less center align it. Like change the font
to Dinah Poppaea. And let's increase the
font size to 50 form. And let's align this text box
to the middle of this line. And to align your text box
to the middle of the slide, you can go to arrange align options and choose Align Center. But I have used this little
button aligned to center and I have added this button
to my Quick Access Toolbar. You can add anything new debt
to wish for quick access. That's awesome. All right, so next let's fill these
awards with some colors. So for the first word, let's choose our gray color. And for the second word,
let's choose our theme. Bluish, greenish color. By the way, if you would like, you could add these colors to
your theme color palettes. Currently we're just using the recent colors and to add new colors to your
color palette, you can just go to Colors, click on Customize Colors. Here you have our
six x and colors. Just open any of those
colors go to more colors. And here you can input
your custom hex code. That's awesome. But for this class project, I think we can use
a recent colors and that will be
just perfectly fine. All right, so the slide title is already well as bring it on
worse, just a little bit. Just a little bit more. That's perfect. Okay, and next we need
to start inserting these beautiful illustration as n here in the notes section, you'll find all of the links. So this is the first
illustration we'll be using. As you can see,
it's a little bit different from this one. So I'll show you how we can
customize illustrations. But first, let's make
sure we simplified this illustration
inside of storage set so we can hide the
background and as well weekend disable all of the
layers that we don't need. All we need is that character. We can as well change
the accent color to make it simple,
let's choose white. That's awesome, is you can see we have some
additional elements, but don't worry,
we'll delete them. And now we can
download the SVG file, since I already have this
illustration on my computer, religious go to insert pictures
and choose this device. Analysts find this
beautiful SVG. Here it is. Let's click Insert. Now we can select the
illustration and hold down Control Shift key to resize this illustration
from center. That's beautiful. And now to modify in
this illustration, we first have to
convert it to a shape. And now let's make
sure we ungroup it so that we can access
the individual parts. All right, so now let's delete any of the elements
that we don't need. So all of these icons on
the left side, the foam, the glasses, and as well, Let's make sure that his
pants are looking beautiful. Now let's select everything. Let's go to Shape Format, and let's make sure that we set this beautiful gray color
as the outline color. That's awesome. I can see we have Mr.
this little circle that's deleted and as well as
make sure that his hair, his pants, and this
little shadow, using this beautiful gray
color as the fill color. That's awesome. So let me check this illustration
once again. So let's actually believe
this little shadow. We don't need it. All right, Next we need to find
a book that we can insert into Jacks hands. So let's use this illustration. All right, so let's get back
to Starr said that counts. So here is the illustration
we'll be using next. And once again, let's
simplify this illustration. Let's make the
background hidden. And once again, let's disable all of the layers
that we don't need. And let's set the
accent color to white. And after that, we
can download the SVG. Okay, so let's jump back to
PowerPoint and once again, less good, insert
pictures analysts found is beautiful illustration. All right, so this damn,
all we need is just a box. So let me just increase the
size of this illustration. Layers converted to
shape layers and group. It. Hit Control Shift G to ungroup. And now let me zoom
in a little bit. All we need is that
beautiful book. Okay, so let's just use our
mouse to select the book. Let's move it to the left side and guess we'll have some
additional elements. Don't worry, let's delete
everything that we do need. Okay, now let's make sure
that we select the book. Let's just group it into
one group just like that. And as well as make sure
that we said the shape, outline, color to the same
beautiful gray color. That's awesome. Now we can delete the rest
of this illustration on the right and that book
is extracted there. So awesome. And now we
have to put this book inside the poem of Jack. So before we do that, we have to ungroup Jack. Now, let's make sure we select this front
part of the hand. Let's bring it to front. And now the book should be
behind. Let's check it. Yes, everything is looking good. That's awesome. We can rotate the
book if we wish. All right, Let's zoom out. And now let's select
everything and let's group it into
one beautiful group. Okay, So jack is ready
and he's holding a book. That's awesome. And now all that's left
for C num 1 is to add some additional books on
the left and right sides. So here we have few
more links that we can follow and go to these
beautiful illustrations. So once again, let
me quickly simplify this illustration and
leave only the books. Okay, so let's
download the SVG and less inserted into
our scene number one. That's awesome. Well let's convert this
illustration to shape and less than group at Head
Control Shift G to ungroup. And let me quickly changed the background color
of this slide or something bright
so we can see if there are any elements
that we need to delete. For example, there's why
the blob layers deleted. And now we can sit back this light background
color back to white. That's awesome. And now we can select
the individual books, position them the way we want. And lists basically create
two groups of books, one on the left side
and one on the right. All right, so the
first scene is ready, at least at the designing part. Of course, we'll have
to add animations and voice-over later on and are
less design the second scene, step-by-step together
and after Dad, I'm sure you will
know how the process works and you'll be able to
finish the rest of the scene. So to save some time,
let me copy a couple of these textboxes and paste
them into this new slide. That's awesome. And I, once again, we have to insert some
beautiful illustrations and I have added all of the links
in the notes as before. So let's go to this
first illustration. As you can see, we
have quite a lot of elements going on here. Once again, let me
simplify everything. And let me just
leave the character and his desk and
the little plant. Okay, Let's jump back to
PowerPoint once again, let's go to Insert
and let's find our illustration where Jack
is sitting at the desk. Let us increase the size
of the illustration. Let's converted to shape. Ok, and let's make
sure that we group. There's bland the monitor
and desk into one group. Okay, let's select all of
them and hit Control G. And let's make sure that Jack's tastes as a separate group. Because later on we'll
be adding animations both the jack and to
this desk separately. So that's why it's useful to have them as separate groups. And don't forget to add
that beautiful gray color to your illustration and x, we have to change the
mood of Jack because currently he's smiling and
according to this script, he should be tired at
the end of the day. So let me just ungroup Jack and let me zoom
in a little bit. Let me reuse this eyebrows
knowledge is hold down Control key to duplicate
layers, flip it around. Okay. We will create
my under eye bags. Not sure how to call them. Teabags? No, not
tea bags, I guess. I bags. So let's just make
it thinner and ledgers put it here
below the eye. And let's duplicate one more and put it here
on the left side. All right, and as well, Let's delete and this smile, and let's just insert
a straight line. You can hold down the
Shift key to make sure that the line is
perfectly straight. And lists make sure that this little melphalan
has the same gray color. And as you can see with
a few small changes, we have completely changed the facial expression
of our character. And by the way, fueled leg to
adjust how the nose looks, you can just
right-click, choose, Edit Points, delete
and over the points, or adjust any of the
remaining points. All right, so now in Jack is looking a little bit more
tired and not so happy, but don't worry, Jack, I'm sure you will find a
solution in our explainer video. Okay, so let's just
make sure that Jack is grouped into one group and
let's send him to back. All right, so we have
desk, we have Jack. Next we have to insert some additional
illustrations that represent the rest
of the script. So next we need to find
a moon and a clock data represent that Jack is working late and as well we
need a to do list. So let's just use this illustration and
to save some time, let me just copy these
illustrations from my previously created slight analysts paste them right here. And now let's focus on
creating this snoring sound. It was created just
using PowerPoint, not external illustrations
where needed. So first of all, we'll
need to insert a text box. So let's just jump to
insert tab and let's select textbox less that
will click and lists. Insert a letter Z. Let's change the font
to patriot hand. That's good. And we can use this
little button to increase the size of the font. And let's change the
font color to gray. Now let's insert one more
literary x0 less selected. And this time we can use the shortcut Control Shift comma or dot to change the font size. That's really useful
and convenient. So let's add a few more Zhi
letters and three does ATI. And just for fun,
I'll write the next. We have to create
the speech Bumble. So let's go to Insert Shapes. Analysts use the
curve tool or came. And our ledgers click around these letters and create
the speech bubble. Don't forget to connect how the starting point
would the ending point, and you will get a solid shape. Okay, so we have created
the speech bubble, but this, you can see it's blue, so we'll have to
change its look less, send it to back. Okay? And as you remember in our
Getting Started lesson, we have picked our theme colors. And as well, I have inserted this little circle with
a shadow so we can just copy the style of this little circle
with Control Shift C. Let's select our blue shape and let's hit Control Shift
V to paste the style. And one more thing that
we have to do is to add this little outline
to our speech bubble. So to do that, Let's get
back to our slide and let's just duplicate this
wire to speech bubble. You can select the original
hold down the Control key. And this way you can make
a quick copy for this capitalist Makes sure that we remove the fill and
for the outline, Let's choose this gray column and let's remove the shadow. But the work is
not yet finished. As you can see,
if we were to put this outline on top
of the speech bubble. There is no way the gap you
can see in the original. There should be a
little way to gap. And to achieve this effect, all we have to do is to add a white solid land to this speech bubble
or so less selected. Let's go to Format shape. Let's go to lie unless
add a solid line, let's make sure it's white. And for the width,
let's insert endpoints. And now when we center aligned the outline and this
white speech bumble, everything is looking
beautiful and are less. Make sure that we select both of these speech bubbles
and a textbox. And Liz group everything into
one beautiful group there. So, all right, my friends. So in this lesson we have
designed a couple of scenes in number 1 and
seen them with two. And I'm sure that now you
know how the whole process works and you will be able to finish the rest of the scenes. Links to all of the
illustrations that were used in the remaining scenes are provided and notes
of every slide. So feel free to use
the same illustration if you are following
the same script. But of course, if
you are following your own script or your
own story and feel free to use any illustrations
that fit to your scrap. All right, my friends, that
was all for this lesson. Make sure that you design your scenes before
moving to the next one. And in the next lesson we'll be bringing your scenes to lie. We'll be adding animations. So I'll see you there.
7. Animating Scene 1: Hello my friends
and welcome back. In this lesson, we'll
start animating the scenes of our
explainer video. And in this lesson we'll be
animating see number one. All right, so this
is our first scene. We have Jack, we
have some books, we have the slide title
and as well here on the right side I have decided to add a couple lines of text. And now we have to
decide how we would like to animate this scene. So for this slide title, I think we could use the
text uncover animation, and for that we need a hand. So the hand comes
in from the bottom, then it follows the letters. For that we'll have to
draw a custom motion path. And after that the
hand flows away. And at the same time we'll
have the edit text cover. And we'll have to
copy the same because the motion path and apply it
to the text cover as well. All right, and for these books, for Jack and put
these books as well, we'll just add simple flying animations with
some bouncing end. And for these lines of text, Let's just had a simple
letter by letter animation. All right, so it should
look something like this. Okay, so first of all, me, Jack is written by the hand, so awesome and he
loves reading books is just a simple letter by
letter, a pure animation. Let's check it out once again. And all of the illustrations
are flying in with a little bit of bounce
and that's awesome. And by the way, have created one more animation variation for this scene where the
hand writes me Jack, and then it goes to the
user three lands of texts. He loves reading books. So this type of animation
and requires adding more motion paths and that's
a little bit more advanced. So you will find a lesson for this one in the bonus lessons, let me show how it looks like. So me, Jack is written by hand
and then the hand writes. He loves reading books as well. So that's awesome. But for
now let's just focus on the simpler version
where this text is animated letter by letter. All right, so this is our first
slide and as you can see, the animation pane is empty. We'll add all of these
animation step-by-step. And for now we can jump to this selection pane and
hide everything for now. And let's just unhide
these line title. And this way it
will be easier to focus and animate
the slide title. And now we need to find a hands. So let's just copy hand from this landless basis right here. And let's make sure
there are no animation. So let's remove all
of these animations. So case or will be adding all of these together step-by-step. And now let's position this hand picture where
we want it to be. So here at the bottom of
letter M, that's good. And now the first
animation that we need to add as a flight in animation, we want this hand to
fly in from the bottom. So let's add fly an animation. Let's make sure the direction is from bottom. That's good. Duration, 2.5th. Okay, and now let's
continue adding animation. So let's make sure the hand is selected as good at animations. And now let's scroll
down a little bit and let's choose custom path. And now all we have
to do is just keep on clicking and follow the letters. So for the letter M, following the shape of the letter a little
bit more precisely. For the rest of the letters, I'm just clicking up and down. Okay. So make sure you click up and down for each
of the letters. And at the end just
double-click to stop drawing the
customer motion path. Okay? And for the motion
path, Let's makes sure that it is started
after previous. So first the hand flies
in from the bottom, and only after that, the hand is following the
text. Just like that. All right, looking good. And now let's make
sure that we add one more animation to the hand picture so
that the hand comes in, it draws and then it goes away. And for this purpose,
let's insert if layout animation here
it is less selected. Let's make sure it
is started after previous direction to buy them. Okay, So the hand comes in, It's writes the
decks and then it flies out. That's awesome. We can as well add a little
bit of smooth start and smooth end to the customer
motion path for the hand. Okay, So we have 1
second, that's good. And now we have to
insert a Text cover. Okay, So let's go
to Insert Shapes. Let's draw a rectangle. Let's make sure it
has no outline. And for now let's fill it with a bright color
just like that. Let's make sure that
covered the whole text. But before dad,
let's make sure that the hand stays in
front. That's good. Okay, so let's cover
the whole text for the yellow, orange rectangle. And if you remember, we
have to leave the tip of this marker hanging out just
a little bit. All right. And once the rectangle is ready, let's just select the
handle is good animations. Let's select the animation
painter analysts paste the same animations from
the hand to this rectangle. Just keep in mind that
all animations from the hand or paste it
to the rectangle. And all we need is that
custom motion path so we can delete the entrance
and the exit animations. And let's make sure that
this custom motion path happens with previous, which means at the same
time as the hand is moving. Okay, and let's check out
what do we have so far? Okay, So the hand comes
in and then the text, and the hand is
following the text and after bad, hence flying away. Everything is looking good. All right, so now we can turn this text covers
two white alleles. Just fill this with white color. And let's check
out this animation once again on the full screen. Okay, So the hand comes in,
it's rights that thanks. And then it flies away. Everything is looking smooth. All right, so now
we can continue to animating the rest of the
elements on scene number 1. So let's go to the
selection painless, make sure we show
all of the elements. So here's the hand, Here's the text cover. Let me just hide
the hand for now so that we can see the rest
of the elements better. And for this rectangle, Let's rename it to title cover. That's good. We can
hide it there as well. Now for the book
illustrations for Jack, let's just add a fly. An animation from bottom would leave a little
bit of bounce sense. So let's just add a phi and animation duration two seconds. Let's go to Animation Pane. Let's go to the Effect
Options and for the bounce, and let's add 1.5 seconds. So, okay. And let's make sure that the animation is
started with previous sold. Let's make sure we selected
these books on the left side, Let's double-click the animation
painter and lists paste the same flame animation to Jack and these books
on the right side. Okay? And for these three
lines of text, Let's add appear animation. Okay, Let's make sure these
start with previous as well. And in the Effect Options, let's choose by a letter. And for the duration
between the letters, let's choose 0.1 seconds, okay? As you can see, currently, everything is happening at the same time so we
can adjust that. Let's just make sure we show
all in the selection pane. And now let's do a couple of adjustments and the
animation pane, we can adjust the speed of
any animations that we wish. So for books left and
Jack and books right, let us set the duration to, for example, 1 second. And let's make sure
that we bring all of these three animations just
below these two blue bars, which are our custom
motion paths. That's good. And as well we can move these three little green
bars around a little bit. And this way we can
add some delays so that books left come
in first, then Jack, and then books rack, looks like a little
waterfall made out of green bars.
That's awesome. Okay, so let's check it out. What do we have so far made Jack Hills close reading books? And yes, we will be adding
voiceover very soon, as soon as we finish animating
all of the scenes, right? Everything is looking wonderful. And I make sure that you animate your first
scene as well. Before moving to
the next lesson, you might be following the same script about
audio books and jacks. So that's awesome. And if you have your own story, that's even more awesome. So make sure you
animate your scene. Use any animations and your whiteboard
animations that you wish. And in the next lesson
we will continue with anime thing that
this second scene. So how a meet you there.
8. Animating Scene 2: Hello my friends
and welcome back. In this lesson, we
continue animating this Cs of our explainer video. And in this lesson we'll be
animating scene number two. So this is how it looks like. And this time for
the slide title, we'll be adding no
additional animations because it will be animated
by the slide transition. So the first element
that we will animate, there's going to be this
desk at all fly in from the left side or
right hand for Jack, I think we can apply a printer style
illustration animation that we have learned previously. And for this text, Let's just had a simple letter by letter or a pure animation for the
rest of the illustrations, let me just use a
simple flying animation with a little bit
of bounce them. And this is how the final
animated scene number 2 should look like. As you can see, Jack
isn't being printed. That's awesome. And now the rest of the
illustrations come in with a fly in animation with a
little bit of bounce n. All right, so let me show
you how we can create all of these animations together
step-by-step and on the right. So let's jump to our
scene number two. Let's take a look
into animation pane. As you can see, you know,
animations have been added yet. That's good. We'll do everything right now. So let's make sure
we select this desk. And now we can go to animations and let's add a
fly in animation. Let's use direction from left, and let's enter any
duration death we wish. Let's try two seconds. And as well we can add a
little bit of bounce and SSL is Jim to the Effect
Options and less handy, 1.5 seconds bounce end. And let's give it a preview. So as you can see that this iss n and it bounces,
that's awesome. I think we can even make
this animation faster. So let's just add 1.5 seconds. We're looking good. All right, so now
let's enemy Jack. Let's create the
printer style animation that we have learned previously. And for that is, you know, we need a picture
of a hand solos. Just reuse this one. Let's paste it into this
line and let's just remove any animations that were
attached to this picture. We'll create everything
from scratch. So let's position the hands somewhere above and jags head. That's good. And the first animation
that we have to add to this hand as
flying animation. And let's make sure
that this animation is started with previous, together with the
previous animation. And for the duration,
let's use 1.5 seconds. Alright, and now let's add
this custom motion path. And before doing
that, let's make sure that this hand picture has a
little bit of transparency. So that weekend, see the
illustration beneath it. That's good. And Alice just select
the hand analysts draw this custom motion path, and let's make sure
that we're zigzag down and cover the
whole illustration. And as you remember, at the end of the
custom motion path, just double-click to
finalize. There's good. And now let's jump into the Animation Pane and
let's make sure that they discussed the motion
path started after previous. So after the hand flies in, only then the customer
motion path will be blade. Okay? And now let's head
back the transparency of the hand to fully visible. That's good. Okay, so let's check it out. What do have so far
desk comes in, hand, comes in, and Jack
has been printed. But as you can see, the hand
movement is quite fast, So let's make it a
little bit slower. We can change the hand
animation duration from two seconds
to three seconds. And let's check it
out once again. And this time, as you can see, the hand has a
little bit more time to make all of the movement. And of course we still
have to add a cover that covers Jack and goes with
the hand at the same time. So you already
know how to insert covers for text and
for illustrations. So I'll just speed up and
meet you in a second. Just make sure that this cover is below the
rest of the illustration. So basically Jack should
be at the bottom of the whole selection
pane lists and discover should be
just one layer above. Okay, so the rectangle or the illustration cover
has been added and all that's left to do is
to copy and paste the animations from the
hand to this rectangle. So let's make sure that
the hand is selected. Let's go to animations and let's click on the
animation painter. And now let's click on this
yellow, orange rectangle. And now it gets all of the
same animations from the hand. Let's just remove
the flame animation. We don't need it. And for
the custom motion path, Let's make sure it happens with previous together with the hand. Okay? And now everything
should be working just fine. So let's
check it out. The hand comes in and now it goes down together
with the rectangle. That's awesome. All right, so now we can
turn the rectangle twice it, and check it out on
the full screen. All right, so let's test it out and Jack is being printed. But here at the bottom left
corner, as you can see, we could see the illustration
a little bit too soon. And this means that our
cover was not wide enough. Don't worry, hold
down the Control key and let's just make it
wider, just like that. And I'll list this
that out once again, right, everything is
looking smooth as butter. And one more animation
that we have to add to this hand is a
flyout animation. Okay, so let's make sure
that the hand is selected. Let's go to Add Animation
button and let's choose fly out animation
duration 2.5th. Let's makes sure that after
the previous day's good. And now for this
text, Let's just add a simple appear animation
and our ledgers double-click this animation and let's jump
into the Effect Options. Let's make sure that
animation is happening by a letter and duration
between letters is 0.05. So that's really fast animation. Okay, and at the same time, let's make sure that we move this text animation a
little bit upwards in the animation pane
lists so that it sits above the hand flower animation. And let's make sure
that the text animation is happening with previous, which means it's happening at the and time when the
hand is printing Jack. That's awesome. All right, then the final
animations that were still have to add for this slide are simple flying
animations for the moon Clark to-do list and
the sleeping sound. So we'll start with this moon M Clark had a VLAN animation. Choose direction at a
little bit of bounce sand, and then use the animation
painter and paste the same animation to the
rest of the illustrations. And that is to do list
and the sleeping sound. Okay, so all of the
plan animations were added successfully. And our waking due
to selection pane, make sure that we
show all the shapes. So we show the hand and
the rest of the things that we are hidden and
a weekend checkout, a final animation jack
is being printed. That's awesome. And after that, we
can see the rest of the illustrations come
in from the sides. That's awesome. All right, ladies and gentlemen, so in this lesson we have successfully animated
scene number two. So before continuing
to the next lesson, please animate your
scene number two if you are following
the same script, that's also make sure that
the scene is animated. If you're following
your own story, that's even more awesome. And since you
already know all of the main whiteboard
animation techniques, we will speed up in
the next lesson and finish animating the
rest of the scenes. I'll see you there.
9. Animating Scenes 3-5: Hello my friends. And this lesson we will finish animating the rest
of the scenes, scenes 3 to see number 5. All right, So let's
jump to slide number three and let's blend
the animations. So once again, for
the slide title, we don't have to add any
additional animations. It will be animated by
this slide transition. And for Jack, we will use
printer style animation. And for these Cloud
the illustrations, we will use simple
flying animations with a little bit of bounce. And so it should look
like something like this. The hand comes in,
it prints Jack. And after that, the rest of the illustrations fly
in from the sides. Easy-peasy, lemon squeezy. Ok. And for the scene number 4, I think we could use pretty
much the same animations. And Jack would be
printed by a hand and the rest of the illustration
would fly in from the sides. Okay. So let me show you how this
scene number 4 would look like so that Jack has
printed he has a nice bike. And then the rest of the
illustrations fly in from the science with a little bit of bounce and that's awesome. And for the last
scene, scene number 5, we will as well use some flying animations for
this illustration on the left. And as well use a flat animation for the text on the right. And for this green
scribbled will use your replay animation. And for the website address a simple letter by
letter, a pure animation. And this is how it
should look like. All right, so all of the
animations have been bland and weekend
jump into the action. And actually in
terms of animations, seen number three and number four are pretty much identical. To see number two, we'll have to add a printer
style animation to Jack, and the rest of
the illustrations will come in from the
sides where they fly an animation with
a little bit of bounce n. And since
you already know all of the animation
techniques that we need for a scene
number 3 and number 4, I will speed up and meet
you in slide number 5, which will be a
little bit different. So I'll meet you in a second. And just a couple
of quick tips while I'm speeding through
slicer 3 and 4. So make sure that you
reduce the transparency of the hand picture when you're creating a custom motion path. This way you can see the
underlying illustration better. And when you are
creating a rectangle that will cover
your illustration, make sure that this
rectangle is pretty wide. And this way it will
definitely cover the whole illustration and the animation will
look just right. And if needed, you
can always jump to the selection pane and
rearrange your objects. Usually the jack
illustration should be the most bottom illustration and the selection pane lists. And one level above should be the cover of the
Jack illustration. And as I have mentioned that
in number 34 are pretty much identical to see number 2
in terms of animations. So that's why we're
speeding through. And if you'd like to know the exact durations that I
have used for the animations. And C Number 3 and Number 4, you can just jump to
class project slides and there you will find
all of the information. All right, my friends, so this
is our scene number five. We have an illustration on the left and some
texts on the right. So let's start
animating these guys. We can reuse this flying
animation from a previous slide. Let's just use the
animation painter and let's paste to
this fine animation, to this illustration and
this textbox and lists made sure that we set the flex
direction that we wish. Now. Okay, and there's
little green arrow and there's a circle that you see at the bottom
of the slide where created with the drawer feature. So I'll show you a couple of variations where we are
using the draw feature. And in case you don't
have this feature, I'll show you what
you can do instead. So first let's use
a draw feature. Let's go to draw.
Let's became Marker. Choose your favorite color,
thickness, and analyse. Just draw an arrow
with our mouse. Of course, you can connect a graphics tablet
if you have one. If you'd like to draw a more precisely looking
arrows and circles. But I think this one
is looking nice. You can always hit
Control Z to undo. Okay, and now we can
select these green guys. Let's go to animations and
less at the replay animation. And now PowerPoint will
be able to replay and redraw this little green
arrow and the little circle. That's awesome. Let's make sure that the
animation starts on click. That will be really helpful when we will be
adding voiceover. And as well, we can fine tune or the duration in the
animation pane on the right. And for this textbox,
your website.com, Let's just add a
simple appeared letter by letter animation
on the right. And now let's check out the
fully animated scene number 5, or looking good. And as you know, there's a green scribble
was created with the draw feature and
in case you don't have the drawer feature
in your public version, let me show you what
you could do instead. So for now, let's just
delete the green scribble. And let's say that we don't have the draw feature and
our PowerPoint version. So in this case, let's
just go to Insert Shapes and let's choose
the free form shape tool. And now let's draw the arrow and I'll just draw
a simple line. I guess where does you could
use the line tool as well? Now let's select a free
form shape tool once again, and let's draw the
tip of the arrow. That's awesome. Now let's make sure that we select them both
with these guys. And let's go to land options. We'll have to add some width. So let's choose the color. Let's use our theme,
greenish bluish color. And for the width,
let's use ten points. And as well for the cap type, let's say choose round end
as well for the miter, let's choose round as well. All right, so the arrow
is finished and of course you can adjust heart
looks like if you wish. And now all that's
left to do is to draw a circle around the
website address. And for that we'll
use the curve tool. Okay, so all you have to
do is just click around this textbox and you will get a nice natural looking circle. It doesn't have to be perfect. If it's a little bit shaky, it's even better this way
it looks handwritten. And now we can use the shortcut
Control Shift C to copy the style from the arrow and let's paste it to our circle. That's awesome.
However, if you wish to adjust how your handwritten
circle looks like, you can always right-click
and choose Edit Points. All right, and now
let's make sure that the arrow land and the arrow tip are
grouped into one group. That's beautiful. And now we can apply
a wipe animation that this arrow choose white
shoes direction from top. Okay, For the
animation duration, let's use 0.25 seconds. There's good. And let's just move
it upwards a little bit in the animation pane. Alright, And for this green
circle, Let's select it. Let's jump to animations, and let's find an animation
that's called wheel. Here it is selected. All right, and in
the animation pane, let's set it to start
with the previous, unless just the animation
duration or the right, ladies and gentlemen,
So this was an alternative way to animate scene number 5 in
case you don't have the draw feature and it's out
of your PowerPoint version. And I went to
congratulate you because the finish line is
not so far away. All that's left to do is to Adi what silver background music
and some sound effects. So before moving to
the next lesson, make sure that all of your
scenes are fully animated. And after that, jump into the next lesson where we
will be working with sound. So I'll see you there.
10. Adding Voiceover: All right, My friends,
are you ready? In this lesson, we'll be adding voice-over sound effects
and background music. So by now we should have all of our scenes animated
and ready for sound. But before we jump to
the world of sound, Let's check out all of
these animated scenes one more time in one go. All right, so this
is our first scene. As you remember, the first
animation is started on click. So let me just jump to
the animation pane. And let's set this
first animation to start with previous, which means that the
animation will start playing automatically and everything
will flow in one go arrest. So this is our first
scene. Meet Jack. He loves reading
books, That's awesome. Here comes the next scene. Legally, Jack is having less and less dam
to enjoy his books, has to work late. He has never ending to-do list. And he's feeling tired at the end of a day
and don't worry, we will add the proper
voice-over later on. Now I'm just
following the scenes. And luckily, Jack has
discovered audiobooks. Now he can basically a listen to his books anytime
during the day. That's super awesome. All right, And in this scene we have a
little bit of information, how Jack enjoys his books. He can find any book he listens to professional
narrators. And he can enjoy his
books on any device. They're super-duper awesome. And here's the last
scene call to action. If you'd like to get
your audio books, you can go to this
specific website. Of course, this is just
a sample website you would insert and I
think that you wish. Ok, so now one important thing regarding the slide transitions. So for all of our scenes, for all of our slides, I have applied the push slight transition
direction from right, except the first slide
which has fade transition, but the rest of the slides
have Bush transition, which helps to animate
the slide titles. All right, now let's jump
into the world of sounds. Let's go to slideshow and let's click on the
Record button. And here we have this awesome looking slideshow
record interface. And the first time when I
saw this red record button, I thought that once
I click this button, powerpoint will record the
screen and create the video. And actually it doesn't
create a video right away, but it does are the
important things. And the first one is it
records your voice over, so make sure that your
microphone is connected. And next, PowerPoint recalls how much time you
spend on each slide. And after that
PowerPoint will add automatic slide
transitions based on your timing. Here as well. You have the notes button, you can check out your notes. You can increase the
font if you wish. And by the way, if
you'd like to add some text to your nose here at the bottom of the screen we have this little button notes
and just click on it. And here you can type in
anything that you wish. And once you are in the
slideshow record mode, you can check out your
notes. That's awesome. All right, so once you
click the record button, a countdown will appear
from three to one. And you can add your voice over. And once you're done,
just click on stop. And this way you will add
voiceover to a single slide. But if you wish, you can
continue to the next slide and basically add your
voice-over to all of the slides. Just keep in mind that the
PowerPoint doesn't record voice-over and when the slide
transition is happening, so make sure that you
have finished your voice-over for the first line, then transition
to the next slide and then continue
your voice-over. And once you're finished,
just click Stop. All right, so let's click
on this record button and let's try adding
a voice-over. Me, Jack, he loves
reading, works. Alright, and once
I have stopped, as you can see now we can
replay the voice-over. Me, Jack, he loves
reading books. And once we click weekend, go to the next scene and
replay the next scene. But since we don't
have anything here, Let's get back to
the first scene. And as you can see, the
replay button is blue, which means there is some kind of recording
attach to this slide. And we can clear the recording
from this land or weekend, cleared the recordings from all of these lines if we wish, and are less exits these
lecture recording mode. And as you can see here
in the first scene, PowerPoint has added
our voice-over as a little speaker
symbol. That's awesome. And in the animation
pane weekend as well, see this play animation, which place our
voice-over automatically. And now let's jump
to slide transitions and let's check if
we have any changes. And yes, this slide
has been set to auto transition
after seven seconds. And now let's check if this
audit transition works. Me. Jack, he loves reading works. That's awesome. And that
we should transition to the next slide. Here it goes. Yeah, it's good. And if you feel that
we had to wait a little bit too long
for the second slide, we can of course, reduce the time after which the
slide transition happens. So let's try five seconds. Me, Jack, he loves
reading works. And here comes a second slide. Easy peasy, lemon squeezy. Alright guys, so we have the voice-over for the first slide. And now let me add
the voice-over for the rest of our scenes, I'll jump back to the
slideshow recording mode, had the rest of
the voiceovers and meet you in a second.
All right, my friends. So the rest of the voiceovers
have been added and now all of this lies have this
little speaker assemble. And if we jump to these
light transition tab, we can see that automatic
slide transitions have been added as well
based on custom timing, based on how much time
I spend on page slab. And if we jump into the
Animation Pane weekend, see that the audio play
animation has been added. To all of our voiceovers. And just make sure
that there's some Royce Silver Play Animation sits at the top of the
animation list. All right, and now let's check
it out on the full-screen. Me, Jack, he loves
reading books, but lately, Jack is having a less and less time
to read a book. A long hours in the office. Never ending to-do list leaves him tired at
the end of the day, had no time for a book. Well, luckily, Jack has
discovered audiobooks now he can listen to his favorite
books while commuting, working out,
shopping, or anytime during the day when he
wants to relax his eyes. Now a jack enjoys a wide
range of audio books from every genre or read by professional narrators
on any device, phone, tablet,
computer, or e-reader. If you would like to start
your own audio book Journey, go to your website.com and start enjoying your audio books today. All right, That was looking
and sounding pretty awesome. So let's make it even more awesome and less adding
background music. So to add a background
music ledgers germ to insert our
players go to Audio, enlists audio from BC, and I'll just use this song. Let's click insert. All
right, and by the way, you can germ to a sled
40 to open up the notes. And here you will see all of the sources all over
the links to all of the audio files and music
and the sound effects that I have used for
our explainer video. Alright, and now let's select our background music
file and let's see what's happening
in the animation pane. As you can see, the plane
animation has been added. Okay, let's go to the
playback options. Let's make sure that this sound, this music is playing
across the slice. Let's make sure that this starts playing automatically
and as well, we can set the
desired volume level. Let's keep it long. Alright, and we can hide the speaker icon
during the slideshow, solid cyclic height
during the show. That's good. And let's
make sure that we move the animation to the top of the animation
less and our lives. Check it out on the full-screen. Me, Jack, he loves
reading Berg's, but lately, Jack is having a less than less
time to read a book. All right, That was wonderful. We could hear the
background music and we could hear
the voice over. Now let's go to sound effects. So in the first scene, Let's
say that when Jack comes in, we would like to hear some
kind of sound effects. So let's just double-click
on the hijack animation. And here we can see
enhancements, enhancements and, and so you can basically choose any sound
provided by PowerPoint, or you could insert and use
your own sound effects. Just keep in mind that
your sound effects must have the WAV file format, okay? So I have chosen the wish
number form and as well, you can adjust the loudness
for your sound effects. That's awesome. And click Okay, so now when the fly in
animation will happen, the sound will play
at the same time. So let's check it out. Me. Here loves reading works. I'll write that was
wonderful, acrid. Definitely hear a wish
when Jack was fine in, and now let me add some more
sound effects to the rest of these illustrations in
the rest of the scenes. And I'll meet you in a second. Are the right ladies
and gentlemen, more sound effects
have been added. For example, for this
moon illustration, I have added crickets, quiet sound effect.
That's awesome. N For example, for this
working out illustration, I have added sound
effects and are, we are pretty much
ready with everything. We have animations,
we have sound. So let's check it out
on the full screen. Me here loves reading books. But lately, Jack is having
a less and less time to really long hours in the office. Never-ending to-do
list leaves him tired at the end of the day
and no time for a buck. Luckily, Jack has
discovered audiobooks now he can listen to his favorite
books while commuting, working out,
shopping, or anytime during the day when he
wants to relax his eyes. Jack enjoys a wide range
of audio books from every genre or read by professional narrators
on any device, phone, tablet,
computer, or e-reader. If you would like to start
your own audio book Journey, go to your website.com and start enjoying your
audio books today. All right, my friends, that was super-duper awesome in
satisfying to watch. And in the next video
we'll be exporting all of these enemy that slaves
were sound into a video. I'll meet you there.
11. Exporting to a Video: Hello my friends and welcome to the final lesson of this class. There will still be a
couple of bonus lessons, but then this one, we will finally export our
explainer video. And now let's just scroll
up a little bit and find our beautiful five
scenes or five slides. But the animation, voiceover, background music
and sound effects. All right, and to export your slides to a video is
a really simple process. Just go to File, Export and click on
create the video. Just keep in mind
that PowerPoint will export all of your
slides into the video. So in this case, we have 54
slice in our class project, and we would like to export
only these five slides. So let me show you
how we can tell PowerPoint which slice
we would like to export. So first let's make
sure we select all of this line is
you can hit Control a to select everything
and then just right-click and
choose Hide slides. So all of this lines are hidden. And now let's just
select and those five slides that we would
like to export. Let's select them and choose unhide or just click on
the same button hide. It will basically
unhide these slides. And now when you will
export the video, only these five slides will
be included in your video. And we can even start the
presentation from beginning and check if slide for the three is the first line that
we see and years, Here's our first scene, so everything is
working just fine and now we're ready
to export the video. So once again, let's go to File, let's click on Export and
choose create a video. All right, so choose
quality that you wish. I'm going for, for k. And let's use the
timings that we have recorded with a
slideshow, record them. The y's are appointed would devote five seconds
for each slide. And let's click on Create Video, and I'll just choose
what you would like your video to be exported, your video and click on Save. And once the progress
bar is finished array, you have your awesome video. And let's just check if the
video has been exported. Let's go to downloads and yes, heroes are freshly
exported explainer video. They had super awesome
and now my friends, you have successfully
completed this class. Congratulations. Now you are an expert
whiteboard video created in PowerPoint. Next, if you'd like
to learn more, there are a couple of bonus
lessons waiting for you, so I'll see you there.
12. Bonus Lesson - Advanced Illustration Animation: Hello my friends and welcome to this bonus lesson where I
will show you how you can create this advanced printers
style animation where first the outline is being printed and after
death and the fill. So now as you can see, the outline of this
superhero is being printed. And after that, the
hand will come up and fill this
illustration with colors. And that's why the
animation is called printer style,
outline, and color. So let me show you how we
can create it step-by-step. And before we jump
into the action, let me show you how this
slide was constructed. So first of all, we see
this white rectangle. This is a cover that
covers the outline, okay? And below the outline, and we have another
rectangle that covers the fill of
the illustration. So we basically
have four layers, we have two covers, and we have one layer with outlines and one
layer with film. So it might sound a
little bit complicated, but don't worry, we'll do
everything step-by-step. So first let's just insert
a fresh, blank, new slide. Let me just copy this
picture of a hand. All right, let's
paste it right here. And for now let's delete
any animations attached to this hand picture
will create all of these animations
step-by-step. Okay, now let me find the
illustration or B, Superhero. He should be somewhere around here or getting less copy him. Let's get back to our slide
and hit Control V to paste. And as you can see, our hero
has this white outline. We don't need this solely
just ungroup the hero. And let's select this
white outline and less deleted so that we have
only the illustration. Okay, now let's make sure that our hero is flying in
the middle of the slide. That's good. And as well weekend, bring the hand a little bit
closer, just like that. Okay, and next we need to
duplicate our hero because on one layer we need
to have outlines and on the second layer
we need to have fills. So let's choose this
guy in the center. Let's go to Fill Options. Let's actually go
to Line options and lists use no lines, okay? So this guy will be
only the film, okay? And as you can see, PowerPoint
says there are no film. But if you click on any
of the shapes in science, you can see there are fills, so everything is awesome. Just make sure you
select no line. And for this guy on the left, we would like to have
only the outlines. So let's fill him
with a white color. And now we only
have the outlines. That's awesome. But as you can see, once
I move this guy from the left and put him on top
of this guy on the right, the field gets hidden. And for this animation to work, we would really need to see
through and see the fill. And you might say that we
could use this option no fill. But once they activate
no-fail, as you can see, you are getting these
intersecting lines. And now of course we can
see the fills below, but these intersecting lines, they don't look pretty. And let me show you a
workaround that I have found. So first of all, let's put this outline hero back
to the left side. I'll game. And I'll just right-click
on this outlines guy. And let's save him as a picture. Okay, we can choose PNG format. Name your picture, and save it. And now we can delete
the outlines hero. All right, and now
let's jumped Inkscape. Don't worry if you're seeing
Inkscape for the first time. It's a free open-source
vector program. You can go to
Inkscape.org and download Inkscape for Windows or
Mac for absolutely free. And we will use Inkscape to extract those hero
outlines that we need. So now let's just go
to File, click Import, and let's find that
picture death we have saved and PowerPoint
outlines PNG. All right, so here's our
outline hero. That's great. Let's make him bigger and let
me change the dimensions of the page so that the page has the same dimensions
as our hero image. Let's just click on this button, resize page to
drawing or selection. That's awesome. All right, and now let me show you how we can extract
those outlines. So let's make sure that
the image is selected. As you can see, Inkscape says
it's an image and I will, Let's go to Path and let's
choose Trace Bitmap. Okay? And here we have
this input field called brightness a threshold. So let's just happen
0.9 and click Apply. And Inkscape will vectorize
our outlines hero. And now we can select
the original image. We can move it to the
side and less deleted. And all that's left is our newly extracted
vector outlines. That's super awesome. We can change the color
of these outlines, of course, if we wish, but let's just keep it
black or dark gray. Okay. And was especially awesome is that these outlines
are see-through. As you can see, we can
see the edge of the page. And this is what we need. We need this see-through
outlines and now we can save this file as SVG and then
inserted into PowerPoint. Now the ranch where bag home
where back in PowerPoint. And now let's go to
Insert, go to Pictures. And here we should
find our outline, SVG. All right, so here is our
hero and now we have to match the size to this
fill like a hero. So let me just copy the height
value from this fill hero. Let's just copy that value and let's make sure
that we insert the same height value for this outlines hero and Audi should be matching
just perfectly. And you can make sure that the lock aspect ratio
checkboxes activate it. So once you insert
a new value for the height and the value for the width,
proportionally change. And a weekend align
these two guys and see if everything is
looking good or right. So now we have the
outlines and we have the fills on separate
layers as super-duper. Awesome. Let me jump into the selection pane and
let me rename these guys. Okay, so for the outlines, Let's just call this
layer outlines. All right, and this one, let's call him Phil. So now let's land
these two heroes once again so that they are
sitting in the same spot. We'll actually flying
and that setting, Let's bring them
closer to the hand. That's good. Okay. And for the hand itself has dropped down the transparency
as we usually do, because it's useful to see the underlying illustration when you're drawing
custom motion paths. And now in the selection pane, Let's just hire the
fill for now because now we'll be working
with the outlines. Ok, and make sure
that the hand is always on top and
the selection pane. And now let's start
adding animations. So the first animation
is for the hand. Hand has to fly in. So let's make sure that
the hand is selected. Let's go to animations and
list a flying animation, animation duration 1
second and as well as give it a smooth end of 17 as well. All right, looking good. Next we need to add a custom
motion path to our hands. Or let's just scroll down here. Is that just the motion path? And Alice just zigzag down and cover the
whole illustration. And since you already know how to create these kind of zigzag, because the motion
paths I'll speed up and meet you in a second. Okay, So the customer
motion path has been added. Now let's just had bag
the transparency of the hands so it
is fully visible. That's good. All right, And in the
animation, painless, make sure that the
customer motion path starts after previous. Ok. And for the duration, let's enter, for example, six seconds, so that we have a little bit more time to
appreciate the animation. And three seconds, smooth
start and smooth end. And this is how it looks
like the as beautiful. And as you know, we need to insert a cover. And this time it will
cover the outlines layer. And since you
already know how to insert covers for illustrations, I'll speed up a little bit
and meet you in a second. Okay, and now let me slow down for a little bit because
now we will have to add animations to this rectangle
that covers the outline. And for that we can use
the animation painter to paste the animations from
the hand to the rectangle. Let's just remove the flash animation that we don't need it. And for the custom motion path, let's make sure stats with previous together
with their hand. So as you can see, once
the hand is moving down, the rectangle is
moving down as well. Okay? So everything is looking
good and now we can turn this rectangle to white. Let's just go to Fill Options
and let's pick white color. Okay, and now the first
part of the animation, the outline animation
is finished, and now we can start working
on the fill animation. And for now let's just
hide the outlines and the outlandish cover so that we have less elements on the slide. And now let's continue adding custom motion paths to the hand. So the hand first goes
down when it draws the outlines and after
that it has to go up. So for this reason, let's
just draw this line so that the hand could come up and continue drawing the fills. And in the animation, painless makes sure that the second motion path is
happening after previous. And for the duration,
let's use 1 second. And this is how the
animations look right now. So the hand that GMS is exacting down and
drawing the outlines. Of course we have hidden
outlines for now. And then hand comes up
and it should continuous examine for the second
time and draw the fill. So let me speed up and add the second customer motion paths exact animation to the hand and I'll meet you in a second. Okay, so the second
custom motion, the zigzag animation,
was created. So let's make sure
once again that it's happening after previous. And once again for the
duration that we can use a six seconds, okay, and now let me insert a
cover for the fill layer, okay, so once again,
you know how to do it. I'll just use the
rectangle and make sure that it covers the
whole illustration. And as well, Let's make sure
that the hand stays on top. And once the field
cover we'll be ready. We will use the animation
painter to paste the animations from the
hand to this filled cover. And as you can see, all
of the animations have been pasted from the hand
to their full cover. And of course, we don't need
all of these animations. So let's delete the
first three animations. All we need is that last
custom motion path. And let's make sure it
starts with previous, which means it will be animated
together with the hand. Alright, and now we can
turn this color to white. And now let's jump
to Animation Pane and let's see what's going on. So the hand is successfully
printing the filler layer. That's good. And now we can go to
selection pane and make sure that we show all shapes
will show on objects. So now the hand should print
the outlines layer first. And after that, the fill air, okay, and as always, we can add a flyout animation
to the hand picture so that once the hand is finished drawing how the illustration, it will go away. I'll write my friends
and outs, Stan, to check out the final
result on the full screen. Okay, So here comes the
first layer, the outline. That's good. And now the hand comes up and it prints the
second layer, the filter. Super-duper. Awesome.
All right, my friends. Now you know how you can create this advanced printer
style animation with outlines and fills. Thank you for
watching, and I'll see you in the next bonus lesson.
13. Bonus Lesson - Advanced Text Animation: Hello my friends and welcome to this bonus lesson where I will show you how you can create multiple texts,
uncover animations. As you can see, hand
writes me Jack, and then you try to these
three lines of text. And now let me show you how you can create this
type of animation. And to save some time,
Let's reuse one of the slides that we have
created previously. And let's check
out the animations on this slide once again. So you can see the slide title
is written, that's good, but the rest of the text
has the simple appear, let their bilateral animation. So let's just copy this slide. Let's scroll down to the
bottom of the slide. List, less space. Let me show you
how we can change. There's a simple
letter by letter, animation to animation where all of the text is
written by hand. And first let's jump into
the animation pane and we can delete this literal
bilateral, a pure animation. We will need it
and how to make it easier for us to work
with this slide, we can jump to the
selection pane and hide some of the elements. So I think that we could hide
the title cover for now. Okay, and now we can jump
to the animation pane and start adding some
additional animations to the hand picture. So first hand, tolerate me Jack, and after that, it should
go down to this text box. And for this reason,
as good animations and less add additional
custom motion path. For this reason, we could as
well used land motion path, but let's just use because
the motion path Glick wants to start drawing and
double-click to finalize. All right, so here we have added this additional
motion path. Let's make sure that this
animation sits above the hand flowered animation and that it starts after
previous game. And as well for these
three green bars, which are flying animations for the different illustrations, we can adjust them a
little bit as well so that they are ending
at exactly two seconds. Okay, and for the straight
line motion path, I think we can reduce its
duration now it's two seconds. I think that's a
little bit too much. Let's try 0, 14 seconds. Okay, let's check out
how the animation. So looking so far. Okay, So the hand writes me Jack and didn't it goes to
the next text box. That's awesome. All right, so let's select
the hand picture and now let's add one more
custom motion path. And this time we will have to follow the first
line of the text, which is He loves. Okay. Yeah, so let me just
zoom in and let's make sure that the hand
picture is selected. Now let's go to Add animation, and let's add one more
custom motion path. And our lives just
click up and down and cover at least two
words he loves. And once you're finished,
just double-click do exit. And once again,
let's make sure that this animation sits
above the flower. Animation starts with
previous and duration 2.5th. Well, actually it should
start after previous. So let's just change that
after previous. That's good. All right, so let's check
out what do we have so far? So the hand should come down, it should write the
first line of text. And after dad, it
should fly away. Okay, so everything is
working as expected. And now let's continue with
the second line of text. And for that you get to try it. We'll have to add one
more custom motion back. And this time let's just
draw a straight line so that the hand would move to
the second line of text. And once again, lists
rearranged in the animations, in the animation pane lists. And let's set the
desired new ration. And now let's continue with
the second line of text. And this time let's add
a custom Motion Path. And let's trace and
the word reading. Okay, and once again, let's rearrange
the animations and set desired and durations. Alright, and this is
how the animation, so I'm looking so far. So now the hand writes the first line of
text and the second. Okay, so now let's
repeat the same steps for the last line of
text for the word books. All right, and now let's
check out how the animation. So looking so far. So me Jack is written then he loves reading
books, That's awesome. Now the last thing
that is missing is, of course, the covers for
each line of the text. So let's go to Insert Shapes. And unless insert a rectangle, okay, let's make it
bright and orange. Now let's make sure that this rectangle covers
the first line of text. That's beautiful. And now we can hold down the
Control Shift key to make two more duplicates for the rest of our lines of text. And now let me jump to the selection pane and
let me rename these guys. One could be to
anchor with three. And as always, let's
make sure that we bring the hand
picture to front. All right, and now we can
start animating these covers. So let's select
cover number one. And instead of copying the exact customer motion
path from the hand, Let's use just a simple
line motion path. So let's go to line
motion path. Here it is. Let's use direction, right? And now let's just adjust the ending position of
this line motion path. So let me just zoom
out a little bit. We should find this red
arrow or red bubble. And now let's just
bring it in a little bit closer and just like that. All right, and now in
the animation pane, we have to make
sure that we place this animation in
the correct order. Okay, so write the mode here. Hand comes down to the
first land of texts, which means we have to bring this color one animation
to the same place. Let's make sure it starts with previous and it has
the same duration. Okay, so let's check it
out if it's working. Alright, so here comes
the first line of text. And as you can see,
the cover has moved, so everything is working fine. So let's just use the animation painter and
paste the same animation to the rest of the covers
and place them in the correct spots in
the animation list. Okay, So let's check
out the animation. The first line of text
is being uncovered, then the second one,
and then the last. So everything is
working just fine. All right, so let's join
these three colors to white, and let's fill them
with white collar. And after that, we will
be pretty much finished. And let me just jump
back to the selection. Pino is made sure that we
show all of the objects. All right, so that the
slide title is covered. That's good. And now we can check out
the final animation. Congratulations my friends. Now you know how you can create multiple decks,
uncovered animations. Thank you for watching. If you would like to learn more, please check out my
other bonus lessons.