InkStitch: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 78: Line 78:


After arranging the four drawings, you could see something like this:
After arranging the four drawings, you could see something like this:
[[file:inkstitch-birds-0.svg|800px|thumb|none|SVG file with four imported icons from Liv Iko's [https://thenounproject.com/liv_iko/collection/birds/?i=898697 Bird] collection]]
[[file:inkstitch-birds-0.svg|800px|thumb|none|SVG file with four imported icons from Liv Iko's [https://thenounproject.com/liv_iko/collection/birds/?i=898697 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
* Save the file, e.g. call it birds0.svg


Line 86: Line 87:
[[file:inkstitch-imported-birds-1.png|800px|thumb|none|Each bird is a a single path]]
[[file:inkstitch-imported-birds-1.png|800px|thumb|none|Each bird is a a single path]]
* Save the file, e.g. call it birds1.svg
* Save the file, e.g. call it birds1.svg
* Again, you could directly take the [https://edutechwiki.unige.ch/mediawiki/images/8/8a/Inkstitch-birds-0.svg SVG file] directly from this wiki.


====Break path apart====
====Break path apart====

Revision as of 10:37, 7 May 2018

Draft

Introduction

Ink/Stitch is an Inkscape extension for designing machine embroidery patterns.

As far as we can tell without much testing (May 3 2018) this extension seems to be the first usable open source program that allows creating embroidery files from a drawing tool.

  • You can stitch areas, columns and lines
  • All can be parametrized, including some underlay.

Installation

This software was tested with Ubuntu 16x and Windows 10 on May 3 2018. We managed to get an embroidery file for both Linux and Windows.

  • Download the latest release
  • Gunzip in the personal extension folder of Inkscape.

Under Ubuntu

  • Unzip to ~/.config/inkscape/extensions
cd ~/.config/inkscape/extensions
tar zxf ~/Downloads/inkstitch-v1.0.0-Linux-x86_64.tar.gz

Under Win 10

  • Unhide the AppData directory (go to c:\users\__your_home__\, e.g. c:\users\janet
  • Unzip in c:\users\__you__\AppData\Roaming\inkscape\extensions

If this does not work, check the extension folder in Inkscape: Edit->Preferences->System

Restart Inkscape.

Basic use

First test

The following is just an initial test. We will have to explore more.

  • Create an object, e.g. a circle. You can use both fill and stroke
  • Transform all objects to paths: Select each (or all) object(s), then Menu Path->Object to Path
  • In menu Extensions -> Embroider -> Select Params and play with them. There are actually quite a lot compared to other SVG to embroidery translators.
  • Once you are happy: Menu Extensions -> Embroider -> Embroidery
  • Type a directory name where you can find your files, e.g. c:\users\__you__\Desktop on windows or /home/schneide/schneide/embroidery/inkstitch under Linux.

You now will have a new layer that includes the Stitch Plan, i.e. the objects that have been exported as Stitch objects.

Embroidery objects

InkStitch can produces three kinds of stitch packs:

  • Areas
  • Satin colums
  • Lines

If we understood right:

  • Fills can only translate to Areas
  • Strokes translate to lines or satin columns (zizag)

Birds example

Let's create an embroidery from complex SVG paths.

Below are notes taken while I learn. I am aware that these are not good enough for beginners - Daniel K. Schneider (talk) 16:23, 4 May 2018 (CEST)

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 patters

After downloading some icons from the nouproject:

  • 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

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

Layer

  • 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
  • Change 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

  • 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 is incorrect, use DST format which Brother also can stitch.

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)

Simulation of embroidery

Create borders with satin stitches

In order to get satin stitches we need to have strokes.

  • Go back to an early version of the SVG file (after breaking apart)
  • Select the object for which you need satin borders
  • Create an inset: Menu Path -> Inset (this will shave of space from the border)
  • Add a stroke
  • Remove the fill
  • Copy the object (strokes) to the other drawing ....


Links