Transcripts
1. Introduction: Good animation can
be a wonderful tool to enhance the clarity
of your message. This course contains six short through PowerPoint
animation example. Each one will provide you
with understanding of a key animation feature
that can be used to take your slide design
to the next level. Some of the default
animations used in PowerPoints could be worse than having no animation, a tool. Using animation That's
opposed the content can bring your slides to life
and engage your audience. We will use the
spin animation with repeat option to create an
animated cloak and show you how you can bring your
slides to life using video in the background while
animating texts over the top. I will show you how to create
an interactive menu using animated 3D models
and explain how to create an image mask to
add depth and any design. You will learn to use
the Morph transition to create an animated
3D rotating tablets. And we will finish by using
the draw tools and in Greek play to create text that looks as if
it is drawing act. By the end of this course, you'll be able to apply the
skills learned to create animations that you
would have previously thought impossible
in PowerPoint.
2. Animated clock: In this example, we will create a clock using the
repeat option and spin animation
using a simple hack to rotate from the
correct point. The first thing
we'll do is click on oval and add it to our page. If we right-click and
choose Format, Shape, I can go to the Size and
Properties and I'm going to choose 12 centimeters
by 12 centimetres. I also want to
make sure it's got no fill that the outline
is a bit thicker. I'm gonna go for 6 for this. Just make it a bright
standard blue. So it's very easy to see
what we're working with, just going to align it to
the middle of the page. There's the outside
of our clock. Now let's add the hands. Let's do the minute hand
first, we'll click on line. Go from the center of our page. We'll go up to about
here, as before, six points and make it the
standard bright blue color. We're also going to change
the cap type to round. Now we have the minute hand. Let's animate it, because
once we've done it, once, it'll be really easy to duplicate it to make
the other hand, the animation type
we're going to use for this is going to be a spin. But if you just had
a spin to something like this on its own,
watch, what happens? It will always go from
the center point. So we don't want that. If we add an oval, we can start here. And then if we hold
down Control and Shift, you can see it will expand
from the center out. That's perfect. I'm going to
fill this with a very light gray so I can still see it
and give it no outline. Just what we're working with it. Eventually it will
have no color at all. And then send it to the back. Now, I press shift click
to select the minute hand, as well as this circle I have. I make sure they're
fully aligned. I press Control G to group. Now when I go to animation and
spin, That's looking good. So now if we click once, will have selected the group. But if we click a second
time on this gray circle, we just select the gray circle. We can go to color. And we can choose
white when this case, because we'll have a few laid
over the top of each other. I'll probably choose no fill. So when we play this, we'll have one rotation. I will click here to go
to the animation pane. Double-click to timing. And we'll select repeat
until end of slide. And I'm going to select
this, the duration. And I'm going to change
this to five seconds. I'll tell you why elder, five seconds in a minute. So if we play that, that
should now be the minute hand. Now let's quickly duplicate
to make the hour hand. So we'll click on this control D will just drag this out
of the way for a minute, just so we can see what
we're working with. I'm going to click twice to make sure I've selected
the hand and then just make it a bit smaller for the hour hand that we'll do. Then I'm gonna go
to the duration on this one and change
it to 59 seconds. You might notice this is
actually the maximum duration you can have on any
animation inside PowerPoint. And we'll select start
to be with previous. Will click on this. We'll align it to the
middle. Excellent. Those are our hand
and our minute hand. And the reason I set it to 59 is because that's the maximum. And I set the minute
hand to five seconds because 59 divided by
12, which are the hours. Is it close to five seconds? It's close enough anyway, it
looks good in the animation, which is what matters
at the end of the day. So let's get in a second-hand
and then we're done. Control D again to duplicate. Just drag it out of the way, just so we can see what
we're working with again on this one. I'm going to make
it about that tool. And I'm just going to change
it to make it a bit slimmer. So say 2.50 and I'm gonna make it
semi-transparent as well. 50. This wants to
animate really fast, so you could probably
put it at about 2.5th. It doesn't really
matter on this one. If you do it too fast, you won't see all the frames. Let's have a look at
the speed of that. Align it to the middle. There we go. Our animated clock, just a few minutes
directly in PowerPoint. It's a very simple
animation to get that. It's just a really good
way of understanding some of the fundamentals of
animation in PowerPoint.
3. Animated text over video: This example shows how to bring
your slides to life using video in the background while animating text over the top. The first thing
we'll do is go to File blank presentation,
right-click layout blank. I'm gonna go to Insert
Video, stock videos. And this is the video
I started with. You can click on that
and click Insert. Now I will just align it to
the top-left corner and drag out the bottom corner
until it snaps. Now let's add the
text will go home. Click on the text box, click anywhere on the page. And I'm going to type motion. I'm going to make this white
pop in size 100 and bold. Then we'll align
it to the middle and align it to the
center of the page. I also adjusted the character
spacing on this example. And to do that, we can go
to this section that's got AV and the arrows underneath in the front part
of the Home ribbon. And you click here to drop
down and go to more spacing. And I actually want it
to be expanded by 50. Now we'll just drag
this out so it fits. Realign it to the center. Now we're good to
add the animation. So for this first example, I'm adding a T to animation and setting it to animate by letter. So let's click on the word. Go to animations, click on Data, then click on Animation Pane. And when we double-click on the actual text,
we get options. And one of them is to
animate text by letter. So I'll click Okay on that. And you can see that's
the effect I used. We also need to make sure that
it starts with the video. And to do that will make sure the text is selected
in the animation pane. And we'll go up to start, and we'll choose with previous. So now when we play that, it animates with the
video background, There's our first
animation done. I'm going to quickly paste in some other videos to show you
some more great examples. So I'll just paste in
my video slides that I have previously to save time. And each one of
them has just got the text on with no animation. I'm going to show you how
you can animate these encode different ways and also how you can make the video. Go on to the next slide before the whole clip is finished
by using the trim function. So for this second slide, we're going to do a floating. So we'll click on the text. When we're on the animations
part of the ribbon, you can choose floating. By default, that floats
in the whole word. If we double-click on the
text in the animation pane, again, we can choose by letter. We'll just have this on ten per cent delay and we'll
click Okay, great. And now we'll put start with previous again, same as before. So the video will play and the text will come
in with previous. That's great. Let's show some more examples. On this slide. We're going
to add a Zoom by letter. So we'll click on the text of the animation part
of the ribbon. We're going to choose Zoom. It'll default to zooming
in on the whole word. But we can go to
the animation pane, Double-click on the text box, and choose animate text
by letter for timing. We're going to make this
duration 1 second and press. Okay. We also need to make
sure it starts with previous, starts with the video. Great. For this example,
we're going to use a really fast blink to
get a strobe like effect. So we'll click on the text, will click on this
drop-down box here to go to more than the blink is
actually an emphasis, but it's not in here. So we go to more emphasis of x. And you can see
there that it says blink under exciting.
So we'll click on that. And click, Okay. Now we can double-click. And in the effects settings, we can go to animate
texts by letter and in the timing to get
the strobe like effect, we're going to make sure the
duration is extremely fast. So it goes down to
nought 0.5 seconds here. But you can actually just
click in here and type nought 0.1 and will also repeat
until end of slide. We can also adjust this
to go with previous, which does the same
thing as doing it in the timing box over
here with previous, great, There's our
strobe like effect. On our final example. We're going to use
a font color effect to change the font
color really quickly. And I'm going to show
you a tip on how you can choose any
color for that. So we'll click on the text, will go to Add animation. And we'll choose font color. That would just default
to a font color up here under Effect Options. And you can see that
you can't actually type in a custom
color in this box, but there is a way to do it. So I'd actually
like to use one of the colors in this
actual video background. To do that, we can just draw any shape and we can go
to the eyedropper tool. And then I can move
this anywhere. And it will get the
color I want to use. I'll pick this one. Now when I go to Shape
Fill and more fill colors, There's actually a hex
value for this color. We can press control
C to copy that. And I close this box down and delete this because we
don't need it anymore. Then when we double-click
on the animation pane, you can choose the
font color in here, and you can go to more
colors in this option. Now, we can simply select the hex and paste
in our color value. And then we can press Okay, so now that's going to use the color that I picked
from the video background. I also want to make
it animate by letter. I'll go into the
timing section again. I want this very fast, so I'm going to use
nought 0.1 seconds. And I'm going to
choose to repeat until the end of slide and start with previous.
Now we'll press OK. And you can see that's
a cool looking, very fast animated effect. You can adjust this to
any speed you like. The look of that suits the
material you're working with. So for example, we
could go to timing. We could actually make
this a bit slower if we wanted to, such as 2.5th. And you could see the effect
happened more slowly. And finally, I'm going to show you how you can
use trim video to automatically be
able to play through these slides without
having to click advance. So we'll click on
the first slide. We'll go to transitions. Will make sure that in the
advanced slides section, the after box is ticked on. At the moment, it will
actually wait till it plays the entire video
and then advance. But if we right-click on
the video and choose trim, you can drag this red bar
down to wherever you want. So if I wanted it
to be two seconds, I might type naught,
naught, naught two. Now, after two seconds, that will automatically
advance to the next slide. We can just quickly apply
that to the other videos. Right-click trim. In this box. Type too. Great. So now when we play
that from the start, it will all happen
automatically. That's a really good
tip for when you're using video over
multiple slides, you can make the presentation
into one continuous piece. Let's play from the start and
see what we've got. Great. So that's a really
good way of using the letter and the speed to make cool-looking
video effects.
4. Animated 3D model slide zoom: In this walkthrough, I will
show you how you can easily create an interactive menu
of animated 3D models. We'll go to File new
blank presentation, right-click layout. Blank will quickly add
the background and the text so we'll
right-click, choose Format, Background, go to
picture or texture, fill, insert stock images. And I'm going to type sky. Insert this image. Quickly add the text. 3d animated. Model, Zoom, make
the text white. Poppins, size 40. Old. Drag this out and align
it to the middle. Now let's add the models that we're going
to zoom between. The way to set this
up generally is to create the things you want to zoom to on different slides. So we're just right-click
here and add a new slide. And on this slide, we're
gonna go to insert 3D models. And you can actually add any of your own models
or any that you've downloaded from the internet
by going to this device. And you can see here all the different formats
that are supported. Or you can go to 3D models, stock 3D models, and that uses the inbuilt
PowerPoint ones. If we get an animated models, just going to pick up this
hummingbird here first, takes a few seconds to
download it and add it in. And we can scale it up to
whichever size we want. And when we go back
to our first slide, now we can add the Zoom. We'll go to Insert. And under this link section, you can see it says Zoom. I'm going to select Slide Zoom. And then I'm going to choose
the slide I want to zoom to, which is slide too. I'm going to drag
this over here, make it the size I want. If you enlarge it on
the second slide, it will also show it
bigger on the slide here, because this is effectively just a link to the second slide. So now we just need to
do a couple more things. Once we've selected this, we can go to Zoom. There are some options. I want to select,
return to zoom. And what that will do is that
when we click on slide two, it will come back to slide one, will effectively zoom
into the object. And when you click again,
it was in backed slide one, which creates a
smooth transition. One other thing we need to do is go across to this section, which hides the
background. Perfect. So just play that. Now. When you click
on the hummingbird, it will zoom into it. Animate it. When you click,
it will return back. So let's just add the others in. As a reminder of how to do this. We'll right-click,
choose new slide, insert 3D models,
stock 3D models. I'm going to go to
all animated models and add this scary-looking wasp. Then we can go back
to our slides. Zoom, insert, Zoom, Slide, Zoom, and just pick slide three. Again, the two settings
that we need to change returned to Zoom
in Zoom background. Now when you run this, whichever one you click on, it will zoom into that. Animate it. When you
click, it will zoom back. And you can use this
with any slides. But here's a fun example where you can use
it with 3D models. We'll just quickly
add the other two that I had in the first example. New slide, insert 3D
model, stock 3D models. Go back to our first slide. Insert, Zoom, Slide, Zoom, and just select the slide
we want and press insert, and just drag it wherever
we want it to go. Make sure the two settings
we tend to Zoom in. Zoom background is selected. Finally, add the balloons. Go back to our first slide. Insert Slide, Zoom,
pick this slide. But anyway, we wish we can
scale this up if we want to. Just by holding the
corner handles. Go back to our first slide. We just need to remember to do the two settings under Zoom, returned to Zoom and Zoom backgrounds turn
the background off. Now when we play this, you can click on any
element we've added, such as these balloons. Zoom straight into them. They'll animate and you
can click to zoom back. There we go. Remember that we
can use Slide Zoom for any slides we wish. And it's good to know that you can turn off the background in it and even use
animated 3D models.
5. Animated image masking: In this example, we will use the inbuilt
PowerPoint tools. So no Photoshop
required to create an image mask to add
depth to any design. The first thing we'll do
is get our image that we're going to use as
the mask and we'll go to Insert Pictures. Stock images will type dog. This image will work
well because it will provide good contrast. And I can see
straight away where I might want the
text to be masked. And now we can crop it
to the full screen. So I'm going to click on it, choose picture format, crop, aspect ratio, and choose 16 to nine because that's
our ratio of the screen. If I hold down Shift, I can move it to wherever
I want to crop it to, which is about there. Now if I drag it will snap
to the top left corner. And then if I hold
onto the bottom-right corner point and drag it, I can lock it to the
bottom right corner. And there's our
full-screen image. I'm now going to add my text. Click a text box, type Dog. Change the font to
Poppins, bold, 200 points. Drag this out, align
it to the middle, change the text to white. And then I'm going
to add a shadow. So I'll start off
with an outer shadow. And I will just increase
the blur and the distance to ten to add quite
a strong shadow. This is about where I
want my masks to be. So we're now going to click on the background
image of the dog. Press Control D to duplicate, align it back so it's exactly on the top
of the other image. And we're now going
to show you how you can use the Remove
Background tool to create the mask will go to picture format and we'll just
click Remove Background. What this is doing is
PowerPoint is trying to work out which part of the
background you want to keep and which you don't. Sometimes it will do a really
good job straight away. And other times it's
quite random and you can just paint in with
these tools up here, Mark Areas to keep, Mark Areas to remove. So I want to add some
extra areas to keep. So I'll click on
Mark Areas to keep. Then you can just
roughly painted in and the computer will actually
do the work for you. It doesn't have to be exact. You can see it's doing a
pretty good job when I just paint over it
roughly with the pen. It's working out pretty well
what I'm going to keep. So when you click Keep changes, we now have a layer
over the top. And if you want to add
some animation to this, they aware that this
image is over the top. I'll just drag it so you can see if you wanted to
click on the dog texts to add some animation. We could do it in
a couple of ways. One good thing to
know is that you can go to arrange selection pane, and then you see the
three things you have. I can even rename them. So this is my dog mask. This is my dog background. This is my text. I can just turn off the dog
mask visibility for a second. Then I can go to animations, add animation, motion path. That's pretty much what I want, will just reverse
the path direction so it comes from underneath. I'm gonna go to the
animation pane. I'm going to select
a smooth end. Going to take the timing
down to 1 second, back to the selection pane
and turn on the top layer. Now when we play nearly there, but when adding a motion path, you often want to start
it off is not visible. And the way to do that is
to click on the text box, go to animations,
add an animation. In this case, just
a fade would do. When we go into the
Animation Pane. I like to drag the
actual motion path underneath and select
start with previous. So all that will do
is when a click now, the text will fade on and
move at the same time. So let's play that.
That's great. Just going to show you
another quick example to show you again how to
remove background works. Insert pictures, stock
images, type Panda. This is the one we want to use. I'm going to go to crop
aspect ratio is 16 to nine. Again, we'll drag
it up into the top, pull out the corner handles. This one's got some color in it. So I'm going to show you I can
easily take the color out. You can right-click
format picture. Go over to where it shows the landscape and the
sun here, picture, picture color, and
put the saturation on note that we'll just take all
the color out straightaway. Now we can add our text.
I'm going to type panda. Make it white. Poppins again. Bold. Size it up. It should be about
right. I'm just going to place it about there. Now we click on our panda background Control
D to duplicate. Move it back into
the right place. So now we can click
picture, format, remove background,
see how it does. That's pretty good
to start with. You can click green to
mark areas to keep. For example, we might
want to add this in. The animation is
coming from here. And if the mask is
coming from here, then we can click Keep Changes. Now, if we go to the
selection pane, again, picture for is our top image, which I'll call panda mask. Picture two is our background. This is our text. We might want to move our
text slightly out the way. And if we wanted to animate, it, would do is before. We can go to a line animation, which is left, which is
Reverse Path Direction. One second, click on
the animation pane, double-click, choose smooth end. Then we just need to
make sure that it fades on at the same time as we
did in the previous one. So go to Add animation. Fade. Again. I like to drag the
movement underneath the Fade and then choose
start with previous. So if I play that, That's great. So really quick way of using remove background
to create a mask, to add some depth
and create interest. And you can apply
this to all sorts of images and make some
great effects with it.
6. Animated 3D photo tablet: This example, we will create a moving 3D rotating
graphic tablet using just PowerPoint shapes or photo and the power of the Move tool. We're gonna go to
the drawing section and choose rectangle, rounded corners, and
just click anywhere. If we right-click on this
and choose Format Shape, then go to the size. I'm going to make this 16
centimeters by 13 centimeters. Then I'm going to
choose to fill it with black and give it no outline. Then use this little yellow dot here to adjust the
rounded corners to suit. That looks about right. I'm just going to quickly
paste in the images I used. And I'll show you how you
can set these up so they go perfectly inside the image without squashing them
or stretching them. So firstly, we'll duplicate this shape by
pressing Control D. Just fill it in white so we
know what we're working with. I'm going to align both
of these together. And then I'll click
on the white one. And I'm going to hold down
control and shift to size it. You can stop wherever you think. The bezel on the iPad
graphic looks good. I think about there is good. Now because these
rounded corners will be slightly different. I'm going to pick
up the yellow dot and drag it a little bit in. Yeah, I think that looks good. Now let's get the
image in there. So we'll go into the
image that I paste it in. I'll press Control C and
Control V. There's our image. If I drag this over the top, we can size it down to how
we want it to look inside. Now I'm going to right-click
and choose crop. Just use these little
black candles to bring this up to crop it to the right place for the frame. This will stop at stretching because sometimes you can
have widescreen images. They would stretch a lot. In this case, it's
a portrait image, but we still want
to make it look as good as possible
without stretching it. So now I'll click on the image, press Control C,
and then delete. Now we click on the white
right-click Format, Shape, picture or texture fill, and then choose
clipboard. Great. We will now select everything. Control G to group. Now let's add the 3D rotation. So for this, we can
go to Shape Options, effects, 3D rotation. And then we'll
just pick anything from perspective down below. So the first one, and that just adds 45 degrees perspective. Now, we can type in what
we wanted, the x, y, and z rotation, and you can choose whatever you
think looks good. In this case, I chose 315 for x, 323 degrees for y, and 356 degrees for z. Then we'll go to 3D format. And I chose 20 debt. For the depth color. I just chose a gray. Now, we can size
that down a little bit and position it as we wish. So there's our first one. Now I'll show you
quickly how you can duplicate this and change the Imagenet quickly
without having to recreate the graphics.
So Control D. After we click on this, we'll drag it into position. I would like this one to
be 4323 is fine for that. 343 for that. And you can see that's added a very strong lighting
effect, which is the default. Just added a neutral
three-point light. If we choose the
11 along balance. You can see that
resets the lighting nicely to make it look
more similar to this one, we can also choose
balance here too. Now, let's change the image
in this one on the left. So we'll go to our images that I pasted in earlier, Control C. And then go back to our
three-dimensional iPad graphics. And then we'll need to click
once as this is a group, and then click a second
time on the image. Now we've got the
image selected. And you can see that by this
line that's drawn around it. So now when we go to this
little paint bucket icon, which is the fill options, we can choose clipboard. And it will fill it
with the image that I copied great quickly. Just draw in the background
and shape that I had, which was just a rectangle. Give it a shape,
fill no outline. Right-click and
choose center back. Nice. Now let's
add the animation. To do this, we'll click
on the first slide. Press Control D.
Make sure that on the second slide we go to
transitions and choose morph. Then go back to the first slide
and set our start points. I'm going to drag both
of these up slightly, then change the rotation
slightly so they're rotators, the animating, which
has a nice effect. For this start, I'm going to use 373123461333 x rotation 325 degrees. Why? 345 said. Now, when they play in, you can see that rotate in
a nice way is they reveal down and you can set the rotation to anything that
you like, that looks good. Finally, as a bonus, I'll show you how you
can quickly change the images in these
without having to recreate any of the graphics and without stretching the
images that you choose. So I'm just going to paste
in the images to save time. You can get any of
these images you want by going to Insert. Then choosing pictures,
stock images, and typing in the search bar
what you're looking for. These, I just typed portrait
and chose the ones I liked. So I'm going to Shift
select to select our two slides and Control
D to duplicate them. Then from slide three, this is going to
be our variation. So I'll change the fill
color to a dark gray. Then we have two options here. The quickest one I think, is to keep the
animation as it is. Not have to redo that. But just change the
pictures on both slides. If we go to our picture
that we want to use, press Control C, click
once, click again. Go to fill and choose clipboard. Looking good, and then go to the end slide
in this animation. Click once, click a second
time and do the same thing. Then we'll go to get
our other image. Go back to our first slide. Click once, click a second time. Phil, clipboard. Looks great. And we'll just do it
on the final one. Click once, click a second time. They'll clipboard. Just going
to turn more from the slide in-between so you can see
how it will leave and move back to the new color variation. And then we'll play
from the start. That's great. So you
can see how you can easily create graphics
from scratch, display photos in them, and then easily change the
photos when you've added things like animation
and 3D rotation.
7. Animated writing out text: In this example, I will
use the Draw tools and the inquiry play
animation to make some texts look as if
it is drawing out. I'm going to click up
here to create a textbox. I'm going to type some text. I'm going to choose meow
script and make it 180. I'll align it to the middle. Because it's got a massive
S in this font in capitals. You can just visually align it until you're happy with
where it is in the middle. And that's about right. So to make it easier
to work with, we'll go to Format Background, and we'll just
choose a gray color. And the way we get this to
work is we actually draw over the entire text in the order we want it to reveal
and reverse it. So let's get drawing will go to the Draw
section of the ribbon. And here you can choose a pen. If you go to the drop-down, you can make sure that it's
the thickest one possible, which is 3.5 millimeters. White is fine. Now we can draw over it in the reverse of the way you
would expect it to write out. So I'm going to go
from the bottom right and then draw
over it in that way. So I'm going to click to start. Then I'm going to
hold the mouse down. Which is important that you
keep your mouse held down. As you draw over this, you can actually let
go of the mouse. But if you do, it will
create two animations. And ideally, it's easier to use this as just one animation. Will want to continue until all the black of the texts
lettering is covered. Now I can let go of my mouse. So if we go to the animations
pane and click on our ink, we can choose replay. And generally, this will be
the option that you use for drawing out animations as
you drew them with the pen. But in this case, because
we want to reveal the text, we're going to choose rewind, which plays the drawing
of ink strokes in reverse. There we go. That's looking good. So if you haven't quite covered
all of the black, you can right-click
on this and choose Format ink and change the width that will
make it thicker. And you can also
change the color. So we're going to
change the color to the blue that we're going to use for the
first background. So we'll choose light blue. And then we'll right-click
on the background and choose Solid fill and
choose light blue for that. Also. You can adjust the time it takes to write on
by clicking on it, going to animations and
changing the duration. I'm going to set mine
to three seconds. You can see that even
though the text is blue, it will actually
show white when you click on it so you
can see where it is. Now let's play that and
see what we've got. Great. We're just going to
make the text white. And to do that, I
can either click on this and send it to the back first so I can get to the
text I want to make white, or I can choose it in
the arrange panel. Just for reference. That's in the selection pane. And you can change it
here by clicking on it, which is textbox three. So I'm going to make
this text white. Now. Then right-click
on this center back. Now, it will write out as at
the beginning in my example. Great, I'll just
show you how you can make the color variations. So if we click on the slide and press Control D to duplicate, I can right-click on the
background, Format Background. This one, I'm going to
choose gold axe and four. Then I can click on the
drawing that's covering it. Go to Shape, outline, and choose the same
color as the background. So we'll just play that. Great. So I'm just going to
do the final color that I had in the example
at the beginning. Control D to duplicate slides, right-click Format Background, choose a solid fill, and we'll choose the standard
color, light green there. And then we'll click on the
drawing and go to Shape, outline, and choose
the green there. Now when we play this, you'll see the exact example
had at the beginning. Remember, you can use this with any font and any text you like. The trick is to go to the
Draw section to hold down the mouse volume right over the whole thing in reverse to
how you want it to reveal. Then add the
animation to rewind.