Beautiful Spinning World in PowerPoint (Animation Tutorial)
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!