{"id":126098,"date":"2022-06-29T08:00:00","date_gmt":"2022-06-29T08:00:00","guid":{"rendered":"https:\/\/fedoramagazine.org\/?p=36580&preview=true&preview_id=36580"},"modified":"2022-06-29T08:00:00","modified_gmt":"2022-06-29T08:00:00","slug":"diy-embroidery-with-inkscape-and-ink-stitch","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2022\/06\/29\/diy-embroidery-with-inkscape-and-ink-stitch\/","title":{"rendered":"DIY Embroidery with Inkscape and Ink\/Stitch"},"content":{"rendered":"

Introduction<\/h2>\n

Embroidered shirts are great custom gifts and can also be a great way to show your love for open source. This tutorial will demonstrate how to design your own custom embroidered polo shirt using Inkscape<\/a> and Ink\/Stitch<\/a>. Polo shirts are often used for embroidery because they do not tear as easily as t-shirts when pierced by embroidery needles, though with care t-shirts can also be embroidered. This tutorial is a follow on article to Make More with Inkscape and Ink\/Stitch<\/a> and provides complete steps to create your design.<\/p>\n

<\/span> <\/p>\n

Logo on Front of Shirt<\/h2>\n

Pictures with only a few colors work well for embroidery. Let us use a public domain black and white SVG<\/a> image of Tux<\/a> created by Ryan Lerch<\/a> and Garret LeSage<\/a>.<\/p>\n

\"Black<\/a>
Black and white image of Tux<\/figcaption><\/figure>\n

Download this public domain image, tux-bw.svg<\/a>, to your computer, and import it into your document as an editable SVG image using File>Import..<\/i>. <\/p>\n

\"Image<\/a>
Image of Tux with text to be embroidered<\/figcaption><\/figure>\n

Use a Transparent Background<\/h2>\n

It is helpful to have a checkerboard background to distinguish background and foreground colors. Click File>Document Properties…<\/i> and then check the box to enable a checkerboard background.<\/p>\n

\"Document<\/a>
Dialog box to enable checkerboard document background<\/figcaption><\/figure>\n

Then close the document properties dialog box. You can now distinguish between colors used on Tux and the background color.<\/p>\n

\"Tux<\/a>
Tux can be distinguished from the document background<\/figcaption><\/figure>\n

Use a Single Color For Tux<\/h2>\n

Type s<\/em><\/i> to use the Select and Transform objects<\/i> tool, and click on the image of Tux to select it. Then click on Object>Fill and Stroke<\/i>, in the menu. Type n<\/i> to use the Edit paths by Nodes tool<\/i> and click on a white portion of Tux. Within the Fill and Stroke<\/i> pane change the fill to No paint<\/i> to make this portion of Tux transparent.<\/p>\n

\"The<\/a>
Tux in one color<\/figcaption><\/figure>\n

Thi leaves the black area to be embroidered.<\/p>\n

Enable Embroidering of Tux<\/h2>\n

Now convert the image for embroidery. Type s<\/em><\/i> to use the Select and Transform objects<\/i> tool and click on the image of Tux to select it again. Choose Extensions>Ink\/Stitch>Fill Tools>Break Apart Fill Objects …<\/i> In the resulting pop up, choose Complex<\/i>, click Apply<\/i>, and wait for the operation to complete.<\/p>\n

\"Dialog<\/a>
Dialog to Break Apart Fill Objects<\/figcaption><\/figure>\n

For further explanation of this operation, see the Ink\/Stitch documentation<\/a>.<\/p>\n

Resize Document<\/h2>\n

Now resize the area to be embroidered. A good size is about 2.75 inches by 2.75 inches. Press s<\/i> to use the Select and Transform objects<\/i> tool, and select Tux, hold down the shift key, and also select any text area. Then choose Object>Transform …<\/i>, click on Scale<\/i> in the dialogue box, change the measurements to inches, check the Scale proportionally<\/i> box and choose a width of 2.75 inches, and click Apply<\/i>.<\/p>\n

\"Tux<\/a>
Resized drawing<\/figcaption><\/figure>\n

Before saving the design, reduce the document area to just fit the image. Press s<\/i> to use the Select and Transform objects<\/i> tool, then select Tux.<\/p>\n

\"Inkscape<\/a>
Objects selected to determine resize area<\/figcaption><\/figure>\n

Choose File>Document Properties…<\/i> then choose Resize to content:<\/i> or press Ctrl+Shift+R<\/i><\/p>\n

\"Document<\/a>
Dialog to resize page<\/figcaption><\/figure>\n

The document is resized.<\/p>\n

\"Tux<\/a>
Resized document<\/figcaption><\/figure>\n

Save Your Design<\/h2>\n

You now need to convert your file to an embroidery file. A very portable format is the DST (Tajima Embroidery Format)<\/a> format, which unfortunately does not have color information, so you will need to indicate color information for the embroidery separately. First save your design as an Inkscape SVG file so that you retain a format that you can easily edit again. Choose File>Save As<\/i>, then select the Inkscape SVG format and enter a name for your file, for example AnotherAwesomeFedoraLinuxUserFront.svg<\/i> and save your design. Then choose File>Save As<\/i> and select the DST file format and save your design. Generating this file requires calculation of stitch locations, this may take a few seconds. You can preview the DST file in Inkscape, but another very useful tool is vpype-embroidery<\/a><\/p>\n

Install vpype-embroidery on the command line using a Python virtual environment<\/a> via the following commands:<\/p>\n

virtualenv test-vpype\nsource test-vpype\/bin\/activate\npip install matplotlib\npip install vpype-embroidery\npip install vpype[all]<\/pre>\n
Preview your DST file (in this case named AnotherAwesomeFedoraLinuxUserFront.dst<\/i> which should be replaced by the filename you choose if it is different), using this command:<\/p>\n
vpype eread AnotherAwesomeFedoraLinuxUserFront.dst show<\/pre>\n
\"Image
Preview of design created by vpype-embroidery<\/figcaption><\/figure>\n
Check the dimensions of your design, if you need to resize it, you should resize the SVG design file before exporting it as a DST file. Resizing the DST file is not recommended since it contains stitch placement information, regenerate this placement information from the resized SVG file to obtain a high quality embroidered result.<\/p>\n
Text on the Back of the Shirt<\/h2>\n
Now create a message to put on the back of your polo shirt. Create a new Inkscape document using File>New<\/i>. Then choose Extensions>Ink\/Stitch>Lettering<\/i>.<\/p>\n
Choose a font, for example Geneva Simple Sans<\/i> created by Daniel K. Schneider<\/a> in Geneva. If you want to resize your text, do so at this point using the scale section of the dialog box since resizing it once it is in Inkscape will distort the resulting embroidered pattern. Add your text,<\/p>\n
Another Awesome Fedora Linux User<\/pre>\n
\"Image
Lettering creation dialog box<\/figcaption><\/figure>\n
A preview will appear, click on Quit<\/i><\/p>\n
\"Preview
Preview image of text to be embroidered<\/figcaption><\/figure>\n
Then click on Apply and Quit<\/i> in the lettering creation dialog box. Your text should appear in your Inkscape document.<\/p>\n
\"Text
Resulting text in Inkscape document<\/figcaption><\/figure>\n
Create a checkered background and resize the document to content by opening up the document properties dialog box File>Document Properties…<\/i><\/p>\n
\"Document
Document properties dialog box<\/figcaption><\/figure>\n
Your document should now be a little larger than your text.<\/p>\n
\"Document
Text in resized document<\/figcaption><\/figure>\n
Clean Up Stitches<\/h3>\n
Many commercial embroidery machines support jump instructions which can save human time in finishing the embroidered garment. Examine the text preview image. A single continuous thread sews all the letters. Stitches joining the letters are typically removed. These stitches can either be cut by hand after the embroidery is done, or they can be cut by the embroidery machine if it supports jump instructions. Ink\/Stitch can add these jump instructions. <\/p>\n
Add jump instructions by selecting View>Zoom>Zoom Page<\/i> to enlarge the view of the drawing. Press s<\/i> to choose the Select and transform objects<\/i> tool. Choose Extensions>Ink\/Stitch>Commands>Attach Commands to Selected Objects<\/i>. A dialog box should appear, check just the Trim thread after sewing this object<\/i> option.<\/p>\n
\"Ink\/Stitch<\/a>
Attach commands dialog<\/figcaption><\/figure>\n
Then click in the drawing area and select the first letter of the text<\/p>\n
\"The<\/a>
Select first letter of the text<\/figcaption><\/figure>\n
Then click Apply<\/i>, and some cut symbols should appear above the letter.<\/p>\n
\"The<\/a>
Scissor symbols above first letter<\/figcaption><\/figure>\n
Repeat this process for all letters.<\/p>\n
\"All<\/a>
Separately embroidered letters<\/figcaption><\/figure>\n
Now save your design, as before, in both SVG and DST formats. Check the likely quality of the embroidered text by previewing your DST file (in this case named AnotherAwesomeFedoraLinuxUserBack.dst<\/i> – replaced this by the filename you chose), using<\/p>\n
vpype eread AnotherAwesomeFedoraLinuxUserBack.dst show<\/pre>\n
\"Illustration
Preview of text to be embroidered created by vpype-embroidery<\/figcaption><\/figure>\n
Check the dimensions of your design, if you need to resize it, you should resize the SVG design file before exporting it as a DST file.<\/p>\n
Create a Mockup<\/h2>\n
To show the approximate placement of your design on the polo shirt create a mockup. You can then send this to an embroidery company with your DST file. The Fedora Design Team has a wiki page<\/a> with examples of mockups. An example mockup made using Kolourpaint<\/a> is below.<\/p>\n
\"Image<\/a>
Mockup image of polo shirt with design<\/figcaption><\/figure>\n
You can also use an appropriately licensed drawing of a polo shirt, for example from Wikimedia Commons<\/a>.<\/p>\n
Example Shirt<\/h2>\n
Pictures of a finished embroidered polo shirt are below<\/p>\n
\"Embroidered
Front of embroidered shirt<\/figcaption><\/figure>\n
\"Back
Back of embroidered shirt<\/figcaption><\/figure>\n
\"Closeup
Closeup of embroidered Tux<\/figcaption><\/figure>\n
\"Back
Closeup of embroidered text<\/figcaption><\/figure>\n
Further Information<\/h2>\n
A three color image of Tux is also available<\/a>, but single colors are easiest to achieve good embroidered results with. Adaptation of this shaded multiple color image is required to use it for embroidery. Additional tutorial information is available on the Ink\/Stitch website<\/a>.<\/p>\n
Some companies that can do embroidery given a DST file include:<\/p>\n