1

I've another question for you
I have a circle and I would like to fill it with a white gradient;
These are the best example I could do:
conical Color

How can I make this effect on Inkscape?

I feel lost because no sample seems to satisfy my needs.
Thanks for your attention and looking forward to your wonderful ideas.

7
  • 1
    Are you meaning a conical gradient like in this question? See also here and here. Feb 8, 2021 at 17:19
  • 1
    The one on the left would be a conical gradient, which isn't available in Inkscape. You could fake it with a gradient mesh, but quite a bit of work. Tutorial here. I'd be tempted instead to just do it in GIMP, which does have an actual conical gradient. The example on the right is not really a gradient.
    – Billy Kerr
    Feb 8, 2021 at 17:19
  • 1
    Illustrator can do this Conical Gradient with a gradient applied to a (thick) stroke. Set Gradient to "Apply Gradient Along Stroke". Circle would need to be "Cut" so the Gradient has a start and stop point. I am not familiar with Inkscape- does it have a similar ability ?
    – Kyle
    Feb 8, 2021 at 18:26
  • 1
    @Kyle, a gradient along a stroke isn't available in Inkscape. It's not supported in SVG as far as I know, and Inkscape is an SVG editor. SVG (and Inkscape) does support a gradient within a stroke, but not along it.
    – Billy Kerr
    Feb 8, 2021 at 19:26
  • 2
    .. and although you can do this on a stroke in AI.. the only other option is to expand the stroke in AI afterwards, which yields a gradient mesh, also not supported in SVG.
    – Scott
    Feb 8, 2021 at 19:38

1 Answer 1

3

If you want to output this as an SVG, there are a couple of problems.

Inkscape (and the SVG format) doesn't support conical gradients, or gradients along a stroke. Inkscape does have a gradient mesh which you could use to fake a conical gradient (see Tutorial here), but gradient meshes aren't supported in SVGs yet. Maybe it will be possible in some later SVG 2.x version, but it's not possible at the moment, and browsers can't display an SVG with a gradient mesh.

A possible work around

If you create a gradient mesh in Inkscape, you could rasterize it using Edit > Make a bitmap copy, then put it in a clipping path.

For example:

enter image description here

Here's the SVG example (made in Inkscape)

2
  • I hope they make this feature possible in SVG asap
    – Les Go
    Feb 9, 2021 at 7:40
  • Your last link send me in an error page:( Thanks for the idea, I will try with GIMP even if I don't know it very much...
    – Les Go
    Feb 9, 2021 at 7:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.