Handwriting Animation After Effects CC

AFTER EFFECTS TUTORIAL: Handwriting Effect Tutorial! | In this tutorial we’ll use a mask and a path to complete this self-writing type effect in After Effects.
💰 Support the Channel and use WP Engine to host your website! → bit.ly/3Yoqgpu
📸INSTAGRAM → / thenathanieldodson
-
In this After Effects tutorial, we’ll place some text, trace over it using the Pen Tool, adjust the path, use a simple Trim Path effect and animate it to build out a handwriting effect. Lastly, we’ll use a track matte to mask the handwriting effect to any type that we want. Thanks for watching!
⚡️ written tutorial here: bit.ly/2GRIysz
TWITTER: / tutvid
tutvid is a TH-cam channel dedicated to creating the best Adobe Photoshop, Premiere Pro, Lightroom, and Illustrator tutorials. My goal is to create the best, most informative, and entertaining tutorials on the web. If you enjoy my videos, the best way to support what I do here is to purchase my course linked above or simply subscribe to the TH-cam channel by pressing the red button.
✉️ business inquiries: [e-mail]
-

[@eldowado]

I really appreciate that you recorded the whole process of the pen tool - people can always fast forward or skip, but it allows us to see your process a little deeper in the mundane where most tutorials just assume you know how to do it. It allows us to see your thought process on something like that, and that's more valuable than you probably know!
If anyone is wondering, the parts where you wish there wasn't that hang-nail for "g" or "R", or "k"... Maybe play around with key-frames and the stroke-thickness on those parts! Thanks for the tutorial, man!

[@MissTopsieX]

These After Effects tutorials are just great! Kinda was my last frontier in my Graphic Design career and I've been avoiding Ae because I found the tutorials hard to follow and the instructors dull but you have changed my mind! Thank you so much!

[@berrysbaga]

This is very long, and this tutorial doesn't work for many letters. I have found a better tutorial 4 minutes long. but hope you're doing great.

[@wasabiANDkimchi]

@@berrysbaga What is this 4min tutorial ??

[@esneidermesa5298]

My last frontier in my graphic Desing career.
What a great, humm you know beauty"
...pursuing, i don't nkow. I'm from Colombia AND....

[@domdidit]

Outstanding tutorial and industry efficient!!!! Love the professionalism! Thanks

[@bySterling]

This is way better than a few other tutorials I saw on this effect! 🙌🏻💥💻⚡️👏🏻

[@obv_design9310]

Thank you, Nathaniel! This is awesome tutorial! 👏 You're the perfect teacher, must admit ⭐

[@mokgethimotsoenyane2134]

It's 2020 and these tutorials are still the most relevant content with regards to AE🙌🏽💪🏽

[@Hikarol-chan]

Thanks dude!
Every other tutorial I stumbled upon, they jumped right to business without explaining anything. You take your time to explain everything and it's awesome! ♥

[@rafaelgutierrez1478]

i have a few years using AE and I just learned by your tut the alt\option thing to pull the handle.
You rocks man!

[@user-ds5et7ld1l]

This video is really helpful! I've tried to teach myself so hard to get this skill through all other videos and now I got the way to do it!! Thank you so much

[@boya2monkae]

Omg this is what I’ve been looking for! Thank you so much! It’s so hard to describe the action but lluckily I’ve found this.

[@OpinionatedBeth]

This was really helpful thank you!! Perfect length and easy to follow. Perfect addition to my motion graphics project in my graphic design course at uni :)

[@LolJesca]

You make such incredible, simple to understand, and beautifully designed tutorials. Thank you for all the work you put into educating us on Adobe Programs! :)

[@tutvid]

Glad you enjoyed the video! Thanks! 👌

[@abhikushwaha4139]

You are literally the best, I've been looking for a tutorial for three days and yours works

[@shamzyogan4922]

tbh out of all the tuts I came across, this was deffo the best, clear and easy to understand for someone who's learning - ty

[@alexanderfox4772]

Awesome video. Super helpful and easy to learn. Thank you!

[@pierrebasanite3996]

I often rewatch your tutorial when i need to do this animation. As always, crystal clear and very helpful, thank you.

[@PremKumar-gl2tr]

thank god since weeks i was tryina figure out the way to reveal shape layer and this technique seems to work out. thanks a lot buddy!!

[@biswajeetarath5384]

This tutorial finally came to my rescue! Thank you so much!

[@xgall3ta]

This video was so life changing, keep up the good work

[@davidsmusic]

I love your tutorials man!! :D

[@nicochan0822]

Thank you for this tutorial!! it helps a lot!!!!

[@juliagebien6743]

this video helped me a few times already, thank you!!!

[@micklazvisuals3112]

Thank you so much Bruv. I have been able to animate a logo with the help of this TUTORIAL

[@Hevynly1]

Excellent tutorial! Thank you! :)

[@thomasrussell758]

Nice video! The way I first learned this was slightly different:
1. use the pen tool on the text layer
2. add the "stroke" effect
3. increase brush size said effect to hide all original text
4. set "paint style" to reveal original image
just for anyone else trying

[@TheLillianYoung]

Same. Because at the end, the original color doesn't show. I was waiting for the part where the original text is revealed.

[@dsvfx533]

The path cannot working well 😟😟

[@ognentrajkovski7337]

Hi, how do you set paint style ? When i follow those steps from video, in the end product I only get my stroke rendered with the color of the stroke and not the original png image below.

[@vishwapatel3159]

@@ognentrajkovski7337 you can follow the same steps from the video and just switch the shape and text layer and set the layer to alpha matte

[@goalcaster]

You're really Amazing. I really appreciate that

[@kingsleyokoro_ko]

Just the tutorial I NEEDED ❤️❤️😍😍😍😍. THANK YOU SO MUCH SIR

[@denissebarahona1761]

Thanks so much, this was really helpful.

[@foreverfallful]

Those zooms are extremely helpful

[@elvandogan230]

Love this effect

[@letyMokaA]

thank u! really helpful

[@fghdsgsdfgsrgsg659]

I didn't know this video existed! Thanks bro! Really grateful.

[@MrSgrafix]

This is just great! thank you so much!

[@alexdib3915]

looks great, thank you!

[@clairevee09]

Wow! Great tutorial. Bless you :))

[@AkshaySahu]

Amazing....Thanks for the tutorial

[@AlainWilliam89]

Is there a way to have it mask the actual layer in as it looks, not in the red of the path that's drawing in? Thanks!

[@Syafire]

great tutorial, thanks!

[@febileniarisma]

Thank you, I've been looking for a long time

[@heliolozanocarreras4795]

Less is more, fantàstic tutorial, Thanks!

[@pmath]

Thanks! I'm noob in After Effects and I'm done my logo :D

[@Curios_Cat]

YOU'RE AWESOME!!!

[@FLEXTORGAMINGERA]

i just subbed you...you helped me to make my logo man awesome!

[@pankajp8322]

Omg thanks very much ! ✨

[@thezavodila1590]

Wonderful thank you!

[@santireinoso]

you save me the day dude, thx

[@esrayapar238]

YOU ARE THE BEST MOTION TEACHER

[@practicallyhealthy541]

very helpful! Thanks

[@Nosttromo]

I followed this tutorial but did something else to reveal the text. I had to animate a text with a drop shadow, so that alpha matte thing wouldn't work for me bc the text would end up being flat. I did the following:
Once the stroke was animated, I added the "set matte" effect to the text layer, and on the "obtain matte from layer" I selected the shape/stoke layer. then, this would act like a mask, revealing the text, instead of being a single flat color above it.
Great tutorial, thanks a lot, it was very useful.

[@marinah15]

Thank you for this tip!!

[@canaldotekos]

I love your videos thanks bro!

[@derry3655]

@tutvid You're the best man!

[@tutvid]

Derry you're the best, too! Thanks, man!

[@rayStvdio]

thank you for sharing the tut. may god bless you.

[@leedickenson2538]

Thank you man!

[@astridchevez7862]

Worked for me thank you!❤️

[@lorenzopapa2646]

Thank you very much , now I will understand the functionality

[@smylmvv]

Hey thanks for the tutorial! I was searching one of this kind of tutorials animation in AE.

[@moorthy2791]

Great Keep going your helping us

[@AnaCissaPinto]

THANK YOU!!!

[@AbdelazizYoutube]

Awsome tutorial as always, about lettre g and e issue there is another way to make this animation by selecting the text and adding masks with the pen tool and not using a single one then go to effect tab and look for stroke in the stroke effect tab select all masks and change some options there and your good to go.

[@tutvid]

You're right. I always struggle with how much I should add to a tutorial (add even more time to my videos) vs. leave out something that could be useful. Lots and lots of masks are always helpful in a situation like this 🍻
Thanks for the comment!

[@alejo1650]

Thank you !!

[@minhtuanvu1317]

awesome. best tutorial

[@eijempiwithhisarpanjaitan9289]

Great Tutorial, thank you.

[@michaelvestergaard4251]

AWESOME!

[@bilalrasheed5450]

thanks for the. video its helped me to complete a project

[@rgarlinyc]

Terrific effect, thanks a lot! (also, don't forget to replace your trackpad batteries😏)

[@bishalscreation9793]

Cool thanks 😁

[@ganeshkanswal4121]

Thankyou Very Much🙂

[@anandsharma9891]

*600K* SUBSCRIBERS CONGRATS

[@tutvid]

Thanks, man! I'm happy! :D

[@alicecy9426]

Really useful Thank so much 🎉

[@user-pz7vh7lp2n]

Very helpful ... Thanks

[@hungry_goldfish]

hey man....learnt somthing new....Thanks

[@MrAssami77]

Awesome 👏 👌🏻🌷🌷🌷

[@luigi_garcia]

Awesome like always man! Thanks a lot! Just curious. I noticed that you used trim path animation instead of 'Effect > Generate > Path', Does trim path animations give you more control? Thanks a lot in advance, suscribed!

[@levanmelikishvili4373]

Thanks. Nice one

[@user-qy6je5qh1e]

thank you very much!!!!

[@moexx100]

Thank you for this

[@ItzNea]

Working on my online portfolio exam, this is what I'm having on the landingpage for my logo!
THANK YOU NATH!

[@DannyBoy443]

Why thank you?? He needs to slow down so we don't have to keep pausing the video over and over to follow along.

[@jonathanfreire2479]

God, I'm glad I found your video that helped me

[@sezginsorhun]

thank you so much :)

[@alburywodongahealth6411]

back to follow this for the 57124th time :P
Great video!!!

[@adoberhayyan]

Bro, thx!

[@kumahrhonga8442]

straight to the point.

[@DejiAyoola]

Hey Nathaniel, there's a much easier way to do this, using the "write-on" effect in after effects. you should make another tutorial using that

[@TfcoaenurifhuiowtpoutersIurheg]

Deji Ayoola can you help me I am having so much trouble

[@skandermaameri2256]

thanks bro!!

[@dimitraparaskevilouka5578]

very useful video.thanks

[@shimronnetia]

very helpful

[@alexskotty]

I reckon I watch this at least once a month! Thanks so much!!!

[@alexskotty]

back again and given you another dozen or so views :P

[@Video.vision]

cool!

[@sanniametu6187]

Thank you

[@sarimjokhio]

Thanks buddy.

[@TheMrBeatmaker]

Very nice

[@sophyna4479]

Hi , thanks so much for your crack. It really works. But from the beginning it did not work for some reason, I updated visual studio and oh my god it worked. Thank you!

[@wiglesfjv]

I can say this is 100% safe and easy to use! (Also wouldn't mind any future cracks lol)

[@puttipongpankhao1538]

wow thank you

[@anggaaryantara2485]

Really helpful! Thnkyou for sharing. What about add feathers on start and end point of the stroke ? Like what it looks on your tumbnail.

[@LovepreetSingh-hw8jn]

thanks bro

[@macxide]

Thank i love it

[@tutvid]

Thanks for watching! 😀

[@superb_oop]

thank uuuu

[@juliagebien6743]

thanks!!!

[@maewood]

Thank you so much for this video! It took me five hours, but even though I have never even opened After Effects before, I was able to animate my text! Sort of! My font is very loopy cursive, so I did each letter individually like you recommended. Followed all the steps and got to where you bring the text on top of all the shape layers and add the Track Mat - "alpha mat". When I do that, my text no longer animates and basically disappears. I can see that it is animating because little dots and pieces of the text appear. Can you please help me complete my animation!? Thank you!