"How to Create Motion Text Effects in PowerPoint"

Creating Motion Text Effects in PowerPoint

This effect is so cool that many people are surprised that you can even do this in PowerPoint.  You can make any text (or other object) come to life instantly by making a moving background fill, like what you see below:

Here’s how to make this really neat effect in PowerPoint:

  1. Make your mask.
  2. Choose your background
  3. Animate that background.

Motion Text Video Tutorial


 width=

Motion Text Written Tutorial

Step #1: Make Your Mask

The trick that makes motion text work is that you’re basically creating a mask layer with holes cut out in the shape of the text, and then you make whatever background you want and then make it move behind that mask.  Here’s how to do it.

First make a shape with the text that you want to put in.  I’ll keep it simple and start with a rectangle, so I’ll go to Insert -> Shapes, choose the rectangle, then draw it across the slide.

The result should look like rectangle with 3 stripes in the figure to the right below.

"PowerPoint Motion Text Effect Part 1 Step #1 - Make your Shape"

Now we need to add the text that will be cut out, so I’ll just write the word TEXT here as an example. Make sure you use a nice, fat, bold font for best results – I’ll use Arial Black in this case.

"PowerPoint Motion Text Effect Part 1 Step #2 - Add your Text"

Ok now we can either add an outline to the letters or not – I’ll go ahead and add one as a demonstration by right clicking the text, then going to Format Text Effects, then under Text Options, going to Text Fill on the left and scrolling down and making the text outline solid, white, at 3 points in width to make it nice and visible.  I’ve also temporarily made the text fill darker so you can see the outline better.

"PowerPoint Motion Text Effect Part 1 Step #3 - Add an outline"

Now the text fill will be cut out for our mask, so while I made it dark here, I recommend that you make that color close to the text outline color, so much lighter.  This is because when you cut out the text fill (which we’ll do in a little bit), small bits of the fill color will still remain at the edge – see below what I mean when the dark blue text fill is used.

"PowerPoint Motion Text Effect Part 1 Step #4 - Be careful of your text color"

Therefore, by making the fill close to the outline color, we’ll make this edge barely noticeable, so let’s change the dark blue to a yellow text fill – still under the text fill menu.

"PowerPoint Motion Text Effect Part 1 Step #5 - adjust the edge"

Now to hide the rectangle, let’s make the shape fill (the blue color) the same as our background (black), and take out the rectangle shape outline.   So still under the Format Shape menu, we go to Shape Options, then Fill on the very left, make it a solid black fill, and choose “no line” for the outline.

"PowerPoint Motion Text Effect Part 1 Step #6 - Hide the rectangle"

Ok now we have our mask built, and we’ve come to the fun part. Let’s cut the mask (CTRL + X on a PC) and when we paste, paste as a picture by right clicking, going to Paste, and choosing the picture option. 

Alternatively (and especially if you have an earlier version of PowerPoint), you can paste as a picture by going to the Home tab, then choosing Paste on the left, hitting Paste Special, and choosing one of the picture formats from the list, as shown in the graphic below.

"PowerPoint Motion Text Effect Part 1 Step #7 - Paste as Picture"

Now that we have our mask picture pasted, we go to Format, Color, and Set Transparent Color.

"PowerPoint Motion Text Effect Part 1 Step #8 - Set the Transparent Color"

And we click anywhere on the yellow text fill with the wand – and there you go!  The yellow part is now gone and the mask has a cut-out in the shape of the text, which you can see if I drag the text off the slide.

"PowerPoint Motion Text Effect Part 1 Step #9 - Finished Text Result"

Step #2: Make Your Background

We’re now ready to make our background. For this you have several options:

"PowerPoint Motion Text Effect Part 2 Options to Work With"

  • The first option which is my favorite, is to embed a video, although it only works on PowerPoint 2010 and later. Motionbackgroundsforfree.com is a really good site for free motion video backgrounds that I used in this tutorial, as everything is free to use for any project (none of the confusing licensing language!). You just have to quickly register with your email.
  • Even though the video option is my favorite, if you have an earlier version of PowerPoint, you can still create a really neat effect using a picture and making it move. I like using stockphotosforfree.com (from the same folks as the video site).
  • And finally you can create a shine effect to your text. And this involves creating a thick rectangle with a gradient.

Let me just quickly show you how to make the shine effect before we move to the animation step. Let’s start with making a vertical rectangle then adding a gradient fill.

So right click and go to Format Shape, then Fill on the left, then give it a gradient fill, choose Linear, make it 180 degrees, and adjust the gradient stops at the bottom.  Make sure there are three of them and color the ones on the sides white with a 100% transparency.

Color the one in the middle white as well, but leave the transparency at 0% for that one.

"PowerPoint Motion Text Effect Part 2 Step #1 - Creating a Shine"

Now remove the shape outline and tilt it forward slightly.  This bar will pass across and behind the mask layer to create the effect.

Step #3: Add the Animation

We’ve now made our mask and looked at different kinds of backgrounds. Let’s put it all together and add animation.

Part 1 – Animation for Video: For the video background it’s pretty straightforward. 

Just insert the video by going to Insert -> Media -> Video -> Video on my PC.

PowerPoint Motion Text Effect Part 3 Step #1 - Animation for video 2

Crop or shrink the video so that it’s smaller than your mask, as we’re going to want the video to go entirely behind the mask.

After this, open up the Animation Pane and make the video playback animation Start with Previous and then remove the trigger by selecting the animation and dragging it to the top of the Animation Pane.

"PowerPoint Motion Text Effect Part 3 Step #2 - Adjusting the Animation"

Ok great! Let’s copy and paste the mask from before on top of the video. You can see what it looks like here:

Part 2 – Animation for Pictures: Let’s now look at how to animate the picture background – again, this is a great technique for earlier versions of PowerPoint, in which the video doesn’t work in the right way for this trick.  Here we use just a regular background picture with some blue dots on it that I got Stockphotosforfree.com, which is the free stock image site I mentioned earlier.

Once we’ve chosen the picture, there are different animation effects you can add to make it move to make the text come to life – let’s just take a look at a few.  Some animations that could work well, for example, are Spin, Teeter, and Grow & Shrink.

But I’m actually going to make a motion path to the left for this by going to the Animation tab and selecting the motion path animation at the bottom.  PowerPoint 2013 gives a preview of where the motion path is going to land which is really helpful.

"PowerPoint Motion Text Effect Part 3 Step #4 - Different animation effects to use 2"

In the Timing section, make it Start with Previous.  Then, click on Effect Options and when the menu pops up, take out Smooth Start and Smooth End by dragging the bar to the left.  Hit OK.  Now we decrease the speed at which the motion path moves by increasing the timing to 5 seconds.  Finally, copy and paste your mask again on top of the picture.

PowerPoint Motion Text Effect Part 3 Step #5 - Adjust the timing 2

Be sure to test it out. If the picture went too far to the left, just make the picture longer by stretching to the left.  And now you have your picture background!  Be sure to play around with other animation effects on the picture to see what looks coolest.

Part 3 – Animation for Shine: And now let’s move to the last background type, which is shine.

For the shine, let’s start with adding a grey rectangle in the shape of the mask so that our text will look grey as well.  I’ve found that the classic shine effect is usually done on a grey background, though it can technically be done on any color.

PowerPoint Motion Text Effect Part 3 Step #6 - animation for Shine 2

Then add the shine bar that we made earlier.

Stretch it out so it’s nice and large, as you want to make sure that it’s long enough to fill the entire text mask.

"PowerPoint Motion Text Effect Part 3 Step #7 - stretch the line 2"

Now let’s copy and paste the mask layer in here – note how the shine line is now behind it (you can see the outline of it on the left in the graphic below).  Then, let’s add a motion path to the right so it can pass across and behind the text.  Again, we go to the Animations tab and select the motion path.   Let’s change the direction to go right.

"PowerPoint Motion Text Effect Part 3 Step #8 - add a motion path 2"

Just as we did before, get rid of the Smooth Start and Smooth End by going into Effect Options.  Hit Ok.

"PowerPoint Motion Text Effect Part 3 Step #9 - adjust the animation timings 2"

Great, our Shine effect is now done!  To see what it looks like, in comparison to the other two, I’ve put all three backgrounds together below:

 width=

Motion Text Conclusion

As you can see, this effect can dramatically enhance your presentations – and it’s one that is especially good for corporate settings as well, since it’s cool but could be professional as well.

The technique of creating a mask layer with a cutout can be used for much more than just text, too.  You can remove any color within any picture or make masks from various shapes as well using the same process – the possibilities are endless, which is why this is one of my favorite effects!

Hope you enjoyed – it’s a really good one to add to your animation repertoire.  Go and experiment with it to see what combinations you can come up with!

  • Bernice Stangenberg

    Once again that was spicy hot!!! Thanks so much. 🙂

    • spicypresentations

      Thanks so much, Bernice! Glad you enjoyed :).

  • Yessir baconFat

    thank you very much. Great tutorial

  • Divya Sood

    its really nice