Can i create a gradient that follows a path?

[rchrdnsh]

There are radial, linear, elliptical and conical gradient types, but is it possible to create a subtle curved path and have the gradient follow that shape? That would be just awesome if that exists :-)

[retrograde]

Yep it's possible but it's a bit clunky to control at the moment or at least I found it that way... see attached.

[Peterkaosa]

In fact, clunky is very well describing. The gradient doesn't just follow the path but is somehow more kind of masking the path. I'd like this gradient to start at the 1st node the line and end at the last.
 
Any suggestions?

[MattP]

No, this isn't possible at the moment unless you go to the trouble of making a gradient texture to use in a vector brush... We have much grander plans when it comes to gradients and I'm not prepared to mention what it is right now because it won't be as much fun when we do the big reveal in the future if you already knew what was coming! ;)

[Peterkaosa]

MattP you are one smart cat… Can you at least mention a time plan? Preferrably something like "tomorrow" or "the day after today"? Or even "maybe today plus minus 24 hours"

[Gear maker]

rchrdnsh, check out the entry on https://forum.affinity.serif.com/index.php?/topic/13517-stroke-gradient-along-curve-or-path/to see if it will help what you are trying to achieve.

[rchrdnsh]

hmmmm...i think i asked this incorrectly then...i don't want to create a path, but actually create a shape with a curvy side and have the gradient shoot outwards from the curvy side in the same shape as the curvy side...i don't really know how to explain this better...

 

like....i want to make a rectangle, but one of the sides of the rectangle would be ark-ed, either convex, or concave, then i want to apply a linear style gradient to the rectangle, but the gradient would alter it's shape to follow the curve of the ark-ed side, rather than just be linear...

 

I hope that makes sense a little bit better...

[JimmyJack]

Since ya didn't specify :rolleyes:  .... You can do some cool stuff with the warp tool in AP.

Of course, it's raster, totally destructive AND I'm pretty sure you meant is there a way in Deisgner.

 

[PixelPest]

Mmmh - maybe like so?

 

Cheers

P.

[misc33]

How complex is your gradient going to be? If it's as simple as one colour fading out into transparency, you can use the Inner Shadow effect. That will follow the curve exactly.

 

Hmm, maybe not. Painting one by building it up using a masked pixel layer seems to be the best way so far until the new super gradient goodies come out:

 

[Antoine L]

On 3/11/2016 at 9:19 AM, MattP said:

No, this isn't possible at the moment unless you go to the trouble of making a gradient texture to use in a vector brush... We have much grander plans when it comes to gradients and I'm not prepared to mention what it is right now because it won't be as much fun when we do the big reveal in the future if you already knew what was coming! ;)

Hello,

I didn't find any update on this topic since 2016, and also no other informations anywhere else on that matter. Is this feature already implemented or is it still to come?

Thank you very much in advance for your update!

Antoine

[Aammppaa]

There is no gradient on a path - yet.

You'd have to find a workaround.

[firstdefence]

For context, which app are you using mr OP?

[,,,]

2 minutes ago, firstdefence said:

For context, which app are you using mr OP?

He last visited the forum more than 3 years ago, so it's unlikely he'll answer 

[G13RL]

I don't know if that would suit you:

Draw the shape, put a fill color and one to the outline.
Put a "Gaussian Blur" effect by checking "Preserve Alpha".
Put an external "Outline" fx, choose the color, adjust the thickness.

[firstdefence]

5 minutes ago, anon2 said:

He last visited the forum more than 3 years ago, so it's unlikely he'll answer 

Knock once for yes, twice for no lol!

[Antoine L]

2 hours ago, Aammppaa said:

There is no gradient on a path - yet.

You'd have to find a workaround.

Thank you for this info. I guess I'll stick with old Illustrator CS6 for some work until it comes...

[PixelPest]

Can you post an image of what you´re trying to achieve - so we can see how close we can get with AD.

I still thought it was about a "gradient following a path": 😀

[Antoine L]

10 hours ago, PixelPest said:

Can you post an image of what you´re trying to achieve - so we can see how close we can get with AD.

I still thought it was about a "gradient following a path": 😀

My question is about a «  gradient following a path ». Your image is what i try to achieve, whatever the shape of the curve is. Thanks for the clarification.

[G13RL]

In this case you can create a vector brush.
Depending on the color scheme the gradient will be parallel or perpendicular to the line.

[Gear maker]

23 hours ago, PixelPest said:

Can you post an image of what you´re trying to achieve - so we can see how close we can get with AD.

I still thought it was about a "gradient following a path": 😀

FYI it's not going to work in many applications, but in the example shown it can be pretty well accomplished using a conical gradient for the stroke.

[AhmedThahir]

On 3/9/2020 at 2:47 AM, PixelPest said:

Can you post an image of what you´re trying to achieve - so we can see how close we can get with AD.

I still thought it was about a "gradient following a path": 😀

how to do this?

[AhmedThahir]

On 3/9/2020 at 1:53 PM, G13RL said:

In this case you can create a vector brush.
Depending on the color scheme the gradient will be parallel or perpendicular to the line.

how to do this?

[G13RL]

Hello AhmedThahir,

Create a drawing with the colors (rainbow in my example), apply a "Gaussian Blur" fx to it (check "Preserve Alpha") and export it as a png (the selection alone).
Duplicate the drawing, rotate it by 90° and export it if you want to have the choice of gradient as in my screenshot.
To create the brush, in the "Brushes" tab of the studio, expand the "Hamburger" to the right of the name, choose "New Textured Image Brush" in the drop-down list, select the PNG file, click on "Open", the brush will be created in the displayed category. Proceed in the same way for the second brush.

[AhmedThahir]

1 hour ago, G13RL said:

Hello AhmedThahir,

Create a drawing with the colors (rainbow in my example), apply a "Gaussian Blur" fx to it (check "Preserve Alpha") and export it as a png (the selection alone).
Duplicate the drawing, rotate it by 90° and export it if you want to have the choice of gradient as in my screenshot.
To create the brush, in the "Brushes" tab of the studio, expand the "Hamburger" to the right of the name, choose "New Textured Image Brush" in the drop-down list, select the PNG file, click on "Open", the brush will be created in the displayed category. Proceed in the same way for the second brush.

 

i tried your method but the brush's colour gradient isnt getting applied

I got it right with a conical gradient... however, it gets rasterised for svg