How to smoothly transition from stroke to fill color?
How to smoothly transition from stroke to fill color?
I have some shape, with the stroke one color and the fill another color. I would like there to be a smooth gradient from the stroke color to the fill color, so that the outside of the stroke is 100% stroke color and the inside is 100% fill color. The available gradients under "stroke paint" don't appear to enable this; does someone know how to do it? Thanks.
Re: How to smoothly transition from stroke to fill color?
You can't do it exactly the way you have in mind. You'll need to do it just using a fill.
If your shape is a circle, you can do it using just a radial gradient. Otherwise, you'll need to use interpolation. There is a brief tutorial here - http://www.inkscape.org/doc/interpolate ... te.en.html - (specifically the methods near the bottom of the page).
What you want to do is create two copies of your shape, one large and the colour you want the outside to be, and one small and the colour you want the inside to be. Then use interpolate the two.
Note that I haven't done this tutorial. It may be it is outdated and the method described is superseded by live path effects.
If your shape is a circle, you can do it using just a radial gradient. Otherwise, you'll need to use interpolation. There is a brief tutorial here - http://www.inkscape.org/doc/interpolate ... te.en.html - (specifically the methods near the bottom of the page).
What you want to do is create two copies of your shape, one large and the colour you want the outside to be, and one small and the colour you want the inside to be. Then use interpolate the two.
Note that I haven't done this tutorial. It may be it is outdated and the method described is superseded by live path effects.
Re: How to smoothly transition from stroke to fill color?
You can also do it by blurring the object that has a stroke and a fill, experiment with the stroke width.
If you want the object to have sharp edges use a clip with a duplicate of the unblurred object.
If you want the object to have sharp edges use a clip with a duplicate of the unblurred object.
just hand over the chocolate and nobody gets hurt
Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download
Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download
-
- Posts: 215
- Joined: Thu Aug 21, 2008 4:08 am
- Location: Belgium
Re: How to smoothly transition from stroke to fill color?
prkos wrote:You can also do it by blurring the object that has a stroke and a fill, experiment with the stroke width.
If you want the object to have sharp edges use a clip with a duplicate of the unblurred object.
Try Filters/Blur/Blur Content
Or without using a stroke color try Filters/Shadows and Glows/Inner Shadow and set Offset to "0" and Flood to the colour you need.
ivan