What is Kinetic Typography and How to Create it


Have you ever watched a video that contained just text but looked insanely cool? Yeah, that was Kinetic Typography!

Motion typography or kinetic typography creates an eye-gripping video and that’s why it has really exploded on the design landscape. It is being used everywhere these days, from TV commercials to landing pages, this technique has proved to be immensely useful when it comes to improving conversion rates and making an impression.

If you wanna learn how you can create truly amazing kinetic typography videos or check out some really cool examples of it then you’ve reached the right place.

Here’s a list of what this article covers:

  1. What is Kinetic Typography
  2. Kinetic Typography Examples
  3. How to Create Kinetic Typography
  4. Best Kinetic Typography Tutorials
  5. Checklist for Creating Motion Typography
  6. Free Kinetic Typography Templates
  7. Closing Notes

Let’s begin.

What is Kinetic Typography

Kinetic typography is a form of motion graphics where text is mixed with fast-paced animations to express unique ideas and thought provoking arguments. This motion typography technique naturally contains a surprise effect or shock value.

Probably, this eye-gripping shock value is what has made this technique so popular and that’s why we have been seeing it a lot. Probably, this is why they used it in Sherlock Holmes.

Stunning Kinetic Typography Examples

The Sherlock video above is a pretty cool example, but just one example can’t be enough so here are a few more.

I have tried to add different kinds of videos, some are modern themed, some are funny, and some are dead serious. You have the complete variety that kinetic typography can offer.

The Social Network

The Social Network is a cool film made on the Mark Zuckerberg’s great achievement. This video uses dialogues from a scene of that film. The thing that makes this video great is the ending, it hits the users with a surprise.


This is another cool video made using dialogues of another really cool movie, Inception. If you have not seen this movie then I suggest you skip this one because it won’t make much sense to you. However, if you have seen the movie or if you are familiar with the concept then this video will seem like the ultimate example for pacing the video correctly.

Tea Lovers

We have checked out some serious examples, so here’s one on the lighter note.

Subtitles Through Typography

This is a song but instead of giving out simple subtitles, the creator goes a step ahead… what a step ahead.

Neil deGrasse Tyson – The Most Astounding Fact

This video uses the voice of Neil deGrasse Tyson’s interview where he told some facts. This video is as stunning as the facts he is stating.

How to Create Kinetic Typography

Wanna hear the tragic truth about kinetic typography? Well, I’m gonna tell it anyway. There is no secret to creating it. It’s just a time consuming process. Designers mostly use Adobe After Effects, spend hours and hours adjusting the text and motion it finally takes a shape. It’s as simple as that.

kinetic typography

A quote from the greatest showcase of design quotes.

What designer do is when they import an object to a composition in AAE, that object is assigned to a set of variables (i.e. position, rotation, scale, opacity, etc.), by manipulating the value of those variables over time, you can actually animate that object any way you want. It’s a tedious and slow process.

The good part

Now I wouldn’t just tell you to go and work for hours and hours just create your first video, would I? Definitely not!
There are some high quality free templates available that you can use. There are some specialized tools available as well that serve only to create kinetic typographies.

We’ll take a look at the free templates as well as these tools I just mentioned, but first, here are the tutorials.

Kinetic Typography Tutorials

I’m starting with the easiest of tutorials, we’ll go to the advanced ones from the third tutorial in this list.

Introduction to Kinetic Typography
Duration: 22 minutes.

I loved this tutorial because it doesn’t waste your time and tells you the methodology that works behind a cool typographic video. This is a fairly easy tutorial, go for it even if you are a beginner.

Song Lyrics
Duration: 2o minutes.

This is a simple example how you can start creating your motion typography.
You can watch the final result of this tutorial here. I’m not including that final result in this post because that contains language and concepts inappropriate for children.

Bruce Lee’s “Be Water” Philosophy
Duration: 1 hour and 11 minutes.

This is a truly advanced level tutorial. I suggest you follow this one especially if you are a beginner. After all, you won’t learn unless you challenge yourself.

This tutorial is divided into three parts, all of them are given below but first, take a look at the final result.

Tutorial Part 1

Tutorial Part 2

Tutorial Part 3

And if you’re really paranoid about kinetic typography then you can take a 3-hour long course of kinetic typography on udemy.

Now that you have learned how these videos are created, let me make your work easier by giving you some really cool free templates for creating animated text. But first, here checklist for creating kinetic typography videos.

Checklist for Creating Motion Typography Videos

  • Never use more than 2 fonts.
  • Use a simple color scheme.
  • A cool music is pivotal.
  • Total duration shouldn’t be over 3 minutes.
  • Triple-check for spelling errors.

Free Kinetic Typography Templates


The reason I’m placing this template on top is because it is really easy for beginners to edit. The next ones are for the advanced level users.


It took 1 designer and 110 animators from all over the world to create this template. This is a really cool template. What the creators did was they asked each animator to pick a glyph and animate it using 4 colors at max, 25 frames and a 500 x 600 canvas.


Another template from the creators of Franchise (the previous template). Its straight lines, elastic motion and European style use of colors give it a unique look.
The only downside to this template is that the typeface doesn’t contain any special characters or punctuation marks. It does, however, contain complete alphabet and number set.

Free Short Kinetic Typography Template download (AE)

This template and the following two are from the same creator. They create easy to use templates but they are not too detailed. They are ideal for personal work but clients need (and deserve) customized solutions, therefore these templates may not work there.

Typography RED Outro Template

Typography World – Free Adobe Typography Project File

Kinetic Typography with Photos

This template is designed to incorporate photos, so it can have special uses. It has 5 placeholders for photos.

Closing Notes

If you like to play with motion, you just have to master this technique because this not just looks amazing but it is highly commercial as well. Clients pay for it and viewers love it.

But creating these videos is a tedious job and that’s why I have shared these templates with you. But, if using templates is not the only solution for making such videos quickly. There are paid tools available that also cater this need. I leave you with links for three of such tools:

  1. Video Rascal
  2. Render Forest
  3. Make Web Video

PS: Before you start making such videos, don’t forget to share this article on your social media network. Please use the buttons below and share it. It really makes a difference for us.

create free website wix below post

Further Related Readings

  1. Alberto A. June 17, 2016 at 11:49 am

    Great examples of kinetic typography. Thanks for sharing 🙂


Leave a Reply

Your email address will not be published. Required fields are marked *

Copyrights © 2016 - Designzzz. All Rights Reserved