Тёмный

Animate Typography with SINGLE PATH Strokes | Easy After Effects Tutorial 

Michael Ponch
Подписаться 45 тыс.
Просмотров 124 тыс.
50% 1

Опубликовано:

 

6 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 143   
@ZUTHINA
@ZUTHINA 7 дней назад
Thanks ! It's the most advanced stroke technique tutorial I've seen so far love it
@CasualGamerPlays
@CasualGamerPlays 6 месяцев назад
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.
@MichaelPonch
@MichaelPonch 6 месяцев назад
Thank you very mich 😊
@ghostvoice
@ghostvoice 2 года назад
You have become my new favourite RU-vid After Effects Artist. Superb editing and explanation. Thank you!
@MichaelPonch
@MichaelPonch 2 года назад
Thanks very much 😊. That’s encouraging.
@TheMythbusters1234
@TheMythbusters1234 2 года назад
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!
@FusionGraphics
@FusionGraphics 2 года назад
Wow! This technique is actually genius…
@st.michaelthearchangel7774
@st.michaelthearchangel7774 2 года назад
You have no idea how epic this is. You have great skills and really good editing. I really appreciate this video. :) Subbed!
@zohaibmalik819
@zohaibmalik819 2 года назад
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.
@michaelnielsen3462
@michaelnielsen3462 3 месяца назад
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😊
@sabihuddin93
@sabihuddin93 5 месяцев назад
bro literally covered all the issues! great video man!
@LBGLegacy
@LBGLegacy 11 месяцев назад
I have not started watching the movie, but I already know you are going to help.
@nathanpizar4630
@nathanpizar4630 2 года назад
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.
@MichaelPonch
@MichaelPonch 2 года назад
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 😊.
@alialyakoob2996
@alialyakoob2996 Год назад
thank you shaped my ideas further for even shapes also. it works perfectly. Imagine you mask it on top of what your doing.
@TheVideoShopLondon
@TheVideoShopLondon 2 года назад
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
@jysanchez
@jysanchez 2 года назад
incredible, I was looking for a way to do this for a while without going to AI, awesome, thank you!!
@MichaelPonch
@MichaelPonch 2 года назад
Thank you, glad it was helpful 😊
@jocro8090
@jocro8090 2 года назад
I've been wondering how to do stuff like this for a while, this is genius.
@MichaelPonch
@MichaelPonch 2 года назад
Thank you 😊. Of course there a other techniques but I found this the most accurate one
@soliasmotion
@soliasmotion 2 года назад
Your techniques are just brilliant 💪
@hadico
@hadico 2 года назад
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
@nabil_hamdani
@nabil_hamdani 2 года назад
That's awesome! Thank you.
@obl.aep_
@obl.aep_ 2 года назад
bro ur videos r honestly always amazing
@brutallyremastered4255
@brutallyremastered4255 5 месяцев назад
Very elegant.
@kru5e
@kru5e 2 года назад
Unglaublich lehrreich, bitte mehr davon! Top notch Tutorials for free! Danke Michael!
@CongNgo369
@CongNgo369 8 месяцев назад
Thanks you !
@MichaelPonch
@MichaelPonch 8 месяцев назад
Welcome 🙏
@jacksoncontreras864
@jacksoncontreras864 10 месяцев назад
muchas gracias... saludos de Venezuela
@sheikh_sohel
@sheikh_sohel 2 года назад
Nice 👍 time saving technique
@MichaelPonch
@MichaelPonch 2 года назад
Thank you. By the way you look like Bruno Mars in your profile pic 😊
@sheikh_sohel
@sheikh_sohel 2 года назад
@@MichaelPonch i just search who is Bruno Mars and I shocked you are right 😀. By the way you don't use instgram?
@JohnMcGovarin
@JohnMcGovarin 2 года назад
Instant fan, thanks for sharing
@SnipeSniperNEW
@SnipeSniperNEW 2 года назад
great video, clever use of AE, lovely
@atomicstudio6045
@atomicstudio6045 Год назад
thx a lot! I have to do this, but seems quite advanced
@moradeaissaoui8087
@moradeaissaoui8087 Год назад
Very esthetic results ! Bravo !
@MichaelPonch
@MichaelPonch Год назад
Thank you 😊
@WiLDeveD
@WiLDeveD 2 года назад
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.
@natagazipur6660
@natagazipur6660 Год назад
Wow !!!! How Amazing....... Just Brilliant Work..
@SunnysFusionFlicks
@SunnysFusionFlicks 2 года назад
thank you thank you thank you
@MichaelPonch
@MichaelPonch 2 года назад
Welcome 😊
@glenngangan2965
@glenngangan2965 2 года назад
wow. i love these kinds of animations. thank you. new subscriber here.
@MichaelPonch
@MichaelPonch 2 года назад
Thank you 😊. And thanks for subscribing to my channel 😎
@eladbari
@eladbari 7 месяцев назад
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....
@MichaelPonch
@MichaelPonch 7 месяцев назад
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.
@eladbari
@eladbari 7 месяцев назад
@@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].
@10balov
@10balov 2 года назад
so cool!
@hasanainalkifaee619
@hasanainalkifaee619 2 месяца назад
Great job 👏
@josephcdc
@josephcdc 2 года назад
AWESOME!!!
@MichaelPonch
@MichaelPonch 2 года назад
Thank you 😊
@aman_design
@aman_design Год назад
Such an awesome trick 👏👏👏👏
@JosuaAlvian
@JosuaAlvian Год назад
Cool tutorial with good music tho!, such an entertaining!
@mczeno
@mczeno 2 года назад
I love how you edit sound, great video Michael. You gained another subscriber (:
@TimandLauren
@TimandLauren 2 года назад
dude.. your so smart man what did you get your undergrad in? Physics!? lol
@alejandroortiz3803
@alejandroortiz3803 2 года назад
Really nice video, keep it up!
@remek2615
@remek2615 2 года назад
Thank you, awesome Work
@MichaelPonch
@MichaelPonch 2 года назад
Thanks, man 😀
@anweshadas5289
@anweshadas5289 Год назад
Thank you for the tutorial!! Very helpful for learning
@Tes_Mehari
@Tes_Mehari 2 года назад
Love it. BRAVO!
@dev.records8629
@dev.records8629 Год назад
you are a magician 😍😍😎😎😋😋
@antidisestablishmentariani5393
@antidisestablishmentariani5393 2 года назад
Amazing Thank you
@MichaelPonch
@MichaelPonch 2 года назад
Welcome. Hope it was useful for you 😊
@somasundar3874
@somasundar3874 11 месяцев назад
excellent.. thanks..
@tanxboyyy
@tanxboyyy 2 года назад
Maa man u r da best
@marvinmehl6701
@marvinmehl6701 Год назад
thats what i was searching for thy, offset
@sergiomendesaguila3694
@sergiomendesaguila3694 2 года назад
Great tutorial! Thank you for sharing
@awallacecreative5488
@awallacecreative5488 Год назад
SO COOL!
@timgiddy
@timgiddy Год назад
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.
@mann5126
@mann5126 2 года назад
thank you
@pazzoponce
@pazzoponce Год назад
awesomeness
@Kung223
@Kung223 2 года назад
This was great! So helpful
@denzmadden
@denzmadden Год назад
Cool!
@juleshorne8580
@juleshorne8580 2 года назад
fantastic - thank you
@n_aislamicstudio
@n_aislamicstudio 2 года назад
Good Job👍👍👍
@MichaelPonch
@MichaelPonch 2 года назад
Thanks, man 😎
@timcity
@timcity 2 года назад
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.
@CarLoAnthonyBautista
@CarLoAnthonyBautista Год назад
GoLd🙌🏻
@d3m3tri0
@d3m3tri0 Год назад
Great work : )
@xenstudio9517
@xenstudio9517 2 года назад
wow very cool
@issac1333
@issac1333 2 года назад
Obrigado!!
@mdshibli1009
@mdshibli1009 Год назад
Important class
@hourofsilence2973
@hourofsilence2973 2 года назад
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.
@ashinzanaka6662
@ashinzanaka6662 Год назад
GOOD
@realityframeofficial
@realityframeofficial Год назад
it only works with balanced width fonts. If you offset irregular fonts, it wont center.
@MichaelPonch
@MichaelPonch Год назад
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.
@2424rocket
@2424rocket Месяц назад
Following your tutorial is nearly impossible… Well then onto somebody else who knows how to clearly teach!
@Chocokaylarobin
@Chocokaylarobin 4 месяца назад
When i use non round fonts it doesn't have a straight line. its still blocky :(
@mumulrastogi
@mumulrastogi 5 месяцев назад
Can this be applied on vector based fonts from illustrator which are converted into outline because then cannot see the stroke in after effect
@MichaelPonch
@MichaelPonch 5 месяцев назад
Yes, technically it should be possible. In After Effects you can convert Illustrator files into shape layers.
@wilsonpye
@wilsonpye 3 месяца назад
I am having a probleb with the top of the letter "I". Any suggestions?
@MichaelPonch
@MichaelPonch 3 месяца назад
You mean the dot? I would handle it as a a separate shape.
@cocozozo2021
@cocozozo2021 2 года назад
Adobe, come out and add this feature!
@MichaelPonch
@MichaelPonch 2 года назад
Yeah, it should be a one-click solution then 😊
@geroneclint4004
@geroneclint4004 Год назад
What if i used a specific text animation and i want both the text animation and the trim path at the same time 🙏🏾
@jaysonfontela5761
@jaysonfontela5761 2 года назад
💖💖💖💖💖💖
@MichaelPonch
@MichaelPonch 2 года назад
😊
@noraswanmohamed4341
@noraswanmohamed4341 2 года назад
Can you explain how to animate the B letter? I just can't figure it out. How do you get the single stroke?
@MichaelPonch
@MichaelPonch 2 года назад
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.
@noraswanmohamed4341
@noraswanmohamed4341 2 года назад
@@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.
@totovicces
@totovicces Год назад
great video, I have the project, too. how can I change the letters for a new title? tx
@MichaelPonch
@MichaelPonch Год назад
Thank you 😎Unfortunately no. Best way is to reuse the already built letters and build the one you don’t have.
@michaelnielsen3462
@michaelnielsen3462 2 года назад
Excellent AE stuff, Michael - new sub☺️ Slightly off topic: when I duplicate, colorize and stagger layers, it seems that antialiasing kinda suffers. Any tips?
@MichaelPonch
@MichaelPonch 2 года назад
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.
@michaelnielsen3462
@michaelnielsen3462 2 года назад
@@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☺️
@Abdo.A
@Abdo.A 2 года назад
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.
@MichaelPonch
@MichaelPonch 2 года назад
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
@Abdo.A
@Abdo.A 2 года назад
@@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?!
@pit183
@pit183 Год назад
what is command ex?
@MichaelPonch
@MichaelPonch Год назад
Command-X or Shift-X 😊
@RatulTattur
@RatulTattur 10 месяцев назад
some of the font its not work!
@MichaelPonch
@MichaelPonch 10 месяцев назад
Which one doesn’t work? Please download my free AE Project with the font examples
@ConnerLeeMedia
@ConnerLeeMedia Год назад
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
@MichaelPonch
@MichaelPonch Год назад
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 :)
@ConnerLeeMedia
@ConnerLeeMedia Год назад
@@MichaelPonch Copy that! Thank you Michael! The fonts & color choices are beautiful
@Umaki_
@Umaki_ Год назад
For me: 3:07
@fundaaktas2671
@fundaaktas2671 Год назад
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?
@MichaelPonch
@MichaelPonch Год назад
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 🎊
@fundaaktas2671
@fundaaktas2671 Год назад
@@MichaelPonch Omg! The solution was that easy but i couldn't figure it out 🤦‍♀ It works now. Thank you so much for your help!
@samirdesigner3324
@samirdesigner3324 2 года назад
better
@hasanmohammadzablulibneman7565
@hasanmohammadzablulibneman7565 4 месяца назад
your after effect screen is too small to see the animation that you have applied. Difficult to see.
@albertvalentincic9928
@albertvalentincic9928 8 месяцев назад
It doesnt work with some fonts tho
@MichaelPonch
@MichaelPonch 8 месяцев назад
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
@albertvalentincic9928
@albertvalentincic9928 8 месяцев назад
@@MichaelPonch Anyhow, it was a great and insightful tutorial, left a like! :)
@Ungechillt
@Ungechillt 2 года назад
👍
@ashikbillahraj
@ashikbillahraj 2 года назад
Offset path isn't working for me. It's it's too thin from one end and too thick from other
@MichaelPonch
@MichaelPonch 2 года назад
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
@ashikbillahraj 2 года назад
@@MichaelPonch I used roska regular. Reset taper. Nothing happened. Can I send you a ss somewhere?
@MichaelPonch
@MichaelPonch 2 года назад
@@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
@mysteriumxarxes3990
@mysteriumxarxes3990 Год назад
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
@MichaelPonch
@MichaelPonch Год назад
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 😊
@mysteriumxarxes3990
@mysteriumxarxes3990 Год назад
@@MichaelPonch thats what we need. Adobe needs to look this up
@mysteriumxarxes3990
@mysteriumxarxes3990 Год назад
@@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
@eladbari
@eladbari 7 месяцев назад
@@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.
@mysteriumxarxes3990
@mysteriumxarxes3990 7 месяцев назад
@@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
@ДжеймсБонд-ь4ю
@ДжеймсБонд-ь4ю Год назад
Отличный урок, только я нифига не понял
@andrearusky
@andrearusky 2 года назад
looks very complicated for those overlapping parts... :(
@Gogohobbytv
@Gogohobbytv 10 месяцев назад
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 → ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-pbQib4tE9Lo.html The final title is a bit like the Squid Game effect, but the previous ones are a bit different?
@vladan.Poison
@vladan.Poison 2 года назад
too much !!!
@AtomicGoober
@AtomicGoober Год назад
Fantastic! Thank you so much!
@MichaelPonch
@MichaelPonch Год назад
Thank you very much! I’m glad my video is useful for you 😊
@macjonald
@macjonald 2 года назад
Thank you!
Далее
Tap into the FULL POWER of trim paths
29:26
Просмотров 142 тыс.
ЛЮБИТЕ ШКОЛУ?😁​⁠​⁠@osssadchiy
00:20
Changing The Flag Of The Countries #countryballs
00:18
Crazy Trim Paths Tricks in After Effects | Tutorial
9:21
Trendy Logo Animation in After Effects Tutorial
23:46
Como ANIMAR LOGO no AFTER EFFECTS SIMPLES E RÁPIDO PNG
13:22