How to fit an inverted gradient to a shape?
How to fit an inverted gradient to a shape?
I am trying to fit an inverted gradient precisely to a shape and I can only get as far as inverting the gradient using shift + r but I can't figure out how to conform the gradient to the shape. I am using the current version of Inkscape on a Mac. Please help!
Re: How to fit an inverted gradient to a shape?
There`s still no rectangular gradient in Inkscape but you could either make gradients from each corner to the center on four separate rectangles and then align them or duplicate the rectangle, adjust color and then blur it.
Re: How to fit an inverted gradient to a shape?
As I said this is a simplified version of my problem the real shape I'm working with has no straight lines and several dozen anchor points.
Re: How to fit an inverted gradient to a shape?
Why haven`t you posted the real shape then? How does the rectangular gradient fit the curved shape?
Perhaps you would like to make gradient to follow the path, from edge to the center? Scale down and blur it or just interpolate.
Perhaps you would like to make gradient to follow the path, from edge to the center? Scale down and blur it or just interpolate.
Re: How to fit an inverted gradient to a shape?
Step 1: draw shape
step 2: duplicate it
step: 3 use Path > Dynamic Offset then click and drag LMB outwards.
Step 4: Create new layer move shape into it then lock new layer
Step 5: Give outside shape fill color then set strokes to have no color.
Step 6: Set shape opacity to 35%
Step 7: Lock layer and unlock previous layer.
Step 8: Duplicate open layer
(You will now have three layers)
Step 9: Set desired stroke color in middle layer and leave fill with no color
Step 10: Set stroke width to desired value and set blur to 3.5
Step 11: Unlock top layer and select both inside shapes.
Step 12: Use Object > Clip > Set.
Step 13: Delete underlying fill color
And there you go, the process actually does not involve gradients at all but the end result looks like it does.
Re: How to fit an inverted gradient to a shape?
Hello:
Your method is good.
Even more, There are other methods to simulate the same effect.
- One is using the interpolate extensiob between the path and its offset as you have done. But some things get automatized. A better explanation here:
http://tavmjong.free.fr/INKSCAPE/MANUAL ... nterpolate
- Other is duplicating, offseting, bluring the path, and then cliping it. There are more steps involved.
And maybe there are more
Your method is good.
Even more, There are other methods to simulate the same effect.
- One is using the interpolate extensiob between the path and its offset as you have done. But some things get automatized. A better explanation here:
http://tavmjong.free.fr/INKSCAPE/MANUAL ... nterpolate
- Other is duplicating, offseting, bluring the path, and then cliping it. There are more steps involved.
And maybe there are more
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.
Re: How to fit an inverted gradient to a shape?
@ sagegami
.... or as vigorous web searcher as you are...
you could hear of the mesh gradient?! Can you?
.... or as vigorous web searcher as you are...
you could hear of the mesh gradient?! Can you?
Re: How to fit an inverted gradient to a shape?
you could use filters too
viewtopic.php?f=9&t=12678&start=25#p49067
In the exemple I used stripes (using FeMorphology) but it would be easier to get a gradient (using feBlur)
viewtopic.php?f=9&t=12678&start=25#p49067
In the exemple I used stripes (using FeMorphology) but it would be easier to get a gradient (using feBlur)