You split the object into various smaller pieces, each with a gradient fill between two colours - you end one section with the same colour as you start the next. None of the objects have outlines. The objects can be layered in any order, except the “top of the crossover” has to go on top of everything else.
You can then group all those sections to move them around as one object. Don’t “union” them into one object, or you’ll end up with it going like the top one.
There’s probably another 5 different ways of getting the same results - can I set a gradient along a custom path? I’ve never tried :)
Here’s a crude example (about 15 minutes messing about in Inkscape).
The initial “infinity shape” could have been done a lot more neatly, and the chopping it up could have been done a lot more neatly, but hopefully it gets the idea across:
The rounded pieces would probably have benefitted from being sliced into a few more pieces.
Each gradient is just point-to-point between the two colours. You can adjust the direction of the linear gradient with the node tool.
The easiest way to cut it up, is to put a disposable shape over the top, with edges where you want the cut to be, select both shapes and use “path>division” to cut the outline of the top shape into the bottom shape.
You could certainly do this a lot neater and more accurately if you spent a little longer with it.
You split the object into various smaller pieces, each with a gradient fill between two colours - you end one section with the same colour as you start the next. None of the objects have outlines. The objects can be layered in any order, except the “top of the crossover” has to go on top of everything else.
You can then group all those sections to move them around as one object. Don’t “union” them into one object, or you’ll end up with it going like the top one.
There’s probably another 5 different ways of getting the same results - can I set a gradient along a custom path? I’ve never tried :)
Here’s a crude example (about 15 minutes messing about in Inkscape). The initial “infinity shape” could have been done a lot more neatly, and the chopping it up could have been done a lot more neatly, but hopefully it gets the idea across:
The rounded pieces would probably have benefitted from being sliced into a few more pieces.
Each gradient is just point-to-point between the two colours. You can adjust the direction of the linear gradient with the node tool.
The easiest way to cut it up, is to put a disposable shape over the top, with edges where you want the cut to be, select both shapes and use “path>division” to cut the outline of the top shape into the bottom shape.
You could certainly do this a lot neater and more accurately if you spent a little longer with it.
Good luck! :)
Outstanding quality comment! Great example and all. Have a nice day
That’s amazing, thank you for this detailed explanation! I’ll try that out later.
You’re very welcome :)
If you get stuck at any point, feel free to ask further questions and I’ll do my best to answer you (though my answer may be hours or days later!).