Design Rhythmic Motion Typography in After Effects

Tutorial Details
  • Requirements: After Effects
  • Difficulty: Intermediate
  • Run Time: 15:09 min

Final Product What You'll Be Creating

Twice a month we revisit some of our reader’s favorite posts from back in the archives of Aetuts+. Today we’ll look at an amazing post from Markus Gustafsson. This was the first tutorial Markus did for Aetuts+ published back in January 2009 talking about typography… enjoy!


In this tutorial you’ll learn how to create animated typography synchronized with musical events (lyrics). You’ll learn how to fit your typography to a rhythm, add dynamic animations and use the camera and motion blur to create a high-end final effect. This tutorial showcases a technique that is highly sought after in motion graphics today.

We love to see what you do with the techniques taught at Aetuts+. We encourage you to create your own motion typography videos in this style and post a link to your video in the comments below. Most of all, we hope you enjoy the tut!


Tutorial

Download Tutorial .mp4

File size 65 MB

Add Comment

Discussion 389 Comments

Comment Page 8 of 8 1 ... 6 7 8
  1. Mattia says:

    Hi everybody…this is great!!! Someone knows what font it is??? (sorry for my bad english)

  2. Kevin says:

    So recently, I’ve working on this kinetic typography composition in AE and it’s my first time. Once I added the camera and parented it to a null object, I did the normal typography camera visuals. However, when I set a key frame on several different frames, the movement wasn’t sharp and didn’t come to a complete stop like in most typography animations. Instead AE took all of the camera positions and sort of blended them together so the text never stopped moving. How do I fix this?

    • Staff

      Good question. If you select the keyframes and right click on them, choose keyframe interpolation. Change the spatial interpolation to linear. AE likes to make movement smooth whenever possible be default, but by doing this, you end up getting some pretty crazy boomerang action… if that doesn’t work, let me know. ae@tutsplus.com

Comment Page 8 of 8 1 ... 6 7 8

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.