After Effects: Hand Drawn Style for Shape Layers and Text

Поділитися
Вставка
  • Опубліковано 23 вер 2018
  • In this tutorial, I show you how to use tools inside of After Effects to apply a hand drawn sketch look to you animations.
  • Фільми й анімація

КОМЕНТАРІ • 97

  • @matthewuzhere
    @matthewuzhere 3 роки тому +4

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

  • @akeedsameer4870
    @akeedsameer4870 4 роки тому +2

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

  • @miniditka85
    @miniditka85 5 років тому +19

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

  • @lynb.3040
    @lynb.3040 5 років тому +48

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

  • @anggaaryantara2485
    @anggaaryantara2485 3 роки тому

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

  • @jasmine_garden
    @jasmine_garden 4 роки тому +3

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

  • @ArmandVelazco
    @ArmandVelazco 4 роки тому +4

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

  • @fresnelsiregar
    @fresnelsiregar 3 роки тому +2

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

  • @mohamedh6274
    @mohamedh6274 11 місяців тому

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

  • @cocasurfboards
    @cocasurfboards 3 роки тому +1

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

  • @elihaghrezaei6238
    @elihaghrezaei6238 4 роки тому

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

  • @jidjew9804
    @jidjew9804 4 роки тому

    Really helpful, thanks for doing this tutorial!

  • @JustinEspejo
    @JustinEspejo 3 роки тому

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

  • @inoanimation969
    @inoanimation969 4 роки тому

    This tutorial is just awesome I just subscribed

  • @jarakievit2319
    @jarakievit2319 3 роки тому

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

    • @maxmagnus777
      @maxmagnus777 3 роки тому

      same here, love the algorithm of UA-cam

  • @HeySolci
    @HeySolci 3 роки тому +5

    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

  • @Hotchocolaterabbit
    @Hotchocolaterabbit Рік тому +1

    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!

  • @pcholtz
    @pcholtz 5 років тому

    Awesome work, thanks for this.

  • @gizelgumirov6054
    @gizelgumirov6054 Рік тому

    Thank you. Your explanations so clearly :)

  • @marynabaran6923
    @marynabaran6923 3 роки тому

    Awesome tutorial!

  • @Kiioo513
    @Kiioo513 4 роки тому

    Thank you I've wanted a great lesson like this

  • @daniyahumayera07
    @daniyahumayera07 4 роки тому

    this was so useful, thank you!!

  • @Emgazo
    @Emgazo 2 роки тому

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

  • @mishkacz
    @mishkacz 4 роки тому +2

    Amazing "lesson". Thank you.

  • @motasematoshi7650
    @motasematoshi7650 2 роки тому

    I really like this tutorial

  • @CyndiCaviedes
    @CyndiCaviedes 2 роки тому

    awesome tutorial!!!

  • @cartoontrans9917
    @cartoontrans9917 3 роки тому +1

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

  • @fnfcoverstudio
    @fnfcoverstudio 2 роки тому

    dammmm I was looking for this so long !

  • @srihariboopalam
    @srihariboopalam 4 роки тому

    Thanks for the tutorial..

  • @tekilatigertiger8643
    @tekilatigertiger8643 Рік тому

    Very good, thank you!!!

  • @abadjanrului9192
    @abadjanrului9192 5 років тому

    Awesome! Thanks!

  • @agnieszkawaszczeniuk
    @agnieszkawaszczeniuk 2 роки тому

    really nice....thank you!

  • @changuitopepe
    @changuitopepe Рік тому

    Amazing tutorial! help me a lot!"

  • @felixasomaning6418
    @felixasomaning6418 3 роки тому

    WOAW Super helpful!

  • @kakus1186
    @kakus1186 2 роки тому

    awesome stuff mate

  • @thangys
    @thangys 3 роки тому +1

    Greate video! Thank you

  • @samilazhar8197
    @samilazhar8197 2 роки тому

    AMAZING !!

  • @hamada921
    @hamada921 Рік тому

    it's very helpful .. thank you

  • @poo_kun3660
    @poo_kun3660 Рік тому

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

  • @vericamedia
    @vericamedia 3 місяці тому

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

  • @NadaJBfan
    @NadaJBfan 4 роки тому +1

    Thank you thank you thank you!

  • @omaraladdin85motiongrtaphic
    @omaraladdin85motiongrtaphic 4 роки тому

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

  • @christiancarbajosa347
    @christiancarbajosa347 3 роки тому

    Thank you!

  • @suhanimardia
    @suhanimardia 2 роки тому

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

  • @user-yk4se1un8y
    @user-yk4se1un8y 3 роки тому

    thank you!

  • @fahimedits3
    @fahimedits3 3 роки тому

    Amazing

  • @sedovadesign7422
    @sedovadesign7422 3 роки тому

    lovvvveeeee it
    thanks

  • @corymc89
    @corymc89 5 років тому +1

    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?

  • @fluty7986
    @fluty7986 4 роки тому

    thank u !!

  • @3ngan498
    @3ngan498 5 років тому

    HOLY COW !

  • @simdhertefelt
    @simdhertefelt 4 роки тому +1

    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
      @simdhertefelt 4 роки тому

      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
      @RyanPiracha  4 роки тому

      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.

  • @cipdcontent2258
    @cipdcontent2258 4 роки тому

    Amazing video! How did you do the gittery background?

    • @RyanPiracha
      @RyanPiracha  4 роки тому

      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.

  • @iTsEmaPvPTM
    @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 🙃

  • @roffqa
    @roffqa 4 роки тому

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

    • @RyanPiracha
      @RyanPiracha  4 роки тому

      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.

  • @STRANG3R0001
    @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

  • @albacuebas-fantauzzi8388
    @albacuebas-fantauzzi8388 2 роки тому

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

  • @mayankmaurya8028
    @mayankmaurya8028 4 роки тому

    could you provide the link to the charcoal/pastel texture

  • @hmj305
    @hmj305 3 місяці тому

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

  • @gremlinoftheopera
    @gremlinoftheopera 3 роки тому

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

    • @hinduspl
      @hinduspl 3 роки тому +1

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

    • @gremlinoftheopera
      @gremlinoftheopera 3 роки тому +1

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

    • @heartofpolly
      @heartofpolly 2 роки тому

      @@hinduspl Hi, I need too, please

    • @hinduspl
      @hinduspl 2 роки тому

      @@heartofpolly similar effect
      ua-cam.com/video/CqCbwMbidBw/v-deo.html

    • @C2OOK
      @C2OOK 2 роки тому

      @@hinduspl how do I get

  • @mikeburke1993
    @mikeburke1993 Рік тому

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

  • @AyaAhmed-ry4ng
    @AyaAhmed-ry4ng 4 роки тому

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

    • @RyanPiracha
      @RyanPiracha  4 роки тому +1

      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
      @AyaAhmed-ry4ng 4 роки тому

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

  • @anniemurphy690
    @anniemurphy690 4 роки тому

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

    • @RyanPiracha
      @RyanPiracha  4 роки тому +1

      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

  • @Alt-tx9lo
    @Alt-tx9lo Рік тому

    Can you somehow do this with image?

  • @prometheuszero9
    @prometheuszero9 3 роки тому

    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!

  • @bandbiborton4251
    @bandbiborton4251 4 роки тому +2

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

    • @rohit159100
      @rohit159100 3 роки тому

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

  • @user-mm3du9eu1u
    @user-mm3du9eu1u Місяць тому

    How can I get the Charcoal texture??

  • @bandbiborton4251
    @bandbiborton4251 4 роки тому

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

    • @nunya9480
      @nunya9480 4 роки тому

      try Ben Marriott's looping texture tutorial here: ua-cam.com/video/CqCbwMbidBw/v-deo.html

  • @anggaaryantara2485
    @anggaaryantara2485 3 роки тому

    Please make much more AE tutorial.

  • @ivanlostthreads1356
    @ivanlostthreads1356 4 роки тому +1

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

    • @rmrz7041
      @rmrz7041 4 роки тому

      Ivan Lostthreads time remap

    • @RyanPiracha
      @RyanPiracha  4 роки тому

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

  • @eatmyfoot335
    @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

  • @afsahfaheem5386
    @afsahfaheem5386 3 роки тому

    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
      @RyanPiracha  3 роки тому +1

      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
      @afsahfaheem5386 3 роки тому

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

  • @SRoyTheComfy
    @SRoyTheComfy 4 роки тому

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

  • @hafizgamzyt5202
    @hafizgamzyt5202 Рік тому

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

  • @javimore11
    @javimore11 Рік тому

    I love pirating your software nom onom onomnom

  • @richochet
    @richochet Рік тому

    Nice, thank you!

  • @chrisulus1966
    @chrisulus1966 Рік тому

    Thank you!