<![CDATA[Shape Weaving – Over-Under Paths]]>I have been quietly thinking about this idea for well over a decade.
In the vector space, there is no software that has this feature to my knowledge. I am sure the reason is because it is probably quite a challenge to implement!
But out of all the vector apps I can think of that could potentially tackle the problem, it would be VectorStyler!

So, time to break the silence and present this to the community, but first and foremost to @vectorstyler, who would be the one to possibly implement it.

The idea is the ability to “weave” paths with strokes but no fill, allowing certain sections to appear over or under other segments”. A possible implementation is to have a tool (I called it the Over/Under Tool) that could be clicked on the intersections. Please note, the names I have chosen are working names I am sure there are better terms. Please refer to the following illustration:
0_1652016574069_Shape weaving.png
Why would you want this?
This could possibly be one of the most powerful design tools for vector work, as it would allow you to weave shapes easily in a non-destructive way. As anyone knows who has to design something with potential shapes that are both over and under each other, simulating depth, it usually involves faking parts of the overlap by expanding the stroke and breaking it into sections (see my tutorial on Triquetra Knots), or duplicating a small section of the shape and pasting it seamlessly on top. This design challenge comes up all the time and it would be nice to have the flexibility of playing with the spline in a non-destructive way, allowing time-saving freedom.

Implementation - Devil’s in the Deets.
Now I am sure this is not easy to implement. I am not a programmer, or a genius, let alone a programming genius, so I would leave the implementation details to those with more software knowledge. I can only submit that since VectorStyler uses X, Y coordinates, this would be adding some sort of Z-axis dimension, whether it was true 3D or a 3D fake (was it 3DS Max that had a snap feature called 2.5D?), some sort of simplified Z-height component for segments of the stroke? I don’t know…
I would hope that the final over-under stroke outline could be expanded if necessary and turned into regular shapes.

Lastly, it could also be implemented non-destructively for shapes as well as strokes with a modification to the Shape Builder Tool, much like the ALT function for composite shapes. This I see as almost a "phase 2" to this initial idea.

So, I make this appeal the community but ultimately to @vectorstyler to consider the idea and what it would take to implement.
Is it worth it? Is it a challenge that would interest you as a developer? If it did, where would it rank in implementation for you?

Thank you for considering this idea. I don’t make the suggestion lightly, but I think it would be the coolest thing ever! 😊

]]>https://www.vectorstyler.com/forum/topic/1993/shape-weaving-over-under-pathsRSS for NodeSat, 18 Apr 2026 07:12:55 GMTSun, 08 May 2022 13:36:53 GMT60<![CDATA[Reply to Shape Weaving – Over-Under Paths on Mon, 09 May 2022 17:20:51 GMT]]>@Victor-Vector

I love this too, VS seems to be an endless box of miracles 🙂

]]>https://www.vectorstyler.com/forum/post/11030https://www.vectorstyler.com/forum/post/11030Mon, 09 May 2022 17:20:51 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Mon, 09 May 2022 17:18:03 GMT]]>@Subpath Wow! I love the power of being able to create such an attractive shape from a gear shape. These are some fun explorations. Thank you for sharing!

]]>https://www.vectorstyler.com/forum/post/11028https://www.vectorstyler.com/forum/post/11028Mon, 09 May 2022 17:18:03 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Mon, 09 May 2022 17:40:28 GMT]]>The right one is a editable Gear-Shape and is still editable.

Have fun to explore how to make it 🙂
(Hint: read my previous post and use the Shape panel)
.
.
0_1652116516709_Gear-Shape-find-1.png
.
.
To simplify things a bit, you can copy a shape effect you once found
from a shape and paste it onto another shape!
0_1652117008807_Copy-Shape-Effect.png

]]>https://www.vectorstyler.com/forum/post/11027https://www.vectorstyler.com/forum/post/11027Mon, 09 May 2022 17:40:28 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Mon, 09 May 2022 15:46:58 GMT]]>Another find
try Shape Effect -> Outline -> Outline Path on a Stroke
and play with "Stripe"

No clone is used for this effect.
.
.
0_1652111182135_Outline-Path.png

]]>https://www.vectorstyler.com/forum/post/11015https://www.vectorstyler.com/forum/post/11015Mon, 09 May 2022 15:46:58 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Mon, 09 May 2022 08:36:30 GMT]]>one observation i made, if you look at
this picture, it is not a Over-Under Effect
but still very handy in some cases
.
.
0_1652085081640_under or over.png

]]>https://www.vectorstyler.com/forum/post/11006https://www.vectorstyler.com/forum/post/11006Mon, 09 May 2022 08:36:30 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Mon, 09 May 2022 12:50:53 GMT]]>@VectorStyler It's great that the app has a way to achieve this already (thanks @encart , I didn't know about Crossing Gap) and this will come handy for an old project here.

However, a small improvement I would suggest is making the gap values dependent on the stroke width, so that when you change it the gap is still the same.

Currently, if the stroke width is 20 pt and the Above Gap is at 60 pt then you change the stroke to 30, the gap is gone. You need to go to Shape effects, open the Crossing Gap settings and readjust it to… 86, I think.

If this value would be the distance between the overlapping path widths (say, 5 pt), changing the stroke widths would make readjusting the gap unnecessary.

]]>https://www.vectorstyler.com/forum/post/11004https://www.vectorstyler.com/forum/post/11004Mon, 09 May 2022 12:50:53 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Mon, 09 May 2022 00:21:36 GMT]]>@encart Thank you for demonstrating the "Crossing Gap" in Effects > Shape Effects > Outline > Crossing Gap. I did not know about that, so I played around with it a bit.
@Subpath I like how you refined the effect with the tapered double lines.

I watched the Local Layering video shared by @vectorstyler https://dl.acm.org/doi/abs/10.1145/1531326.1531390 I appreciated understanding the potential issues and the logical problem solving he implemented.
What is exciting is it looks like the idea is totally doable, especially for shapes.

]]>https://www.vectorstyler.com/forum/post/10998https://www.vectorstyler.com/forum/post/10998Mon, 09 May 2022 00:21:36 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 19:59:30 GMT]]>@encart

Thats cool 👍
Thanks for the tip.
Crazy, whats already build in VS.

But, as I found out, you need to apply this effect to the layer.
Does not work only on stroke.

But it's no problem to then make a clone of the stroke and put it over it. The clone follows the gaps.

0_1652039054314_Gap-in-Stroke.png
.
.
you could also do this, this way
without any clone

0_1652039846574_Gap-in-Stroke-2.png
.
.
and this way

0_1652039871145_Gap-in-Stroke-3.png

]]>https://www.vectorstyler.com/forum/post/10997https://www.vectorstyler.com/forum/post/10997Sun, 08 May 2022 19:59:30 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 18:00:01 GMT]]>@Victor-Vector Inkscape has this functionality built in.
https://recordit.co/mPFctGJrmQ

Edit:
In VS we have Crossing Gap Effect, but without any modifications - the newer segments are always above.
https://recordit.co/7TfjUJRseq

]]>https://www.vectorstyler.com/forum/post/10996https://www.vectorstyler.com/forum/post/10996Sun, 08 May 2022 18:00:01 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 16:16:38 GMT]]>@Victor-Vector

Btw, there is yet another way to handle a overlap
you could use "combined strokes" but i think it is
difficult to use them on curves.

You could also split strokes by delete a node
and seperate them. The clone will follow.

Video: here a try from me
.
0_1652026576914_split-strokes.png

]]>https://www.vectorstyler.com/forum/post/10995https://www.vectorstyler.com/forum/post/10995Sun, 08 May 2022 16:16:38 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 15:54:46 GMT]]>@Victor-Vector

i love this effect too 🙂

For the overlapping parts, these are just short, simple strokes

Video see here:

.
0_1652025266006_overlapping-strokes.png

]]>https://www.vectorstyler.com/forum/post/10994https://www.vectorstyler.com/forum/post/10994Sun, 08 May 2022 15:54:46 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 15:44:06 GMT]]>@Subpath I played around with that and I love the effect.
I am curious to see what you did after the video ended to see how you handled the overlap.

]]>https://www.vectorstyler.com/forum/post/10993https://www.vectorstyler.com/forum/post/10993Sun, 08 May 2022 15:44:06 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 15:25:17 GMT]]>@b77 Cool! I will check it out.
Thank you for bringing this to my attention.

]]>https://www.vectorstyler.com/forum/post/10992https://www.vectorstyler.com/forum/post/10992Sun, 08 May 2022 15:25:17 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 15:40:58 GMT]]>@Victor-Vector

Beautiful idea, i like celtic pattern

Like to contribute a find that i made yesterday.
Where i playing around with a cloned stroke above another Stroke.

To select the Stroke under the cloned stroke, use object selection on Layer.

Video: see here

0_1652023424565_Stroke-above-Stroke-1.png
.
.
And here a Result with some editing.
Just a few short black and white strokes.
0_1652024363071_Over-unter-Stroke-1.png

]]>https://www.vectorstyler.com/forum/post/10991https://www.vectorstyler.com/forum/post/10991Sun, 08 May 2022 15:40:58 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 15:19:23 GMT]]>@b77

know knotplot too 🙂

]]>https://www.vectorstyler.com/forum/post/10990https://www.vectorstyler.com/forum/post/10990Sun, 08 May 2022 15:19:23 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 14:47:57 GMT]]>@Victor-Vector This reminds me of KnotPlot: https://knotplot.com/

In any case, if anything like this gets implemented, it should also allow you to split the path that gets overlapped so you can easily get effects like this:

alt text

]]>https://www.vectorstyler.com/forum/post/10989https://www.vectorstyler.com/forum/post/10989Sun, 08 May 2022 14:47:57 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 14:26:49 GMT]]>@vectorstyler Exciting!
I can see that the user interface for this would be a challenge.
What do you think about the idea presented above, namely a tool that went you hovered over the intersection of two strokes with the mouse and clicked, it would flip them from over to under or vice versa as the current state dictates? The act of clicking converts the path(s) to the Local layering state? Perhaps they have to be selected first like with some tools...
I understand that having a proper visible stroke is what would reveal the change, typically two strokes of different widths, stacked with the large one on the bottom layer, or some image effect. Perhaps in outline mode it could have small letter next to it like an "O" or a "U"? I am just spit balling here, obviously it would have to harmonize with the rest of the interface...
Thank you for considering this and being open to talk about it.

]]>https://www.vectorstyler.com/forum/post/10988https://www.vectorstyler.com/forum/post/10988Sun, 08 May 2022 14:26:49 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 14:13:01 GMT]]>@Victor-Vector Well, it is in a backlog for future ideas, not in the public / committed backlog planned until version 2. But it can be moved up.

There are some technical challenges to solve, to avoid rendering artifacts, but otherwise it is doable.

The idea itself is excellent, but finding a nice user interface for it (how and what to reorder) might be a bit difficult.

]]>https://www.vectorstyler.com/forum/post/10987https://www.vectorstyler.com/forum/post/10987Sun, 08 May 2022 14:13:01 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 13:50:48 GMT]]>@vectorstyler Oh brilliant! Local Layering. I like the name.
I am so curious to hear your thoughts!

]]>https://www.vectorstyler.com/forum/post/10986https://www.vectorstyler.com/forum/post/10986Sun, 08 May 2022 13:50:48 GMT<![CDATA[Reply to Shape Weaving – Over-Under Paths on Sun, 08 May 2022 13:47:27 GMT]]>@Victor-Vector Yes, this is a very interesting idea, that I have also seen before (but not in apps): https://dl.acm.org/doi/abs/10.1145/1531326.1531390

]]>https://www.vectorstyler.com/forum/post/10985https://www.vectorstyler.com/forum/post/10985Sun, 08 May 2022 13:47:27 GMT