Web Designer Pro Bundle - $500 of Site Templates, Stock Photos, Code, Graphics and more for only $20
We’ve Spelled Out How To Create Dynamic, Hand-Drawn Text

We’ve Spelled Out How To Create Dynamic, Hand-Drawn Text

Tutorial Details
  • Requirements: After Effects, A Pen & Paper, and a Scanner/Camera
  • Difficulty: Intermediate
  • Run Time: 17:06 min
Download Source Files

Final Product What You'll Be Creating

One of the beautiful things about After Effects is how versatile it is. People use it for all sorts of different reasons and with the recent Breath Of Life Series, we saw how to bring your hand drawings to life. Today, we’ll look at applying this same idea of importing hand drawn assets to generate an attractive, dynamic text effect. Would work well with this Quick Tip. :)


Tutorial

Download Tutorial .m4v

File size: 32.8 MB

Add Comment

Discussion 11 Comments

  1. Forward says:

    Thanks, this is very useful. How did you get the drawn texture itself animated? Pointing to the seconds in the video would be appreciated.

  2. Author

    Hi,

    Are you referring to the fill inside of the text? I drew it the same way as the stoke (frame by frame) and then when I was finished, I drew the letter again 4 different times. Then looped it to get that effect.

  3. Hi and thanks for the tutorial!

    I’ve been looking for different ways to make this entirely within after effects and an indie font, and am going to try some different techniques. (the main point is to make it so the text can be easily altered)

    Your tutorial has a great unique look, that cant really be recreated if you use digital text but its hard if you have to use it for like a whole page of text.

    its called “line boil” by the way.

    • Remington McElhaney says:
      Author

      Your welcome!

      Yeah, I’m assuming you’ve watched Andrew Kramer’s tutorial by now. It doesn’t give you a lot of control with the look but I think if you spent some time with that technique you could get some pretty good results with strokes.

      The great thing about this, is once you put in the work and do the alphabet your pretty much done. I spent close to 30 hours on this project, so it’s definitely time consuming. But as you said, it gives you a result that’s very hard to recreate digitally. Once the letters are drawn out and taken into After Effects, all you’d have to do it rearrange them to change your text.

  4. Christina says:

    Wow, great tutorial! I did the letters using a drawing pad and Illustrator, let me say, the effect was quite close to the one you have and I didn’t spend much time on drawing the letters :) Just mentioning :) ) Otherwise: great tut!!!!

    • Remington McElhaney says:
      Author

      That’s awesome Christina! That’s definitely a good way to do it if you have access to a tablet. I’d love to see your result!

  5. Sebastian says:

    Have you been inspired by an existing font ?
    I’d like to found something similar.
    Thanks for this tutorial. Very helpful.

  6. Joe Ma says:

    How about using a type like font and the liquify plugin??

  7. asd says:

    the paper is still.. not realistic imo

  8. AntoxaGray says:

    You can also loop animation this way, without copying tons of layers:

    Enable Time Remapping (ctr+alt+t) on comp;
    add loopOut() expression;
    extend comp length.

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.