Corey Barker demonstrates a technique for animating text using the stroke effect in After Effects.

Share & Enjoy


 

  1. Steve W (Reply) on Friday November 21, 2008

    The font is called Jellyka – Estrya’s Handwriting

  2. CandyMan (Reply) on Friday November 21, 2008

    can this effect be achieved using photoshop?

    Thx ^_^

  3. [...] Corey Barker – Animating Text in After Effects [...]

  4. kirk Brown (Reply) on Friday November 21, 2008

    Thanks for the quick lesson on text “write on”. Wow, it’s amazing to see how to do these effects once demystified. It still looks intimidating but I now know how.
    Will gain confidence as I practice more each day.

    U are a blessing.

    Kirk

  5. Hassan Jukhadar (Reply) on Friday November 21, 2008

    That is really awesome :-)

  6. bharat gole (Reply) on Friday November 21, 2008

    gooood ref’n

  7. ramesh singh (Reply) on Friday November 21, 2008

    great tutorial !! takes a long time in adobe ppro
    thanx

  8. Dona Doni (Reply) on Friday November 21, 2008

    Well, I think this is really amazing. Am gonna visit this site much more often. Big it up to the Crew!!!

  9. Djah (Reply) on Friday November 21, 2008

    A tutorial done by Andrew Kramer a long time ago … (May 20, 2007)
    http://www.videocopilot.net/tutorials/graffiti_writing/

  10. Dan (Reply) on Friday November 21, 2008

    cool!
    Can you just draw paths to create an Illustration to be animated right in front of you?

  11. tunwin (Reply) on Friday November 21, 2008

    i like tutorial

  12. rod lewis 2009 (Reply) on Friday November 21, 2008

    Right now. I take adobe after effects class!
    you are a very good expert should teach a class!

  13. lizzielou (Reply) on Friday November 21, 2008

    When I try this, the Stoke effect panel doesn’t seem to recognize the selected path as the one to animate. It says Path: None so maybe that’s why. I’ve tried a few ways. What step am I missing? Thanks.

  14. bryntnii (Reply) on Friday November 21, 2008

    how did you get the paper what the heck?

  15. HJ (Reply) on Friday November 21, 2008

    thank you so much!

  16. BS (Reply) on Friday November 21, 2008

    hey gr8 tut, how does it work wen u want to write on an image instead of text???

  17. Andrew (Reply) on Friday November 21, 2008

    Very well explained. Thank you so much. Great site!

  18. MS (Reply) on Friday November 21, 2008

    Can you render type in illustrator and bring it in or does it have to originate in AE?

  19. APWJon (Reply) on Friday November 21, 2008

    I’m having trouble when it comes to the key frames. When and where do I post which key frames…. it just isn’t working for me.

  20. chandra shekar (Reply) on Friday November 21, 2008

    Thanks for the lesson on text.you have any more about text lessons.

  21. Daluz (Reply) on Friday November 21, 2008

    Very well explained! Thanx!

  22. Sil (Reply) on Friday November 21, 2008

    thank you very Much.God Bless You.

  23. John (Reply) on Friday November 21, 2008

    Great tutorial. Good for handwriting text which is very thin and equal stroke width. I tried it with a caligraphic style text and because of the the thin/thick strokes- I get that visual problem that is refered in the tutorial. Great tutorial! I wonder if you can alter the stroke thickness on different paths?

  24. Marko Solo (Reply) on Friday November 21, 2008

    One of the easiest tuts to follow, saw it, did it. Well done. Any more for us thickheads?

  25. LES (Reply) on Friday November 21, 2008

    Edited portion done for last year’s New Year’s celebration. The motion path was drawn in Illustrator:

    http://www.youtube.com/watch?v=hGzlDrQZTlo

  26. Mary (Reply) on Friday November 21, 2008

    This is useless!

  27. Wondering (Reply) on Friday November 21, 2008

    Great tutorial, I like this method better than the write on or gradiant wipe methods. One thing I cannot seem to figure out or if it can be easily done using the mask/stroke is to have a particle emitter (or any item for that mater) track the stroke?

  28. djandrew (Reply) on Friday November 21, 2008

    hi, great tutorial i have seen but here is much better explain :)

    Greetings from Romania

  29. Najla (Reply) on Friday November 21, 2008

    It’s more than amazing!

  30. maesumi (Reply) on Friday November 21, 2008

    Thanks.
    Can you recommend a software/link for converting a long text to animated handwriting. So I feed the program a *.txt file and it produces handwritten effect.

  31. Aamir raza (Reply) on Friday November 21, 2008

    Wow, wouldn’t have thought it was so simple!! Thankyou so much for your detailed tutorial, I won’t get lost =D

  32. iPAS (Reply) on Friday November 21, 2008

    Thanks , it’s too easier than other hand-writing tutorials.

  33. yeah, me (Reply) on Friday November 21, 2008

    dude,

    very much appreciated!!!

    cheers

  34. freedomjunky (Reply) on Friday November 21, 2008

    Hello- I am doing everything as it is in the tutorial, and when i scroll through the text will reveal [ going from 100 down as in the tutorial ] – but once i add the keyframes, the text just “pops up ” all at once, or gets a chunky fade in- i have tried adding interpolating keyframes to help- did not work- i have tried numerous configurations- i am even using the same font – what is going on??!!?
    could someone please help- it seems such an easy tutorial- like so many i have done before- but i have spent so much time, and cannot seem to find the resolution- please help !!!

  35. Claudio Valdés (Reply) on Friday November 21, 2008

    Thanks!
    simple and great!
    muchas gracias Corey Barker
    Desde Chile! :D

  36. Matt J (Reply) on Friday November 21, 2008

    When I attempt this in CS5 it animated it backwards rather than the order in which I set the paths with the pen tool. Any ideas?

  37. Zeshan (Reply) on Friday November 21, 2008

    There is one video showing some pages. I want to replace one page in the video. I have the hard copy of that page. how can i do that? Please reply

  38. dunwich_child (Reply) on Friday November 21, 2008

    Great Tutorial, thank you very much! Really easy to follow.

    Big Thanks!

  39. molly (Reply) on Friday November 21, 2008

    Hey, is this possible with an image (.jpg or .png) of a word???

  40. REdo (Reply) on Friday November 21, 2008

    Nice one. Handy tip for something I’d forgotten how to do!

  41. Reece (Reply) on Friday November 21, 2008

    Awesome tutorial! Thanks heaps

  42. Katia (Reply) on Friday November 21, 2008

    Great and right to the point! Exactly what I was looking for.Thanks!



Planet Photoshop Photoshop World KelbyOne Lightroom Killer Tips Scott Kelby