Thank you @aperitero This was done with the "Clone Original" LPE.
I can't find the original file but, from memory, there is:
- an original path with a dashed line (blue) - a clone of the original path with an opposite dashed line (dashes are spaces and spaces are dashes) (red) - a clone of the original path which is narrow and offset to form a shadow - a clone of the original path which is narrow and offset to form a highlight
All clones are locked in the layers and objects panel, so that only the original path can be manipulated.
All other paths move along with it.
The curves of the original stroke were achieved with the Spiro path effect
I have the impression that in your example the highlight is travelling across the shape, so it's always on the upper side even after a u-turn. I'm very curious on how you achieved this. If I try to make it as you say, my highlight stays on one side of the shape, and therefore "breaks" the direction of the light after a u-turn.
So, I had a play with your SVG. I hid your highlight, copied one of your dotted paths (as it already had the desired path affect applied) and changed it to a narrow solid white path, moved it to the top edge of the shape, keeping the ends still touching the ends of the original path.
The attached seems to provide the effect you are looking for.
Also, if you are interested, this thread contains another example using a similar method:
wow that's insanely good trick, I should try this. But I think drawing two dashed lines and overlapping will not work, as the second line will not follow the path. How did you do it?
Share Finished Artwork 3D stroke
Inkscape.org
I'm not sure if this has been done before or if anyone has achieved this another way. Please share if you know.
Hi Pacer,
That's nice, how did you do this ?
Thank you @aperitero
This was done with the "Clone Original" LPE.
I can't find the original file but, from memory, there is:
- an original path with a dashed line (blue)
- a clone of the original path with an opposite dashed line (dashes are spaces and spaces are dashes) (red)
- a clone of the original path which is narrow and offset to form a shadow
- a clone of the original path which is narrow and offset to form a highlight
All clones are locked in the layers and objects panel, so that only the original path can be manipulated.
All other paths move along with it.
The curves of the original stroke were achieved with the Spiro path effect
Thanks for the explanation.
I have the impression that in your example the highlight is travelling across the shape, so it's always on the upper side even after a u-turn. I'm very curious on how you achieved this. If I try to make it as you say, my highlight stays on one side of the shape, and therefore "breaks" the direction of the light after a u-turn.
See my attached file.
@aperitero
So, I had a play with your SVG. I hid your highlight, copied one of your dotted paths (as it already had the desired path affect applied) and changed it to a narrow solid white path, moved it to the top edge of the shape, keeping the ends still touching the ends of the original path.
The attached seems to provide the effect you are looking for.
Also, if you are interested, this thread contains another example using a similar method:
https://inkscape.org/forums/finished/live-rubbery-text/
Ah yes, stupid me, I didn't realize that by moving the highlight like this it would work. Thanks a lot.
And here is a clean final version with proper highlight & shadow. Thanks again.
Nice work. You are welcome.
If you are interested in challenging yourself further, you might want to try the Inkscape Challenge.
This month's challenge is shadows: https://inkscape.org/forums/competitions/inkscape-challenge-september-2024/
wow that's insanely good trick, I should try this. But I think drawing two dashed lines and overlapping will not work, as the second line will not follow the path. How did you do it?