Beautiful Spinning World in PowerPoint (Animation Tutorial)
Hi everyone, Let’s learn how to make a spinning world and other cool spinning objects in PPT. Here’s how to do it: First, choose the type of object you’re going to spin. Create shading, and finally, animate your object. Now before we begin, let me just explain the 2 types of options for the spinning effect. The first is what I call the text option. Use this if you want to write something that’s spinning around the object, as you saw earlier with the Christmas ornament and the ball in the intro video. The second is the picture, or pattern option. Use this if you just have a design, such as the world map, that you’d like to spin around. I’ll start by showing you all the steps for the text option, then we’ll move on to the picture option. To give you a quick look of how to do the spinning text, let me first sort of deconstruct or pull apart what I did for the first section for that red ball.
The ball part is covered up on all sides by black — so let me move that away so you can see it better. Basically, what’s happening is there is a wheel of text that’s rotating to create the spin effect. There is also some shading patterns in there that give it a 3d look. And I’ll just manually rotate the text so you can see how it works. All right, let me put everything back together, and we’ll start over and do it from the first step. So now that we’ve chosen the text option, we now need to create a rectangle with a circle cut out of it — I’ll call this the window layer, for lack of a better word. I’ve inserted a white rectangle here on top of our orange background, and now I’ll add a circle on top of it.
Make sure the circle doesn’t have an outline. Now, of course, if you have PPT 2013, it’s very simple to combine these shapes by selecting the circle and rectangle, and under the format tab, clicking on combine shapes, then combine, and there you go. If you have an earlier version of PPT, I’ll just show you really fast how to do it, since I know I’ll get questions on it. You just highlight both shapes, cut them by right clicking or control X on a PC, then paste as a picture, and then go to your color options, choose set transparent color, click on the circle, and there you go — you have a perfect cut-out. Ok, now that we’ve made the window layer — one way or another — let’s make text part. I’ll just create a text box and put some test words in here.
Now I’ll go to “word art styles” and choose this half circle. Increase the size, make it more circular, and adjust it so it looks the way you want in your window. Make sure that the height and width are the same so it’s a perfect square. Now I’ll just bring the window layer to the front — then make the text white and also bold. We now have our ball and the text done — but it currently looks like kind of a flat circle, which is why the next step of creating shading is so important because it’ll give it more of that 3D look. To create shading, we first create a circle about the same size as our cut-out. Take out the outline. Now make it a gradient fill – make it a radial gradient and start from center. And even though this isn’t an exact science, I’ll show you at least one set of parameters that worked for me. First color, make it the color of the background.
Position is 4%, and transparency is 100%. Next one is in 30% position — make it the same orange color. And transparency is 90%. Finally, we have one in the position of 90% and transparency of zero. And last one is position 100%, black, and also transparency zero — I’m not sure if this last one matters actually. Now bring the window layer to the front to make sure the shading stays within the boundaries of the original circle. And we’re just going to add another piece of shading on top — add another circle, take out the outline. Go back to gradient fill — and let’s change the numbers.
First off, make this a path gradient instead of radial — that’s really important. Now make it just 2 points on either end — make them both white — really easy. Now the first one is 50% transparent, and the second is 100%. This gives you a nice subtle reflection or glare on the shape. You can stop here, but I like to make a copy of it and put another one of these, a little bit smaller in size, on top.
And there you go — looks a lot less flat. Now feel free to use your own shading techniques — I’m not a shading expert at all — so I’m sure if you’re artistic you can create much more complex and realistic looking shading than I have here, but this should get you started, especially if you’re a beginner. So let’s move to the final step of animating your object.
So for this step, let’s bring up our animation pane first. Then highlight the text and just choose the spin animation. Make sure that it’s set to clockwise, at least if you’re using a language that’s read left to right, like English. If you want it to keep spinning around continuously, just set the effect to repeat till the end of the slide under effect options and timing. And let’s also increase the time to 15 seconds so it spins slower.
And here is the result. Obviously if you were to do this, you wouldn’t have any gaps around the edges of your window layer — I was just doing that to show you how it works. Now let’s move on to the picture or pattern option — and I’ll show you how to do the rotating world. For this, we start with the same window layer — already premade on a blue background. Now we add the world map picture — and the picture must be rectangular — it can’t be one of those maps that looks like an oval. This map has a transparent background, but that’s entirely optional — you can have any map that’s a rectangle. In fact, let me go to google images really fast just to show you the types of maps that would work. Of course with any image, make sure you have the right to use it — but I’m just showing you these to give you the idea of what would work. This one would work — and that one too — and even the one under it even though I’m not crazy about those colors.
Ok in any case, this is the one we’re using — let’s just put the window layer to the front, and now we’ll create our gradient. For this, make a square, take out the outline, and change it to a gradient — make it radial and start from center. And I’ll talk you though the rest of the numbers again. First, let’s make all of the colors here black.
For the first one that’s all the way to the left, make the transparency 100%. Put the next one at position 45% and set the transparency to 30%. Next one is at 70% position and 7% transparency, then 85% position and 2% transparency. Now again, this is just my way of doing it — so feel free to play around with these numbers so the gradient looks the way you want it to. Now we actually tilt it to the side so that we have a little more dark area on the right to work with. And you can make it a little bit bigger as well. Ok now we can move onto the animation, which is a little bit harder than the text option but the effect is well worth it. So first, let’s bring the world map to the front again so we can work with it. Now just duplicate it by selecting the map and hitting control D on a PC or just copy and pasting. Now line up the copied picture exactly on the left side of the original, since our map will be spinning to the right, or counter-clockwise — if your picture will moving to the left, put its copy on the right.
Now group the two pictures. And now go to the animations and choose a linear motion path — and set it to the right. Go to the effect options and take out smooth start and end, go to timing and make it spin for 3 seconds — and make it repeat till the end of the slide. Ok now this is where it gets a little hard so try to pay attention carefully. Stretch the motion path so that it goes exactly to the end of the original picture — no more no less — in PPT 2013’s preview, it’s easier because you can see the pictures kind of line up on top of each other. Hold down Shift while you do this at least on a PC to make sure the motion path remains straight. When you’re done, your motion path should be exactly the length of one picture — so keep adjusting it until it’s perfect or else it won’t work right.
So to finish this off, let me send the map part to the back — and let me clean up these edges really fast by putting black on top of them so the graphic looks nice and neat. And let’s test this out — looks really cool. Now you may be wondering how I did the more complicated world that was in the intro — let me also deconstruct it for you quickly — but it’s the same exact principle as I just showed you but it just has more layers of shading as you can see here. I also used a premade picture and cut out the world part by putting a circle on top of it, pasting as picture, and setting the circle to be transparent, sort of like what I showed you earlier in this video. So that’s all I got — and hopefully you liked this technique — it’s honestly a really useful one to spice up your presentation and delight your audience. So enjoy, and let me know how you like it.
Thanks for watching, and see you again soon! .
As found on Youtube