After Effects: Hand Drawn Style for Shape Layers and Text

In this tutorial, I show you how to use tools inside of After Effects to apply a hand drawn sketch look to you animations.

[@miniditka85]

Wow! This is a game changer for me. What a hidden gem of a tutorial. Many thanks!

[@lynb.3040]

I can't believe this video has so small amount of views! This is gold!

[@matthewuzhere]

this is one of the best and most helpful after effects videos i’ve ever seen. thank you!!

[@akeedsameer4870]

I discovered this like a couple of weeks back and use it in all my recent projects in some way. Thank you so much!

[@anggaaryantara2485]

Most detail explain tutorial i've ever seen about AE. Thanks man!

[@mohamedh6274]

Thanks Ryan, This is amazing and detailed yet simple and clear

[@fresnelsiregar]

This is what i search for. Thank you so much. This is gold✨

[@jasmine_garden]

Thank you for making this, I love this tutorial and hand drawing effect!

[@hamada921]

it's very helpful .. thank you

[@motasematoshi7650]

I really like this tutorial

[@gizelgumirov6054]

Thank you. Your explanations so clearly :)

[@ArmandVelazco]

Phenomenal tutorial! Very useful and detailed. Thanks for paying it forward, my friend! Subscribed!

[@vericamedia]

What a nice tutorial. Thank you. I just have one question. How do you animate the charcoal texture?

[@changuitopepe]

Amazing tutorial! help me a lot!"

[@mikeburke1993]

This guy probably one of the best instructurals, hands down, since most KZbin tutorials are downright, hate to say it, lame.

[@aprendendocomgames]

If you could, please continue to make these tutorials! Thanks a lot for this one, btw. :)

[@fnfcoverstudio]

dammmm I was looking for this so long !

[@jarakievit2319]

So glad I found your channel, this tutorial was so helpful!! :)

[@maxmagnus777]

same here, love the algorithm of KZbin

[@inoanimation969]

This tutorial is just awesome I just subscribed

[@CyndiCaviedes]

awesome tutorial!!!

[@thangys]

Greate video! Thank you

[@Hotchocolaterabbit]

This is such a fantastic and clear tutorial, thank you!! Could you please share how you added that scratchy texture that's on the shapes at 9:58 ? I don't know how to find a tutorial for it!

[@Emgazo]

Very useful, dude!! Thank you very much for sharing!!

[@poo_kun3660]

Amazing tutorial video! im curius that charcoal material stroke where you get it?

[@richochet]

Nice, thank you!

[@cartoontrans9917]

WHAT A USEFUL LESSON MAAAN!! THANK U SO MUCH FOR THAT

[@marynabaran6923]

Awesome tutorial!

[@tekilatigertiger8643]

Very good, thank you!!!

[@hmj305]

Thank you for an amazing tutorial!! And is there anyone can guess why my charcoal texture doesn't move at 18:25 ?

[@HeySolci]

Excellent video! I wanted to know if it's possible to apply this same effects to more complex drawings already done in AI or PS, or this only works created with shape layers in AE

[@Kiioo513]

Thank you I've wanted a great lesson like this

[@jidjew9804]

Really helpful, thanks for doing this tutorial!

[@JustinEspejo]

This is so cool! Can't wait to try this out!!!

[@agnieszkawaszczeniuk]

really nice....thank you!

[@kakus1186]

awesome stuff mate

[@chrisulus1966]

Thank you!

[@mishkacz]

Amazing "lesson". Thank you.

[@elihaghrezaei6238]

that was perfect!!!! thanks for the tutorial man!!!

[@prometheuszero9]

This video scared the shit out of me because it includes the Start menu and Task bar and I looked at the time and it said "9:41 PM" and I was like "WHAT THE FUCK??? I thought it was like 7:30?" and then I realized I had your video full screen and it looked like it was my task bar and clock. Great tutorial btw!

[@pcholtz]

Awesome work, thanks for this.

[@samilazhar8197]

AMAZING !!

[@STRANG3R0001]

superb tutorial i have one question how to make the animation of the text longer (i tried increasing the time code (time*) to 1000 its not working after that, i add again the effect still not working ) if you mind can you help me

[@srihariboopalam]

Thanks for the tutorial..

[@daniyahumayera07]

this was so useful, thank you!!

[@felixasomaning6418]

WOAW Super helpful!

[@simdhertefelt]

Fantastic. Thank you so much for sharing. One question: is there a way to animate the trim path of the whole shape, as there already is a trim path on the secondary shape? To make the line appear.

[@simdhertefelt]

I guess I found it: add a mask to the layer, copy the main path to the mask. Add a stroke effect. Set trhe stroke width to cover the visible line. Set the stroke effect to Reveal Original Image. Animate the End point of the stroke.

[@RyanPiracha]

Thank you! Yes, I start talking about this at 10:00 in the video. Basically, you just add a second trim paths at the bottom of the shape contents, and put your keyframes on that instance of trim paths.

[@sedovadesign7422]

lovvvveeeee it thanks

[@iTsEmaPvPTM]

is there any way to do this effect to a lot of text in a fast way, because I want to do a video lyrics and I need add this effect for all the texts, thank you so much for the tutorial anyway 🙃

[@NadaJBfan]

Thank you thank you thank you!

[@omaraladdin85motiongrtaphic]

Very useful and detailed. thank you can I have a charcoal sequence?? pls

[@fahimedits3]

Amazing

[@abadjanrului9192]

Awesome! Thanks!

[@명수-c8d]

How can I get the Charcoal texture??

[@gremlinoftheopera]

Wow! Thank you for this! May I ask you where did you find that animated charcoal texture? It’s amazing.

[@hinduspl]

Do you found it? If you need I can point you out how to archive it

[@gremlinoftheopera]

@@hinduspl Hi, yes yes, found it. Thank you

[@heartofpolly]

@@hinduspl Hi, I need too, please

[@hinduspl]

@@heartofpolly similar effect kzbin.info/www/bejne/eaKmk6qDl86XeNk

[@ٴۥٴۥٴٴ]

@@hinduspl how do I get

[@suhanimardia]

Hi Ryan! How do you animate them to the positions they are in? Could you pls make a video of that?

[@cipdcontent2258]

Amazing video! How did you do the gittery background?

[@RyanPiracha]

This is the pack that I used: aescripts.com/set-matte-texture-pack-01/ There are other packs on that website, or you could make your own by scanning various textured papers.

[@corymc89]

does this work on using these on a video? i have a freeze frame i want to "draw" on but im not sure if this works for that. any suggestions?

[@roffqa]

Really helpful! TY! Where can i get animation texture?

[@RyanPiracha]

This is the pack that I used: aescripts.com/set-matte-texture-pack-01/ There are other packs on that website, or you could make your own by scanning various textured papers.

[@fluty7986]

thank u !!

[@anggaaryantara2485]

Please make much more AE tutorial.

[@mayankmaurya8028]

could you provide the link to the charcoal/pastel texture

[@albacuebas-fantauzzi8388]

Is there a way to use the wiggle path on a jpg layer instead of a shape layer?

[@AyaAhmed-ry4ng]

Thank you so much for the lesson, where to get the animated charcoal texture please ?

[@RyanPiracha]

Aya Ahmed I got these animated textures from aescripts.com. There are a few free packs and a few that you can buy. You could also make your own by drawing on paper and scanning it into the computer.

[@AyaAhmed-ry4ng]

@@RyanPiracha thank yo Ryan...oh yea i can make it ..i will try..thanks for the inspiration🤩

[@Alt-tx9lo]

Can you somehow do this with image?

[@3ngan498]

HOLY COW !

[@bandbiborton4251]

0:10 How to get that page moving background effect?

[@rohit159100]

I guess the page is not moving, think it's a time varying light effect.(light leaks overlay possibly) Hope it helps!!

[@ivanlostthreads1356]

how do you make it infinite? for example, i have A 3 minute comp.

[@rmrz7041]

Ivan Lostthreads time remap

[@RyanPiracha]

Since most of the animation is driven by expressions, it should work for whatever length of your layer is.

[@anniemurphy690]

great tutorial! is it possible to do this from an imported ai file? i can't figure it out

[@RyanPiracha]

Annie Murphy Thank you! Yes, if you right click on an illustrator layer in your timeline, you can choose Create > Create Shapes from Vector Layer. This will convert an illustrator layer into an after effects shape layer, and then you can follow the steps in the tutorial

[@afsahfaheem5386]

Hello. I want something like this but my issue is that my drawings are in photoshop and I can’t turn them into a shape layer on after effects? Does anyone have a solution for this?

[@RyanPiracha]

If your drawings are in photoshop, theres no direct way to turn them into shape layers. You could try using the Trace Image feature in illustrator to convert it to a vector, which you can bring into After Effects and convert to a shape layers by right clicking the layer and choosing Create > Convert to Shape Layer. If that doesn't work, I'd recommend tracing over the image in After Effects to manually turn it into a shape layer.

[@afsahfaheem5386]

@@RyanPiracha thank you so much. I did this and it worked perfectly

[@bandbiborton4251]

can someone tell me how to do that effect of background as if the page is moving?

[@nunya9480]

try Ben Marriott's looping texture tutorial here: kzbin.info/www/bejne/eaKmk6qDl86XeNk

[@SRoyTheComfy]

Great video, please use pop filter or don't speak very close to mic. Ty.

[@hafizgamzyt5202]

instead.... soday I’ll manage to export sotNice tutorialng decent on soft... one day lol

[@javimore11]

I love pirating your software nom onom onomnom

[@eatmyfoot335]

for some reason i cant group anyhing in after effects? why is that? the only thing i can do is pre composing but it doesnt really solve my problem

[@christiancarbajosa347]

Thank you!

[@ІринаБурдюг]

thank you!