Kinetic typography is defined thus by Wikipedia –

Kinetic typography defined

Now, evoking emotion is a greater form of art.

But realistically, normal folks like you and me, trying to make a living with content marketing, usually have bigger worries than creating an art.

However, you can’t deny art does impress.

Take a look at these great visual storytelling examples, and also ask yourself, why would you need to use different fonts even when you write only texts, no images.

I’m a frequent user of PowerPoint, though not for creating presentations. I use it to create engaging graphic designs and other visual contents including video, and learn new things on the way.

Let me in this post explain how I created kinetic typography using PowerPoint in the example above. Should you wish, download the template here.

But honestly, if you want to master the skills of creating awesome videos with PowerPoint, you should consider enrolling in my video making course.

The example I show here is pretty simple, and shouldn’t take you more than 15 minutes to create.

 

Step One – Decide the Fonts

Before you embark on your work you must first select the right fonts. It is THE most important step in creating kinetic typography with PowerPoint.

Many designers feel PowerPoint is a poor cousin of Adobe AfterEffects so far kinetic typography is concerned.

There is some truth in that…since compared to PPT, AE offers a large range of exciting animations. And if done well, they do look very impressive.

There is no dearth of free fonts on the web. Google Web Fonts is the biggest source of free fonts.

You may even use Google fonts in your WordPress blog using a plugin.

Let me show you the 5 different fonts I’ve selected for this kinetic typography work. Take a look at the image below.

5 fonts for kinetic typography video

As you can see, the fonts are –

  1. Bebas Nueu Regular – 72pt,
  2. Arial Black – 81pt,
  3. Arial Rounder MT Bold – 54pt,
  4. Myriad Pro Condensed – 118pt, and
  5. Calibri (Body) – 50pt.

 

Step Two – Arrange the Fonts

There are quite a few ways to go about.

I’ve seen it is a good idea to create the words as separate elements in PowerPoint. Thus, in the example above, there are 5 text elements independent of one another.

I can give you 3 main advantages to do that way –

  1. Each text element can have its own font family and size. Yes, you can create number of texts using different fonts by returning the cursor to a fresh line. But the disadvantage in doing that is explained in the next point.
  2. You can position each text element as close and precise as possible. You don’t need to bother for the line height. And even though millimeter precision is not possible as in Adobe AE when you align the texts, you can still be satisfactorily perfect.
  3. The third advantage is doing animations to the text elements. Since they are independent of one another, you can render multiple animations to each of them quite easily.

 

Step Three – Render Animations

PowerPoint allows large number of animations, and the good news is you can theoretically give any number of animations to each element.

While animating texts, just try different combinations to see how they are affecting the outcome.

There is no alternative to keeping on trying in order to find the best combinations for your work.

There is another crucial point to remember.

When trying different text animations, control the time for each animation, and their directions.

At the same time don’t hesitate to go for a more granular approach by animating each alphabet in a text element.

In the example below I have done that with 2 text elements as I now explain.

 

Step Four – Combine 2+ Simultaneous Animations

animations for kinetic typography

In the above example, all the animations are done in a single slide. The 2 text elements STEP-BY-STEP and KINETIC have 2 animations each, while the other 3 have one animation to them.

The details of the animations are as under.

1. Text STEP-BY-STEP

  • Boomerang Animation, 0.35 Duration, No Delay, With Previous, and 10% Delay between Letters
  • Spinner Animation, 0.25 Duration, 0.25 Delay, With Previous, and 10% Delay between Letters

2. Text GUIDE

  • Stretch Animation, 0.50 Duration, 0.60 Delay, With Previous, Direction From Top

3. Text for

  • Fly In Animation, 0.35 Duration, 1.00 Delay, With Previous, Direction From Top

4. Text KINETIC

  • Pinwheel Animation, 0.50 Duration, 1.15 Delay, With Previous
  • Compress Animation, 0.75 Duration, 1.50 Delay, With Previous

5. Text TYPOGRAPHY

  • Peek In Animation, 0.50 Duration, 1.50 Delay, With Previous, Direction From Left, and 10% Delay between Letters

 

Summary of Animations

It’s turning a bit technical, but do bear with me. For I hope this would be of help if you’re just starting out on creating kinetic typography in PowerPoint.

  • In my example above there are 5 different text elements, each with different font family, and different font size.
  • A total of 7 animations have been rendered to the 5 text elements. All the animations are different from one another.
  • Finally, the entire animations end up in a little more than 2 seconds.

 

Conclusion

Kinetic typography is usually a series of fast-paced text animations though there are instances where texts are held in view for at least a few seconds before yielding to the next texts.

The other ways to put emphases on particular texts are by way of making font size bigger, giving them contrasting color (usually dark colors), or making them stand out with empty space around.

Download the PPT template for your use.

If this post arouses your interest, consider learning a host of other exciting animations you can do with PowerPoint in my online course for only $40.

Finally, leave your tips and suggestions in the comment box below.