3

In Inkscape I'm creating a 3D cube like shape with some curvature along the border edges. To simulate the curvature I'm using two adjacent paths with linear gradients facing opposite direction, like a bilinear gradient.

curvature corner

But how do I merge this junction point seamlessly along the corner curve? Blurring the paths reduces the seam a bit, but also makes the paths bloom outside the boundary of the cube. Is it possible to create a gradient along a path?

3
  • 1
    See this tutorial (if you haven't already): Draw a first-aid kit with Inkscape. This general procedure might work for your drawing. Aug 8, 2016 at 16:48
  • 1
    To answer the question at the end of your question, if you mean "gradient along path" as a gradient that curves or changes direction at intersections along the path, unfortunately no that is not possible in Inkscape. This is a limitation of SVG graphics, which don't support gradients like that. Aug 8, 2016 at 16:53
  • I think I can't quite follow the tutorial, I attempted to recreate this image, but I'm stuck at this
    – Samik
    Aug 8, 2016 at 18:34

3 Answers 3

2

I'm sure there are many ways this could be done, but here's one method:

Create a single Y shape to cover the corners you wish to apply a highlight to, and fill it with white or light grey. In the fill panel, apply some blur to it, then copy and paste the polygon shape in place using Edit > Paste in Place - then apply that as a clipping mask to the blurred Y, using Object > Clip > Set.

Example showing use of clipping mask

1

I`d go for...

  • Union of all of the existing elements (with gradients, from your drawing);
  • add a few nodes to create smoother curvature of the "crossing" at the centre;
  • create the mask or clip in the shape of the cube, bring it to the top;
  • blur the shape from the Union operation and mask/clip it.

Or...

  • create three squares/rectangles with slightly rounded corners matching the edges of the cube;
  • only two sides of each rectangle are matching the edges and the other two are "outside" of the cube. In other words, new rectangles are larger than sides of the cube;

  • might be easier if you use rectangles with rounded corners, disable stroke scaling and then skew or otherwise modify rectangles.

  • set the white thicker Stroke and blur it.

  • add a shape which would fill the gap between the
  • once again, use the shape of the cube as the mask/clip
0

I'd actually do this a different way, with interpolation. That will give you a lot more control over the shapes. This is a very rough example done with illustrator, but you should be able to achieve the same results with inkscape:

https://www.evernote.com/l/AAEXKjNIuCtELbC5fRwki3pV6mn-zkt32v4B/image.png

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.