FINALLY a TRUE GRADIENT STROKE Along a Path | Easy After Effects Tutorial | No Plugins!
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- In this After Effects Tutorial I'm gonna show you a simple trick to create a real gradient stroke that follows the path.
You dont' even need a plugin, like the thicc stroke plugin or a 3D Software, like cinema 4D to create a gradient along a path.
Unfortunately the shape layers in After Effects don't offer a true gradient stroke along a path (yet)
But with my little hack you can achieve a color gradient that aligns with the path. And with a simple click you can fake the great ouroboros plugin :)
Enjoy watching!
#aftereffects #motiondesign #aftereffectstutorial
This video is criminally underviewed
Haha, thank you 😎. I hope it gets a higher view number in the long run
Wo wo wo.. Outstanding!
Really genius and such a great trick
Thanks, man 😊
You are brilliant, amazing and smart work. Greetings from Brazil
Thank you very much! And cheers from Germany 😊
You are a GOD!
Thank you for your insightful & entertaining tutorial 🙌🏽
Thanks man 😊. It was just a little idea that luckily worked well
This was simply genius. I hope you get the views you deserve.
Thank you very much. That’s encouraging 😊
I was about to write the same comment!
He deserves a lot more!
Thank you for sharing your knowledge! This is wonderful and very well explained!
Thanks for your feedback, bud 😎
Found this through the School of Motion newsletter - be prepared to blow up man 😄
Whaaat?!? That would be an accolade 😊. Thanks for the hint!
May I ask when this newsletter came out. Because I also subscribed to School of Motion’s newsletter. Thanks 🙏
@@MichaelPonch today (Monday Oct 25) at 8am EST
Your Contents are so underrated! Very creative Techniques. Kudos Man
Thanks dude ! Really cool technique, you saved the game !
Thanks man 😊. I also try to find an easy way to get rid of the overlapping problem. So stay tuned 😎
Thank you man! i was struggling with the gradient in a project and this helped a lot!
Welcome 😎. I’m glad it could help tou solve your problem
You actually seem like avery genius and intelligent guy Mr.michael and I appreciate your effort so much I suffered without plug ins
you saved my life
Glad you found it useful! Thank you 😊
Man ! You good!
I was looking for that for years
Thank you 😊. Yeah, me too. I’ve used other complicated hacks or went over to Cinema4D 😂
Very cool technique. TIP: I found I had to go back and edit the levels again after adjusting the stroke width.
Thank you 😊. Right, it’s a combination of adjusting levels and blur 😊
great! just what I was looking for... thanks for sharing!
Great solution! Thanks for sharing!!!
Thank you very much. Glad, you found my solution helpful 😎
Genius. I'm saving this as a preset.
Thank you 😊. Good idea to save it as a preset 👌🏻
Helped me with my logo animation like magic, thaaaanks!
How can I help you? 😊
@@MichaelPonch I meant in my comment that you really helped me and it looks great with the gradient with your method, so thank you very much! 🙏🏾😊
Oh…..I overlooked the ‘d’ in ‘helped’ 😂. But thanks again. Glad, I could help you 😎
Dude AMAZING, thank you for this solve!!
You are Awesome man ! impressive Technique used in the Tutorial ...
You are so good! Thx
Thank you very much 😊
Thank you! You saved my time :)
thats second video i watched from your channel, in youtube recomends. and i subscribe you🤩🤩🤩🤩🤩
That was a tip top quality tip 🎉 I'm going to have some real fun with this
Standing ovation!
Thank you, sir 😎
You can type a load of • as a text layer, crush the kerning, draw a mask stroke on the text layer, align to path, add a text animator with a fill colour, ramp up, now you have a gradient stroke. You can make it 3D too and have each text character align to camera.
Sounds like a great idea for a tutorial vid.... 😎 I'm going to try this idea....
truly innovative. thank you
OMG...Thank you so much!! It's exactly what I'm looking for 0_0!!!!!!
WOOOOW! GENIUS!!! 🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯
Really great teacher and always interesting tips on this channel, thank you!
i actually love this tutorial, this is so good
Amazing stuff !
Thank you 😊
Amazing! thanks!
Welcome ☺️
Phenomenal
Thanks for the cool idea! You're a cool author. Thank you for finding simple ways to work around the shortcomings of After Effects.
Perhaps you have some ideas - how to solve the limitations of the collapse transformation function.
For example, if it is active in a precompose that is in 3D, then 3D is broken. That is, the precompose behaves strangely in space and does not take into account the Z position .
The second problem is that when collapse transformation is active, effects cannot be applied to the same 3D layer (precompose). If you add any effect, 3D will fly off. For example, it will not work to add a shadow, blur, etc. It's infuriating.
The third problem is that collapse transformation doesn't work if the layer has styles. This is generally a disaster)
In general, collapse transformation is a useful function, but there are a lot of problems with it when you need to apply additional effects to a layer that has it enabled.
You may have ideas on how to save collapse transformation, but not lose the ability to add effects. You had a lesson about the Calculation effect to avoid precomposes. Perhaps it can also help solve this problem somehow. I'm not sure.
Thank you 😊. Your problem sounds complex . Without knowing the specifics of your AE Project maybe it helps when all the layers within the precomp have the 3D layer checkbox on? This should at least solve your problem 01. To my understanding the effects on a collapsed layer work as if the layers are still 2D. Maybe split the layers into another composition the necessarily doesn’t need collapse?
@@MichaelPonch Thank you for your reply) Yes, in words it is not very clear what the point is. So I will try to record a small screencast to show you. I hope this won't take up much of your time.
Thanks buddy
Welcome, bud 😊
Really genius and such a great trick to have in my pocket! I LOVE it!
Very smart!
Thank you 😊
Love it, thanks
Thank you, Alicia 😊
Awesome
Thank you 😊
Brother that firey gradient made me excited 🔥🔥🔥
Super cool 💜💜💜
wow, thank you so much!
Super cool tutorial and it's really helped to me.💯😉
Thank you very much. I’m glad my video was useful for you 😎
Hi @michael Ponch. this was brilliant, thanks for sharing this hack. I also tried to figure out how to take out opacity to the path's end point so we can animate the end side of the path as if it was fading but didnt find a good workaround for this. By instance, I can add a mask to the end of the path and change its feather settings but then need to constantly animate the mask. Any other tricks for this? Thanks in advance
Thank you very much 😊. I’m not in front of AE right know but this could be a solution: Duplicate the layer and remove the color effect so you have a black&white gradient. Use this layer as a Luma Matte for the colored Gradient 😊
Thank you!
awesome! thanks for share it :D
I cannot find Taper options ??????????????????
It was introduced last year with CS2020 version. You just have to update AE 😎
wizardry!
Thank, man 😎
Amazing
Thankyouu!
Welcome 😊
caan I have the link to plugin?
the thicc stroke plugin? You can find it on aescripts.com 😊
Hi, thanks for this great tutorial!
Is it possible to taper the stroke? (since we're using the tapering to blend the colors together)
Thank you 😊. Unfortunately it’s not possible here. But I created a setup based in this technique, where tapering is possible. You can download it for free: th-cam.com/video/thheZU1GS30/w-d-xo.html
Can you do this on a closed path like an oval?
Yes, it’s possible. But you might get an unwanted gradient at the first vertex.
Hi! Why my gradient goes along the stroke and not across? 😞
Hi! Do you mean your stroke self-overlaps? If yes I have a preset for that: th-cam.com/video/thheZU1GS30/w-d-xo.html
God Speed
i dont have the taper option... is this only for ae 2021 and above?
would 3D stroke give the same effect actually? cause i have that and it has taper
Cavalry app
I have one for you... :) I have been trying to do this in after effects. When the player hits the ball... he has the little "7's" that follow the path in a shape layer.. any idea how to do this? th-cam.com/video/T_I8VtjjKrg/w-d-xo.html
maybe with just a repeater with the number 7 following a path
I am starting a new job next week and the company has a gradient line element like this and I wanted to create animation like this.This video is just what I needed. Thank you!
Hi 👋! Glad I could help you. Good luck with your new job 😊
@@MichaelPonch Thank you so much!
Awesome. Thank you!
does this work on a circle shape stroke ?? or does it only work with bezier paths ??
This is absolutely genius! Thank you for sharing :)
When I apply the Colorama I only get one color, why is that?
Génial !!
Thanks Michael! Awesome hack - and simple, too! Just could you tell me please if there's a way to create a tapered stroke with this technique? I'm at a loss since you're using the tapering to create the gradient... perhaps I'm not attentive enough 🙂 Anyway, thanks for this and the other tutorials too ( the 3D strokes is my favorite ) - impressive work!
Thank you :). I developed a hack with taper, but it’s more complicated. Therefore I made a little template 😊 th-cam.com/video/thheZU1GS30/w-d-xo.htmlsi=Y1ZrAg1AWAk9fABz
Yes! Thanks again,@@MichaelPonch ! Downloaded it. 🙂
Michael , mate I pray for ya,
U got a full time freelance job and a family and u are also making vids on the side , I am just wow ,
I just got only school which is also online , and that's it and still I find it hard to come up with content ,
A lot of respect to you ,
Literally got my motivation for today ,🧡
Thanks, bud, for your encouraging words 😎. Keep creating content, man 😊
thank you so so sooooooooooooooooooooooo much
Welcome 😊
why don't I have the 'Taper' option? :(
I guess you have an older AE Version 😢. As I recall Taper came with AE2019. 😊
Came back to this vid after forgetting your technique, just had to comment again this is such a smart hack you came up with Michael.
is it not a shame these adobe things dont have by default such a BASIC stuff!!?!?
thank you michael!
Thanks for this, it worked great! However I am having trouble exporting it. I keep running into an error when trying to open the mov. Any ideas there? Thanks!
Thank you 😊. As for your problem maybe it’s the video player. When you imported the mov back into after effects, play it back and there’s no error, then the file is OK. Otherwise it may be corrupt. Did you have enough disk space or did you accidentally exported one frame?
@@MichaelPonch The video corrupts somehow, it wouldn't even open in VLC player. But I figured out how to fix:
In media encoder, Quicktime is already selected. Somehow, selecting something else, and then selecting Quicktime again fixes it. I don't know why, but seems to be a glitch within the app.
Mov makes sense when you further edit it in Premiere Pro, DaVinci etc. Better use mp4/h.264 when it’s your final result anyway.
@@MichaelPonch yeah but I needed a transparent background
Maybe a Quicktime Player would be better than VLC as the mov format comes from Quicktime/Apple
I would love to know how you made this in Cinema 4D at 1:20
Hi! This would be a Capsule Object wrapped along a spline with the Spline Wrap Modifier. In the standard material you would use a gradient ramp in the luminance channel 😊
@@MichaelPonch Absolute legend! This is exactly what I needed, you have earned a new fan :)
What a shame the TH-cam algorithm doesn't recognize your worth.
That is cool tricks
Thank you 😊
Crafty!! Thanks for sharing Michael. Cant wait to try this out!
Thank you, Jeremy 😊
I'm just afraid all of your videos just got so few views and u got no motivation to upload other video. then I can never learn anything from u. just truly genius. 😫😫
Don’t worry. For me it’s not all about views. I love to create videos and share my knowledge. I’m happy how my channel is growing. Slowly but it’s growing. Thank you for your encouraging words 😊
Hello Michael, thank you SO MUCH for this tutorial, i created an After Effects Script using this technique, i want you to try it please! It's free, it is called "Snake Paths". You have it in my community section os TH-cam, i was trying to contact you via email but i couldn't find it.
Great to learn to learn that you wrote a script out of my technique. I saw your little animations on you community section. Looks cool and seems be be a time saver 👍🏻. Excited to try it out soon 😊
This was a brilliant tutorial that may have just saved my bacon with a current job I'm working on! Thanks Michael, you are a legend .. The notification bell has been rung!
Thanks, man 😎. And thank you for subscribing to my channel. It’s nice too see that my method made it into a real life project 😊
@@MichaelPonch 100% man, I've been using after effects for close to ten years but never really delved too much into the potential of the effects and presets.. I liked the way you explained why you were applying what you were applying and what effect it was having on the overall composition. After effects is all about problem solving and I'm here for more!
Great tutorial
Thank you 🙏
Thank you thank you thank you 🙏 🙏
Welcome 😊
Boss!
😊
THANK YOOOOUUUUUUUU!!!!!!!!!! I was spiraling because I couldn't find a way to achieve this, you saved me from shitty animations
Welcome and thank you, too 😊
wow. That was awesome. You are a genius sir. Thank you very much! 😍😍😍
Thanks, man 😎
I wracked my brain on how to do this years ago (2018-2019) and couldn't get any answer. you've finally cracked the code my man. Thank you!
Thank you 😊. It has it’s flaws but for simple things it’s perfect!
Te amo chino hermoso
May the one who create Meta Logo animation use this techniques 😁 ?
😂. I’ve just seen it. It’s definitely a 3D animation. But thanks for the hint. Should give it a try to recreate it in AE 😎
Such a simple and elegant solution! You are the man!
Thanks, Kai 😊
Michael you are absolute genius! Thank you for all your tutorials.
This is truly genius!!! Thanks mate.
Thank you and welcome 😊
This guy is underrated he is so freaking awesome
Thanks, man 😎
Genius
Brilliant....perfect for what i need. Ta mate
Thanks very much 😊
awesome tutorial, Thanks michael!
Thanks, Allan 😎
✨👌😎🙂😮🙂😎👍✨
I applied this to my rectangle with trim paths and the result is just horrible because of the anti aliasing. Very nice method tho! I wish you had a solution for my case.
oops sorry my bad. the hack actually works, it was the badly set "levels" effect that made it look bad. make sure to not set it too low, because that can cause harsh anti-aliasing. great job Michael.
Thank you 😊. Regarding your issue…hard to tell. It’s mostly the colorama effect that causes bad antialiasing. Have you unchecked “Modify Alpha”? Maybe use CC Toner instead when this doesn’t help. Or better use Thicc Stroke Plugin 😀
@@MichaelPonch woww. That CC Toner is way more fitting for my project. I'm pretty new so I'm not familiar with the plugins yet. My lines are 5px and not 100 like yours so anti aliasing is a bit more prevelant at that size. I managed to fine tune the effects so it's perfect now. Thanks again!
Crack!
Wow..
Does this not work if the path is in 3D?
Hmm…..I don’t think so, sadly 🤔
You are a genius Michael a freaking genius 🔥
Thanks, bud 😊
🧡💛💚