The interweaving thing is done with a mask. Create shapes using the bezier tool over the areas of text you want to hide and unite them all. An easy way of doing this accurately is to go beyond the lines with the masks and use a duplicate of the rear text to clean them up (Path > Intersection).
Once the masks are in place, create a white box which covers the graphic and subtract (Path > Difference) the mask shapes from the white box. Use the white box to mask the front text (Object > Mask > Set).
Apologies, it probably isn't easy to understand from my description. If you try it and you get stuck on anything, let me know and I will elaborate and provide some visuals.
This should hopefully cover the process. Let me know if it works for you.
The Font
- Write a word (any font) with a similar number of letters to your first word. - Select the word and use 'Extensions > Text > Hershey Text' to convert the text to a single stroke (see attached video --- text-to-stroke.mp4). - With the text selected, use 'ctrl+l' to simplify the paths (smoothing out the lines) and adjust them with the 'Edit paths by nodes' tool (the smoother, the better --- avoid sharp corners where possible).
The Tube Gradient
- Draw a circle with the diameter matching the desired width of the text and convert it to a path (Path > Object to path). - Give the circle a (horizontal) linear gradient and ensure that the circle (layer) is above the text layers. - Select the circle and the text, then use 'Extentions > Generate from path > Scatter' - Be sure that 'Live preview' is checked. - Original pattern should be set to 'Moved'. - Rotate pattern.. should be checked. - Start with the spacing on zero and slowly work down into the negatives until smooth (see attached video -- tube-gradient.mp4). - You might choose to cancel and go back to work on the paths again at this point and repeat to get the best results. - You can now edit the original circle's gradient ant the text gradient will change.
Better Gradient
- Give the text a black background (draw a rectangle or circle and send to back). - Draw a second shape and place it over the top of your text (don't overlap the edges of the background). - Give the top shape a (horizontal) linear gradient. - Change the blending mode of the shape (in the objects panel) to 'Colour' (this should override the initial colours, while maintaining the tonal values). --- See video attached --- better-gradient.mp4
@pacer I saw it in a video and in the video description there was a link to download it. You can find it in the Inkscape repositories in Gitlab. The tool is in development and has quite a few bugs still, but it looks great.
@pacer I hope I am not breaking any forum rules by posting a link. If so, I apologize in advance. In the description of this video, there is a link that will download the version directly. https://youtu.be/d22FmeJJc8g
Share Finished Artwork Experimental entwined text
Inkscape.org
Just to see if this was possible in Inkscape.
Very nice artwork. Care to share details on how you interwove the texts?
@ken10001000 Sure thing.
The interweaving thing is done with a mask. Create shapes using the bezier tool over the areas of text you want to hide and unite them all. An easy way of doing this accurately is to go beyond the lines with the masks and use a duplicate of the rear text to clean them up (Path > Intersection).
Once the masks are in place, create a white box which covers the graphic and subtract (Path > Difference) the mask shapes from the white box. Use the white box to mask the front text (Object > Mask > Set).
Apologies, it probably isn't easy to understand from my description. If you try it and you get stuck on anything, let me know and I will elaborate and provide some visuals.
I hope that is useful.
Pacer, thank you. Your artwork is super. And your explanation is great.
I will give this a go soon.
Additional questions - the multi-colored bottom text (which resembles "tubing") - could you share details on that aspect as well?
And ... was there a particular font used for that cursive like text? Or, did you hand create (draw) the individual characters?
Likewise, focusing on the exterior mult-colored circle (ring) ... how did you create it?
Thanks again.
Fantastic, thanks for sharing. Do you know the tool they are developing? It will be amazing for this kind of work 🤯😁
@ken10001000
This should hopefully cover the process. Let me know if it works for you.
The Font
- Write a word (any font) with a similar number of letters to your first word.
- Select the word and use 'Extensions > Text > Hershey Text' to convert the text to a single stroke (see attached video --- text-to-stroke.mp4).
- With the text selected, use 'ctrl+l' to simplify the paths (smoothing out the lines) and adjust them with the 'Edit paths by nodes' tool (the smoother, the better --- avoid sharp corners where possible).
The Tube Gradient
- Draw a circle with the diameter matching the desired width of the text and convert it to a path (Path > Object to path).
- Give the circle a (horizontal) linear gradient and ensure that the circle (layer) is above the text layers.
- Select the circle and the text, then use 'Extentions > Generate from path > Scatter'
- Be sure that 'Live preview' is checked.
- Original pattern should be set to 'Moved'.
- Rotate pattern.. should be checked.
- Start with the spacing on zero and slowly work down into the negatives until smooth (see attached video -- tube-gradient.mp4).
- You might choose to cancel and go back to work on the paths again at this point and repeat to get the best results.
- You can now edit the original circle's gradient ant the text gradient will change.
Better Gradient
- Give the text a black background (draw a rectangle or circle and send to back).
- Draw a second shape and place it over the top of your text (don't overlap the edges of the background).
- Give the top shape a (horizontal) linear gradient.
- Change the blending mode of the shape (in the objects panel) to 'Colour' (this should override the initial colours, while maintaining the tonal values). --- See video attached --- better-gradient.mp4
Circle Gradient --- See better-gradient.mp4
Thank you, Pacer, very much for sharing these extra steps and details.
@mrks9 Thank you. No problem.
I didn't know about it, that tool looks very interesting!
How did you learn of that tool? I would be interested to learn more about it.
@pacer I saw it in a video and in the video description there was a link to download it. You can find it in the Inkscape repositories in Gitlab. The tool is in development and has quite a few bugs still, but it looks great.
@mrks9
Thanks, I looked but couldn't find it. Not to worry. Looks interesting though. I'm sure it will be useful once it is finished.
@pacer I hope I am not breaking any forum rules by posting a link. If so, I apologize in advance. In the description of this video, there is a link that will download the version directly. https://youtu.be/d22FmeJJc8g
To my knowledge, it is fine to post links. I believe it only counts as spam if intentions are dishonest or underhand. So thank you for the link. :)
@pacer You're welcome 👌