After Effects Tutorial - Gradient Stroke Lines (Motion Design Techniques)

Learn how to add gradients to animated lines in After Effects through minimal effects and animating the shape layer stroke. Whether it's revealing a logo or icon, through to motion lines to create emphasis or movement, even the outline of text, this effect is another versatile motion design technique you'll want to learn.
Check out the website for this tutorial, plus explanations, code snippets, FAQs, and more....
mediaworkbench...
_________________________________
Have a suggestion for what you'd like to see next? Leave us a comment below!
Media Workbench covers tutorials, tips and tricks, freebies and more for the Adobe Creative Suite including After Effects, Photoshop, and more...
- - - - - -
Love what we do? Why not support us in creating more incredible content via Patreon.
/ mediaworkbench
Follow us on Facebook or Instagram to join in on the conversation
/ mediaworkbenchyt
/ mediaworkbench

[@sudhii6]

Awesome!!👌🏻👌🏻♥️♥️ Really, its a different method of doing Stroke Animation👌🏻👌🏻♥️♥️🙏🏻🙏🏻🙏🏻

[@willianm.araujo2017]

Nice video!!!!

[@srdjandmiljkovic]

Thank you VERY much!!!!

[@junimeme5626]

I've been looking to solve a problem for two weeks. Thank you a lot for the help.

[@AndyAckroyd]

Thanks for the tutorial perfect for what I needed! p.s. at 4:30 'bumpy gradient' is colour banding

[@SergeyGridin]

Thx, nice tutorial. Pls i need more tutorial with you!

[@bananabike279]

That was great, I've been looking everywhere to find out how you do those fading strokes!! Thank you si much for this tutorial!

[@lucasblanc11]

same!

[@alanakayscreative159]

Mmmhmm bloomps ! Other than that lovely little bit of character this video was very helpful! Thaaaank youuuu!!

[@MCR831]

Is there a way you can add a sparkle on the outside of the layer or on top of the layer that follows the lines on 2020?

[@b4dm0ni]

You are actually doing god's work. Keep it up fam!

[@akma3828]

Bruh I was dying to learn hwo to make faded opacity strokes, tysm!

[@marvatz]

This is AMAZING!! Thank you

[@pacopanchpaquin]

Wow! Great tutorial and amazing effect! Well explained too.

[@JoxnieD]

Great tut, learned a lot!

[@danamakhlouf5054]

You are a lifesaver :D .. I only want to reverse the effect ,I want the opacity in force motion blur to be on the other side, Is it possible? How can I do it?

[@gaston.]

thank you!!!

[@hasnem2009]

thanks

[@marciopdcosta]

Nice!

[@adaneko]

hi! a bit of a noob question, but when I start setting up easing with the graph editor, my graph isn't a peak, but rather a single sided slope that plateaus. how do i fix this?

[@MediaWorkbench]

adaneko it sounds like your interpolation is linear. Try selecting the key frames and pressing F9 or right clicking to select Easy Ease then return to the graph editor and see if there’s a change.

[@adaneko]

@@MediaWorkbench nvm! realized you were editing the speed graph and I was editing the value graph :) my bad

[@drfuzzyness]

Tip: In recent versions of CC, "Fast Blur" is replaced by "Fast Box Blur" which has slightly different settings but the same effect.

[@jorgefarfanv]

00:00 Try watching this in 2021 and realizing the world still sucks.