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 404 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

  3. bob says:

    I really like the vid. But when i try to reder and save the video. it doesnt save the audio. Can anyone please help me with this problem

    • Alex Bowers says:

      By default the render settings don’t have audio output set.

      Go into your render queue, then click on settings and make sure that audio 44.1khz is selected (its something like that anyway)

  4. Paula says:

    I tried to do this tutorial and when I export the audio, I try to listen word for word to mark the time when each one appears, I can not hear the audio rather than doing a RAM preview.

    Is there any way I can hear the audio as you do it in the video tutorial?

    I may have some setting wrong?

    I apologize for my bad English, I’m from Argentina. =)

    I await your response.

    Thank you!

  5. patrick says:

    How do I set the anchor point for each word so that it scales/positions like in this tutorial? I guess it defaults bottom left.

    @ 8:25 the word ‘HUNDRETH’ flys in from the back, but my settings doesn’t have this same center point?

    Thank you

  6. iceman says:

    how did you do typing that fast and every word comes down to a new layer?

  7. unicolored says:

    Very nice ! Thank you so much.

  8. GG says:

    HI Guys, when i try to parent the Camera to the Null layer, playing with the position keyframes have no effect on what i can see in front of me :S please help Thanks G

    • AEnoob says:

      I have the same problem… I assume I’m just having a hard time understanding how the camera works. It’s like it’s only moving in relation to the ’1′ comp (if that makes any sense).

  9. Claudio says:

    You’re really good and it’s all cristal clear. Congrats!

  10. Navin Kunwar says:

    Amazing typo, seems unique then other. thanks for sharing :)

  11. Kai says:

    When I go on camera mode, it makes key frames on its own and when I move the text it all de-forms so it doesn’t look like it did when I set it all out, please help! Great video by the way :-)

  12. Alex says:

    Awesome tutorial, thanks!

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.