Corey Barker demonstrates a technique for animating text using the stroke effect in After Effects.
Author: Corey Barker
Corey is the newest education and curriculum developer for the National Association of Photoshop Professionals. He is a graduate of the Ringling School of Art & Design in Sarasota, Fl, with a degree in Illustration. Over the years, Corey has worked as a graphic artist in a variety of disciplines such as illustration, commercial design, large format printing, motion graphics, web design and photography. His expertise in Photoshop and Illustrator have earned him numerous awards in illustration, graphic design and photography. Using Photoshop since Version 2, his expertise and creativity have evolved exponentially with every new version, which makes Corey an invaluable addition to the NAPP team.
The font is called Jellyka – Estrya’s Handwriting
can this effect be achieved using photoshop?
Thx ^_^
[...] Corey Barker – Animating Text in After Effects [...]
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
That is really awesome
gooood ref’n
great tutorial !! takes a long time in adobe ppro
thanx
Well, I think this is really amazing. Am gonna visit this site much more often. Big it up to the Crew!!!
A tutorial done by Andrew Kramer a long time ago … (May 20, 2007)
http://www.videocopilot.net/tutorials/graffiti_writing/
cool!
Can you just draw paths to create an Illustration to be animated right in front of you?
i like tutorial
Right now. I take adobe after effects class!
you are a very good expert should teach a class!
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.
how did you get the paper what the heck?
thank you so much!
hey gr8 tut, how does it work wen u want to write on an image instead of text???
Very well explained. Thank you so much. Great site!
Can you render type in illustrator and bring it in or does it have to originate in AE?
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.
Thanks for the lesson on text.you have any more about text lessons.
Very well explained! Thanx!
thank you very Much.God Bless You.
[...] Launch tutorial Share and Enjoy: [...]
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?
One of the easiest tuts to follow, saw it, did it. Well done. Any more for us thickheads?
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
This is useless!
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?
hi, great tutorial i have seen but here is much better explain
Greetings from Romania
It’s more than amazing!
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.
Wow, wouldn’t have thought it was so simple!! Thankyou so much for your detailed tutorial, I won’t get lost =D
Thanks , it’s too easier than other hand-writing tutorials.
dude,
very much appreciated!!!
cheers
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 !!!
Thanks!
simple and great!
muchas gracias Corey Barker
Desde Chile!
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?
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
Great Tutorial, thank you very much! Really easy to follow.
Big Thanks!
Hey, is this possible with an image (.jpg or .png) of a word???
Nice one. Handy tip for something I’d forgotten how to do!