Motion Graphics in PowerPoint - Create engaging animations in your slides or videos

1. Course Introduction: Motion graphics in Powerpoint add a dynamic and engaging element to your slides or videos. You can incorporate animations, transitions, and effects to make your slides more appealing. Motion graphics are essentially a combination of animation and graphic design and are great for explainer videos, product videos, social media, or just to share information. We will move away from basic stop start animations the audience would see in a typical Powerpoint presentation to create a more fluid dynamic style typical of motion graphics, We will start by covering the basics of using multiple animations, motion paths, and the more transition. Then we will put these techniques into practice to create motion graphics with entrance and exit animations and additional moving elements. I will then take you through a series of example walkthroughs, each one highlighting a different set of ideas and innovative techniques. By the end of this course, you'll be able to apply the skills learned to create motion graphic animations that you would have previously thought impossible in Powerpoint. I hope you enjoy the course and please get in touch with me if you have any questions. 3. Animation Basics : To create effective motion graphics using Powerpoint, it is often necessary to combine many animations on each slide. It is therefore important to master certain basic techniques that will be needed time and time again in the various examples that follow. These include adding multiple animations to single items, the animation pane and time line, the animation painter motion paths smoothing the start and end of animations and the morph transition. Firstly, multiple animations. On this page, I've set up a simple blue background and a white circle in the center. We can now go on to the animation section of the ribbon. Click animation pane to reveal the animation pane. As it's always useful to have that open when we're working with animations. Now I'm going to add a zoom to this, so I can click on zoom and it will simply in if we play that, it will just in very simple. We can also see this zoom in the animation pane. I'll just expand this a little. When you roll over this item in the animation pane, it will say on click Entrance zoom on the Windows version of Powerpoint. If we click on any of these other effects, it will simply replace the animation we had with the one we've clicked on. I'll click control Z to undo that. It goes back to the zoom if I want to add another animation to this same item, so it does a zoom and then something else. I go to add animation. I'm going to choose an emphasis, this first one pulse. Then when I roll over this item in the animation pane, it will say that on click the emphasis animation should happen, which is a pulse. I actually want this to happen after the other animation, so I can go to start and choose after previous. Now when we run this, it will zoom in and add the pulse animation at the end. We'll just run that once more, zoom in and add the pulse animation. That's how you add multiple animations to any item. There are many ways that we can move things around in Powerpoint, but sometimes the default options need to be tweaked to mimic the type of motion you see in motion graphic videos in this example. Now I'm going to add a fly in and then a fly out to move this circle in and out of the slide. I can click on this. If I select Fly in from the animations, it will replace the previous animations we had with just one animation of a fly in. I'm going to change the direction so it flies in from the left. Now I want to add another animation which is a fly out, so I can click on the object. I won't go to here and click on Fly Out. Otherwise that would replace the animation with just a fly out. I'll control Z to get back to the animation I had which was just to fly in. Then I'll go to add animation and make sure I choose fly out from here. I will also change the direction, go to Effect Options and choose to write. By default this will happen on click, but I want it to happen after the other animation has happened, with a second pause in between. For that, I can set this to start after previous. The second one is selected, which is the fly out. That now happens after previous. Now the circle will fly in. And then after that it will fly out at the moment with no pause, I want it to stay in the middle for a second so I can click on the second animation. Go to delay select 1 second. Now it will fly in, wait 1 second, and then fly out. Now for this, I'd like to use a smooth start and a smooth end. To do that, we click on the first animation. We can either right click and choose Effect Options or double click. For the first one, I'm going to drag this smooth end all the way up to the end. This will smooth it down as it gets to the end, which is a really nice effect. Now we can double click on the fly out, select the smooth start slider, and drag it all the way to the right. Now it will start smoothly, so it will start slowly and then speed up. Now when we run that, it will come in quickly and slow down, and then start slowly and speed up. The smooth start. And the smooth end can be used to give some really nice dynamics to your motion graphics. 4. Animation Painter: Next, the animation painter. This allows you to copy multiple animations, settings, and timings from one shape to another. In this example, the circle on the left has the zoom in and the pulse that we added earlier. If I want to apply that to the circle on the right, I can simply go to the animation section of the ribbon. Make sure that the item I want to copy it from is selected. Then click on the animation painter and click on the object that we want to copy the animation to. If we run this, you can see that the animation has been copied to the yellow circle. We can also use the keyboard shortcut shift C to activate the animation painter. Firstly, we make sure the shape that we want to copy the animations from is selected, and then we press Alt shift C. Now you can see at the top that the animation painter has selected. I can roll over the object that I want to add the animations to and then click, and you can see that the animations have been added. If you wish to copy the animations to multiple shapes, you can click on the item you want to copy the animations from. Double click the animation painter and then click on each. You can either go to the animation painter and click on it to turn it off so it won't paste anymore or just press escape as before. You can also use the keyboard shortcut all shift C, I'll click on the item we want to copy the effects from. Then I can roll over each of these shapes and click on it to add the animations. By using the animation painter, you can copy multiple animations between multiple shapes. 5. Motion Paths: Now let's take a look at motion paths. We can click on this box to drop down or go to add animation. Motion paths will be at the bottom. For this example, we'll just add a simple straight line, but you can see there are preset options for different sorts of lines. We can go to Effect options and choose which direction we want this to go in. I want it to go right on the page. Now when I run this and click the animation, it will move from the beginning to the end of this motion path. We can click on the end of the motion path and then click on the red dot. And if I hold down shift, it will keep the vertical position the same. Now it will move further across the slide. If I double click on this item in the animation pane, we can see that a smooth start and a smooth end has already been added, as that is the default for a motion path. This gives a nice effect, but you can remove it if you choose to. With motion paths, it is often more important to accurately control where the shape ends rather than where it starts. In this example, I've put this circle inside a circle outline. If we add a motion path to this, I can drag this off to the side using this red dot. Just going to zoom out a bit using control in the mouse wheel, and then drag it off the page. At the moment when we run this, it will actually move in that direction, but we can click on it and then go to Effect Options and choose Reverse path direction. Now the red dot becomes the start point and the green becomes the end point. With this, you can be very precise over where the image finishes because you can just drag this anywhere and that's where it will finish. And you can also use the alignment tools. However, now the circle will be shown before the motion path animation happens To stop the circle appearing, we can go to add animation and choose something like fade. This should be an additional animation. We don't want to click in this section here on the Windows version of Powerpoint, otherwise it will replace it. You can see there are two animations in the animation pane. The first thing I want to happen is the fade. So I can click on this and drag it up. Then secondly, I want the motion path to happen with the fade. I can click on this, go to Start, and choose with previous. Now the circle will start off the screen and fade off. As I click it, will fade on and be brought onto the screen with a motion path aligning perfectly in the circle by using a motion path. The reverse path direction option and additional animations such as fade motion paths, can be very powerful in creating motion graphics inside Powerpoint. 6. Morph Transition: Unlike most of the animations you will use in Powerpoint, morph is a transition. The content you would like to animate should be present on two or more slides, but arranged differently. You can move, resize, or modify objects to achieve the desired effect. To show you simply how to use the morph transition, I will animate this circle in two different ways. The first way would be to add an animation, such as a fly in. To recreate this effect using morph, you'd have one slide where the circle was to the left and the other as it is. Now if we go into thumbnails, control D to duplicate, I'll select the first slide, hold down control, and use the mouse wheel to zoom out slightly. Then click on the circle while holding shift, drag it to the left. With slide two selected. We want to go to transitions and choose more. Here is our animation using the morph transition, which when you go back a slide, will also reverse the animation. If you'd like it quicker, you can change the duration of the slide transition because Powerpoint automatically creates a smooth animation that transforms the objects from their positions on the first slide to their positions on the second slide. You can animate many objects quickly and easily. In this example, I have a number of panels on the screen. And by using the morph transition, I can animate them all on nicely. I'll start with a slide in the finished position of how I want the panels to end up. I'll view the slide. Thumbnails on the left, control to duplicate control in the mouse wheel to zoom out. Then I can pick these panels up and move them off the screen. So I'm going to click on them, hold down, shift and drag. These can go anywhere you want them to. By moving them further off, it creates a nice staggered effect as they come in. Now we go to slide two, and under transitions we make sure that morph is selected. Now if we run that, you can see that all the panels slide in nicely. You can also apply other effects such as items shrinking or enlarging on this first slide. If I select this keyboard panel, hold down control and shift and drag from the corner, I can size that up. Now we can start with a large image of the keyboard panel and then zoom back to reveal the detail when we go to the next slide. Again, if you wish to speed up this transition, you can simply click on the slide. Go to Transitions, and under timing, choose a shorter duration. Now this will happen over 1 second. Again, you can go back to the previous slide and it will reverse the animation. For one more example, let's use this simple diagram to show you some uses for the morph transition. This is just a basic cycle smart art diagram. A nice way of presenting this might be to zoom into each stage and have some more information. We can do that with the morph transition. We open the thumbnails for the slides. Here, control D to duplicate. Then we'll click on slide two. Go to transitions and select the morph transition. Now on slide two, we can move this down, holding down control and shift, drag out the corner. Now we've made stage one bigger. We can add some information text, which I'm quickly going to paste in for this example. Now when we run from the first slide, we can see it will zoom in and reveal that extra information. I can then duplicate slide two while it's selected. Again with control D, Drag the process over to where we want. Delete the text that's not relevant to this section, Quickly add some information text. Then once we're done going through all of the stages, we could just duplicate the first slide control D, drag it to the end, make sure that the morph transition is still selected and you can see how it zooms back. If we play that from the front, it will zoom into stage one, reveal the extra information. Zoom across to stage two and show the information for that, then zoom back. The morph transition can be a very powerful tool for explaining processes and adding any motion graphics to your slides. 8. Basic Entrance and Exit Animation Techniques: Before we look through the more specific ideas and examples that this course contains, let's take a simple example to show how the basic techniques can be used. While it's great to use lots of graphics to tell your story, usually text is a major component in motion graphics. Since we'll be adding various motion effects to the text, it is essential that the text is short, simple, and easy to read. Here I'm just starting with a basic circle and a text box in the middle. I'm using fig tree font at 120 point and bold. Using this simple shape and text, we're going to work through some basic entrance and exit effects. As a first step, we can add a zoom entrance effect. We'll click on the circle, go to Animations, and click Zoom. I'm then going to set this to zoom out after 3 seconds, so I can click on it again, make sure you go to add animation. And then in the exit section, we'll choose zoom, which will zoom out. I want these to happen automatically, so I'm going to set them both to happen with previous, but I want the zoom out to happen after 3 seconds. We'll just make sure the delay is set 3 seconds now when we run that, it will zoom in and 3 seconds later it will zoom back out again. We can also apply those same effects to the text simply by clicking on the circle, going to Animation painter, and then clicking on the text that's now copied the same animation to the text. You can also now offset the animation by tweaking the delay or duration of the text. For example, if we set the delay to a quarter of a second, that would happen slightly later than the circle, which gives a nice effect. Although this is a subtle change, the idea is to move away from basic stop start animations. The audience would see in a typical Powerpoint presentation and move to a more fluid dynamic style used in motion graphics. The next step could be to add some subtle motion for the 3 seconds that the text is displayed. For example, I could click on the circle. Go to Add Animation. Choose something like grow, shrink. I can write, click on this and choose Effect Options. Then select Size and type in something like 120% and press Return. Then, okay, I'm going to set this to the same duration of 3 seconds. Make sure it happens with previous. Drag this up to the second position in the animation pane. Again, this is quite subtle, but now you can see from this timeline that the shape is constantly in motion. From when the slide starts to when the slide ends. It will zoom in with this first animation. Then it will grow by 20% in this and then zoom back out with this exit animation for variation. Let's recolor this shape and change it. I'll go to home Shape file. I'm going to select this green. Then go to Shape, Format, Edit, Shape, Change Shape. I'm going to go to Stars and Banners. And select this on the far right, which is a 32 point star. Now click on this yellow dot and drag it up. Instead of using a grow shrink, for this variation, I'm going to use a spin. I can simply click on that animation that's in the animation pane. Then go to Animations and change it from a grow, shrink to a spin. To do that, I can click on this box here and choose Spin. If I write to click on this in the animation pane, I can go to Effect Options and choose a mount Half Spin, which will set it to 180 degrees. Click Okay. I'm going to set the duration to just over 3 seconds, so it spins for long enough before it zooms back out again. Now let's run that. You can now see that once you've added multiple effects, it's quite easy to make changes to these elements, whether it's in color style, or slight variations in the animation options. For a further adaption, let's pick up this little yellow dot, drag it down to about here. Then duplicate this shape with control D. Now change its color. I want to make this slightly darker, so I'll go to Shape Fill more fill colors. And drag down this small little triangle until it's about as dark as I want it. And press okay, now I can drag this until it snaps into place. Then go up to this little rotation circle. And drag to the left until it's rotated where I want it to be. Now if we right click on this and choose center back, we can run these and they'll both rotate at the same time. If we click on the second rotation animation here, we can make this a bit longer. Make sure we're in the animation section of the ribbon. I can set this to 4 seconds. This will slightly stagger the animation. You can experiment with different timings to get the exact effect you want. If you want to keep the element animating and rotating until you actually click to leave the slide, you can simply click on these exit animations and click to Let at the moment, this will rotate for 3.5 seconds and then stop. Now you can write click Choose Effect Options, and then go to Timing and repeat until end of slide. Then make sure this is done for this last element. You can also double click on these to go straight to the effect settings. Now this will continue to run until you click to advance. 9. Adding Additional Moving Elements: Lastly, for a further adaption, we'll add some more animation in as the text enters To add a bit more color to the slide, make sure the circle is selected. I'm going to choose wheel animation for the text. I'm going to choose zoom. Then double click on the animation in the animation pane. And I'm going to choose by letter from slide center. I'm going to speed this oval up to give it a duration of about 1 second. Then go to this and set the delay to 1 second that it will start as the circle is nearly finished. Now if I hold down control and zoom out, I'm going to add some more circles to this. I'm just going to select all of this and move it off to the side. I'll now click on the circle. Hold down control and shift and drag it into the middle. And make sure that it's aligned by going to Home Arrange Align Center. I'm now going to make this some different colors. Control shift to duplicate it Again, make sure it's aligned to the center and size it down slightly. Control D, again, align to the middle and the center. Hold down control and shift to drag it down and size it down slightly. One final circle, a line again and size it down slightly. Now these are all animating, but we're going to stagger them slightly using delay. So we'll click on the second one, make sure we're in the animation section of the ribbon and select 0.1 delay, the second 1.2 delay, just typing it in each time. And the third 1.3 delay. Now when you run this, it'll be staggered. Now I can select this animation, right click, choose bring to front, hold down shift. And click on it and drag it over the top. I want to select these animations to happen at the end so I can drag them both down. I want to set this to happen after the others so you get enough time to see the other things. I'm going to set this to 0.75 Now when I run this, you'll see some of the other animation and then the text comes in. You can adjust the timings and the delays to get the exact effect you're looking for. For a last variation, we can expand the colored circles to fill the screen. So I'm going to change this to a darker version, the text to a lighter color. I'm just going to move these off the screen for now so we can see what we're doing now. I'll select these, hold down control and shift and drag them so they fill the entire screen. We're going to change all these effects to zooms so we can click on Animations while they're selected. And go too. I'm going to select a quarter of a second delay between each of these so that the effect is nicely staggered. A quarter of a second there, up to half a second there, and three quarters of a second for that one. I'll now set this to zoom as well. Make sure that it happens after the last thing finishes, after about 1 second. Now we can align it to the center of the page, the text. Align that to the center of the page as well. Set this to happen with previous. And make sure it's delayed so it happens at the right time. There's a nice effect where you can use multiple animations with multiple shapes and using delays to get a nice staggered motion graphics style effect. We can also make these the same size if we wanted to by holding down control and shift and dragging them until they snap into place. I'll just move this out the way to get to that one. Holding down control and shift until it snaps into place. Then go back and align this to the center. Now, run that. Once these are created, it's simple to copy them or change the colors or the text to create multiple animations easily and quickly in Powerpoint. 11. Text Panel Entrance and Exit: For these examples, we will take the basic text panel concept from earlier and see how to add other moving elements and effects to create our first motion graphic example. Let's start with a gradient filled background. For this, I've just right clicked on the background chosen format background, and then adjusted my gradient from dark purple to black. We're going to insert Shapes and choose this star from the stars and banner section called Star 32 Points. Click Anywhere. I'm going to size this up to 15 centimeters by 15 centimeters. Align it to the center and to the middle. Drag up this yellow dot to reduce the size of the star outline. Now add an outline and then go to Format Shape. And go to Line and choose Ten Point. Under the sketch style, I want to choose the bottom one scribble. I'm going to drag this yellow dot up a bit further. That's about the effect I want for this one. And fill this in with a red color. I'll set the outline to be transparency 100% This will remove the line, but it will leave this less geometric rough edge. Look around the circle. I'm now going to add three animations to this. I'll go to animations. For the first one I want to zoom in, then I'm going to add animation. To add the second and third, I'm going to add a spin add animation. Again, for this I'm going to choose a zoom out. If we go into the animation pane, we can adjust these. I'm going to click on the first one, hold down Shift, select them all, and then go to Start and choose with previous that will make them all happen together. For this first one, I'm going to make it 1 second spin. I'm going to make this 5 seconds, and the outgoing one 1 second. I'm going to set the delay of this third animation to 4 seconds so that now our shape will zoom in while it's spinning around and then it will zoom out. If we just run that, I'm now going to quickly add some text. This was done in Fictory font at 65 point and bold. For this, I'm going to go to Animations and add a zoom. We'll double click to go into the settings. Choose slide center for the vanishing point and to animate text by letter and 2% We'll also choose to have this start with previous and set the delay to just a quarter of a second on this one, so it starts near the beginning. Then I'm going to add an animation which is to zoom out again. I want this to zoom out slide center by letter and 2% delay to happen with previous. I'm going to set up the delay for this at 4 seconds. It happens near the end of the slide as the circle out. That's looking good. 12. Adding Animated Lines Using Motion Paths: Now I'm going to add the diagonal lines that we're animating in the background. We'll hold down control and use the mouse wheel to zoom out slightly to home. Click on line and drag a line. If you hold down shift, it will keep it at a 45 degree angle. If we right click on this line and go to Format Shape, I'm going to set it 30 point with a round cap. I'm going to change the color to this orange. You can choose any color you think looks good. Now we go to Animations. Add animation and choose a motion path. By default it will move down slightly. I'm going to pick up this red dot at the end and drag it across to here. That will now diagonally move across the screen. If we go into the animation pane, I'm going to choose for this to happen with previous and set the delay at zero so it happens at the beginning. If we run that, you can see how it animates from the top right corner to the bottom left. We'll also right to click on this and choose center Back. It happens behind the circle that's looking good. We'll now duplicate to make some more of these. If we make sure it's selected and press control D to duplicate. I can drag this to anywhere I want. Just making sure that the end position is off the screen. To check where the end position is, you can always click on this red arrow at the end. We can also change the color of these if we want. If I go to more colors, I can make a few of these darker just for some nice variation. Control D, again, we can make some of these shorter or longer as we wish. If I hold down shift, click on the circle and drag down, I can make a shorter version. Control D, again, I can make a longer version by holding down shift and dragging up and then selecting any color I want. Control D again, you can just drag these to wherever you want. Then we make sure these are all selected, right. Click on any one of them and choose center back, and that will make sure they happen behind the red circle. Now if we go into the animation pane, we can stagger the timing of these. They start at a slightly different time. With this, it doesn't really matter what delay you add to each of these. It's just a good idea to change the timing slightly. These aren't all happening together. That's looking good. I'll add one more to this side, make this a bit longer. We can also add a few going in the other direction. So for example, if I click on this one and press control D, I can go to Effect Options and choose reverse path direction. You can see from the red arrow and the green arrow that this one is reversed. I'll make this one a bit longer and change the color to the slightly darker variation. If you want to see where this is starting from, you can click on the green arrow control D once more to make one more version going in that direction. Then go to the animation pane. Make sure it's slightly staggered and play from there. Finally, we'll just make sure these are all sent to back. We'll make sure they're all selected. Right click, send to back. You can adjust these however you think looks good. If you see a few that are happening at exactly the same time and you want to add some more variation, we can make sure the line selected and adjust the delay to anything we want. I'm going to make this one happen the other way round by going to affect options and reversing path direction. You can do that with any of them as you see fit. If we run that, it's looking pretty good. 13. Additional Circular Background Elements: Now we're going to add the second background moving element, which are some big circles knocked back into the background. For these, we're going to draw a big circle. I'm going to make this circle 13 centimeters by 13 centimeters. I'm going to have a big outline of 100 point. And no, Phil, I'll adjust it to the center and the middle. I'm going to add three effects to this if I go to animations. The first is a wheel, which will make it appear like that. I can now click to reveal the animation pane. Double click on this and I'm going to choose two spokes and the timing of 1 second. Click on this again to make sure it's selected. And add the second effect by going to add animation. And then choosing an exit. I'm going to choose wheel again for this Again two spokes go to the correct animation in the animation pane, double click, choose two spokes, select timing 1 second and click Okay. I want both of these to happen with previous, so I can click on the bottom one, then hold down Shift, and click on the second one. And select with Previous. For the second one, I want it to have a 1 second delay and 0 seconds for the first one. That will mean it will wipe round to reveal. And then once the entrance effect has finished, it will go straight to the exit effect. We'll just run that so we can see what it's doing. I want to add one more effect to this, which is a grow shrink. I'll click on this. Go to Add Animation. Again, choose grow, shrink, Double click on this, set the timing to 5 seconds. So it's nice and slow click. Okay. Again, I want this to happen with previous, with zero delay. So I'll run that. That's a night effect there. But for this variation that I showed you at the beginning, I'm going to have three of these knocked back into the background. I'm going to drag this one over here and expand it to make it bigger. Control D to make one that I'm going to put up at the top and control D again, and drag one down to the bottom right. I'm now going to hold down Shift and click on this top circle, which will select both of them. While Shift is still pressed, I'm going to click on this third one. Now I can write, click Choose Format Object, and I'm going to change the transparency to 90% Now on I run these, you can see they create a nice effect in the background. If you want, you can stagger the start of these. So we can go to the animation pane. We can select this middle one, which is oval 26. So I can click on the entrance, delay the start by half a second, delay the exit by half a second, and delay the grow, shrink by half a second. That would mean that the middle one happens half a second later than the others. We could also add three quarters of a second to this one, and there we go, a nice staggered animation that works really well. 14. Using Similar Techniques To Create A Very A Different Look: Next I use the same techniques to show you how we can make a completely different look by changing some of the simple elements. This time we'll use a background image from the stock image library. To get this, you can just write click Format, Background, choose picture or texture fill, Insert. And then stock images, Type whatever you want in the search bar and then select any image. Quickly paste in the circle as I had from the previous animation at the moment. This just zooms in and reveals the text for the exit animation. I've set the first delay to 5 seconds and the final exit animation to four a 2 seconds. When we run this, it will reveal zoom out. And then after 5 seconds it will zoom back. Which will give enough time for the other elements we're going to add to animate. We're now going to add another circle. Click anywhere, hold down Shift, and drag the corner to size this up. We'll align this to the center and the middle. It doesn't really matter what color we make this one. So I'm going to set it to have no outline and fill it in with an orange so I can see where it is. And then send it to back. Now I'll click control D to make another circle. And I'll just color this something like blue. These circles will be filled with the image from the background. Right now, it doesn't really matter what color we make them, we're just setting it to colors so we can actually see what we're working with. I'll hold down shift and expand this slightly and the same for this side, and then align it to the middle and the center and send it to back. If you want to make either of these circles bigger or smaller and you don't want to have to recenter them each time. You can hold down control and shift and that will size it from the middle. For these circles, I'm going to click on the orange one. Go to Animations, I want to add a grow, shrink, so we can click here to reveal all the animations. Then choose grow, shrink, Double click on the animation. In the animation, Pain drop down under size, choose custom and type 120% Add some smooth start and a smooth end. And click auto, reverse. This will mean that the animation will grow and then it will reverse and shrink. And you can make that continue as long as you want. I'm going to make it repeat three times, so I can go to timing repeat three times. I'll also make this happen over 1 second and click, okay. I want this to happen with previous. So I'm going to start and click with previous. Then make sure the delay is set to zero. That means it will animate at the beginning. I'm now going to copy that animation to the blue circle. So we can click on the orange, click animation painter, and click blue and that will have the same animation applied. Now we can just tweak the timings for variation. We make sure that the blue circle is selected, then go to delay and add something like 0.7 which will make it happen a little later. And change the duration so it's a bit quicker. Something like 0.9 This gives a nice pulsing effect and some nice variation. Now we can change the orange and blue circle to be filled with a slide background. So we can write click Format Shape, slide background fill. And the same for the blue. Just quickly run that, show what it looks like, which is a nice interesting and powerful effect. What's great about this is that if you change the slide background, which you can do at any time by right clicking and choosing format background, you can select anything you like, run it, and it will automatically work with the new things you've selected. I'll just undo that to go back to the one I had with control. Now I'm going to add a square around this. Click on Rectangle. Click anywhere to draw a square. Hold down shift and drag it over. And then align it to the middle and the center. I'm going to set this to have a white outline and no fill. I'm going to set the outline to have a five point with. I'm going to fade this in. So we'll click here to add a fade. We'll set that to happen with previous. Then we'll run that, see, it just fades on about that time. I'm also going to add a grow shrink to that as well with an auto reverse. We'll click on it because we want to add a secondary animation to this. We're going to add animation and choose grow, shrink. We'll double click on this to change the settings again. Go to size custom and type 120% And also select auto reverse. And put a smooth end and a smooth start on it. We'll set the duration to 3 seconds, make sure it happens with previous. I'll run this just to see what we've done. That looks good. I'll also add a fade out at the end. Add animation fade. I'll set that to width previous as well. And make sure it happens right at the end of the animation, which is about 6 seconds. Once everything's finished that can fade off, I'm going to duplicate the square, make it a little bigger, Align it to the center and middle. For this one, I'm going to make it zoom up to just 80% Again, just for some variation, I'm now going to duplicate the square again. Rotate it by 90 degrees, which you can do by holding down shift, going to this round arrow at the top and pulling it to the left or right. For this, I'm going to make it 120% That's the grow shrink click. Okay. To add some variation, I'm going to go to timing. Change this to 0.75 and make it repeat twice. Finally, we're going to add two large squares around the outside which will rotate slowly in different directions. I'll click Control D on this. Size it up so it's really big. Holding down shift and dragging the corners, then making sure it's aligned to the center and the middle. Instead of a gross shrink, we'll just click on the gross shrink here. We want to replace that with a spin animation. So we'll go to Animations and click on Spin. From here, I'm going to set this to 6 seconds, so it takes the entire duration of this animation on this slide. Finally, I'll press control D to make one more, align it to the center and middle. For this one, I'll double click on the spin and make it happen the other way round. So we'll go to counterclockwise. So now we've added a lot of variations of animations using lines and shapes to create some interesting motion graphics that can be easily edited and changed for whatever look you're going for. 16. Vector Graphic Reveals: Here is a great way of revealing vector graphics. Vector graphics can be really effective for creating motion graphics. And usually they can be split up into their component shapes, and these can be animated separately to add movement and impact. There are many sources for vector graphics online, but for this example, I will use the inbuilt Powerpoint library of illustrations. Firstly, for this example, we'll go to Insert pictures, stock images, and choose illustrations. I'm going to type plant, then select this one here. I'm going to hold down Shift and move this over to the right. Then write, click and choose Convert to Shape. This will break up the illustration into a number of different Powerpoint shapes. I can also write, click on this and choose Group Ungroup. And this will further break up the shapes into individual items from anything that was selected and grouped. Now most of these elements that I'm clicking on and moving around are individual and therefore can be animated separately. In this illustration, the stalk and dark leaves are all one object, that everything else is a separate object. I'm going to delete these small central lines on the leaves. Just to simplify this animation, I can click on each one of them, make sure the line in the middle is selected, and click Delete. I'm now going to quickly copy in some text, and we'll also be animating that as part of this slide. Firstly, we'll want to add animation to all the parts of this illustration. So we can just click here, drag over the marquee to make sure they're all selected. Then go to Animations and choose Fly In. I want this to happen from the bottom left. I can select Effect Options and choose from bottom left. I also want these to finish smoothly, so I can right click while they're all selected, choose Effect Options and drag the smooth end slider all the way over to the right. I also want the duration of all of these to be 1 second at the moment. They'll all happen at the same time, so I'm going to stagger them slightly. I'm going to select each element, starting with the one on the left. And just delay it by 0.1 of a second. So the first one is 0.1 then 0.2 and so on. This will give it a nice staggered effect. Now when we run this, you can see that the animation flies in nicely from the bottom left. The 0.1 second delays we've added give it a nice staggered effect. Finally, I'll just add an effect on the text. So we'll click on the text. For that, we're going to add a fade. We'll make sure this happens with previous. I want to animate the text by letter where it says animate text. Here I can click on it and choose by letter for the delay, I want a 10% delay. So that will fade on by letter as the other animation happens. For this second example, we're using a slightly darker background. So for that you can just go to format background and pick the color you'd like. I've added the text, Happy Birthday here. Now go to Insert Pictures, Stock Images. And from the illustrations, I'm going to type cake. I'm going to select this one here, Click Insert, hold down, Shift and click to drag it to the right. We'll follow the same process here where we write, click and choose Convert Shape. First, I'm happy with how most of these elements have been broken up, but I also want to split up the layers in this cake. So to do that I can click on them, Choose Group And Group. That's now split this up into three layers as you can see here, controls just to undo this, put the cake back to its correct place. Now I can select each layer of the cake and add a flying animation. I'll click on this L downshift and click on these. Now I can go to Fly In, make sure that it's flying in from bottom, which is the default for these. I'm going to choose the duration of 1 second and right click Choose Effect Options while they're all selected. And select a bounce end of about half a second. This will give it a smooth bounce as it comes in. Now we're going to add a slight delay to each layer of this cake. I'll click on this gray part here and add something like a 0.2 delay. The white, a 0.4 dark gray, a 0.6 this yellow on the top, a 0.8 I'm going to add a flying to these candles as well. With the same effects, with the same duration of 1 second. Make sure these happen with previous, With the duration of 1 second, go to Effect options and again give them a bounce end of a half second to stagger these one at a time. From left to right, I can click on the left, give it a delay of say, 1 second. The one in the middle give it a delay of 1.2 And the one on the right, 1.4 this will reveal them gradually from left to right. Finally, let's add a zoom animation to these other elements here. So we can click Hold Down Shift as I click on each of these and go to Animations. And choose Zoom again. We'll give these a duration of 1 second, make sure it happens with previous, and then add a delay to each to give them that staggered look. I'm just going to add 1.5 for this 1.6 each time. Just increasing it by a small amount. Now everything's animating and it all comes on in a staggered way, which gives a really nice effect. We can finally add a fade to the happy birthday text, so we'll make sure it's selected. Go to Fade, Select to happen with previous write click options and choose by 10% delay. I'll give this a 1 second duration and no delay, so it starts at the beginning. For this last example, we're going to use a slightly more complex illustration. This time we won't stagger the timings, but we'll add a longer duration. I'm starting off with this text and this gray background. Go to Insert Pictures, Stock Images, illustrations, and type fish can select this one and press Insert. Firstly, we'll write click and choose Center Back. Then we'll write click again and choose Convert Shape. While everything is still selected, I'm going to go to Animations and select Fly In. I'm going to up the duration to 2 seconds for these right click go to Effect Options and make sure everything has a smooth end That's looking good. But I want everything in the top half to fly in from the top rather than the bottom. I can just click anywhere in the top corner. Drag down to select all the items I want. I also want this big orange fish. I'll hold down Shift and click to select that. For these, I'm going to choose Effect Options from Top. I also want this circle to come in from top. For anyone that you want to change, you can just click Select It, and choose the direction these leaves here. So I'll click on them and choose from top. Now when we run this, everything will smoothly fly in, with half of it coming from the bottom and half from the top, which creates a really nice effect. Finally, I'll add the fade effect to the text, which was just a fade. Set this to happen with previous double click and choose animate text by letter and 10% delay between the letters. Now when we run that, everything will happen at the same time. Lastly, if you want the same effect as I had in the introduction to this lesson, I can add a push transition to slides 2 and 3. I'll click on slide two and select Push. The default is push from bottom, which is good for that. Then for this one, I'm going to use a push from left. I'll click on slide three. Go to push and choose from left. Now when I run this, it will reveal the animation that we've made. Push up to reveal this second animation, and push across to reveal the third. By converting illustrations to shapes, you can use the powerful animation features built into Powerpoint to make some great looking motion graphics. 17. Sliding Text Motion Design: Dynamic and impactful motion graphics created with text motion paths, auto reverse, and the bounce end feature. We'll start with the blank presentation, now we'll add the text I want to write design in my example. And I'm going to use 15 characters for this animation. I'll just put in 15 D's really quickly. This is just so that we can animate them up and down and have enough. And we're going to use the font poppins and the font size 210 point, we'll make this bold. Then we'll go to the line spacing options. Go to multiple. I'm going to choose 0.61 they're nearly touching. I'm going to position this on the far left. Then using shift and control, I'm going to click and drag to make a duplicate. This will be my E. And finally, there's all the letters I need for the animation. And I'm now going to make the text a tiny bit bigger just to fit most of the screen. So I'll go for 290. And I'm going to position the D to the left here. Then select the other characters and move them over to the right for now. So we can get the kerning right, which is the space between the letters. We'll just drag these manually to what we think looks like the right amount of space between the letters. The text is looking good. Now let's make the background black. So if we write Click anywhere on the background, we can go to Format Background and then choose Black. Now control A will select all of the characters. For those I'm going to go to Text Options, choose Text Out, solid Out, then make sure it is selected. I'm going to make this three with round caps, that's looking good. I just want to fill in some of these as white for the design I've chosen. I'm just going to select them one at a time and click fill them in. Great. So we'll just go full screen and this will be the end of the animation. Now if I press control aid, select everything, go to Animations, Add animation, and choose motion path lines that will by default move everything down very slightly. Now if we click to reveal the animation pane, we can write Click while these are all selected, go to Effect Options and choose auto reverse. This will move them down and then back up again. Now if I zoom out a bit, I can hold control and use the mouse wheel to do this. We'll use this slider at the bottom here. If we click on the D, I'm going to make this one go instead. So I can go to Affect Options and choose U. I want it to move. And to do that I click on the red triangle and the hold shift and drag the red dot. Now that's going to go up quite a lot more. I'll just test that as the is coming down. I'm going to pick that up and move it up quite a lot. I'm just going to line this up here with the other text, then make this white because this will be the end point. The way I've done the animation is wherever I move these two by holding onto them and holding shift is going to be the end position where they get to the, wherever I click on the animation and drag this red point is how far away the animation moves. Before returning, I can click on this red triangle shift and drag the red dot down. Then it will just move further down in the animation. I'll just quickly apply the same effect to the S IGN N I actually want the S to move up instead for a variety. And go to Effect Options and choose up. And that will move up, but it will return because we've got auto reverse as a preference. I'm going to click on the red arrow here and drag it up for the amount it goes up. Just quickly play that. It's working, everything looking good so far the eye can move down. So I'm going to drag the red dots. Then move the eye up. This will be its finishing position. I'm just going to make this one white. Great. I'll just quickly apply the same sort of effects to the GN, N. The G I'm going to make go up just by a little bit. And the N is set to down, which is correct. I can adjust the amount it moves from the red dot and then drag the letters up on the page, select the N and make that white. That should be pretty much it. With a couple of modifications to make it look more interesting because at the moment, most of the animation happens. At the same time, if I select the second box down and put a quarter of a second delay, then half a second delay on the bottom, 13 quarters of a second delay. You'll see it has more variety when it starts on the. I think we can do half a second on the. I think we can do quarter every second. This will stagger it all. The speed of the animation is slightly different to give it some interest. I'm just going to do control A and use the up cursor just for some fine adjustment to make sure that when I play it and when it finishes, the characters are in exactly the right place at the top. Excellent. There's some motion design with text that you can easily apply in Powerpoint just for a bit of variety. I'll show you how you can add something such as a bounce end with all of these selected which you can do by holding down Shift and clicking the bottom and the top. We can go to Effect options by right clicking. Then you can type in something similar to Not 0.5 for bounce end. Then we'll play that. You can see that it now adds a little bounce at the beginning and the end just for variety. 18. Morph Zoom To A Device Screen: A compelling way to zoom out from a full screen image inside a device using the morph transition. We'll start with the new blank presentation. Now let's add the image that we're going to zoom back from. We'll go to Insert pictures, stock images. We can pick anything we want. I happen to type product and pick this. I'll go to the corner point, hold down control and shift and drag it in to resize it. I want it to be about that size. I'm now going to add in the first device image which is of this laptop. Again, hold down control and shift and drag it down to resize. Now I can select all of it control a group. Now let's quickly make a nice gradient background. We'll go to gradient fill. I'll drag these two stops away as I don't want them. And then for the first color, I'll select the eye dropper and select the color at the top here. And I'll do the same for the second one. Then just drag the brightness down, somewhat about five or 6% might do that. Looks good. Now let's make the transition. I'll go to the slide and press control D, which will duplicate the slide. Then on the second slide, I want to make sure that the morph transition is enabled. And I'm going to select that to a duration of 1 second. Then I go back to the first slide. Click on this and simply zoom it up again, holding down control shift, it zooms from the center until it takes up the full screen. Now when we play, it will start big and zoom right back down. We can also go back, which gives a really nice effect because you can start with your main feature image, then zoom back as much as you like, and then add maybe text detail or other information to your slide. Now let's create the one that appears in the phone. So we'll right click, Add new slide, Insert pictures, stock images. For this, I use this shape because it was similar to the portrait phone shape. Already. Hold down control and shift to size it down. Then I'm going to get my phone image, and all these images are available on the Apple resources website. We'll size this down again with control and shift. This is about the size I want it. I'll hold down control in the mouse wheel to zoom in. And now we're going to crop the image. And to do that we'll hold control and shift to size it up so it's the right height to start with, which is that. Then we can right click and choose crop. I'm going to bring in the sides to about there and the sides here to about there. Now let's make it have round corners. And to do that we can click here, but this will probably select the phone. And there are a number of ways of selecting the thing that's underneath. But the easiest way I find of doing this is to write. Click and just send it to back. For now. Then we can click on this image, go to Picture Format, Crop, crop to shape. And then choose this second option in rectangle, which is rounded corners. You can adjust this to make it match the rounded corners of the phone, but as long as the phone will cover it, then it's all going to look good. Now I can write, click on this image and choose Sender back. And then everything will look perfect as before. I'm quickly going to set a gradient feel for the background and I'm going to choose the eye dropper tool to pick this color for the bottom. I'm going to pick another color that's in here. Now we can add the morph transition. We'll select everything. Control G to group, then click on the slide and control D to duplicate. On the second slide, we go to transitions and make sure morph is selected. Again, I want to set a 1 second duration. Then on the first slide, I can select it and zoom it way up, so it takes up the whole screen, which is about there. Now we can go onto that one and then zoom way out, all the way back to this, which is a really cool effect. And you can zoom back in if you want to. Then on this slide, you can add more information as you need for your presentation. As a bonus, I'll show you how you can easily change this picture to make variations. So we'll just click both of these slides and Control D, this is the one we're going to change. So I'll click once and click again on the phone. And then choose Sent Back. Now I can click on the photo, right click, change picture, and choose from stock images. I chose this image in my example. Once added, we can write to click and choose Center Back. Then we can add it to our second page. So I can click on that, Going to Zoom in, Click on the phone, click again, and then choose Center Back. That will allow us to change our picture here. Change picture from stock images, then write to click and choose Center Back. We can quickly change the background if we want to. So we'll pick up the first gradient stop and just pick any color we like from here. Then the second, and I'll pick a slightly darker variation. Then I'll also set it on this background, it will show the full zoomed in image. And then we click and it scales back inside the device where you can add your other content. 19. Glowing Text Effect: This lesson uses the glow effect and pulse animation to create an innovative title slide. As usual, we'll start off with a blank presentation. I'm quickly going to paste in the colors I'm going to use. I'll set up my background by right clicking Format Background, going to solid fill, and then just picking up this very dark color that I'm going to use here. Now let's add the text. I'm going to use fig tree black for this and set it to 180 point. Align it to the middle and the center. Then go to text options. I want to set it to no fill, for the text fill, and then for the text outline, I want a solid line that's white and it's going to be three point width. Now we can add the glow effect. We'll make sure it's selected. Make sure we go to Text Options rather than Shape options. Then click on this middle icon, that is the text effects go down to glow. Then we'll go to Glow Color. I'm going to use the eye dropper to choose this aqua color here. That looks pretty good, but it's quite strong for my tastes. So I'm just going to drop the transparency down to 80. You can choose whatever you think looks good. And I'm going to have the size on ten point. There's my glow effect. It's looking good. We'll now just add the ovals. We'll go up to the shapes and select Oval. Click Anywhere, we'll go to the size. I'm going to make this 12 centimeters high by 42 centimeters wide. Drag it up into position which is about there. Make sure it's centered, then give it the same effect as the glow text. So that will be no, fill a white outline three point. Then we'll go to the glow options size ten, transparency 80, and make sure that we've selected our aqua color. I'll move this up a little bit and then hold down control and shift to make a duplicate. Then while they're both selected, which I can do with shift click, I can hold down control Shift and drag these to the bottom to make a copy of them. Now let's add the animation. Firstly, we're going to add it to this glow text, so we'll click on it, make sure we're in animations. And then for this I'm going to choose pulse, either from here or add animation pulse. We'll make sure the animation pane is open. Double click on the item, go to timing and choose to start with previous. This will mean that as soon as you go to the slide, it will start playing. And then we'll set repeat until end of slide and duration 1 second. Now let's play that now let's add the animation to the ovals. Then I'm going to quickly show you how to make variations of this. We'll click on one of the ovals. For this, I'm going to use a motion path. At animation motion path. Then I'll click this little black dot. Hold on to shift and drag it up. That's its end of position. I want it to end about there in the animation pane. We can now double click on the item. Go to timing, choose with previous duration of half a second. And repeat until end of slide. Then go to effect, give it a smooth end and auto reverse. This will mean that it moves down, slows down with a smooth end, then reverses back and takes in total 1 second, which is the same time as the text animation that we've just done. We'll click okay. Play this looking good. We'll now use the animation painter to copy the animation to the other ovals. I can click on the oval that's got the animation. Either go to animation painter or as you can see there, you can use Alt shift to copy it. And that's a good shortcut. I'll press Alt shift C. Then when I roll over the other oval, you'll see a little paintbrush appears. And when I click on it, it will add the animation. I can do that to the one at the bottom, but the one at the bottom, we actually want to turn round. I'll click on this animation. Go to Effect Options and choose a reverse path direction. Then click on it again. All shift to copy the animation. Roll over this one and click. I want to make sure this comes into the screen. So I'll just drag it up a bit. These can both come up a bit. They're a bit closer to the above animation. I'll just bring these ones up a tiny bit as well to balance it out. Nice, there's our glow animated text effect. We'll quickly just duplicate the slide. To make variations, we can click on the slide control D to duplicate. I can just then select the text and type anything and then make sure it's centered. The final slide we had said effect again, just make sure it's centered. Then you can see how easy it is to make variations once you've actually made the animation and the slide just by using duplicate. 20. Powerful Text Over Photos: In this example, we use photos and text background fill to make these emotive and powerful text slides. As usual, we'll start with the blank presentation. We'll quickly add in our first background image, so we'll write to click on the background, Go to Format background picture or texture fill, Insert stock images, then we can type anything we want. I just used this image. Now let's add in our big text. So we'll click on the text box. Click anywhere, type the word we want. I made my text poppins and 170 point and bold. Then align it to the center and the middle of the page. We can make it white so we can see what we're doing. But ultimately, it will be a cut out. So it doesn't matter at this stage really what color it is, as long as you can see it to work with it. Now let's add our darkened layer over the whole image. For that, we're going to use a rectangle. We can click anywhere. I'm going to make this black with no outline and 50% transparent. Then move it to the top left corner and size it down to the whole screen. Then right click and choose Send it Back. This already is a great technique for adding text over an image where you want to knock the image back slightly. What we're going to do now is effectively turn the text into a shape. And I'm going to duplicate my slide just in case I want to go back and change the text in the future, I'll press control D while on the slide. Now I can work on this slide and always be able to go back and edit the text on slide one, If I want to, I click on the text Hold Down Control and Shift and drag it off. Then I click on the text. I want to keep shift, click on the other text and simply go to Shape Format, Merge Shapes, and choose Subtract. I think this is the quickest way of turning this into a shape. The text now is not editable, but it allows you to add some good effects, such as the one I'm just about to show you when you go to the fill options. And you can choose any color gradient or picture here. But you can also choose slide background fill. Because we set this photo as our background. As soon as you click this, you get this really nice effect that looks great. But we can also add some animation if we want to go from the full color image to this nice text effect. But first, let's make some very quick variations to the text and the image. We can go back to our slide with the editable text. Rest control D to duplicate, type in anything we want. Align it to the center. Hold down control and shift and drag it up. And then select the text you want to keep first and then shift. Select the other text. And remember to go to Shape Format, Merge Shapes and subtract. And then choose slide background Fil. Now we can right click on the background format background, and change the picture. We can choose any image you like. In my example, I chose this one that gives a really powerful nice text effect. Finally, I'm going to show you how you can animate this text on with some nice effects. We'll go on to this slide. I'll zoom out slightly. I'll select my black rectangle. Hold down control and shift and drag it from the corner and expand it to about there. This is just so that I can soften up the edges and it will still cover the image. I can now go to Effects soft edges, choose something like 30 point and you can see that the rectangle still covers the whole image. Now I can go to animations and I'm going to add motion path which is down here, line. So it'll just at the moment, by default, go down slightly. I'm going to reverse this. I'll click on Effect Options and reverse the path direction. Now it goes up, but I want to make the start position off the screen. So I'm going to zoom out a bit by holding down control and turning my mouse wheel. Then I click on this little red dot, hold down shift and just drag it off the screen. And then finally, we have to add one more animation, which is a fade. And this is just to stop it from starting visible, because if we run it now, it will start and then animate up. But we want it to actually not be there at the start. And to do that, we can just add animation fade, then go into the animation pane. And I want to make sure the fade comes first and then the motion path comes with the fade. We can do that by changing start to with previous on the motion path. There's one final thing I want to do. If you double click on the motion path, you can drag this smooth end up to 2 seconds, and that gives it a smooth finish. Now we can reveal the entire image. Click and it fades over this really nice effect to reveal the text for this other variation. If you want to keep it super simple, you can add something like a basic fade. Then set the duration to something quite slow because I think that looks good, such as 3 seconds. We'll play from this slide, and then as I click fade, the text will reveal over the top of the image. 21. Ink Replay Draw On Animation: You can use the drawing tools to draw icons or other vector art with animation. Here we've got an icon of some three D glasses. Just by going to insert icons, three D and clicking on this. Now we can go to the draw tools, select something like this, pen, the color doesn't really matter and the larger size would do, although we're going to increase it a bit at the end. To draw this out, we're going to use five different paths. We're going to use one for this side piece, one for this side piece, one for the main front piece, and then another two for each of the eye cutouts. You can click here and start drawing. It doesn't have to be that exact. If we miss a tiny bit such as I did there, we're going to increase the size very slightly anyway, so that it covers it when it reveals. We'll press Enter to finish. Now click on the red pen again and draw this one in Enter to finish. Now we'll draw the front section. Click on the red pen again. Let's return now each of the eye pieces, let's return. And finally the other one, Let's return. Now we have five individual drawing sections. We want to make sure at first that these cover all of the white. I can click off the screen, hold down the mouse button and drag the marquee over all of the parts we've drawn. Right click and choose format objects and change the width to make sure it covers everything. I'm going to select 15 points and then click off. And you can see that covers all of the white. Now for each of these, we want to add the rewind animation. To do that, we can make sure they're all selected. Go to Animations and choose Rewind. By default, this will give you a two second duration. Now all we have to do is change the ink color to the same color as the background. We'll make sure it's selected. We can then write, click on it, choose Format Objects, go to Color and change it to the same as the background, which is actually here. But I can also go to Eye Dropper and click there. Now when we run this and click to reveal the animation, we can see it drawing out, which is a really nice effect. And you can use that on any icon. Now let's have a look at this cloud icon, which we can draw out in three parts. So the first thing we'll think about is how many parts it will have. Then we go to draw Pick a pen and the thickest option. Then we'll click and we'll draw over it where we want it to reveal. Again, it doesn't have to be too exact because we're going to adjust the thickness before we add the animation. Now we can press Return. Now we'll draw out the arrows. To do this, I'm going to draw the arrowheads first. When it's rewinding, that will give it a nicer draw out. Now we can make sure they're all selected. Change the size to something that covers them, such as 20. While they're still selected, I can go to Animations and choose Rewind. Now I want to make sure they're selected. Again, holding down Shift and clicking and going to the color and selecting the background color, which we can do with the Eye Dropper tool and clicking on the background. Now when we play, we can click and they will reveal. If you want to stagger the timing of these, you can go to the animation pane, for example. We can start with the outer one. Then for the second one, I could put a delay of say, three quarters of a second and take the time down to 1 second for this one, a delay of a second and a quarter, and take down the duration again to about 1 second. Now when we play that, that will draw out. And then the other two will come in staggered. For our last example, I'm going to show you how can reveal certain types of text. This generally works better with script type texts such as this, but you can try it on anything and see what you like. We'll go to draw and choose a different color, this time something like a bright blue because the background is red. And I'm going to draw it from the end of the animation. As we're going to use a rewind animation, we can add the dots on the eyes at the end as a separate draw animation. Empress return. We'll add in the little bit at the end here. And the two dots, empress return. Now we'll select them all, just the size, so they cover everything by going to format objects and making sure this width is big enough. I'll choose 18 point that covers everything. Now we'll just go to Animations and choose Rewind. I'm going to set this first main one to about 5 seconds. I'll set this first one happen automatically with previous. For this, I want the duration to be quite quick. I'm going to set that down to about half a second for this first dot e of the eye. I want that to come in quite quickly, say a quarter of a second, and be delayed by a couple of seconds for this final dot on the eye. I want that to be a quarter of a second for the duration, the delay, about 3 seconds, three and a quarter maybe. Now let's run that and see what it's doing and then we'll make it the right color so it looks like it's drawing on. That looks good. The last eye could be half a second later. I'll set that to 3.75 We'll now make sure these are selected by clicking and then holding down Shift and clicking the others. Then right clicking and choosing Format Object and changing the color to the background. We use the eye dropper to do that. Now when we play that, it will draw out, if you want this to dry out faster, you can adjust the speed of the animation as you wish by using the draw tools and the rewind animation. You can draw on anything you want over a solid background. 22. Add Depth With Soft Shapes: Here we will use morph and the soft edges effect to create depth and powerful visuals from any shapes. We'll start with the blank presentation. We'll now set up a black background, so all right, click format, background, solid, fill, and black. I'll quickly paste in my text. To save time for this, I used fig tree black at the size of 120 point for the first text and 71 for the second. But for the first bit of text, I actually used an outline. And to do that, we can go to Format Shape, choose text Options, go to Text Outline, set a two point white line and make sure it's got no fill. Now let's add our circle graphics. For those, we can go up to the drawing section, Click on Oval and click anywhere on the page. I want this to have no outline and a gradient fill. You can select any gradient, but I chose a linear gradient with three stops of color at a 45 degree angle. We can move our shape to wherever we want it. For this one, I wanted it to be at the back, so I can right click and send it back. If I want to size it up from the middle, I simply hold control and shift while dragging from the corner to make this look like it's out of focus. And at the back, I'm going to use this soft edges effect. We'll go to Format Shape, choose the Effects option, and then go to Soft Edges. For this one, I'm going to enter 22 that makes it look like it's out of focus and therefore adds this nice depth. This one will be quite out of focus, it'll look like it's nearer the back. Once I have this one, I can easily duplicate it to make the others control D will duplicate. We'll move it over here and size it down a bit. Again, holding control shift, I'm going to give this one less soft edges, so I'm going to select ten for this one. Again, write clear and send it to the back duplicate. Again, this one's going to be nearer the front. I'll just give it something like five. I can also make this a different size if I want to control D. Again, this one I'm going to set to behind the white filled in text but above the outline text. To do that, I can put it where I want to and then bring this one to the front. Then remember to also bring anything else I want to have above it to the front. It's looking good. I'm now going to make this a bit bigger and a bit softer. You can enter anything for this, whatever you think looks good. Then control D again to duplicate and make the final one. For this, I'm going to set it down to something low, like six, because it's at the front. It doesn't have to be exact. But in this case, everything that's further to the back is more blurred and everything that's closer to the front is sharper. That looks pretty good. Now let's add the animation. To do that, we can press control D on the slide here. Make sure we're on the second one and choose Transitions morph. Now whatever changes we make to the first one will automatically morph into the second one really smoothly. For example, we could click on this circle and size it down. Then when I play, you can see it smoothly reveals I can now size down the others. Again, holding control shift on the corner. We can actually size them down so small that they disappear because of the soft edges. Now when we play from slide one, these will all animate in nicely for slide two. That's looking really good. Remember, you can easily change any of the colors in here to make variations as you wish. Because the morph transition is set, Powerpoint will automatically smoothly morph between the colors. For example, if I wanted to quickly make a variation of this, I could control D on those two slides. Set up a new background, then adjust the gradient colors to whatever I want. It's an easy way of making some interesting bespoke and unique designs that will add interest and depth to your slides. 23. Abstract Fluid Lines: In this lesson, we'll use the morph transition three D format and the edit points tool to create these striking three D animations. We're going to be starting this off with a blank presentation. So we go to File New blank presentation, right click layout and choose Blank. Firstly, let's create the lines. And to do that, we choose Curve from the Shapes in Powerpoint. I will click here to start, then move the mouse click again. As you drag it down, you can see it creates the curve. And to finish, you can press Return. There's our curved line. If you want to change the curve after you've finished it, you can always right click, choose Edit Points. Click on any point, and then use these bezier handles to adjust the curve as you want. Let's now format this line and get it looking three D. To do this, we'll click on the line, click and choose Format Shape. I'm going to make this 50 point wide, give it round caps. These are off the screen on this particular design, but it's a nicer way of looking at it with the round caps in case you want to use the ends. Now I'm going to select gradient line. Drag off these two that I don't want. I'm going to quickly paste in the colors that I want to use for this, but you can choose any color that you think looks good. I'll click the first gradient stop. Go to Color Eye Dropper, and pick the color that I want to use. Then the second gradient stop and do the same thing. Again, under direction, I've chosen the second option which is linear down. But you can choose any direction you think looks good in your design. Now let's go in and add the three D effect. To do that, we choose effects from the format shape option. Go to three D format, and under where it says top Bevel, I'm going to change that to 25 point and 25 point. The reason I've selected 25 point for each of these is because the line is 50 point. And if I choose 25 point for the width and 25 point for the height, that gives it a nice, smooth, rounded look. The default material and lighting that Powerpoint has added has made it look a bit too shiny for my liking in this particular design. So I'm just going to click on Material and take it down from warm Matt to Matt. Then we'll click on Lighting. And I'm going to choose the second one in which is Balance as I feel. That gives it a softer look. But again, it's down to personal preference. Whatever you think looks good. There's our first line. I'm happy with that. Now let's duplicate it. To quickly make the others so I can hold down control and shift and drag this down. Then right click on it to send it back. Now let's choose the new colors for this line. We'll go to our gradients and I'll pick the other colors. Now control and shift and duplicate this line and send it to the back. Then just drag it into whatever position you think looks good. I'm just going to select all these and move them up a bit. While they're all selected, I can hold down control and shift and drag them to make my second copy. Put these wherever I want. These are all abstract. Just put them in whichever position you think looks good. To quickly change the formatting on them, I can click on the pink one, which is this one. Press control shift C, and then click on the yellow one and apply it. Control shift to copy control shift V to apply it. Looking good. Now let's add the background right click, format background gradient fill. We can go with that, but I used a blue one. I'll pick up the color and pick up the second color. Nice. Now let's add the text for this. I just use poppins black at 88 point. Aligned it to the middle and made it white. There's our abstract lines. Now let's add the animation using the morph transition. So we'll click on the slide, press control D to duplicate, then type in the new text and center it. We can then set the transition to morph. I'm going to move these slightly, this will be the end position of the animation. You can put these wherever you want. It's whatever you think looks good. Because they're using the morph transition, it's easy to modify them by just dragging them at a later date if you wish. I'm going to go with something like that and we'll just check that's working by running it from the beginning. Looking good. I had mine as a slightly slower animation. I chose 6 seconds for the duration because I feel that gives a nice effect. Let's run that from the beginning. Now let's pick the other colors, and you'll see that the morph transition will automatically fade between the colors in a really nice way. I'm now going to choose a different color for this first one, and then a blue for the second one. Then we'll play that to check that works. I'm going to make the end color of this one, Any darker version of this. I'll just take the brightness down a bit. In this case, that's looking good. I can press control shift C on this one to apply it to this one with control shift. And the same again for the blue that I want to add onto this one and this one. Control shift again on the pink control shift. A quick way of applying the formats and the colors easily. Nice, Using these tools are a great way to get some individuality into your designs. '. 24. Cinematic Titles: Here I show you how to overlay text on video to create impressive cinematic titles using the animation by letter functions. We'll start off with a new blank presentation. We'll go to Insert Video. We'll choose Stock Video. I'm just going to type in trees and pick this one and insert. The video will be set to play automatically, but I want to drag it up to the top left corner and then click the bottom right corner. And drag it until it snaps to exactly the full size of the page. And we'll just run that to check it's working. If you move your mouse on this page, you can see that this progress bar appears at the bottom. I don't want this. There's an option to turn it off. And to do that, we go to slide show. Then we tick off, so media controls. Now when you run it and move the mouse, the media controls will not appear. Now let's add our text. We'll go to the textbox, type the word we want. I'm going to use pop in 66 point and make it white and bold. Then I'm going to center it and center it on the page and vertically put it in the middle. Then if we write, click on it and choose Format Shape. And make sure we go to the text options and the text fill, I can set the transparency to 25% You can set this to anything you like that just shows through a little of the background and I think gives it a nice effect. Now if we go to character spacing, the default is normal. The biggest option you can choose is very loose, but I'm going into more spacing. And then I can type 30 in the expanded section. That's what I want. Let's run that. That's looking good. Now let's add the animation. We'll go to animations fade. And that will fade the entire word on at once. But I want to fade on each letter at a time. And to do that, I go to the animation pane, double click on the animation. And then I can select by letter. I want a 50% delay between the letters. Then we click okay. Then finally, we make sure that the text is selected. And I want this to appear with previous. So that as soon as the video starts on the slide, the text starts animating out. Great, looking good. Now let's quickly make the other variations and I'll show you how you can make it automatically advance between the slides. We'll write, click and choose New Slide, Insert Video, Stock Videos. For this, I typed nature and selected this one. Insert again, drag it to the top and then snap it to the bottom right. We can go onto the first slide, press control C on the text. Go back to the second slide and control V. Now it's as simple as typing your word for this slide. Great, I'm just quickly going to paste in the other two slides that I had to save time. Again, the stock video was from Powerpoint. I searched for beach and sand. For a quick bonus, I'm going to show you how you can easily advance between these slides. Because you can click to advance, but if you want to advance after a certain amount of time, you can check this box to advance after 0 seconds. But it would normally wait for the video to finish. I can click on the video, right click, choose Trim, then drag this little red handle in until it's about 3 seconds, because I want each of my slides to last about 3 seconds. And then click Okay. If we right click on this and press Trim, we can see that our video is 3 seconds already. So that's fine. So we'll close this and then play from the start. And after 3 seconds, it will automatically advance to the next slide. 25. Layered Video Inside Text: A striking way to use layers of video inside text using the Rd shape function and the video transparency animation. For this, I'm going to be using fig tree black at 140 point. I'll just type in my text, Select the font, which I'm going to choose fig tree black at 140 point. Resize it so we'll all fit. Just going to change down the line spacing for this big text, I'd like to use a multiple of about No 0.7 then center it and center a line. Just going to drag this down a little bit, it's about in the middle. Now we want to allow the video to actually come through the text in Powerpoint. There's no option directly. If you select the text and go to format shape, you can't choose to fill this in with video, but we can cut it out from a shape which will give the same effect. To do this, we'll click on Rectangle, Add it anywhere, drag it up to the top left, and resize it down to the bottom right. I've basically just made a rectangle that fills the whole page. I'm going to make sure this has no outline, then right click and send it back. The rectangle is already selected. It's important for this step that we make sure the rectangle is selected first. And then hold down Shift and click the text, it's selected second. Then we go to Shape Format, Merge Shapes and choose Subtract. What that's done is it's actually removed the text from the shape, so it's a cut out. So anything that's underneath will come through. In this case, it will be the multi layered video that we're going to add now. Now we'll go to Insert. We'll go to Video and choose Stock Video. I'm going to type abstract in my example, the first clip I chose was this click Insert. We'll drag this to the top left and resize it down to the bottom right. Then right click and choose send it back. Now when we play the presentation, the video will play back through the text. But I want to add a second layer of video just to make it more interesting and add more variation. We'll go to Insert video stock videos. Again, I selected this clip, but try any combination of clips you want and see what effect you get and which one you like. We'll insert that again. I'll move this to the top left and resize it down so it takes up the whole screen. Now we want to make sure that it's in the right order. There are a couple of ways of doing this, but first, let's add the effect that allows it to actually layer up on top of the other video in Powerpoint. This is technically called an animation. So we'll go to Animations. Animation. We want to choose this one here, Transparency. When we click on the animation pane, you can see that the transparency option is there. By default it sets it to 50% transparent. But if you ever want to change this, you can double click on it and choose the amount that you want in there. But the only thing I'm going to change for now on this is to make sure that it starts with previous. Everything happens at the same time. Then we can adjust the order. We'll click on this right click, go to send back. But in this case we're going to choose send backward. And this will just send it backward one, so it will be under the cutout. Now when we play back, both videos will be played on top of each other and layered, which gives a really cool effect. We can click on this top cut out to change it to whatever color we want. For example, if I wanted to make it black or a dark purple from this video, this gives a really cool effect. And we can combine any videos we want to get this. 26. Bouncing Collision Text: You can create custom animated text using motion paths, auto reverse, and the smooth end option. Here we show how to start an animation when one element comes into contact with another. As usual, we'll start with a new blank presentation. For the first text item, I'm going to use 60 point poppins and bold. And if I hold control and shift while clicking on this, I can make a copy this text. It's going to be 78. I'll just make sure they're both centered and center aligned. Now let's add the animation. So the first thing we want to happen is for this to zoom in, We'll go to animations. We'll choose zoom. I've added one more animation to that. I'll click on it again and go to Add Animations. And choose grow, shrink, reveal the animation pane. By clicking here, we can double click on this. To get the options, I'm going to choose 110% and press Return and auto reverse. That will size up by 10% and then back down again. We want this to happen a lot quicker. So I'm going to give it a 0.12 duration and start it with previous. Then for the animation that does the grow shrink, I'm just going to set the delay to half a second. The reason I've done this is so that the grow shrink happens at just the right time. Because if you set it after previous, there'll be a short delay. We'll just run that nice. Now we can bring the collision text in for that. I'm going to choose add animation motion path. Then the effect options, reverse path direction to get it to go up. And I'll just zoom out a bit. Hold down Shift and click this red dot and pull it off the screen. I'll set this to happen after previous with a half second duration because the collision is visible. First, We need to add one more animation to that, which will just be a fade. And we want to make it fade first. And then do the motion path. We're going to drag this above. We'll set this to after previous and the line to with previous. Now when we run it, the collision text will not be there to start with. And then we'll come in. Then for the last bit of animation, we'll click on Balance Text again. Go to Add Animation, choose Motion Paths. I want it to go up to Choose Up. I don't quite want it to go up that far, so I'll click on this red arrow, it turns into a red dot. I'll click on it and hold shift and drag it down a bit. That's probably about right. Now. If I double click on it, I've got the option to choose auto reverse, which means it will go up and come back down again. I want the duration to be really short. Probably a quarter of a second or two. We're going to start it with previous and add a delay. And we're going to set the delay to naught 0.4 that will bounce as soon as it hits. The reason we set it to with previous and put in a delay is so we can get the bounce text to bounce up as soon as the text collision hits it. If you use after previous, there can be a slight delay. There's just one more thing we're going to do to this animation. We'll double click on the bounce text, make it have a smooth end to apply some gravity to it as it goes up and down. Now let's quickly out of background and change the color of the text. We'll right click and choose Format, Background Picture, Insert Stock images for this. I just went to the new ones that are currently there and just picked this. I chose a light purple for this from here and white for this. Nice. I'll quickly show you how you can change it into a bit of video in the background. So we'll reveal the thumbnails of the different slides. Control D to duplicate it, we'll go to solid fill and then insert video, stock video. I'll type purple and scroll down to the one I found. We'll drag it to the top corner. Hold down shift and drag it to the bottom corner. Right click, send to back under playback. We want to make sure it starts automatically. Then we'll go to animations. And the animation pane, we can see in there that the second bit of text, which is the word collision, comes in after, which is effectively coming in after the video is finished, which we don't want. We could either change all of these and make them come in with a certain delay with previous. But to make it easy for now, I'm just going to put this on click. And then you can see that they will fall into place. As soon as I click, I'll reveal the title. 27. Atomic Graphics: This is a good example of using non linear motion paths to continuously animate in an oval shape. We also use the reverse path direction option to add variation. We will start with a blank presentation and choose Layout Blank. We can create the first graphic with an oval, so we'll click on Oval. Click anywhere, Right click on it, choose Format Shape. And then we'll go to the size. I want to make this ten high by 3.5 wide. Now I can align it to the middle. And then we'll go to lines. I'm going to give it a six point line and I'm just going to change the color to this dark gray. And then choose no fill. Now we have the first oval. We can click on it, control D to duplicate, Drag it back over the top so it snaps into place. Then we'll roll over the circular arrow at the top. Hold down shift, click and drag. And that will rotate in 15 degree increments and there is the rotation that we want. I'll do this, skin control D, Drag it over and then rotate it back. There's our perfectly aligned outline. Now we're going to add the dots that we're going to animate. I'll click on Oval. We'll go to size. I want this to be 1.5 by 1.5 And we'll choose the same fill color as the outlines here. And we'll make sure there's no outline on this circle. Then we can drag this over to where we want it. The first one I'm going to put on this vertical oval, I want to make sure it's aligned vertically to the middle of the page. Now we can add the animation. To do that, we go to animations. Add animation, Scroll to the bottom, and we choose shapes. The default will be an oval and we can see the dotted outline of where it's rotating around. I can now rotate this motion path, drag it over to the correct position. And then by dragging in these handles, I can align it to the oval. Now when we play, it will move round the oval. We can double click on this. I don't want it to have a smooth end or a smooth start in the timing section, I want it to repeat until the end of slide. Now it will just continue going round. When we play the slide, I'm just going to slow this down a bit to 3 seconds and make sure that it happens with previous. As soon as we run the slide, it will start animating. Great, now let's add the other two. I think the easiest way to do this is to click on the Shape, Press control D to duplicate it. Then we can drag the shape to the position it's supposed to start in, which is about here. Then we can rotate the motion path. This gray circle here will want to end up underneath our circle there. The start positions are correct. To do that, we can click here on the outside and drag it into position great, that's close enough. Now let's play it. Great. Now we'll do the final circle. I click on one of the circles, control D to duplicate drag it into the start position I want, which is about here. Then click on the motion path. Hold down, shift to rotate the motion path. Then we'll drag the motion path into the right place. We can use the cursor keys to do some fine adjustments. Great. One final thing I did, just because I preferred the look of it visually, I actually reversed the path direction of one of the circles. And to do that you can select it, Go to Effect Options, and then choose reverse path direction. That will just go around the other way. Excellent, looking good. And you can adjust the timing to whatever you want or reverse any of these animations. Now we're just going to make the small adjustments to create the dark version. If I click on slide one, press control D, I'll right click on the background and I'm going to make it a solid fill, just a blue for now, so I can see what I'm doing. I'll click on the first one, Shift click and shift click again. Then we'll go to Outline. I'm going to choose white for this. Then I'll fill in the circles, white shape, fill white for the background. I'm now going to choose the gray and then run that. Excellent. 28. Loading Circle: You can use these animated looping arcs to highlight anything in a Powerpoint slide. Here we will create a mock loading animation. We'll start off with a plain background, then we go to Arc in the drawing section and click anywhere. If we write, click and choose Format Shape, we can go to the Size and make this 10 centimeters by 10 centimeters. I also want to go to the fill in line and make it 20 point. If we click on this little yellow dot, we can make this into a semicircle. We'll also click on this rotation handle while holding down shift and rotate. Now we can align this to the middle. For this effect, we're going to use the spin animation. But if we add this spin to the arc, it will look like that. Which isn't what we want to make this spin correctly, We need to add a circle and group it together so that it will rotate from the correct point. We can go to home. Click on Oval Click and hold the mouse down and drag holding shift to create a perfect circle. Then we're going to make this white and send it to the back. Make sure it's aligned to the middle and center. Now the circle is selected. We'll hold down shift to click on the arc. We can now right click and choose Group. And when we add the spin animation to this, it will spin correctly. We can now click on the grouped item. Click again just to select the white circle. And make sure that it's shape filled with no fill, no outline. Now when we play the slide, the rotation will work correctly. I'm now going to change this line to a gradient line. I'm going to click on both of these and drag them off. So I'm just left with two. I'm going to change one of these colors to an orange and the other one to a red. There's our first part of the animation. Now we want to make a copy of the circle in the arc. I'll press control A to make sure they're both selected. Hold down control and shift, and drag them to the right. For this copy, this is going to be the cover. We'll click on the gradient line, make sure it's selected. Set this outline to any color for just for reference while we're working on the design and change the width to 30 point. I also want to name this object so I can easily see what I'm working with. And to do that we can go to a range and selection pane. This is group ten. I'm going to call it cover group five. I can click on that click again. I'm going to call this arc. If I click on animations and make sure the animation pane is visible, I want the cover to rotate twice or the gradient arc rotates once. If we double click on cover in the animation pane, I'm going to set this to two spins, which is 720 degrees. For timing, I'm going to set the duration to 3 seconds. I also want it to repeat until end of slide. That will continuously loop it until you click onto the next slide. I also want this to happen here. I'll double click on the arc. I want this one to just be one rotation at 360 degrees, but I want it to last the same time, which is 3 seconds. And make sure that it repeats until end of slide and that it happens with previous. I want to set the blue to also happen with previous. Now these will both rotate, but the blue one will be slightly faster, which will give the nice effect when we layer it over the top. We can now align this shape to the center of the page. Just check that's okay when we run it, that's looking good. All we have to do now while it's selected is click again to select the blue and make this the same color as the background. Which we can do by going to Shape Outline, and choosing Eye dropper and clicking on the background. That looks good. I'm also going to give it a smooth start and end. To do that we can double click on cover, give it a 1 second smooth end and a 1 second smooth start. And we'll do the same for the arc, just type 1.1 Let's play that. Looking good. Now we have the animation looking good. We can duplicate it and size it down a bit to make the anticlockwise reverse circle animation. If we make sure it's selected by dragging over the whole thing, control D to duplicate, that will give us two animations. I want the one I've got here to be smaller. And to do that I can hold down control and shift and drag from the corner, which will size it from the center of the object that's looking good. I now need to align it into the center. And to do that I can press control A to select everything. Go to a line center and a line middle that's looking good, but I want to set the smaller one in the center to be anticlockwise. But to do that we can click on the second arc in this list and set it to go counterclockwise. And press Okay. And make sure we do the same with the cover. Click on it and choose Counterclockwise. Now when we run that, the larger one will go clockwise and the smaller one will go anticlockwise, creating a really nice effect. Finally, we're quickly going to paste in some text that can be used in the center of the animation. Once you've created these animations, they're really easy to copy and paste into any presentation. You can also easily change the colors of this. I would recommend going to the selection pane, which you can get to from the home menu by going to arrange selection pane. Then clicking on the arc that you want to change the color of right clicking and making sure you're in the format shape section. And then you can go and change these colors to anything you want. 29. Falling And Bouncing Animated Shapes: We will use the smoothing settings on the motion path animation to produce a realistic falling and bouncing effect. We're going to start off with a blank presentation. I'm going to start with a basic rectangle, so we'll go up to here. Click on Rectangle, click anywhere on the page, and we're going to use the default size, which is 1 " by 1 ". To save time, I'm going to quickly paste in the colors I'm going to use. Now click on my Shape, Right click Format Shape. We want no fill for the outline. I want a gradient line. I can drag away this stop by clicking on it and moving it off. And then I'm going to position this one in the middle. I'm going to move to my colors and set these three gradient stops to my chosen colors using the eye drop at all for the direction I want. This second one in, which is linear down and set the width to two point. I'm now going to right click on the background, choose format, and set that to black. Here's our first shape. I'm going to move this to the top of the page. Before I create the other ones, I'm going to add the animation to it. This is because we want to use a similar animation on every shape and it's easier to add the animation, then duplicate it and then change shape. We'll go to animations. Add animation, first of all, choose a motion path. By default this will move down slightly. If we hold down control and the mouse wheel to zoom out a bit, I can then click on this little red dot, hold down shift, and drag it all the way to the bottom. If we play that, you can see that it moves all the way down to the bottom and stops. There's a couple of things I want to change in the animation settings. If we make sure our items selected, click on the animation pane and then double click, we can get to the settings. First of all, I want to click auto, reverse on. That will mean that after it hits the bottom, it will animate back up. I also want to give it a smooth start of 2 seconds because I feel that gives it slightly better physics, where it will actually slow down as it rises back up. For timing, I want to choose repeat until end of slide. And for start with previous. Now we click, okay. We have our bouncing item. Now we're going to add one more animation, which is a spin. We'll click on this, We'll make sure we don't select our animations from here, otherwise that will replace it. We want to go to Add animation and choose Spin. Now we can double click on our spin. We can change a couple of the settings. I want to have it to rotate 720 degrees, which is two spins. Give it a smooth start of 2 seconds, the same as the motion path. Choose auto, reverse and timing with previous. And repeat until end of slide and click. Okay. Now when we play that, it will bounce down and rotate at the same time, looking good. Now we can quickly just make the other shapes by duplicating this one. If we click on this and press control D, I can just drag this into the position I want. Then go to Shape, Format, Edit Shape, and change shape to whatever I want. In my example, I chose cross. I can click control D to duplicate this again. Edit shape, change shape. This one I chose a five pointed star and actually clicked on this yellow dot and dragged it up a bit. Then control D again, for this shape, I chose what they call plaque And control D again, for this shape I chose a pentagon. And then for the final shape, I just chose the diamond. There's all my shapes. If I play that now they'll all fall at the same time. And I just wanted it to be slightly staggered to do that, we'll make sure the animation panes are visible. I'm going to click on the star. Give that half a second delay. Give the square a second delay. The Pentagon three quarters. The plaque, one. I'm basically just adding a quarter of a second delay to each one to give it a staggered effect. Now let's play that. Looking good. Now let's add the text. For this, I'm going to use Fig tree 70. And in my example text, I wrote the phrase, falling, rotating, bouncing shapes. I'm just going to change this to white and then the correct font, and then the correct size and bold. We can now apply the formatting, so we'll right click Choose Format Shape. Make sure we're on Text Options. And then under Text Outline, I want to select Gradient line under Phil. Phil, for the gradient, we want the same one as the shapes, so I can drag this one off. Quickly, select the colors and the direction. I want the width to be two point. I'm actually going to make this black to make it slightly thicker font. That's looking nice. Now let's just quickly add the animation to the text. In my example, I went to animations. The first one I chose was floating and then change the direction to down. If we double click on this in the animation pane, I chose by letter with a 10% delay. Under timing. I chose with previous repeat until end of slide. That gives the nice falling effect. But one of the good things about Powerpoint is it's easy to combine multiple animations on the same element. To do this, you make sure it's selected. You go to add animation. Instead of clicking on the animations in here, which would replace it. We'll go to add animation. I'm going to choose Swivel. When we double click on this, I want it to be on by letter with a 10% delay between letters. And for timing, I want it to happen with previous and repeat until the end of slide again. You'll see what it's doing on the individual animation there as it previews it. But when we play it, it will actually play both of them at the same time. There we go. 31. Outputting A Single Slide To Video: You can output a single slide to video by going to File Export and choosing Creator Video. From there, we can choose any of these four sizes. I would normally recommend choosing one of the top two. Either Ultra HD, four K, or Full HD, ten P in brackets. It will tell you the exact output size of the video. If you output at ultra HD four K, you will get a smoother frame rate, but the file will be bigger than ten TP. So if I choose ultra HD four K, Create Video, and then click Export. You'll see a progress bar appear at the bottom showing you how your export is going. When finished, it will say video exported successfully. You can click to view the video. There's the video playing back as an MP four file. When outputting video with timed animations like these, the video will include all the animations. In this case, the total time is 5 seconds. If you go to transitions and have a look in the timing section, you can set this to after 2 seconds, but this will be ignored as the total animation time is 5 seconds. Also, if you have any animation on click, that will be ignored as well. When we go to file export, create a video. I could change this to 2 seconds spent on each slide, but the video would still be 5 seconds long when it's output, because the animations would override this. If you want, you can extend the length of the video file. In this simplified example, the panel simply animates on until you manually advance the slide. You can go to transitions, and in the timing section, click on after and type whatever you want. For example, I could type 10 seconds, press Return. Now when I run this, it will wait for 10 seconds and then advance to the end. Now when I export it to Video, create a video. I'm going to append 10 seconds to the name of this and click Export. When the progress bar gets to the end, we'll have a video that animates and lasts for 10 seconds. So we'll click here to view. There's our ten second video. 32. Combining Multiple Slides: Here I've copied and pasted four of the examples in the order I want. When you are pasting in other slides from different presentations into one presentation, you can write, click and choose Keep Source Formatting. And that will paste in the slides exactly as they should look. You can also go to this button here, Paste and choose Keep Source Formatting. Now we're going to add advanced slide times so that the animation will happen and the slides will advance. For these first three, I'm going to click on the first select it, then hold down Shift and click on the third. Go to Transitions, and then go to after in the timing section and set it to 2 seconds. To do that, I can just type two and press return for the remaining slides, 4-8 again, click on the first one, hold down Shift, and click on the last. I'm going to set these two 0 seconds. You can see the amount of advanced time appear under each slide. In the case of slide five, it's using a morph. Transition to morph from slide four to five with the duration of 6 seconds. And the advanced slide time that we've set of naught is in addition to that 6 seconds. This means that after the morph has finished over 6 seconds, it will advance to the next slide. Now we can add different transitions if we'd like at the moment. If I play from slide three, you can see that it just instantly changes because it's set to transition none. If we do add transitions, they should be simple and quick. Some of the transitions can be slow and distracting and do not give an impressive effect, are best avoided. Here I will give you some examples of transitions that I think work well. On this first slide, I'm going to click on Fade and set that to a two second duration. Now the first slide will fade in over 2 seconds, then start animating the slide Four, I'm going to add a fade and just change this to 1 second duration. After this effect is finished, there'll be a 1 second fade to the abstract line section. For this design one, I'm going to add a push and set it to 1 second. When this is finished, it will do a 1 second push up to the design animation. Finally, for this one at depth, I'm going to choose a fly through so we can go to the drop down to see more and change this to fly through in the dynamic content section when we run from here, it will finish the animation and then do a fly through, giving a nice strong effect For this last one, I'm going to choose an advanced time of 3 seconds. It pauses at the end, if I run that now from the start. 33. Adding A Music Soundtrack And Voiceover: Now we can add a soundtrack to this animation sequence. If we click on slide one, go to Insert Audio Audio on my PC and select the clip of audio you want. I've calculated that this animation is 24 seconds long. I've edited a piece of library music to this exact length. While it's possible to trim a longer audio clip to any length in Powerpoint simply by selecting the audio file, clicking on playback and going to trim audio, the best results are usually achieved by preparing the clip before using a dedicated audio editor. While the audio is selected, I'm going to go to where it says Start. Change it to automatically. I want it to play across all of the slides and hide during show. The icon or the play button and this bar aren't shown when the slide show is playing. Now we can go to the animation pane and drag the audio clip up to the top. The first thing that happens is the audio plays, If I run that now from the start, you can see that it played the whole way through with the music playing over all the slides. This works well as a presentation, but remember we can also go to file, Create a video, choose the size we want, choose the name we want. Click Export. The progress bar will go up at the bottom, and once finished, you'll have a 24 second video of animated slides with music. So if we click here and there's the video playing back as an MP for, you can also add a recording of your voice or narration on any slide you want and get this to play along with the music in the background. For example, I'm on the first slide here, I could go to Audio and then choose Record Audio. Once I click this, it will record what I'm saying. This is the glow text effect. The audio will now be recorded. It will be this icon in the middle, over the top of the music icon. We can just drag it out the way for now so we know which is which. If I go to playback, I can change some of these details if I want. I could make this happen automatically by changing starts to automatically. Then I could go to my music and actually set the volume to be low. This will allow us to hear the audio that's in the voice. You can also trim this audio to get rid of any gaps such as the small one at the beginning and click Okay. I normally don't want these icons to appear. I choose Hides during show. Now if we play this, this is the blow text effect. You can put this voice on any of the slides and when you output the video, it will be included. If you decide you'd like a version without the voice, it's simple to click on each of the voice icons and then go to volume and choose mute. Now when you output this, the voice won't be included. If you'd like any of the voice overclips to play across multiple slides, you can tick on the play across slides option. 34. Resize For Social Media: Your slides can be changed to any size for outputting to things such as social media or anything else. To do that, we go to design slide size and then custom slide size. We can select from this dropdown box to select things such as four by three or 16 by ten. These are ratios that will be used to display your presentation depending on what screen you're using. You can also make it portrait or landscape. The width and height are shown in centimeters or inches, but you can also input pixel sizes too. To do that, we can go into this box, make sure everything's selected and type 1080 Px and in the height 1080 X. Both of those X numbers have now been converted to centimeters and they are 28.575 So when we output this as a PNG, it will give us exactly 1080 by 1080. Ready to upload to our social media. Now click Okay, and you can choose ensure fit or maximize. As this is blank, it doesn't matter. Now we have our square slide, which we can use to output any 1080 by 1080 pixel image. It is usually best to choose the desired slide size before designing your motion graphics, but you can also resize the slides once they have been completed. Let's choose a few examples to show the options available and challenges you may face. Let's start with these two example slides, and we're going to change these to 1080 pixels by 1080 pixels. To do that, we'll go to Design Slide, custom slide size, and type in 1080 Px and 1080 X. That will come out at 28.575 centimeters. We can click Okay. And then we have two options. Firstly, I'll choose In Sure Fit. And then we'll choose Maximize to see how we can work with each one of these options. So we'll click on In Sure Fit. This looks good. But we could move the top lines up a bit and the bottom lines down a bit to make it closer to the original animation. So if I hold the mouse down and drag over these lines, make sure they're all selected but not the text. For that I can hold down Shift and click on it to deselect. And now hold down Shift and drag these up. The same for the bottom ones. Hold down shift to deselect the text. Then hold down Shift, click on the bottom lines and drag down. Now when we play that, that looks good and close to the original animation that we had when it was widescreen. If we go back to the original widescreen version we had, I can now resize this to 1080 pixels by 1080 pixels and choose the other option. So we'll go to custom slide size ten x by ten x and click Okay. Now we're going to choose Maximize. Again, this looks pretty good, but the text needs altering a bit to fit in. And we can also resize the lines to make them closer together. I can add a return here. While it's selected, I can hold down control and left square brackets to make it a size smaller. Then I can center justify the text and go to a range and position it in the center and the middle. The same for this one. Control left square bracket, size it down, centraline the text and go to arrange a line center. Arrange a line middle. Finally, we can make these lines a bit thicker so they match up with the same design that we had to do that. I can select all three of these. All three of these and right click on them and choose format objects. Then change the line to something like 70, as these were three D lines that had a round effect on them. I can always go to three D format. If I change this to something like 35, which is half of the entire height that I've made them. They'll then look a bit rounder. And I'll do the same for this second slide. Click on the first one, and we're holding down shift. Click on the others and select this to 70. And in the three options, 35 for the width of the top level and 35 for the height of the top level. What I've effectively done is just made some small changes to make this look as similar as possible in its new square ratio. Now if you want to output these as single images, you can go to Save, Choose Ping select where you want to save them. Click Save, just this one. Then we'll be left with a 1080 by 1080 pixel image. If you want to output the video, you can go to Export Create Video, and it will have selected the square ratio, 1080 by 1080. You can always use ultra HD, which is 21 60 by 21 60 if it's square, create video. And that will create a video with a higher and smoother frame rate. 35. Animated GIF Output: If image files are commonly used on the web to display graphics and logos, they also support basic animation, which means they are a popular file format for things such as memes on social media sites as well as for use in messaging. It's a very simple process to output animated Gifs from Powerpoint. You simply go to file, create an Animated if I've chosen extra large from this drop down menu. And then create. Once output, you can double click to play the Ff. If files only support 256 colors, file sizes and loading times can get very large. If there's a lot of movement or a lot of visual detail, choose your content carefully. I would not be outputting things such as video into animated Gifs very often as the quality will be very low. But this example should work well. For this, I'm going to resize to a square shape. So I'll go to design slide size, custom slide size, then type in 108 Px again and 108 Px. Click okay for this. I'm going to choose in sure fit. That looks good already. And now I can go to File Export and create an animated jiff. I'm going to set it to extra large game create. If click Save. Once it's finished, we can double click to see the playback that looks good. You can also save it to lower quality if you prefer, that was 900 K. If for example, I went to file, Create an animated Jif and chose something like medium, it would be a bit lower quality. I'm just going to try medium here, then I'll have a look at the output. And the medium one is only 226 K, but it is a smaller size. 36. Congratulations On Finishing The Course: Congratulations on finishing my motion graphics course. I hope you can now apply the skills learned to create a variety of incredible motion graphics in Powerpoint. Please get in touch with me at Allen at Loma.com.uk to tell me how you found the course. I welcome any feedback and would love to hear from you.