• DIY Embroidery with Inkscape and Ink/Stitch

    From Fedora Magazine@fedora.magazine@bbs.alt119.net to All on Tue Aug 30 20:45:52 2022
    From Newsgroup: alt.os.linux.fedora


    Introduction

    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 and Ink/Stitch. 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 and provides complete steps to create your design.

    Logo on Front of Shirt

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

    Black and white image of Tux

    Download this public domain image, tux-bw.svg, to your computer, and import it into your document as an editable SVG image using File>Import...

    Image of Tux with text to be embroidered

    Use a Transparent Background

    It is helpful to have a checkerboard background to distinguish background and foreground colors. Click File>Document Properties... and then check the box to enable a checkerboard background.

    Dialog box to enable checkerboard document background

    Then close the document properties dialog box. You can now distinguish between colors used on Tux and the background color.

    Tux can be distinguished from the document background

    Use a Single Color For Tux

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

    Tux in one color

    Thi leaves the black area to be embroidered.

    Enable Embroidering of Tux

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

    Dialog to Break Apart Fill Objects

    For further explanation of this operation, see the Ink/Stitch documentation.

    Resize Document

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

    Resized drawing

    Before saving the design, reduce the document area to just fit the image. Press s to use the Select and Transform objects tool, then select Tux.

    Objects selected to determine resize area

    Choose File>Document Properties... then choose Resize to content: or press Ctrl+Shift+R

    Dialog to resize page

    The document is resized.

    Resized document

    Save Your Design

    You now need to convert your file to an embroidery file. A very portable format is the DST (Tajima Embroidery Format) 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, then select the Inkscape SVG format and enter a name for your file, for example AnotherAwesomeFedoraLinuxUserFront.svg and save your design. Then choose File>Save As 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

    Install vpype-embroidery on the command line using a Python virtual environment via the following commands:

    virtualenv test-vpype
    source test-vpype/bin/activate
    pip install matplotlib
    pip install vpype-embroidery
    pip install vpype[all]

    Preview your DST file (in this case named AnotherAwesomeFedoraLinuxUserFront.dst which should be replaced by the filename you choose if it is different), using this command:

    vpype eread AnotherAwesomeFedoraLinuxUserFront.dst show

    Preview of design created by vpype-embroidery

    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.

    Text on the Back of the Shirt

    Now create a message to put on the back of your polo shirt. Create a new Inkscape document using File>New. Then choose Extensions>Ink/Stitch>Lettering.

    Choose a font, for example Geneva Simple Sans created by Daniel K. Schneider 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,

    Another Awesome
    Fedora Linux User

    Lettering creation dialog box

    A preview will appear, click on Quit

    Preview image of text to be embroidered

    Then click on Apply and Quit in the lettering creation dialog box. Your text should appear in your Inkscape document.

    Resulting text in Inkscape document

    Create a checkered background and resize the document to content by opening up the document properties dialog box File>Document Properties...

    Document properties dialog box

    Your document should now be a little larger than your text.

    Text in resized document

    Clean Up Stitches

    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.

    Add jump instructions by selecting View>Zoom>Zoom Page to enlarge the view of the drawing. Press s to choose the Select and transform objects tool. Choose Extensions>Ink/Stitch>Commands>Attach Commands to Selected Objects. A dialog box should appear, check just the Trim thread after sewing this object option.

    Attach commands dialog

    Then click in the drawing area and select the first letter of the text

    Select first letter of the text

    Then click Apply, and some cut symbols should appear above the letter.

    Scissor symbols above first letter

    Repeat this process for all letters.

    Separately embroidered letters

    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 - replaced this by the filename you chose), using

    vpype eread AnotherAwesomeFedoraLinuxUserBack.dst show

    Preview of text to be embroidered created by vpype-embroidery

    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.

    Create a Mockup

    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 with examples of mockups. An example mockup made using Kolourpaint is below.

    Mockup image of polo shirt with design

    You can also use an appropriately licensed drawing of a polo shirt, for example from Wikimedia Commons.

    Example Shirt

    Pictures of a finished embroidered polo shirt are below

    Front of embroidered shirt

    Back of embroidered shirt

    Closeup of embroidered Tux

    Closeup of embroidered text

    Further Information

    A three color image of Tux is also available, 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.

    Some companies that can do embroidery given a DST file include:

    Pappagallo Clothing Industry based in CyprusTarget Solutions based in GhanaMarvel Ark based in KenyaCore Digital based in South AfricaEmbroidery Your Way based in the USA

    Search the internet for machine embroidery services close to you or a hackerspace with an embroidery machine you can use.

    This article has benefited from many helpful suggestions from Michael Njuguna of Marvel Ark and Brian Lee of Embroidery Your Way.

    https://fedoramagazine.org/diy-embroidery-with-inkscape-and-ink-stitch/
    --- Synchronet 3.21d-Linux NewsLink 1.2