Create A Parallax Effect In PowerPoint

Hello parallax effects are really really popular within websites this is where as you scroll down the content Rises but the background image does rise but a little slower you can see how that creates the optical illusion of depth and that’s really popular on website so I’m going to show you in this tutorial how you can create that same effect within PowerPoint itself here is my first slide and you’ll see that if I progress to the next slide I create that parallax effect and then again on this slide here watch the way the new content Rises faster than the background picture rises to create that illusion of depth so let’s see how we create a parallax effect in Microsoft PowerPoint so I’m going to start this tutorial with a completely blank new presentation and I’m going to start this with a blank slide so I’m going to head up to layout and click on blank now what I need is a photograph for the back so I’m going to go on to the Internet and I’m going here to a website called which is really great got a lot of really good quality photographs and their creative commons 0 licensing so in other words you can use those images for anything you like without having to worry about a payment or attribution or anything at all you can do whatever you like with these pictures so I’ve come on to and I’ve chosen some images to do with balloons I’m going to click on this image and then I’m going to right-click it and copy go ahead back into my powerpoint presentation and then paste it and as we do we find that the image is a lot bigger than the original slide so if I snap this image into the top left corner of the slide and then I resize it we’ll find that it’s not just bigger than the slide it a different shape to the slide now my slide is 16 by 9 which is HD widescreen and this image is clearly a different shape so what I’m going to do with that image being slightly larger than the original slide is Ana click on the image to select it and then head up to format at the top I’m then going to come across to the right where it says crop and click on the bottom half of the button to bring up the menu and then I’m going to choose aspect ratio and then 16 by 9 which is the same as the size of my slide so I click on that it then automatically crops or shows the pre crop status of the images I’m happy with that so I click on the crop button again to accept that now the image is still bigger than the slide but it is now exactly the same proportions so if I snap it into the top left corner and then grab the bottom right corner and bring that in will find that it is a perfect fit for my slide so there we are we’ve got the background image that’s step one now the second thing I’m going to do is put some text in front of that image so I’m going to go to insert and then click on text box click somewhere in the middle and I’m going to choose some text now and then what we’ll do is we’ll increase the size of that we’ll change the font I will have BBS new and we increase that will turn it white let’s have that nice and big and what I want is to have this right in the middle of my slide and one of the ways we can do that is to simply click on the text box and then if we click the format button again at the top and then choose a line we can see that the option to align to slide is ticked so all I need to do is click on a line Center to align it horizontally in the middle and then align middle to align it vertically in the middle so there we are that’s now perfectly centered in the middle of my slide so there we aren’t that step to now the next thing we need to do is to insert a shape and we’re going to go to insert we’re going to click on shapes and just choose an ordinary rectangle doesn’t matter what we do with it we just stick it anywhere for the moment and the first thing I need to do is to remove the outline remove the outside edge from that we don’t need that so with this rectangle selected I come up to shape outline and I choose no outline and then for the color what I’m going to do is come up to shape fill and then choose the eyedropper this allows me then to pick any color from my image and I’m going to choose the same sort of Forney tan sand color that we’ve got down here so I’m going to click on that yep that’s fine and and then what I’m going to do in fact I’m going to choose a slightly darker one thing that might not help the white shark quite as clearly so let’s choose that slightly darker one there that’s fine and then I’m going to snap this rectangle into the top-left corner see how we get those little dotted red lines that show us when we’ve snapped it in and in fact it does seem to pull into that corner while we move it I’m going to drag the bottom-right corner into the bottom-right corner of the slide so that’s now the exact same size as the slide and what I need to do is zoom out you could zoom in and out using this slider at the bottom right corner but my preference is to hold the control button down and then simply use the wheel on my mouse that’s a lot easier I think to zoom in and out using that method so I’m going to zoom out to there and simply drag this brown rectangle underneath that image and just snap it so it’s exactly in line with the image and and snapped up against this lower edge okay that’s good now the next thing is the text box in the middle here here I’m going to copy that and bring a copy of it down into the center of this sandy-colored rectangle now I could just copy and paste that text box but a good way of copying an image or a text box or any object in fact is to hold down the ctrl button then click and drag the item that you want to duplicate and then simply let go with a mouse and then you can let go with a control button and what that does is duplicate it but it allows you to move it at the same time now what I need to do is to align this bit of text here into the center of the Sandy rectangle so first of all we’ll do is change the text itself and so let’s just type some text in there and then what we’ll do is we want this to be aligned centered not with the slide which of course is actually above this area but centered within this rectangle so I’m gonna click on the rectangle first then I’m going to hold the shift key down on my keyboard and click on this text box so that way I’ve selected both items I then come up to the format button again at the top and click on a line and you’ll see this time instead of aligning to slide the tick boxes next to this option to align selected option objects so if I click align Center and then align middle what happens is the text box is exactly centered within this rectangle ok so that’s it as far as adding all the objects is concerned the next step is to actually add the animation now there are two parts to this animation the first part will be this rectangle and the two text boxes they will slide upwards the background image will also slide upwards but it will do that independently of the other three items so as these three items will all move together the easiest thing to do is to add them into a single group so I’m going to click on this Sandy rectangle hold the shift button down so I can select multiple items click on this text box then click on this text box and then if I just right click on any of these I can go to group and then click group so that’s now one object and this picture of the back is the second object so now we can add the animation in so I’m going to go to animations at the top and then from the ribbon if we just scroll down to the bottom list of options we have all the paths and lines and we’re just only going to choose lines now that adds in an animation but as you see it’s actually going the wrong way that doesn’t matter at all we can simply click on effect options here on the right-hand side and change it from going down to going up and there we are it’s now rising up because it’s not rising up enough needs to rise up a little bit further than that in fact it needs to rise up so that this sandy rectangle here entirely covers the slide area at the top now if you look you’ll see a little arrow appear in the middle of our animated group and in the middle of that if I just zoom in a bit you’ll see that there is a green triangle that’s the start position for the animation then there’s a light colored dot line and then we have a red triangle and that’s the finish point for this animation so what I have to do is click on that animated line and we see that the triangles now turn into circles and I can put my mouse onto the red circle now I have to be careful here because I want this animation to go directly up but if I just grab it the risk is that you end up going sideways at an angle and that won’t look quite as good so what I’m going to do instead is to hold down the shift key and this locks that line in I’m moving my mouse left and right and you’ll see that these objects are just going directly up there’s absolutely no movement left or right so all I do is I just drag it up until it exactly overlaps the slide and the image at the back now we are can let go and that’s done so that’s the first animation now the second animation is of course this colored picture here at the back so I’ll click on that colored picture again we’ll go to the animations tab scroll down to the bottom of all the different categories and choose lines again it will add the animation in the wrong way so we simply go straight to the effect options button and change down to up there we are cells rising up and we’ll probably make it rise a little higher than that and but in order to edit the length of path we’ll need to tidy things up a little bit because you can see here that I’ve got a green triangle for the start position of my first group there it is just here at the bottom and then I can clearly see a dashed line going up here is another green triangle which must be the start position for the picture but then we have two red triangles up here one of course is the end position for the group the other is the end position for the picture but there’s no way of telling which one is which so an easy option here is to simply hide all the bits of this slide we don’t need to worry about for the moment so to do that what we need to do is just click on the objects that’s the bit that we want to get rid of and if we go to home and then on the right hand side in the editing section we click on select and just bring up the selection pane and here you’ll see the object that I’ve currently selected in this pink color here it’s called group 14 and that contains these three items here two text boxes and a rectangle underneath is this other item here picture 10 that’s my background image and on the right hand side of all of these are little eye icons and I can simply tick or press the icon of the eye next to group 14 and that hides it so that’s now disappeared don’t have to worry about that anymore I can bring it back any time at all but for the moment let’s now just focus on the animation for this picture so I’ve clicked on the picture we can’t see that animated line so we need to go back into animations and then it appears and again all I need to do is click on that animated line there and if I know a little bit slow responding there but if I click on the shift key on my keyboard again I can drag this up without it sliding left or right and I’m going to slide it up so about the point where my mouse is at the top of the original slide otherwise this image is sliding up about half its height that’s about right okay though we aren’t that’s done so I can now except that I can go back to my selection panel on the right hand side and I can restore visibility of the other items and now there is just one final thing if we go back to animations when we click on the animation pane we’ll see our two animations but at the moment each one is triggered by a click so I have to click once for the group to rise up and then I have to click a second time for the image to rise up and of course we want them both to happen at the same time so I’ll click on this second animation and at the top we’ll just change this option from start on click to start with previous so in other words I will click once and both animations will happen at the same time so what I’m going to do now is go back to the slideshow button at the bottom here or it could simply press the f5 button at the top of my keyboard and we’ll go into our presentation there we are so there is the first slide or what I’m going to do is click to progress to the second one and you’ll see how the content rises up and the background rises up but they both do it slightly independently so here we go there we are like that I’ll get it back and you can see that happen again so here we are you can see the image rising up but it’s slightly beaten by the new content rising up that little bit more quickly so that’s it that’s all there is to it to creating this neat little parallax effect and you can obviously add multiple copies of this sort of setup throughout your presentation and so that you have multiple parallax transitions from one slide to the next so it’s quite a cool little trick I hope you liked that video if you did please do give it a thumbs up it does make a difference and it would be fantastic if you could subscribe as well and then you’ll simply be first to know where new little tips tricks and tutorials are available so thank you very much indeed for watching and I will see you in the next video

As found on Youtube

(Visited 1 times, 1 visits today)

About The Author

You Might Be Interested In