Hey everyone, it's Dale here again from Crazy Good PowerPoint. During the Google I.O. keynote last week, they had a really good text animation as they introduced each section of their presentation.
So I thought I'd recreate this in PowerPoint and then show you how it's done. You can use this as a video intro or to introduce new sections in your presentation. It's up to you.
Let's get going. Alright, so in this slide animation, there are three key sections. So the first thing we're going to do... is bring in this awesome text and then we'll come straight to this next slide and we'll have this text move to the left and for the very last slide we'll just do a morph which ends up in the middle. So we'll come over and we'll start fresh with a brand new slide.
So first thing we'll do is come in and insert the text box and we'll just make it the full width of the slide and I'll type in awesome. Now I've already set this as a default text box. And you can do that if you right click a text box and you set default text box, then whatever settings that you had will remain there whenever you insert new ones. So in this case, I've got Montserrat semi bold, I've got the font set to 115, and I've got the color set to black.
Beautiful. Next, I'm going to right click the background and go to format background. And we're going to change the color to the same color that Google used, which is the Google blue.
Now I have that saved here. and I've got the color code on screen for you to use as well if you'd like. Next we're going to duplicate this text so click on it and whilst holding down ctrl shift I'm just going to click and drag it up and I'll get another version of that text because one of these is going to be a solid text and the other one's going to have an outline effect so let's see how that's done.
I'll go over here and open the selection pane because in a moment we're going to rename these as one has been outlined and one will be solid. So this one on top we're going to leave solid because we want that to appear above the outline. So on the second one, which we can see is on the bottom, we're going to come to text options. In this case where it says no fill, just click on solid fill and then back to no fill again. Just one of those little quirks of PowerPoint.
And then come down to text outline and select solid line and we'll choose black and increase the width to one point. Perfect. Now whilst holding down shift, Select both text boxes and now we're going to add the animation we want.
So go to the animation tab and we'll click the appear animation. Now this animation might seem a bit boring for now but what we're going to do is animate each letter one by one. So to do that we'll go to the animation pane and you'll see our option here.
Click this drop down. We'll start this with previous and we'll click the drop down again and come to effect options and where we'll see animate text. We'll change this to by letter and to speed things up a bit we'll change this to 0.1 seconds. Perfect!
Now we want the outline text to animate first and then the black text to come in afterwards so we just need to delay this a little bit. So what we'll do to make it easy to identify is we'll select this text box. Let's rename it now. Now over here I can see we've got our solid and outline. And I want the solid to come in after the outline, so I'll click it here and I'll drag it down below, hover over and we'll just drag this across until we delay the start by 0.3 seconds.
If I click play all, you'll see that there's a bit of a delay between the two, which looks great. Let's select both text boxes, come to our align tool, we'll select align to slide, and then we'll align them to the middle of the slide. And now they're perfect. Let's try that Beautiful.
Now we'll want this text to actually come in on a motion path. So push Ctrl A to select both. When adding more effects, be very careful not to come into the animation here again because you'll just change what you've already selected. Instead what we want to do is come to Add Animation and we'll choose the motion path. Now in this case it's moving down, so come to Effect Options and we're going to reverse the path direction.
We also want to speed this up a bit, so we'll change the duration to one second. We'll set this to start with previous, and what we'll do, we'll also go to the effects options, and we want to give this a smooth start only, and actually have an abrupt ending to it. Click OK, and what we want to do is have this animation start with the very first animation. So let's try that now. Fantastic!
That's our first slide done. To create the next slide, Come to the first slide and we'll right click and we'll duplicate it. Come to animation pane and we'll delete out all of the animations. We'll drag this text out of the way because in the second slide we don't need the underline for the text one.
What we'll do is rename this one to be our text 2 outline. And we'll come in here and we'll just type in slide intro. Now push Ctrl D to duplicate this and I'll just drag it down a little bit. And I want this one to be solid so click on this text box, go to Home, Format Painter and we'll paint that format onto this slide intro.
Now hold down Ctrl A, select All and we're going to increase the font size in this case to 190. I'm just going to zoom out a bit and you'll notice here that this E from the Awesome is cut down. So let's just make these a bit wider. So hold down Ctrl and drag it to the right and it'll actually resize it equally on both sides.
Perfect. I'll now realign the slide intro with the first slide intro text and we'll move these into position. That's looking great, but we want the text to actually be positioned where the slide's going to end its animation, and that way it's ready to morph into the next slide. So we'll select both of these, and we're just going to hold down shift, and we're going to drag it to the left, roughly about the distance that the motion path will allow for. That means when the motion path starts, this whole text will be on the slide, and then it will animate off to the left.
And we can also see they're not perfectly aligned, so I'm just going to come up here to the align tool. Now I don't want to align it to the slide, I want it to align to the objects. So I'll select that, then come back in here and align to the center. Much better.
Now because we've already set the animation the way we want it on the first slide, we can copy that over to the second one. So I'll come here, select the text, go to animations tab and click animation painter. Then go to the second slide and click on slide intro.
Beautiful. Now in this case it hasn't got the outline one underneath and that's okay we'll fix that up in a moment. Now we don't want this motion path to come in from the bottom so select this animation, come to effect options and we want to change this to right.
And then come into Effect Options again and reverse the path direction. There we go and that's exactly what we want. I'll just drag this out of the way. I'll go to Animation Painter and I'll paint that same animation to the outline text as well.
And I'll do that again for the awesome text. Perfect. Now for the awesome text, we don't want the letters to animate in, so we'll come in here, we'll just delete this animation.
Right, and now we just need to make a few little changes to the others. Now I notice I have too many things called text to outline, because silly me, I forgot to change the naming of that in the selection pane. So I'll do that now. I'll click on the slide intro, which is the solid one, and I'll just rename it here to solid.
And just to get it in order, I'll drop it down over here. Now that makes a bit more sense. Now we want the outline to animate first, so I'm going to drag this animation to the top.
And when I've done that, it drops it back to the start. So I've got the outline coming in first, followed by the solid animation, and then the motion paths as well. Now these motion paths are a bit long, so I'm going to hold down shift and then select all three at the same time.
And I'm going to decrease the duration. to 1.25 seconds. I'll also come to effect options and in this case I want it to have a smooth end which I'll set to 0.5 seconds and I'll come back into effect options and I'll get rid of the smooth start. Let's see what happens.
Perfect. Now let's move this solid text back on top of the outline. You'll see where it's snapped in perfectly.
I'll click here and let's just preview that. That looks fantastic. Now before we morph onto the next slide, I want to actually make this outline text disappear because it makes the morph look a lot smoother.
So to do that is I'll select this text and again I'll just add a third animation which is disappear. And I want this to happen straight after the other animations finish. We're nearly done. So let's come to this second slide.
We'll right click, we'll duplicate it. Now on this one, we don't need any animations at all. So let's delete them all. Select both sets of text. We're going to decrease the font size down to 80. We'll align it to the center of the slide.
So click align to slide. Click center. Now I'm going to move this slide intro up a bit. And as I said before, we don't need this outline, so I'm going to delete this.
Now I want to make sure this is perfectly centered. So I'll select both sets of text, hold down control G to group them, come up here and we'll select align to middle. And now we'll ungroup them so the morph works. So hold down control shift G and we're set to go. We also want to change the background color so we'll right click, go to Format Background, we'll change the color of the background to white.
Fantastic! Now there's only one more thing we need to do. We need to make sure all of our slides have the right transitions on them. Now the first two slides we don't want any transition so I'll select both by holding down shift and selecting the second one.
Come up to Transitions, make sure that None is selected. We want these to animate automatically onto the next slide so we'll click. here in after zero seconds.
We'll uncheck the on mouse click and we'll just come down to duration and just set it to the smallest we can. That will mean that this slide will transition to the next one straight after the animations. Then come to our third slide and on this one we want it to be a morph. So come to the morph transition and we'll speed this up a bit to 0.75 seconds and let's preview that again.
Fantastic. So let's check that out. Now that's looking fantastic and I'm pretty sure you probably get a job at Google now with those skills.
And the great thing with this is once you've created it you can come in and edit the text and you reuse this for as many sections or video intros that you need to. Well I hope you learned something today with this video and if you did please click that like button for me as it really shows a lot of support to the channel and helps me grow. And if you'd like to see more videos like this please subscribe to the channel and make sure that you don't miss any future videos. I've also included a download link in the description below.
That's it for today. Thanks so much for watching and for those who have subscribed to the channel, thank you for your support. I really appreciate it. See you next time.