Difference between revisions of "Tutorial/Basic"

From Knotter
Jump to navigation Jump to search
Line 1: Line 1:
  
 
==Introduction==
 
==Introduction==
Here is presented the methodology to create a simple square knot using Knotter.
 
  
You can download [[:File:Result.knot|the result of this tutorial]], here is a preview of it:
+
[[File:Tutorial_basic_result_thumb.png|thumb|[[:File:Result.knot|The result of this tutorial]]]]
 
 
[[File:Result small.png]]
 
  
 +
Here is presented the steps needed to create a simple square knot using Knotter.
  
 
==Creating a base graph==
 
==Creating a base graph==

Revision as of 16:05, 7 June 2013

Introduction

Here is presented the steps needed to create a simple square knot using Knotter.

Creating a base graph

To start off with the base, we use Plugins → Insert → Insert Lattice to create a 7 x 7 square lattice.

Tutorial Basic1.png

Tutorial Basic2.png

After clicking OK on the dialog, click somewhere near the top left corner of the drawing area to place the lattice.

Since that is all we need, you can disable the background grid with Grid → Enable Grid.

The nodes created by Insert Lattice are still selected so you can drag the bottom-right handle to make the lattice larger and fill the view.

Tutorial Basic5.png

Designing the knot

Now we switch to the Toggle Edge Icon draw-single-line.png tool which is the best suited tool for our purpose. It allows to quickly toggle edges on and off.

Tutorial Basic6.png

To proceed with the design click on the edges you want to remove. If you want to put it back, simply click again.

Tutorial Basic7.png

Continue until you find a design that you like.

Tutorial Basic8.png

Styling the Knot

The fastest way to add colors to a knot is to disable custom colors. this will assign a different color to every rope of the knot. In this example the knot happens to be made up of three ropes, as such it has three colors.

Edits to the design can change the number of colors.

Tutorial Basic9.png

Now to make the knot more visible we set the width to 8 px.

Tutorial Basic10.png

After that we add borders, here are two black borders and a white one between them. Each border is 3 pixels wide.

Tutorial Basic11.png

Now we change the Curve to 20 and the Gap to 26, to make it match the thickness of the knot.

Tutorial Basic12.png

To better view the knot, you can toggle the graph overlay off.

Tutorial Basic13.png