Best software to make very plain knot drawings

Knot-related Computing
1

I’m planning on creating a page/section for fishing related knots to my website (https://www.catchingtimes.com). I would like to custom the look/colors to fit the overall layout of my site and the design of knot pics should be very plain and simple. What would be the best and easiest way to make drawings of these knots?

2

I have used Microsoft paint to draw knots, but it was clunky and time consuming to produce a drawing of what I was trying to describe. I currently use AutoCAD, which I use at work, but at over $1000 a seat, this is not really an inexpensive or easy solution. There are several low cost and free drawing programs, and most of them are intuitive, so should be easy to learn.

Another option would be to take photos of each stage on tying a knot. Paracord comes in many different colors and should photograph well.

Good luck! Pat

3

Thanks Pat. I think the drawings would probably fit a bit better to the overall look of my site, but the photos are definitely a good option as well.

4

@Catchingtimes
The software Illustrator allows a precise rendering, the facility to scale drawings easily
and to export in light web-friendly format.
The learning curve is very steep, if you are in a hurry just forget it, but the pleasure to work with vectors is immense.
Here is an example of a knot(helical loop) rendering in Illustrator post in this forum;

https://igkt.net/sm/index.php?topic=5227.msg35371#msg35371

jr.

5

If you don’t want to pay for the software, you may opt for Inkscape, a Open source alternative.
https://inkscape.org/

1 Like
6

Also, Inkscape has a “knot mode” which lets you quickly do over and under adjustments to your lines.

7

I can’t find any tutorial or description on this online. Do you happens to know the exact name of the function mentioned ?

8

@Knutern

This one is well done;
https://www.youtube.com/watch?v=U8SSuAbBOLg

This one I did not watch yet but seems rather advanced;
https://www.youtube.com/watch?v=m0O_1L5YxOQ

jr.

9

Ah - The live path effect . . .

10

I was looking for this exact thing and searched the forum, found this helpful topic. Thanks to the contributors above.

In Inkscape this is fairly easy for simple knots, but time consuming to get it looking really neat. For a complex knot this could take all day. But here’s what I did, in case it helps others.

Mini-tutorial: Steps for a basic knot in Inkscape

  • Create a new Inkscape document.

  • Using the Pen Tool, draw out the curve of the ‘rope’. Don’t worry about over/under crossings at this stage, it will just be a line.

  • In ‘Fill and Stroke - Fill’ ensure fill is unselected or you will get a filled blob rather than a linear knot.

  • In ‘Fill and Stroke - Stroke Style’ you can select the thickness of the ‘rope’ as required.

  • I found that ‘Make selected nodes symmetric’ from the toolbar was useful for making the line flow more naturally.

  • Select the object and apply the Path Effect called ‘Knot’. This applies the under and over effect, and allows you to switch between under and over on a per-intersection basis.

  • To move the switcher you drag it to the next intersection - yes the dragging bit is NOT obvious. (I tried all sorts).

  • Once you’ve got the over-and-under pattern done you need to convert the single line ‘Stroke’ into a ‘Path’. This allows you more control over the line ends, they can be tidied up and made parallel to the edge of the rope as they go under. To do this use ‘Stroke to Path’ from the Path menu.

  • Now you can individually tweak the corners of the edges where the ropes go under another one, making it look better.

  • For a little more realism I made a copy of the SVG file, went back in the Inkscape edit history to find the unsplit ‘stroke’ without under-over effects, made it gray, and copied that into a layer underneath the black version, which made the ‘gaps’ just a different shade rather than completely absent.

Here’s the finished article

figure-8

1 Like