Why doesn't this guy's channel have more subs and likes?!?! This tutorial is amazing, thank you! I'm definitely going to use this technique for a project.
Wow. Just blew my mind. When I saw the thumbnail, I was expecting a traditional tutorial by redrawing these lines but after watching this it amazed me. 🤩 Love your tutorials man you are genius.
It's a nice approach in theory, but honestly there's still a lot of manual tweaking necessary where tracing it out would be just as quick for me. I prefer to use a shape layer used as a matte for the original artwork. Far more control over the shapes. Especially if I do each stroke with their own Trim Paths so I can overlap the timing.
Hi! You are right I think my technique doesn’t make sense for non-text graphics or text logos where you need intricate animations. I rather think of situations where you need to deal with a lot of text (explainer, film credits etc.). Once you’ve tweaked the setup for a letter you can copy paste it 😊.
Hi Michael Congrats on the b-day from Denmark - next year you can join me in the 50s😉 Love the channel and this video in particular. I’ve used the technique quite a bit, but initially struggled with bad antialiasing from layering copies on top of each other…(made a post about it way back) Not rocket science per ce, but here’s my solution: You need a copy of the finished state of the text drawing to act as a matte. You cannot however - pickwhip the offset layers matte to this copy, as it too will allow for a ”boosted” edge ugliness of the stacked layers. Instead, you need to place the matte at the top of the comp and set transfer mode to stencil alpha. Alternatively, precomp the layered copies and use the ”standard” matte method (with only ”one layer”, edges will behave nicely). Hope that makes sense… Looking forward to more vids, Michael… Thank you, Michael😊
Dear Michael. Thanks a lot for sharing this genius approach! I don't think I can use this technique on a more "squared/sharp edged" font like Helvetica. Probably only works well on rounded edged fonts. Correct me if I'm wrong, but I think the only way to reveal such fonts would be to convert it to a mask > and then animate the masks [without going out of the original angles of the letters, as it is all done manually by hand] Meaning, extending the edges of the letter "K"- You'd have to animate the 45 degree lines without skewing them. P.S- Can't use a stroke / or Autofill- As they reveal letters non-organically. Autofill-will have rounded edges revealing a sharp-edged font + And Stroke won't reveal anything that's 90 degree angle - correctly....
Thank you very much! Absolutely correct. My method is meant for specific fonts. In case of Helvetica and if the stroke widths are constant, I think I would trace the centerline by hand. Trying to recreate the letters just with shape layer strokes so that no masking is needed. And I would dissect the letters if they are overlapping. For example letter t consists of 2 strokes.
@@MichaelPonch Thanks for confirming my hunch, Michael. Btw...lemme ask you....what are your thoughts about all the new "Gen-Z" apps coming out? Rive? Calvary? Spline? And even Unreal Engine? I see people swarming there, yet, this also means they change the type of clients they have (I think Rive is more for website building. Unreal [although it's different cause it's 3D]- is probably more geared towards broadcast + sports, rather than more refined ads. I wonder what's your take on it and on AE's positioning at such times. [p.s- I saw someone writing AE feels prehistoric, like an app from the 90's compared to Rive. Later on he got messed up in a project, realizing Rive didn't work the way he thought it would. Not sure why].
The intro is a bomb especially @ 1:05. I very much enjoyed the tutorial thank you and for the project file as well. The provided value is unmatched and at this point I have many reasons to subscribe :) kudos
This is such a great tutorial!!! ... What are the best methods for animating Serif fonts? I'm looking for an elegant solution that will "write-on" Serif fonts that have more complicated design.
Another awesome Work! At the moment you're the best between all After Effects channels with a huge distance . Innovative and Attractive content. Please Keeeeeeep going. Thanks.
Great work! Could you also please share your project on a cloud where it's easier to download like Google drive for example. Gumroad doesn't respond here I'm not sure why.
This is an interesting work around but if you know how to use your pen tool well enough... You can just draw your shapes in. It shouldn't take that long depending on your experience.
Do you use the BC Alphapipe font like in my tutorial? If yes the small letter b ist similar to letter d in my tutorial. The capital B shouldn’t be a problem. You’ll get a clean single stroke 😎. If you use a font other than recommended this could cause some problems.
@@MichaelPonch, I use BC Alphapipe fonts because I don't the fonts that you use, but still, I can't figure it out. In your AE file, the character has only 2 breakdowns, but when I apply create to shape it has 3 breakdown characters. Please advise. thank you.
0:05 hi new here 😢 thanks for the video sorry i want to know how do i get something like that done 0:05 i am trying the create alphabet video for kids with this effect 😢😊
Sorry for the late reply. You mean the “R” anmation in the beginning? If yes, it’s basically the technique of this tutorial but duplicated and staggered over time. Additionaly I animated the outlines with the trim paths operator. I’m not sure anymore but maybe you can find this animation in my free AE project file. Link in the description 😀
Thanks for taking time to respond I appreciate, I was referring to the effects you did in your intro with the B as is close to what I am looking for, if you have time can you please can you please guide me on how to do a similar effect as on this video th-cam.com/video/C7oebqj3PCY/w-d-xo.htmlfeature=shared thanks
Excellent AE stuff, Michael - new sub☺️ Slightly off topic: when I duplicate, colorize and stagger layers, it seems that antialiasing kinda suffers. Any tips?
Thank you very much 😊. My spontaneous tip: maybe trim the underlying layers to point where the animation stops / where they are congruent. Maybe that helps.
@@MichaelPonch Makes sense - I’ll try it👍 Again: great stuff - I’m in the business doing 3D, AE etc for 20+ years. It is rare to find original/creative content like yours. Thanks☺️
I appreciate your work here but I'm looking for animating hand written scripts . I have the shape form/illustrator of these letters but they are hundreds. So I want to make a procedural way to animate them.
Thank you 😊. I’m thinking of several ways. 1) the letters a real mono line fonts from the beginning. 2) Use Autofill Plugin - though it’s not precise 3) Use my method or handtrace all existing letters and use the Animography script to form any words easily
@@MichaelPonch Thanks. Letters are really handwritten so I don't think first one will do and I want to write them in order I'm considering Autofill but I will have to choose between it and option 3. Option 3 sounds like pain so I don't know and I didn't want to go with it first because I don't know is it hard to achieve it or not?!
Correct. It works with just specific fonts. In the intro I mention the kind of fonts you have to look for to make it work. I also recommended some fonts that worked for me.
Hi, first nice video but i hope you can help me. I'm new to AE maybe that's why i can't figure out something this easy... So i tried to do this and everything seems to work fine till 05:53. Somehow i can't get the 3 colors to play at the same time instead it changes from one to another. Any idea why?
Thank you very much! I hope I understood your issue. I guess you just trimmed the layers like cutting them at the layer start. You have to shift the layers by a few frames. You can do this by dragging them to the right. Don’t drag at the layers start, this would trim the layer. Please drag it by putting the cursor on the midst of the layer. Sorry for my complicated explanation 🙈. And happy new year 🎊
I downloaded the project file, but i can't figure out how to start from square one.. all the things i click on are already fully created, can't figure out how to start from the beginning and follow along with you. Please note, i am a very new AE user haha
Hey! Sorry, man. This project file is not intended to be a template. These are just examples you can analyze and study. But I tried to make the tutorial comprehensible so you can (hopefully) follow step-by-step. But it requires some basic knowledge about shape layers. But there are tons of shape layer tutorials out there :)
Hi! You can download my AE file with examples for free. There you can see which fonts work. But you are right not every font works with this technique especially, wenn the stroke width varies
Hmm. Without seeing it it’s hard to tell what’s wrong. Do you have the right font for it? For example serif fonts wont work. Maybe offset is a tick too low? Maybe Taper is activated? Please check this.
@@ashikbillahraj Are you on twitter? My account is @PonchMichael. Which letters did you use. I will try it for myself when I’m in front of After Effects
Absolutely right. It just works for the situations I described in my intro. Namely geometric mono line fonts. For other cases I would recommend plugins like autofill or Curva script. I hope that Adobe comes up with an built-in solution one day 😊
@@MichaelPonch Unfortunately, none of these techniques worked for me, Im animating a logo lettering for a company and I cant change the font or miss a pixel by a single bit, I often use stroke effect applied to masks but I need to use a square shaped and the stroke effect only have round shaped strokes. Im trying a different workaround with trim paths and I finally made it, but its just a workaround and it took me the entire day to animate 6 letters. We need adobe to built in this feature
@@mysteriumxarxes3990 Glad I'm not alone. 1. Autofill doesn't work well [or at least, I couldn't get it to work] 2. I tried to reveal a title while an Animation preset was applied to it, which made me manually animate the position of each letter. It was horrible. Didn't work at all. Adobe won't ever solve it. But, whoever is gonna build a tool that will turn a Mask / Path into stroke - will be rich. Ok, not rich, but he will get lots of script/plugin sales.
@@eladbari i always suffer when I have to make stroke drawing effect on hand script text, especially when there is varying stroke width, like the coca cola logo for example. Texts like that are a nightmare to trace a mask and then make the effect look decent. Also the lack of a square tip instead of a round one is another big letdow, and thicc stroke plugin never worked very well for me. It always takes me too much time, usually an hour to make an animation that would be simple and quick if adobe provided us with the right tools
Very nice tutorial. I have a request. Can you make a tutorial on how to create a similar text reveal as the trailer in the link → th-cam.com/video/pbQib4tE9Lo/w-d-xo.html The final title is a bit like the Squid Game effect, but the previous ones are a bit different?
Why doesn't this guy's channel have more subs and likes?!?! This tutorial is amazing, thank you! I'm definitely going to use this technique for a project.
Thank you very mich 😊
Thanks ! It's the most advanced stroke technique tutorial I've seen so far love it
You have become my new favourite TH-cam After Effects Artist. Superb editing and explanation. Thank you!
Thanks very much 😊. That’s encouraging.
muchas gracias... saludos de Venezuela
I have not started watching the movie, but I already know you are going to help.
You have no idea how epic this is. You have great skills and really good editing.
I really appreciate this video. :) Subbed!
Honestly, I've been looking for a way I don't have to hand draw them all from scratch for ages. Thank you for this great tutorial!
Wow. Just blew my mind. When I saw the thumbnail, I was expecting a traditional tutorial by redrawing these lines but after watching this it amazed me. 🤩
Love your tutorials man you are genius.
bro literally covered all the issues! great video man!
Wow !!!! How Amazing....... Just Brilliant Work..
thank you shaped my ideas further for even shapes also. it works perfectly. Imagine you mask it on top of what your doing.
Instant fan, thanks for sharing
Wow! This technique is actually genius…
Such an awesome trick 👏👏👏👏
Very esthetic results ! Bravo !
Thank you 😊
Your techniques are just brilliant 💪
bro ur videos r honestly always amazing
dude.. your so smart man
what did you get your undergrad in? Physics!? lol
It's a nice approach in theory, but honestly there's still a lot of manual tweaking necessary where tracing it out would be just as quick for me. I prefer to use a shape layer used as a matte for the original artwork. Far more control over the shapes. Especially if I do each stroke with their own Trim Paths so I can overlap the timing.
Hi! You are right I think my technique doesn’t make sense for non-text graphics or text logos where you need intricate animations. I rather think of situations where you need to deal with a lot of text (explainer, film credits etc.). Once you’ve tweaked the setup for a letter you can copy paste it 😊.
thx a lot!
I have to do this, but seems quite advanced
Great job 👏
Hi Michael
Congrats on the b-day from Denmark - next year you can join me in the 50s😉
Love the channel and this video in particular. I’ve used the technique quite a bit, but initially struggled with bad antialiasing from layering copies on top of each other…(made a post about it way back)
Not rocket science per ce, but here’s my solution:
You need a copy of the finished state of the text drawing to act as a matte.
You cannot however - pickwhip the offset layers matte to this copy, as it too will allow for a ”boosted” edge ugliness of the stacked layers.
Instead, you need to place the matte at the top of the comp and set transfer mode to stencil alpha.
Alternatively, precomp the layered copies and use the ”standard” matte method (with only ”one layer”, edges will behave nicely). Hope that makes sense…
Looking forward to more vids, Michael…
Thank you,
Michael😊
Very elegant.
That's awesome! Thank you.
Unglaublich lehrreich, bitte mehr davon! Top notch Tutorials for free! Danke Michael!
excellent.. thanks..
incredible, I was looking for a way to do this for a while without going to AI, awesome, thank you!!
Thank you, glad it was helpful 😊
great video, clever use of AE, lovely
Amazing Thank you
Welcome. Hope it was useful for you 😊
Nice 👍 time saving technique
Thank you. By the way you look like Bruno Mars in your profile pic 😊
@@MichaelPonch i just search who is Bruno Mars and I shocked you are right 😀. By the way you don't use instgram?
I've been wondering how to do stuff like this for a while, this is genius.
Thank you 😊. Of course there a other techniques but I found this the most accurate one
Really nice video, keep it up!
Cool tutorial with good music tho!, such an entertaining!
Dear Michael. Thanks a lot for sharing this genius approach! I don't think I can use this technique on a more "squared/sharp edged" font like Helvetica. Probably only works well on rounded edged fonts. Correct me if I'm wrong, but I think the only way to reveal such fonts would be to convert it to a mask > and then animate the masks [without going out of the original angles of the letters, as it is all done manually by hand] Meaning, extending the edges of the letter "K"- You'd have to animate the 45 degree lines without skewing them.
P.S- Can't use a stroke / or Autofill- As they reveal letters non-organically. Autofill-will have rounded edges revealing a sharp-edged font + And Stroke won't reveal anything that's 90 degree angle - correctly....
Thank you very much! Absolutely correct. My method is meant for specific fonts. In case of Helvetica and if the stroke widths are constant, I think I would trace the centerline by hand. Trying to recreate the letters just with shape layer strokes so that no masking is needed. And I would dissect the letters if they are overlapping. For example letter t consists of 2 strokes.
@@MichaelPonch Thanks for confirming my hunch, Michael. Btw...lemme ask you....what are your thoughts about all the new "Gen-Z" apps coming out?
Rive? Calvary? Spline? And even Unreal Engine?
I see people swarming there, yet, this also means they change the type of clients they have (I think Rive is more for website building. Unreal [although it's different cause it's 3D]- is probably more geared towards broadcast + sports, rather than more refined ads. I wonder what's your take on it and on AE's positioning at such times. [p.s- I saw someone writing AE feels prehistoric, like an app from the 90's compared to Rive. Later on he got messed up in a project, realizing Rive didn't work the way he thought it would. Not sure why].
Love it. BRAVO!
wow. i love these kinds of animations. thank you. new subscriber here.
Thank you 😊. And thanks for subscribing to my channel 😎
The intro is a bomb especially @ 1:05.
I very much enjoyed the tutorial thank you and for the project file as well.
The provided value is unmatched and at this point I have many reasons to subscribe :) kudos
Good Job👍👍👍
Thanks, man 😎
This is such a great tutorial!!! ... What are the best methods for animating Serif fonts? I'm looking for an elegant solution that will "write-on" Serif fonts that have more complicated design.
so cool!
Great tutorial! Thank you for sharing
Really impressive trick. I did a tutorial which involved tracing over the font but you've figured out a great hack here. My cap off to you sir
Maa man u r da best
you are a magician 😍😍😎😎😋😋
AWESOME!!!
Thank you 😊
Thank you!
fantastic - thank you
Great work : )
Thank you, awesome Work
Thanks, man 😀
thats what i was searching for thy, offset
thank you
Another awesome Work! At the moment you're the best between all After Effects channels with a huge distance . Innovative and Attractive content. Please Keeeeeeep going. Thanks.
Thank you for the tutorial!! Very helpful for learning
SO COOL!
This was great! So helpful
I love how you edit sound, great video Michael. You gained another subscriber (:
thank you thank you thank you
Welcome 😊
wow very cool
Great work!
Could you also please share your project on a cloud where it's easier to download like Google drive for example. Gumroad doesn't respond here I'm not sure why.
great video, I have the project, too. how can I change the letters for a new title? tx
Thank you 😎Unfortunately no. Best way is to reuse the already built letters and build the one you don’t have.
This is an interesting work around but if you know how to use your pen tool well enough... You can just draw your shapes in. It shouldn't take that long depending on your experience.
awesomeness
Cool!
What if i used a specific text animation and i want both the text animation and the trim path at the same time 🙏🏾
Can you explain how to animate the B letter? I just can't figure it out. How do you get the single stroke?
Do you use the BC Alphapipe font like in my tutorial? If yes the small letter b ist similar to letter d in my tutorial. The capital B shouldn’t be a problem. You’ll get a clean single stroke 😎. If you use a font other than recommended this could cause some problems.
@@MichaelPonch, I use BC Alphapipe fonts because I don't the fonts that you use, but still, I can't figure it out. In your AE file, the character has only 2 breakdowns, but when I apply create to shape it has 3 breakdown characters. Please advise. thank you.
Can this be applied on vector based fonts from illustrator which are converted into outline because then cannot see the stroke in after effect
Yes, technically it should be possible. In After Effects you can convert Illustrator files into shape layers.
GoLd🙌🏻
Important class
I am having a probleb with the top of the letter "I". Any suggestions?
You mean the dot? I would handle it as a a separate shape.
0:05 hi new here 😢 thanks for the video sorry i want to know how do i get something like that done 0:05 i am trying the create alphabet video for kids with this effect 😢😊
Sorry for the late reply. You mean the “R” anmation in the beginning? If yes, it’s basically the technique of this tutorial but duplicated and staggered over time. Additionaly I animated the outlines with the trim paths operator. I’m not sure anymore but maybe you can find this animation in my free AE project file. Link in the description 😀
@@MichaelPonch thanks I will check out
Thanks for taking time to respond I appreciate, I was referring to the effects you did in your intro with the B as is close to what I am looking for, if you have time can you please can you please guide me on how to do a similar effect as on this video th-cam.com/video/C7oebqj3PCY/w-d-xo.htmlfeature=shared thanks
Obrigado!!
Excellent AE stuff, Michael - new sub☺️ Slightly off topic: when I duplicate, colorize and stagger layers, it seems that antialiasing kinda suffers. Any tips?
Thank you very much 😊. My spontaneous tip: maybe trim the underlying layers to point where the animation stops / where they are congruent. Maybe that helps.
@@MichaelPonch Makes sense - I’ll try it👍 Again: great stuff - I’m in the business doing 3D, AE etc for 20+ years. It is rare to find original/creative content like yours. Thanks☺️
Following your tutorial is nearly impossible… Well then onto somebody else who knows how to clearly teach!
GOOD
merge path opt not showing
I appreciate your work here but I'm looking for animating hand written scripts . I have the shape form/illustrator of these letters but they are hundreds. So I want to make a procedural way to animate them.
Thank you 😊. I’m thinking of several ways. 1) the letters a real mono line fonts from the beginning. 2) Use Autofill Plugin - though it’s not precise 3) Use my method or handtrace all existing letters and use the Animography script to form any words easily
@@MichaelPonch Thanks. Letters are really handwritten so I don't think first one will do and I want to write them in order I'm considering Autofill but I will have to choose between it and option 3. Option 3 sounds like pain so I don't know and I didn't want to go with it first because I don't know is it hard to achieve it or not?!
it only works with balanced width fonts. If you offset irregular fonts, it wont center.
Correct. It works with just specific fonts. In the intro I mention the kind of fonts you have to look for to make it work. I also recommended some fonts that worked for me.
When i use non round fonts it doesn't have a straight line. its still blocky :(
Adobe, come out and add this feature!
Yeah, it should be a one-click solution then 😊
Hi, first nice video but i hope you can help me.
I'm new to AE maybe that's why i can't figure out something this easy...
So i tried to do this and everything seems to work fine till 05:53.
Somehow i can't get the 3 colors to play at the same time instead it changes from one to another. Any idea why?
Thank you very much! I hope I understood your issue. I guess you just trimmed the layers like cutting them at the layer start. You have to shift the layers by a few frames. You can do this by dragging them to the right. Don’t drag at the layers start, this would trim the layer. Please drag it by putting the cursor on the midst of the layer. Sorry for my complicated explanation 🙈. And happy new year 🎊
@@MichaelPonch Omg! The solution was that easy but i couldn't figure it out 🤦♀ It works now. Thank you so much for your help!
what is command ex?
Command-X or Shift-X 😊
I downloaded the project file, but i can't figure out how to start from square one.. all the things i click on are already fully created, can't figure out how to start from the beginning and follow along with you. Please note, i am a very new AE user haha
Hey! Sorry, man. This project file is not intended to be a template. These are just examples you can analyze and study. But I tried to make the tutorial comprehensible so you can (hopefully) follow step-by-step. But it requires some basic knowledge about shape layers. But there are tons of shape layer tutorials out there :)
@@MichaelPonch Copy that! Thank you Michael! The fonts & color choices are beautiful
some of the font its not work!
Which one doesn’t work? Please download my free AE Project with the font examples
💖💖💖💖💖💖
😊
It doesnt work with some fonts tho
Hi! You can download my AE file with examples for free. There you can see which fonts work. But you are right not every font works with this technique especially, wenn the stroke width varies
@@MichaelPonch Anyhow, it was a great and insightful tutorial, left a like! :)
your after effect screen is too small to see the animation that you have applied. Difficult to see.
Offset path isn't working for me. It's it's too thin from one end and too thick from other
Hmm. Without seeing it it’s hard to tell what’s wrong. Do you have the right font for it? For example serif fonts wont work. Maybe offset is a tick too low? Maybe Taper is activated? Please check this.
@@MichaelPonch I used roska regular. Reset taper. Nothing happened. Can I send you a ss somewhere?
@@ashikbillahraj Are you on twitter? My account is @PonchMichael. Which letters did you use. I will try it for myself when I’m in front of After Effects
For me: 3:07
better
its not much of a solution of the underlying problem, it is a workaround. It works well on certain occasions, but in others it simply wont do
Absolutely right. It just works for the situations I described in my intro. Namely geometric mono line fonts. For other cases I would recommend plugins like autofill or Curva script. I hope that Adobe comes up with an built-in solution one day 😊
@@MichaelPonch thats what we need. Adobe needs to look this up
@@MichaelPonch Unfortunately, none of these techniques worked for me, Im animating a logo lettering for a company and I cant change the font or miss a pixel by a single bit, I often use stroke effect applied to masks but I need to use a square shaped and the stroke effect only have round shaped strokes. Im trying a different workaround with trim paths and I finally made it, but its just a workaround and it took me the entire day to animate 6 letters. We need adobe to built in this feature
@@mysteriumxarxes3990 Glad I'm not alone.
1. Autofill doesn't work well [or at least, I couldn't get it to work]
2. I tried to reveal a title while an Animation preset was applied to it, which made me manually animate the position of each letter. It was horrible. Didn't work at all.
Adobe won't ever solve it. But, whoever is gonna build a tool that will turn a Mask / Path into stroke - will be rich. Ok, not rich, but he will get lots of script/plugin sales.
@@eladbari i always suffer when I have to make stroke drawing effect on hand script text, especially when there is varying stroke width, like the coca cola logo for example. Texts like that are a nightmare to trace a mask and then make the effect look decent. Also the lack of a square tip instead of a round one is another big letdow, and thicc stroke plugin never worked very well for me. It always takes me too much time, usually an hour to make an animation that would be simple and quick if adobe provided us with the right tools
looks very complicated for those overlapping parts... :(
Отличный урок, только я нифига не понял
👍
not works dude
Very nice tutorial. I have a request. Can you make a tutorial on how to create a similar text reveal as the trailer in the link → th-cam.com/video/pbQib4tE9Lo/w-d-xo.html The final title is a bit like the Squid Game effect, but the previous ones are a bit different?
too much !!!
Thanks you !
Welcome 🙏
Fantastic! Thank you so much!
Thank you very much! I’m glad my video is useful for you 😊