Stitch Era - creating embroidery patches

Introduction

This article describes how to create embroidery patches, also called cloth badges for example, and that you can attach to cloth by various means.

A typical embroidery patch has the following properties

• It is stitched on some solid fabric (or special plastic)
• It usually covers the whole surface
• It is relatively small, i.e. 3cm to 8cm
• It can have various shapes, e.g. astronaut patches are round.

The difficulty consists in getting the borders right.

Example study - 3D printing badge

This study will show how to transform an icon from the noun project into a very large badge, i.e. a rounded square of about 9x9cm. We also will explain how to deal with some technical difficulties when importing vector graphics from the noun project.

It is better to started with badges that are not round, since you won't have to deal with pull/push compensation.

Digitizing an icon

3D printing icon made by Will Adams

First attempt

Let us start with a 3D printed hand from the noun-project.

Before importing it to Stitch Era we made some adjustment to the SVG in Inksacpe

• Adjust size to 8cm by 8cm using Inkscape.
• Adapt document size to drawing size plus 1mm (File -> Document Properties)
• Save as optimized SVG
• Save as simple SVG

Import to stitch Era, adjust size (again) and ungroup

• Importing to Stitch Era was OK, but the size was wrong
• Artwork Tab -> Layout. Set the size to 60 or 80 depending on how large you want your badge to be.
• Artwork Tab -> Layout. Ungroup all

We now have three vector objects, i.e. the printer, the hand and a platform. We changed colors for each one.

3D printing icon imported and ungrouped

Since a back is supposed to be stitched fully, we now will add a background. The simplest way to do this, is to create a contour and then fill it:

• Select all or just the printer object
• Artwork Tab -> Layout. Click on Contour with Offset
• Select Custom and keep the defaults (outer offset)

Add a contour

• Kill the superfluous objects created inside the printer (2 red vector lines)

Kill the two selected lines

Now transform the red rounded rectangle into a light blue filled rectangle with a fat border.

Background with a fat black border

• Move this new object on top: Either drag it to the top in the object manager, or use the Artwork -> Layout Tab -> Forward & Backward menu

You now can digitize using "Art to Stitch" as explained in several beginners tutorials, e.g. Stitch Era - creating embroidery from vector images

• Select All
• Select Embroidery Tab
• Art-to-Stitch (intelligent) using default values

The simulated result looks like this, i.e. the 3D printer is not correctly rendered and the red hand would need some adjustment at the stitch level. The result is usable, but we would like to have something that is slightly better.

Try one - printer not digitized correctly

Dealing with SVG paths that Stitch Era cannot handle properly

Unfortunately Stitch Era cannot deal with SVG path that have holes inside, i.e. the printer will appear differently than planned.

• We tried "Trim shapes" and "Simplify to not effect".

We now have two choices

1. either accept the result (i.e. a more massive 3D printer with most holes filled)
2. or else either exporting the printer shape, and reimporting it as PNG image or start from the original SVG (export the printer shape from Inkscape) and then vectorize the raster image.

We just exported the "printer" shape as *.emf, transformed it with the "paint" program (any program can do) to PNG. We then imported the PNG image and then vectorized it as explained in the Stitch Era - creating embroidery from raster images. This took no more than 2 minutes.

Export selected objects to *.emf format

We also decided to remove the holes from the hand (Artwork -> Layout -> Remove holes) and to smooth it.

• Select the printer and the hand and use Artwork -> Layout -> Combine Vectors -> Trim Shapes (do it 2-3 times)

The final vector shapes are below:

Final vector shapes

Now the question is whether we want to work with two layers, i.e. fully stitch the blue background and the rest on top or whether we just want to fill in the empty spaces with the background. Since patches are supposed to be rather stiff we can go for a a two layer version.

Since we only have four objects and since we want to digitize these objects in different ways, we will do one by one.

• Select the background
• Select Embroidery tab
• Art to Stich (Area only), Select Fill areas and Borderlines since we do need a fat separate zig-zag stitch for the border.

Next, use the same procedure for the other three objects, but

• Art to Stitch (Areay only), select Fill areas

The result looks like this:

Result of digitizing (Art-To-Stitch)

Adding a tack down and a cut line

Depending on how we plan to create the patch, we need a tack down line that will help attaching the cloth to the stabilizer and a cut line that does the same but will also be used for cutting (see later). In addition, you also can add a placement line, but this is also something that your embroidery machine could do.

To do this we will again use the "contour" function:

• Untick the green "Embroidery" button and tick "Auxiliar" if not visible.
• Click on the blue background vector
• Add two contour lines (a) one that is 0.5mm off the black border and (b) one that is a bit more inside. To do so, use "Custom", "Inner offset" and set the offset to 0.5mm and the other to 3.5mm.

Add contour lines.

• Check if the lines are in position (I had to fix one mistake, i.e. a drag a control point)
• Adapt the colors, e.g. Use black for the cut line.
• Finally, digitize the two lines, i.e. select the two, Embroidery tab, Art-to-stitch (line only)

Compensate for pull and push. If you use a pattern with horizontal stitches, then select the rectangle and use the controls or better the interface in the ribbon bar (Menu Path -> Layout tab), boxes on top left

• Pull the lines on top and bottom a little bit towards the inside
• Pull the lines a little bit towards the outside
• Recenter the line

Adjust the cutting line

(Optional) Using appliqué fills

Alternatively to manually adding a cut line and a border, one also could decide to use the Applique fill type for the background. It allows defining placement stitches (useful if you plan to cut out the textile and then glue it inside), and both a running tackdown and a zigzag tackdown.

Using Applique fill for the background (not tested alternative strategy)

Notice: Above, we used the "menu" display in the object inspector (one can change using the little "3 dots" pull-down menu). Functionality is the same.

Final adjustment of the embroidery file

Reorder the stitch objects

• The tackdown and cut lines must come first

Move the border object to the end

• In the object manager drag it down.

Add pull compensation to the background (else the border will not overlap)

• E.g. 1.5mm on each side

Adding some pull compensation

Densify the black border (6 stitches/mm)

• Select the border objects and in the object manager (or on top) change density to 6

Add machine stop commands

• one after the cut line (object #2)
• (optional) one after the last design object, i.e. before the border is being stitched, e.g. the red hand

Adding "stop" machine command to stitch object.

This is not guaranteed to work for real. You may have to manually stop a multi-needle machine, before it starts the following color. Alternatively, you also can explore using different file formats, e.g. Tajima on a Brother machine (as opposed to PES). Also, some configurations can be made in Stitch Era with respect to machine file formats generated.

Workaround used in our Brother PR1050X. The interface allowing to set needles for colors also allows to add Pause locations before a color is used. Read Add a stop before a color

Stitching

Steps that use the "trim in place" method, outlined in the embroidery patch article.

• Use a fabric that has roughly the same color as your background or as your border color.

• Select a hoop size the leaves some space for cutting (e.g. a 10x10 hoop for a 7x7 design)

• If you can, instruct your machine to stop after printing the cutting line, i.e. before starting to embroider the next part. Read this

• Insert a double layer of stabilizer in the hoop. If you got all dimensions right, you can use a water soluble one, else we recommend using a "tear away" one.

Start stitching an outline directly on some stabilizer

• Embroider an outline first (your embroidery machine should be able to do that). Else take a sufficiently large piece of fabric.

• Glue a piece of fabric on top of the outline using specialized "wash away" textile spray

Glue fabric on top of stabilizer

• Embroider the tack down and the cutting line and have the machine stop before doing the next parts

Stitching out a cut line

• Cut the fabric along the cutting lines

Cut along cutting lines. Try to be regular !

• Embroider the rest

• Unhoop and tear away the stabilizer.

Below a first attempt.

First attempt (to be improved)

To do / try out:

• adjust the cutting line (as explained above)
• try using a dark tear-away (as opposed to washable) stabilizer
• Use trim in place (reversed). Almost stitch everything, then cut the fabric, then stitch the border line.
• Use a different color for the printer (I was too lazy to insert a dark grey)