Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Gradient along a path [closed]

Is it possible to create something like this in inkscape? I have been searching and trying for quite some time, but so far no results...

So what I am looking for is a gradient which follows the direction of the path it is applied to.

Gradient along a path http://coreldraw.com/cfs-filesystemfile.ashx/__key/CommunityServer.Components.PostAttachments/00.00.02.07.23/GradientBlend2.jpg

like image 216
mmumboss Avatar asked Mar 12 '13 15:03

mmumboss


People also ask

Why is my gradient tool not working in Illustrator?

You may just need to change to a gradient filled by choosing the middle icon at the bottom of your tools. Or use the eyedropper to fill a selected item. Select the object then in the appearance panel use the fly out menu to Clear Appearance, now try the grad tool.

How do you apply a gradient across a stroke?

Click a swatch that has a gradient effect on it. With the line still selected, in the Gradient panel ("Window" > "Gradient" if not visible) click the middle "Stroke" button called "Apply gradient along stroke" (make sure you are editing stroke gradient rather than fill gradient or the option wont appear)


1 Answers

I am not aware of a solution that perfectly satisfies your needs however here is one approach to get close:

  • Draw a line, open the Fill and Stroke dialog and set the width of the stroke (Stroke style tab) to 50. Transform the stroke to a path (Path > Stroke to Path).
  • Fill the path with a linear gradient (Fill and Stroke dialog > Fill > Linear gradient) and choose any colours you like.
  • Select the node tool (F2) and a line will appear stretching the area of your shape (marked with an exclamation mark on the picture below). Adjusting this line may help you to fine tune the gradient (however, strictly speaking it will not follow the path but a rectangle defined by the start and end marker of the marked line)

This should work for simple shapes that do not reverse. Let me know if this is good enough or if you need more detailed instructions.

enter image description here

like image 86
Stockfisch Avatar answered Oct 03 '22 21:10

Stockfisch