No video

Lettering Animation using Thicc Stroke | After Effects Tutorial

In this After Effects tutorial, I'll show you how to create a lettering animation using Thicc Stroke.
Get Thicc Stroke for FREE and other Plug-ins from ‪@PluginEverything‬ here:
► www.plugineverything.com/
Content:
0:00 Intro
0:24 Adjusting the Thicc Stroke settings
1:53 Path animation
3:50 Adding the revealing drop
4:47 Animating the path shape
5:58 Adding more details
7:05 Outro
First of all, we add Thicc Stroke to our solid and the basic mask path. Then we adjust the settings of the plug-in, before we animate the basic path.
To avoid a linear movement, we set keyframes at positions, where the movement would naturally slow down. Then we adjust the speed, using the graph editor.
Then we animate the shape of the path, as the line moves along.
After that we add a second layer, with a drop - which reveals the path.
Finally, we add more details to our lettering animation to make it look really unique.
► Software: Adobe After Effects 17.5
► I use music from Artlist: artlist.io
If you have any further questions, let me know in the comments below. I do my best to answer all of them!
► Subscribe to my channel here:
/ @manueldoesmotion
I am very curious how this tutorial inspired your work!
Put the link in the comments below or even better: tag me on Instagram.
► @manueldoesmotion
► / manueldoesmotion
► my website: www.stein-hauser.com
► behance: www.behance.net/stein-hauser
#aftereffectstutorial #animation #motiondesign

Пікірлер: 130

  • @beardedchristian
    @beardedchristian3 жыл бұрын

    Thanks for this, great tutorial, well worth the time, can't wait to apply it

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You're very welcome! That's awesome! So happy you like it!

  • @virendraraval3610
    @virendraraval36103 жыл бұрын

    Well manage and unique way to create . Thank you so much for sharing your valuable knowledge with us. 😎

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You’re very welcome. Glad you liked it. 😊

  • @muhammedsuhail3648
    @muhammedsuhail36483 жыл бұрын

    You're a good teacher! easy to follow

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thanks very much! I really appreciate it!

  • @adrianmarin302
    @adrianmarin3023 жыл бұрын

    Following along right now. An awesome video so far. I will subscribe if this is the content you post. Thanks.

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much! Yes. I post new After Effects Tutorials every week ;)

  • @SlaterMGFX
    @SlaterMGFX3 жыл бұрын

    You do stunning work Sir!

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thank you very much! I really appreciate it!

  • @aliezzartstudio513
    @aliezzartstudio513 Жыл бұрын

    im new to this channel and your work is amazing, congrats u just gained a sub

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    That’s awesome! Glad you like my stuff! Welcome!

  • @TomHaevy
    @TomHaevy8 ай бұрын

    This is tuly fantastic and so so easy to follow I'm amazed!

  • @ManueldoesMotion

    @ManueldoesMotion

    8 ай бұрын

    Thank you so much!

  • @AdventureMuse
    @AdventureMuse4 ай бұрын

    Thank you! This was super helpful.

  • @ManueldoesMotion

    @ManueldoesMotion

    4 ай бұрын

    That's awesome! You're very welcome!

  • @Fullgrafix
    @Fullgrafix3 жыл бұрын

    excelente tutorial !!! Gracias

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You’re very welcome! Happy you like it!

  • @AmritSingh-sc7fr
    @AmritSingh-sc7fr2 жыл бұрын

    Very nice trick, thanks for your tutorial

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    You're very welcome!

  • @selvaraajesh3589
    @selvaraajesh35893 жыл бұрын

    Great tutorial! Thanks Bro,!

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You're very welcome!✌🏻

  • @gegart01
    @gegart013 жыл бұрын

    Manny, many thanks to you :)

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You're very welcome 😊

  • @william.huang3112
    @william.huang31123 жыл бұрын

    Many thanks to you brother! :)

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You're welcome!☺️

  • @W56productions
    @W56productions3 жыл бұрын

    This is 🔥🔥🔥super easy to follow and well explained

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much! So happy you liked it!

  • @mira-graphics
    @mira-graphics Жыл бұрын

    Just an AWESOME sir.

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    Many thanks!

  • @ashikdennis9202
    @ashikdennis92023 жыл бұрын

    Great work and I am happy to have found your channell so early on.

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much! I really appreciate it! 😊

  • @Ammir_koudia

    @Ammir_koudia

    3 жыл бұрын

    Great tutorial

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much!

  • @kurniaconcept5597
    @kurniaconcept55973 жыл бұрын

    Thank you Mr👍🙏

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You’re very welcome! 😊

  • @user-wh9fh5mr3k
    @user-wh9fh5mr3k Жыл бұрын

    thank you very much!

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    You’re so welcome!

  • @leandrojorge1804
    @leandrojorge18043 жыл бұрын

    Very, very nice

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much!

  • @uzairmehmood16
    @uzairmehmood163 жыл бұрын

    Cool! I was wondering if you could do a tutorial explaining the purposes of animation principles like overshoot, anticipation, follow through etc. with detailed examples. I find applying these techniques tricky as i'm new to it

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thanks for the idea! That's on my list for sure.

  • @MarioDelgadoSevilla
    @MarioDelgadoSevilla3 жыл бұрын

    cool ^^

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thanks very much😊

  • @pratikpaudel7624
    @pratikpaudel76243 жыл бұрын

    That looks useful thanks.

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You’re welcome! Glad u think it’s useful! 😊

  • @pratikpaudel7624

    @pratikpaudel7624

    3 жыл бұрын

    @@ManueldoesMotion yes, been checking your channel lately and you uploads videos that are useful and helpful for others.

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    That's awesome! Thx very much!

  • @Purimta
    @Purimta3 жыл бұрын

    You are so smart... Thank you sir.. 🙋

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thanks very much 😊

  • @Purimta

    @Purimta

    3 жыл бұрын

    @@ManueldoesMotion 🌿🙋🌿

  • @keziavb
    @keziavb3 жыл бұрын

    super helpful, thank you! :)

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    You're welcome! Glad it was helpful!

  • @pithecusaustralo4452
    @pithecusaustralo4452 Жыл бұрын

    can you make the very beginning of making text or line ? I typed text and drew a line to make mask like you, but it all didn't work like you did in this video.

  • @sahildahiya2742k
    @sahildahiya2742k3 жыл бұрын

    nice animation i use it

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx! That’s great to hear 👍🏻

  • @vinguyen-ey7rz
    @vinguyen-ey7rz3 жыл бұрын

    greatttttttttttttttt

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thanks very much!

  • @pithecusaustralo4452
    @pithecusaustralo4452 Жыл бұрын

    thanks.

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    You're welcome

  • @vi2m
    @vi2m3 ай бұрын

    Thanksss!!! Just a question, what are your composition settings?

  • @ManueldoesMotion

    @ManueldoesMotion

    3 ай бұрын

    You're welcome! It's usually 1920x1080 pixels and 24 frames per second.

  • @ruyabaraz
    @ruyabaraz2 жыл бұрын

    Thank you for the tutorial! I have a small problem though. It gives me a white background as soon as the plugin starts in the composition in the .mp4 export. Is there any way to fix this? Thank you in advance.

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    You’re very welcome! Is there a background solid?

  • @ruyabaraz

    @ruyabaraz

    2 жыл бұрын

    @@ManueldoesMotion hi yes. sorry i drew it on a solid instead of a shape layer. I figured it out later on. 🤦‍♀

  • @fluxsmosh2071
    @fluxsmosh20719 ай бұрын

    great tutorial! what font are you used?

  • @ManueldoesMotion

    @ManueldoesMotion

    9 ай бұрын

    No font. I drew it myself.

  • @nikyabodigital
    @nikyabodigital2 жыл бұрын

    Is it possible to add more than 4colors in the gradient of thick stroke?

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    I think 4 colours is the maximum...

  • @ucthangphung3330
    @ucthangphung33302 жыл бұрын

    when i use your plug-ins I get this error "this effect may slow down preview and export as it is not optimized for multi-frame rendering", how to fix it? Thanks

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    I didn't create the plug-in, I just use it. So unfortunately you have to ask the company who created it. I think it's "plugineverything".

  • @entidadalan4967
    @entidadalan49673 жыл бұрын

    Great job ... But it is not clear about the white lines that accompany the text ... Thanks!

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thx very much! The white lines are simple path shapes, drawn with the convert vertex tool. Stroke width 4 pixels, no fill. You need to add trim paths and animate the start and end point of the stroke. I animate one example in this chapter: 5:58 Adding more details The timing is important. The strokes needs to follow the main shape with a few frames offset. I would add strokes, where ever there's enough space to place them.

  • @sophiemulders
    @sophiemulders Жыл бұрын

    but i neeeeeed to know how you added the exclamation animation. i looks like some drops ... have been looking for very long on how to do this and i think i am missing something

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    I drew lines with the pen tool. Then I added a trim paths animator to animate the start and end point. If you increase the stroke width, you can then use the "Taper" Option in the stroke property to "thin" the end of the stroke. And you need to set "Line Cap" to "Round Cap". That makes it look like a drop. Does that help?

  • @GenteIdeas3D
    @GenteIdeas3D3 жыл бұрын

    A very awaited tutorial but my CS6 doesn't accept plugins :( any other alternative Manuel?

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Hi! You could create a shape layer with a stroke, then animate the stroke with trim paths and add a gradient ramp to the layer.

  • @GenteIdeas3D

    @GenteIdeas3D

    3 жыл бұрын

    @@ManueldoesMotion Thank you very much for your answer, I will do it as you say. Thank you !

  • @captainberzeliusverna6747
    @captainberzeliusverna67472 ай бұрын

    could you please include what composition settings you have, is it 1 second 70 frames? i did 5 seconds and 60 frames and followed along, but the keyframes you put at 48th frame the animation is too fast

  • @ManueldoesMotion

    @ManueldoesMotion

    2 ай бұрын

    Usually 24 frames per second. The timing is flexible. Set the keyframes how you think it feels right.

  • @Alexey_Gri
    @Alexey_Gri Жыл бұрын

    Hello, can you tell me what monitor this lesson was recorded on? Diagonal and resolution of the screen

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    I think it was a 27 inch iMac Pro.

  • @Alexey_Gri

    @Alexey_Gri

    Жыл бұрын

    @@ManueldoesMotion I see, thank you

  • @mikaelbjornson2666
    @mikaelbjornson26669 ай бұрын

    Sorry, but the stuff I do in Thick Stroke can't be composited with other stuff. There is always a black square around the strokes, even when choosing the blend mode to "Add" or "Screen". Am I misunderstanding something?

  • @ManueldoesMotion

    @ManueldoesMotion

    9 ай бұрын

    That's weird. Is the square the size of your shape? Or is it like a padding around the strokes?

  • @SidNZ
    @SidNZ3 жыл бұрын

    Tutorial from the beginning would help when you open ae. Importing something from another software already, l dont feel helps.

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Thanks very much for your feedback! I’ll keep it in mind for the next time.

  • @chalbeychuziye
    @chalbeychuziye Жыл бұрын

    Your name is Manual and my name is AUTO 😂

  • @TwitchTamilan
    @TwitchTamilan3 жыл бұрын

    sir is the background score is from zomato music

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    All my music is from www.artlist.io

  • @maxkitaev3524
    @maxkitaev35246 ай бұрын

    I used a pen to create a path that's called shape in the layers. the effect doesn't seem to work. Do I need to convert this shop to another type of layer?

  • @ManueldoesMotion

    @ManueldoesMotion

    6 ай бұрын

    I am not entirely sure, but I think you need to use solids and mask paths.

  • @jaysonfontela5761
    @jaysonfontela57612 жыл бұрын

    💖💖💖💖💖💖

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Thanks! 😊

  • @soumyadipbanerjee6513
    @soumyadipbanerjee6513 Жыл бұрын

    How you make the path in adobe Illustrator?

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    Use the pen tool and draw the paths. Add each latter to a separate layer. Then import it as composition into your after effects project.

  • @sarangpark8164
    @sarangpark81642 жыл бұрын

    I have a question about importing the path from the illustrator-- how did you do that? Like it seems like the path is inside a solid layer mask!

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    The plug-in only works with a solid layer mask. I copied the path in Illustrator and pasted it to the solid. That should automatically create a mask.

  • @sarangpark8164

    @sarangpark8164

    2 жыл бұрын

    @@ManueldoesMotion WOW i just tried it and it works so well! Thank you so much! And your videos are really helpful thank you so much☺️☺️

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    @@sarangpark8164 That's awesome! You're very welcome!

  • @ferrari1422

    @ferrari1422

    2 жыл бұрын

    @@ManueldoesMotion THANK YOU! I was tried a lot of times and dont getting right. now yes

  • @sydlobo
    @sydlobo4 ай бұрын

    how do you draw a mask? when i draw a path. the plugin doesn't detect any mask

  • @ManueldoesMotion

    @ManueldoesMotion

    4 ай бұрын

    Add a solid to your comp, use the pen tool and draw a line.

  • @sydlobo

    @sydlobo

    4 ай бұрын

    thanks@@ManueldoesMotion

  • @kv96
    @kv96 Жыл бұрын

    Hi! Can you give the template?

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    Sorry not possible…

  • @prashantbarsing4990
    @prashantbarsing4990 Жыл бұрын

    how do i mask path

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    You add a new solid, then use the pen tool to draw a mask path.

  • @adeelazam2966
    @adeelazam29663 жыл бұрын

    How to get this effect thicc stroke?

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    It's a free plugin you can get here: www.plugineverything.com/

  • @adeelazam2966

    @adeelazam2966

    3 жыл бұрын

    @@ManueldoesMotion Thank you

  • @graphicdesigner2332
    @graphicdesigner23323 жыл бұрын

    in this tutorial, your lettering is already mask ?

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    The free plug-in I use creates the masks. It's called "thicc stroke" and you can get it at www.plugineverything.com/

  • @breenorz9064
    @breenorz90643 жыл бұрын

    if you are doing a full tutorial why you don't explain everything from the beginning? There's are some people that we are learning how to use the program and we don't know how to start this tutorial with the path you just had....

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    In this tutorial I wanted to focus on the part after creating the path. Otherwise it would have been twice as long. Usually you would create the lettering in Illustrator and then import the paths into after effects. But I might soon do a tutorial on lettering as well.

  • @VideoStrategist_Jo

    @VideoStrategist_Jo

    2 жыл бұрын

    Hi @@ManueldoesMotion! Do you already have a tutorial for this?

  • @sophiemulders

    @sophiemulders

    Жыл бұрын

    If i import from illustrator it are shape layers. But thicc stroke works on masks???? So how do i get my illrator path to a mask in ae ?

  • @salazar665
    @salazar6653 жыл бұрын

    I'm a beginner.. i dont know how to get that path.!!

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    Hi! You create a new solid, then with the solid selected you take the pen tool and draw a line. It appears as mask in the layer properties.

  • @salazar665

    @salazar665

    3 жыл бұрын

    @@ManueldoesMotion Oh Thankyou so much.. 😃

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    @@salazar665 You’re welcome 😉

  • @HaninMohammed
    @HaninMohammed2 жыл бұрын

    Please tell me there is a way to add more than more colors for the gradient ahh lmao

  • @ManueldoesMotion

    @ManueldoesMotion

    2 жыл бұрын

    Check out the plugin here: www.plugineverything.com/thiccstroke I think you can add more colours.

  • @HaninMohammed

    @HaninMohammed

    2 жыл бұрын

    @@ManueldoesMotion Omg, im such a fool lol. What I meant to say was "Is there a way we can add more than 4 colors for the gradient" lol. So, is there a way?

  • @AldronX
    @AldronX Жыл бұрын

    Bangalore music name

  • @ManueldoesMotion

    @ManueldoesMotion

    Жыл бұрын

    I use www.artlist.io for all my music

  • @AldronX

    @AldronX

    Жыл бұрын

    @@ManueldoesMotion so it's paid?

  • @rr.studios
    @rr.studios3 жыл бұрын

    I've seen amazing motion graphics works done by Manuel Neto on his site manuelneto. co I wonder if you're the same person.

  • @ManueldoesMotion

    @ManueldoesMotion

    3 жыл бұрын

    We're different persons;-) I really love his work though. I think he's an amazing artist.

  • @Deepak-le2jd
    @Deepak-le2jd2 жыл бұрын

    Sorry but you need de esser on you voice