After Effects ✏️ Handwriting Text Reveal Animation | Tutorial

[@VerticDesigns]

✅ *After Effects* ➧ prf.hn/l/OVxMyzj Ⓣ *Font* ➧ dafont.com/billion-dreams.font

[@jameskaft5233]

is this working only on text ? what if I have a shape ? Thanks in advance

[@VerticDesigns]

@@jameskaft5233 mostly text yes but there is fonts out there that where they're shapes instead of letters so all you need to do is find a shape font and that should work like normal

[@kyriltolbert]

@@VerticDesigns John 3:16 For God so loved the world, that he gave his only begotten Son, that whosoever believeth in him should not perish, but have everlasting life.

[@tech_guide217]

​@@VerticDesigns can you help me with mine because when I play it doesn't play in order like when I play the vid the other strokes will play before the first stroke should finish and it doesn't go in order I followed everything in the vid pls help me

[@bayareasportstvbusiness6053]

Thanks!

[@VerticDesigns]

You're welcome! :)

[@sethfoster1394]

One of the most easy to understand tutorials i have seen in a long time. thank you!

[@localnfs]

hey guys if you want you can skip drawing in the paths by hand and simply right click on the text layer and select Create "Shapes" from text. This will give you each individual letter as a shape. Then you can click the animate properties on that group to add "trim paths" and there's several different options for them to animate on. Under trim paths be sure to change trim multiple shapes to "individually" and it will draw one letter at a time and look more in line with the handwritten effect. Just a heads up you might have to try different methods because one method is not a fix one fix all.

[@niiontrees]

Thank you so much for this tutorial!

[@VerticDesigns]

@@niiontrees no problem!

[@djhaulix1581]

My teacher taught this on our college but seriously nobody understood anything and now its making more sense now. Thanks for the content. Your hard work been respected.

[@VerticDesigns]

Yeh I get you, it can be confusing depending on how it's explained but I'm glad you found my video helpful

[@djhaulix1581]

@@VerticDesigns indeed. thanks

[@accorsistudios]

For a MAC - center the Anchor Point with FN+OPT+COMM+< (Left Arrow)

[@VerticDesigns]

Thanks for sharing will be helpful for all MAC users 👍

[@NoneOfOne]

Step 1: Select “Layer” in your top menu. Step 2: Select “Transform” from the dropdown menu. Step 3: Select “Center Anchor Point in Layer Content”

[@ZakiBekakra]

Thank you!! That's exactly what I was looking for

[@JinsVerelst]

Straight to the point, extremely clear and helpful. Thanks!!

[@NickHillMakesMusic]

GOLD! Thank you.

[@manuel.camelo]

Straight to the point, Thanks a lot !

[@VerticDesigns]

You know it! :)

[@RandallTinfow]

Very nicely done. I've been using AE since COSA, nearly 30 years. It's been a while since I used the write-on effect, so I came here for a quick refresher. It's about the most concise tutorial I can recall. Perfect. I'd only quibble about the title, because the write-on effect can be used to reveal other objects. I'm using it to animate neuron pathways this afternoon.

[@qllyns]

thank you!! very straight to the point and simple explanation, it makes after effects look alot less intimidating!

[@juliancarrillo9907]

Hellooo great tutorial, this also works on images? Or just text and shapes?

[@VerticDesigns]

I'm not sure I've not tried images or shapes

[@DjFinestWorldWide]

Your voice is so clean💯

[@M_Mel]

THANK YOU YOU SAVED MY LIFE WITH THIS TUTORIAL 🤩

[@loomonda18]

Super helpful and great explanations! Thank you!!

[@diamont00]

Great tutorial - thanks man! :) you probably know that already, but just tbs: while holding the ALT key, you can click on the Anchor Point and change it (for getting easier to another direction - e.g. heart shape) :) thanks again for the video and KR, Heidi

[@whos_florence]

btw if you're on mac press COMMAND+OPTION+FN+LEFT ARROW to centre the anchor point 🤪

[@OliviaMoon91]

Thank yooooou! SO MUCH!

[@edgarssprogis9914]

omg thank you

[@nicodte]

THANKS! I'm new to AE and your tutorial is the best ,easiest and clearest I could find on KZbin, well done!

[@appleorange8053]

What is AE?

[@anastai5818]

Adobe After Effect it's About a Graphics Animation Software@@appleorange8053

[@ICBrandy]

@@appleorange8053 After Effects, the software he is using

[@emmanuelalighoda4512]

thanks so much for this it worked like a charm

[@Gabriela7Alejandra]

Just in case someone need it: Windows: Ctrl+alt+home Mac= Command+option+fn+left arrow

[@ÈveLaguë-m7u]

Can you use the stroke effect on a null object? I am trying to reveal a png sequence linked as a null object but it doesn't seem to work. Thanks a lot !

[@liviere1]

Thank you! thank you! thank youuuuu!!!! the tut help me a lot for today's deliverable!!!!!! 🙌🏼 🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼

[@VerticDesigns]

@@liviere1 you're welcome! And im happy to hear that 😀

[@ALifeWellSteved]

Thank you! Short Sweet and right to the point.

[@nagysamuel2575]

Exactly what I was looking for!

[@aerogruff]

Thank you 🙏

[@ВојаПараноја]

Very cool

[@cranker7777]

Tysm for this :D

[@VerticDesigns]

No problem

[@edit_with_Harsh]

Thanks a lot sir u saved my lot of time ❤

[@talibjariwala]

Thanks, very helpful.

[@NoIDeaSynchro]

great video, thanks :)

[@sunitachavan6410]

Niceee

[@devicare]

Great! this is I was looking for!

[@VerticDesigns]

Awesome! glad to hear that :D

[@catalizastudio]

Amazing! Right to the point! Thank you!

[@VerticDesigns]

No problem!

[@JPKloess]

Thanks dude, this was pretty helpful to get the effect I wanted up and running quickly.

[@faizannekaha]

Thank you so much it really solved my problem

[@lambertoramirez9601]

Accurate and simple Tutorial Thank you!

[@kethecreator]

Mac user tip: hold command + double tap “Pan Behind” will centre the anchor point on your selection 😊

[@VerticDesigns]

@@kethecreator thank you for sharing that shortcut :)

[@Rounakkeshri67]

I'm very thankful to you brother 🌈✨

[@Official_MStudios]

Thanks for this tutorial, was really easy to create and is a very beautiful effect. Thank you VD

[@VerticDesigns]

It certainly is a nice effect and no problem 👍

[@SakataSamig]

Thank you so much, straight forward video. Subscribed

[@DavidHernandezLovesYou]

Worked very well for me! THANK YOU !!

[@pavlikam]

Thank you so much! How can I avoid the next letter appearing as the previous letter is on it's final stroke (same font, but between a capital C and an h: 'Ch')

[@editsz_football]

thank you so much bro i love it

[@thiagoalvesvm]

Thank u ma man! Another question: how can I send this text reveal to premiere pro?

[@LennyVigden]

Would this work with a PNG of text? something I've actually done by hand and then scanned/

[@Sarah-vi3nw]

I'm having an issue where the stroke is only applying to the first mask so only the first bit of the first letter is being drawn in. How do I fix this?

[@mellarksdandelion]

make sure all masks is toggled

[@FRIENDLYFIRE2020]

thank you!

[@finvestor.trading]

BIg thumb up. it helped a lot

[@themeeknhumbleshow1749]

thanks a lot brother. 🤩🤩🤩🤩

[@VerticDesigns]

You're welcome

[@bookssummaries2023-mp3yy]

Thank you great stuff.

[@VerticDesigns]

You're welcome 😁

[@abunajmithaqeb73]

NEW SUBSCRIBER OF YOURS sir.. thanks for the tutorial. iwant to learn adobe after effects.

[@creativeplustv]

Thank`s!

[@zerepedits]

man you almost reach 100k subs!

[@VerticDesigns]

I know! so close now :D only 62 away

[@camilopaez5471]

Thank you so much

[@VerticDesigns]

No problem

[@iliazahariev]

Hey, thanks for the video! 🙏 Instead a text, can I use a vector logo from Illustrator?

[@VerticDesigns]

I think so yeh you'd just need to keep checking the width of the stroke brush

[@dtumenko]

Hi @VerticDesigns one question: Can this be done if I import outlined wordmark from Adobe Illustrator? Many thanks!

[@VerticDesigns]

Yeh that will be fine because maskes work on almost all types of layers. If it doesn't work for whatever reason just save it as a .png

[@dtumenko]

@@VerticDesigns thanks!

[@utantuan0804]

YOU'RE THE BEST, DUDE! 🙌🏼

[@WoJayR]

Incredible Verti, most of these techniques aren't taught in Universities/Colleges

[@VerticDesigns]

Yeh I totally I agree

[@daygbro5849]

I've done this, but the animation stops at the e and restart after a few frames, how can I fix this?

[@Breezyonic]

Love this tutorial! I nearly got my text animation working following your video, I ran into a small thing that kinda bugs me though. As it's writing through the text, certain parts of the next letter start to show before the trace actually gets to it. How can I fix this so it doesn't do that??

[@VerticDesigns]

For that you'll need to decrease the brush size and readjust the mask lines or you could add a text spacing in the characteristics panel

[@Breezyonic]

@@VerticDesigns Okay, so I did try reducing the brush size, but that didn't seem to work. I guess I can try redrawing the mask lines.

[@VerticDesigns]

@@Breezyonic you can just go back to them, select which one, re-adjust them and check the preview

[@sabyasachighosh9385]

First of all, thanks for teaching us this - very helpful and versatile skill. If only I could show you - I'm having an issue - whenever I'm increasing "brush size" of the stroke, nothing is happening - it remains thin. And also, the markers in the timeline for the Stroke >> End layer appears at 25f on the scale, not like 0.00s as yours. What am I doing wrong?

[@loomonda18]

You need to click on the "tool creates mask" button at the top tool bar (beside the star) before you start making your paths.

[@RockyBergen]

Thanks you I'll be back the next time I need to "remember" this.

[@magomedrasulmmmagomedov677]

Thank you a lot, man! I used to make this effect once long time ago and I remember it was very hard. It seems back then I was much less experienced and I was based on worse tutorial than yours! You made clear easy to follow cozy tutorial I enjoyed following!

[@islam.resalat.958]

@VerticDesigns can you help me with mine because when I play it doesn't play in order like when I play the vid the other strokes will play before the first stroke should finish and it doesn't go in order I followed everything in the vid pls help me

[@A.M.B936]

very good video I understood everything thank you very much 🙏❤️

[@VerticDesigns]

I'm glad to hear :D and no problem

[@wout.schreurs]

Is there a way you can do this with text on a PNG file? Can't find the same font.

[@VerticDesigns]

@@wout.schreurs i mean yh same principle can work because all you're doing is hidding it with the mask and revealing it

[@mahabbat1960]

How to change the size of end and start of stroke, to make it teeny in the ends and more fat at middle?

[@VerticDesigns]

For that you'd need to set 1 keyframe on the brush stroke size to large (any big number), go further out on timeline and set the second keyframe to small

[@henriquetamayo2914]

what if its going from right to left what do i do?

[@sweetac97]

Thank you!!

[@VerticDesigns]

You're welcome

[@AcceptJesusAsYourSaviour]

Hey sir, is there any mobile alternative bcuz I don’t have a computer tho (laptop) etc

[@VerticDesigns]

I think capcut has a similar write on animation

[@AcceptJesusAsYourSaviour]

@@VerticDesigns yeah I am an expert on CapCut but it doesn’t have tho Anyways I will just manage and use what I can do and find Thanks Sir, 🔥

[@taiwoogunlesi3456]

Thank you so much! I just used his same technique for a shape instead, and it worked. Bless you, brother. 👍

[@VerticDesigns]

Oh nice 👌 and no worries 😁👍

[@annavasiljeva6670]

thanks!

[@simonharper2234]

thank you

[@yahyasafadi6026]

thanks a lot I appreciate it

[@VerticDesigns]

You're welcome 😁

[@sayandas5019]

Thank You. I have one question : How to change the colour of the stroke from white to any other colour ?

[@VerticDesigns]

You select the text tool then highlight all text and change it in the "Character" panel they'll be a coloured box

[@chrissriss2184]

cool

[@anastai5818]

Thank's

[@VerticDesigns]

No problem

[@sazax6243]

thank you sir

[@VerticDesigns]

No problem

[@matthewmanning8413]

What do you use for screen capture on this video?

[@VerticDesigns]

OBS Studio, I record this video a 4K 60FPS

[@gokmenkarci1975]

how does this work with outlined text??? I couldn't get it to work with my vector outline text.

[@mzbuzzy]

stroke the text

[@louisjeffers-fabro3611]

I have white lines appearing on my text as it animates. How do I prevent this?

[@kssmth007]

This is the best tutorial I have ran across since opening a creative cloud app! I truly thank you... And my handwriting looks Kick-ass❤💯!

[@cottontail5514]

this is really saving my ass the night before a project is due

[@jameskaft5233]

is this working only on text ? what if I have a shape ?

[@missidk_1347]

How do I keep the font style because it's not keep my font style

[@conxita99]

Is there any other tutorial for software or ai that you know of that creates this text.....so this process can be skipped?!

[@VerticDesigns]

Yes, there's plugins out there like the Volna 2 plugin which creates this effect but even better. It's a paid plugin but only a 1 time payment and it's yours for life

[@conxita99]

So I can just pay for a plug in.. Do I have to have adobe also to use the plug in or just use it with Microsoft..? .(Sorry for my ignorance.. I'm just trying to make credits for my presentation..i.e black screen with white animated text that appears like that and forms sentences.. .. Possibly fadeing out too.

[@VerticDesigns]

@@conxita99 Yeah I get you and the plugin does require After Effects to be used yes. Or another method would be to find a text template, some are free others are paid but that way it will be easier to customize and use.

[@conxita99]

@@VerticDesigns so could I do this with Capcut by any chance?

[@rei6822]

what about an outlined text?? in desperate need!

[@VerticDesigns]

3 free options, 1. you can follow the same steps as the video but you'd have to plan out how you want your text to be reveal and you'd need more masks for the inner and outer lines. 2. use masks only, hide all the text and animate the masks opening up with the mask path 3. use saber, a free plugin that you can animate the intro to do a simlar draw on effect however all the letters reveal at the same time or theres other paid plugins out there like Volna and more on AE Scripts & Plugin

[@AliRushSongs]

I couldnt have it work on shape layer. I think its for fonts only

[@nuaveb]

Somehow it is not flowing smoothly from left to right, it actually starts to reveal the text from the middle of the font.

[@VerticDesigns]

It will start from your first mask so you need to start on the first letter and work your way down to the end

[@appleorange8053]

Which package is being used

[@VerticDesigns]

Adobe After Effects CC 2023 but this effect is available in older versions of AE

[@mimifangel6256]

What if I have lines crossing eachother?

[@VerticDesigns]

Lines? Im not sure what you mean

[@elsisdeo9060]

Hi folks, is this work for japanese/chinese letter ?

[@l2p.dr3ad]

why do I get wooden animation??? guysss helppp

[@DannyDeLeón-y4g]

Clear, but incomplete. The second you easy ease the animation, it starts looking stuttery. The stroke effect has this limitation and now I just spent so much time setting this up and need to try a new technique.

[@EricPeelMusic]

Go into the graph editor and smooth things out.

[@claudiaedward8055]

Fun fact is that I was doing this on the same font 😆

[@VerticDesigns]

Ayye no way haha good taste in fonts then

[@claudiaedward8055]

@@VerticDesigns I think yes then😂

[@ZalexMusic]

i think there's something wrong with the video...i don't know much about the computer, so it could be on my end, but this video just jumped right into answering the question i searched for. it did not play a 15 second channel intro at 200% volume, and it also skipped the youtube-mandated 90 seconds about why the video exists and what use the viewer might find of it. restarting my computer did not fix it.

[@dalibenrayana5040]

i do it, but it's black nothing i can see ;(

[@Motion_Galaxy]

pls fix the prblm . some stroke appears first

[@florelynmaderazo2108]

Same