InkStitch - stitch files from Noun Project icons

Objectives

• Download icons from the Noun Project Break apart icons into subpath Create simple stitch files with fills

See also

• Computerized embroidery

• Quality: to improve

• Difficulty: beginner

Birds example

Let's create an embroidery from single complex SVG paths as they can be found on the noun project. This website has a huge amount of SVB icon collections that can be combined into nice embroidery.

Get some artwork

• Get four birds from the noun project (become a member if you want to download and reuse objects without having to use them under their free CC license. I got 4 birds from the Bird collection by Liv Iko
• Pick the ones you like.
• Download as SVG !!
• If you are a non-member, remove the text with the CC license, i.e. edit each file in Inkscape, but make sure to cite the author properly if you publish your embroidery.

If you are unable to get this done, you can start from our own example, but do not publish it on any website without giving credit to Liv Iko.

Embroidery with area fills

After downloading some icons from the noun project:

• File -> Import; Select the four SVG files

After arranging the four drawings, you could see something like this:

SVG file with four imported icons from Liv Iko's Bird collection. Click twice to get the SVG source

• If you do not download from the Noun Project, you can our example above. Make sure to click twice in order to get the SVG file until you see just the drawing, then "save the page as". Also, do not forget to credit the original author.
• Save the file, e.g. call it birds0.svg

Arrange position and size

• Arrange the designs, e.g., on a bottom line and also adjust the size so that the embroidery will fit into you hoop.
• Each of the birds is now a single SVG path. These are not yet suitable for a nice colorful embroidery. We will have to break them apart

Each bird is a a single path

• Save the file, e.g. call it birds1.svg
• Again, you could directly take the SVG file directly from this wiki.

Break path apart

• Select all
• Menu: Path -> Break Apart

You now should see four piles of black objects.

SVG file with four imported icons from Liv Iko's Bird collection

Again, you could download the SVG source

Colorize

The result are layered "path" objects composed of fills that you now should color a bit. For each object, including the large black backgrounds:

• Add a fill color
• Remove the stroke color
• The easiest way of doing this is to open the "Fill and Strokes" panel, then the XML Editor (Shift+Control+X)
• click on each path object of the XML editor and then define a fill color and remove the stroke color if there is one.

Color each object. You can use a thread palette for that

Simplify

Currently we have up to three layers, which is too much for stitching.

• We now use the difference operator to subtract an element from the element underneath.
• Copy a smaller area that sits on top of a larger area and move it outside the graphic
• Shift-select the larger (black) area and shift-select the area that sits on top
• Menu: Path->Difference or hit CTRL+-
• Now you should see a hole in the bigger black area. Move the the save smaller area in place. Increase its size a bit so that it overlaps.

Color each object. You the difference operator to subtract a smaller area from an underlying area

You also may want to cleanup a bit. In Inkscape, click on File->Clean up document

Create two layers

This is not strictly needed, but you should take the reflex of creating layers into which you put different types of drawing objects.

• Create a new layer and call it Areas
• Select all colored areas and move into a new layer
• Rename the layer with the black "lines" in "Lines"

Parametrize

In your SVG drawings you only got so-called fills. The plugin will translate these into areas filled with linear motif. You can change the angle and the Stitch length for now.

• Hide the Layer called Lines
• Open Extensions->Embroidery->Params. This will now allow to parametrize the Stitch Areas
• Add STOP and TRIM if you got a multi-needle machine
• Augment stitch density a bit (e.g. 0.2mm per line / 5 lines per mm)
• Change other default values or just Apply and Quit (we did not change anything else here)
• Do the same for the Lines layer, show it and hide the Area layer

Create the embroidery

• Firstly verify that you do not use too many different colors (e.g. make sure that all the orange is the same)
• Put all the same colors next to each other if you have single thread machine (use the Objects tool for that)
• Stitch the larger objects first, i.e. move them down in the layer.
• Move the "lines" layer up. Lines usually are stitched last.
• Show all layers you plan to embroider, e.g. here we got "Lines" and "Areas"
• Menu extensions -> embroidery -> embroider
  • Select the machine format. As of May 2018, the PES file was incorrect, we did use DST format which Brother also can stitch. In version 1.8.1 (May 28) this has been fixed.

SVG birds file with two layers (click twice to download)

SVG birds file with two layers, parametrized with underlays and some overlaps (click twice to download)

The simulated result now looks like this (DST gets the colors wrong, but that's not a real issue since most people do not have a sixteen needle machine with the good threads already installed).

As you can see there are also some extra objects that should not be stitched, but they won't hurt. The lines can be easily removed.

Simulation of embroidery (DST)

Simulation of embroidery (PES)

Stitched result

The stitched result is not fully optional and for two reasons

• The black borders are made with fill stitches (as opposed to satin stitches). We also should have used an underlay.
• We did use neither pull compensation nor overlap
• The tension on the black thread wasn't optimal or the is some dirt somewhere in the path or the needle needs to be replaced or cleaned ...

Stitching birds embroidery

The second version (PES) uses and underlay for the fills.

Birds embroidery (First line DST, second line PES)

Create borders with satin stitches

In order to get satin stitches we need to replace fat strokes by two lines. In principle the following should work, see the Rocket example above.

• Go back to an early version of the SVG file (after breaking apart)
• Select the object for which you need satin borders
• Make two copies
• Create an inset and outset: Menu Path -> Inset and Menu Path -> Outset
• Make the stroke smaller
• Remove the fill
• Make sure that each of the two object has the same number of points, remove the superfluous ones.
• Fix direction lines
• etc.

Since this is design is not too original, we only did this with the first bird. The example is described in Adding direction lines. Feel free to improve your InkScape node editing skills by completing the other birds ....