After Effects Handwriting Tutorial

Posted by admin in Blog, Tips & Tuts | 11 Comments



After Effects Handwriting Tutorial

This is a helpful tutorial to create an animation of a marker writing out a logo or a few words, followed by a slick reveal to an actual logo.

This is my first tutorial. I hope you enjoy it!

Here is a quick step by step guide…
1. Create your final image
2. Print the logo only without any backgrounds. Just the part you are intending to trace
3. Trace with a thin marker
4. Scan the image
5. Adjust the levels in photoshop
6. Import into After Effects
7. Size scanned image to line up with original artwork
8. Apply stroke effect
9. Use the pen tool to trace over scanned image
10. In the stroke effect, change to reveal original image
11. Increase brush size
12. Animate the end from 0 to 100%
13. Add marker graphic
14. Keyframe the position to trace the drawn image frame by frame
15. Tweak as you like!

  1. 11 Comments

    • Touheed M.A. says:

      after a hundred searches i finally gotta see this video, the one i was searching..
      10000+ likes for this video.
      ari how to add that marker graphic. where from can we get it ??

    • 8bitdigitaltv says:

      Sweet! Glad it worked for ya!

    • Chowsifyability says:

      Awesome! Thanks a lot works perfectly

    • 8bitdigitaltv says:

      Drop your three layers on. On the “art” layer, use the pen tool to roughly click out the full drawing path. Position your pen/pencil to the start point of the mask. Down in the layers twirl out the mask, click on “Mask Path”, and then copy it. Click to the pen/pencil layer and bring up the position, click on the position and paste the keyframes in. Now just do the Fill and Stroke effects on the art layer, and then move the position keyframes on the pen to match the length/timing.

    • Chowsifyability says:

      Hey do you mean so that you don’t have to move the pen every frame? If so could you elaborate on how to do that? I was trying to figure out how to parent the pen’s position to the stroke but I couldn’t figure it out.

    • 8bitdigitaltv says:

      Actually you can just drag out the last keyframe on the position and it will auto-stretch the other keyframes to fit. Time cut in half! ;o)

    • 8bitdigitaltv says:

      Great video! To save time, you can also copy the mask path and paste it onto the pen’s position, but I don’t think you can set the speed for it. Perhaps could do that and then speed it up or slow it down to match the speed you want? We do AE tutorials too, check ‘em oat!

    • Ari Grunzeweig says:


    • Ari Grunzeweig says:

      Thanks. Hope to get more up soon!

    • Dave Wittekind says:

      Nicely done. Looking forward to more of your tutorials.

    • iHazardouz says:


Leave a Reply

Your email address will not be published.

Copyrights © 2014 Imagination Creations All rights reserved.