View source for Hatch Embroidery 3 - auto-digitizing

{{syllabus
|is_part_of_syllabus=Machine embroidery
|is_part_of_module=Hatch Embroidery
|do_not_show_sub_page=No
|status=to improve
|last_modification=2022-08-27
|objective=Prepare a quality raster file from a vector drawing,
Auto-digitize a drawing,
Semi-automatically digitize drawing elements,
Adjust textures and direction,
Manage colors
|difficulty=beginner
|see_also=Computerized embroidery,
Concepts of computerized embroidery
|pages_module=Hatch Embroidery,
Hatch Embroidery 3 - auto-digitizing,
Hatch Embroidery 3 - parametrize embroidery objects,
Hatch Embroidery 3 - edit embroidery objects,
CorelDRAW GEM for Hatch Embroidery,
|cat_syllabus=Hatch Embroidery
|prequisite=InkScape
}}
== Intro ==

This tutorial explains how to digitize either a vector image (SVG, AI, EPS) or a clean and sharp raster image (PNG, JPG, GIF, etc.) with the [[Hatch Embroidery]] embroidery software (versions 2 and 3). Under clean and sharp image we mean: High resolution image, few colors, clean borders. So especially not a photo! We will first explain how to prepare a quality PNG file with InkScape, then we introduce automatic digitizing, then semi-automatic digitizing. The latter is our preferred procedure and also works well with imported vector graphics (available via EPS import or  better through [[CorelDRAW GEM for Hatch Embroidery]]).

Most of the examples were done with Hatch 2. There is very little difference with Hatch 3 when it comes to automatic raster image digitizing. However, we will have to check if some functionality did change and if some problems were fixed.

We will also use a little [[Inkscape]], the best free drawing software. If you decide not to buy Hatch after the trial period you can then learn how to use [[InkStitch]], free extensions for embroidery. Alternatively, you could purchase the CorelDraw add-on which also provides nice drawing functionality.

Since [[Hatch Embroidery|Hatch Embroidery 2 and 3]] import neither standard vector files (SVG) nor Illustrator (AI), and since the free [[Inkscape|InkScape]] software cannot export proper EPS or CDR files it is advisable to either buy the CorelDraw extension or prepare a high resolution *.PNG file from a vector drawing. Otherwise, if you start from a raster drawing (*.PNG, *.JPG, *.GIF, etc.) you must ensure that the drawing is clean. It is possible to vectorize it with drawing software, clean it and then re-export it in *.PNG. For example, if you want to digitize a handmade drawing, you can follow the first part of the procedure explained in [[InkStitch - stitch files from hand drawings]], i.e. color reduction plus vectorization . You can also try to digitize it directly with Hatch using color reduction. It may or may not work....

== Preparing a matrix file for Hatch ==

There are several paths for automatic digitizing:

* Vector -> Bitmap -> Import into Hatch -> Auto Digitize
* Vector -> Bitmap -> Import into Hatch -> Semi-automatic digitizing
* Vector -> EPS -> Import into Hatch -> Auto Digitize
* Vector -> EPS -> Import into Hatch -> Semi-automatic digitizing
* Vector -> CorelDraw GEM -> Automatic or semi-automatic digitizing

=== Importing files into Hatch ===

Two main scenarios can be distinguished:

(1) We start from a drawing made with drawing software, therefore from a standard (SVG) or proprietary vector file such as Illustrator (AI) or Corel Draw (CDR). [[Hatch Embroidery|Hatch Embroidery 3]] cannot directly import SVG or AI and again there are two options:

* 1a) We export SVG and AI to EPS and import it according to the "bitmap" option checked or not in (a) as vector or (b) as raster. Since these two methods generally seem to give less good results and InkScape does not export correct EPS, we prefer exporting in high resolution PNG (option 1b). That said, importing a vector file as a vector seems to be useful if your drawing is very technical. But in this case, it is better to buy in this case the CorelDraw extension described in [[CorelDRAW GEM for Hatch Embroidery]].
* 1b) We prepare a high resolution *.PNG file from a vector drawing SVG, AI, CDR, etc. Unless you are already an expert in Illustrator or Corel Draw, we recommend using the free drawing software [[Inkscape|InkScape]].

(2) We start from a raster drawing (*.PNG, *.JPG, *.GIF, etc.). Make sure the drawing is clean. It is possible to vectorize it with drawing software, clean it and then re-export it in *.PNG. Alternatively there are "cleaning" software such as "Topaz" or "Lightroom". For example, if you want to digitize a handmade drawing, you can follow the first part of the procedure explained in [https://edutechwiki.unige.ch/en/InkStitch_-_stitch_files_from_hand_drawings InkStitch - embroideries from handmade drawings], i.e. color reduction plus vectorization . You can also try to scan it directly with Hatch using color reduction. It may or may not work....

=== Choose a good resolution ===

In this section we show how to transform a drawing in SVG format into a raster file with the software [[Inkscape|InkScape]].

Basically, you just have to make sure that the image is sharp, a resolution of 600 DPI seems enough to us. In the image below we show the options we chose to export a 45mm smilie. To get the export panel to PNG:
* <code>File Menu -> Export to PNG</code>
* In panel: Select Page or [[InkStitch - stitch files from hand drawings|Drawing]]
* In image size: Set 600 dpi
* Click on <code>Export</code> if you want to keep the proposed path otherwise <code>Export as...</code>

[[file:Hatch-2-export-png-from-inkstitch.png|none|thumb|1000px|Exporting a high resolution PNG file|link=Special:FilePath/Hatch-2-export-png-from-inkstitch.png]]

The following figure shows the difference between a good and a bad raster (PNG) file. On the left the original SVG file (you have to click 2x on it to see the SVG), in the middle the PNG file in high resolution (600 DPI), on the right the PNG file with the default values (96 DPI).
<gallery mode="packed" heights="200" showfiles="true">
file:face-vomiting.clipart.svg| Original SVG
file:face-vomiting.clipart.png| PNG good resolution
file:face-vomiting.clipart.lowres.png | PNG default resolution (bad)
</gallery>

It is imperative to work with a clean and high resolution image. A low resolution image contains soft edges which then result in unnecessary embroidery objects and the "object" itself is poorly digitized. Here is the result of digitizing a bad resolution image (exported at 96DPI). We see that the fuzzy and pixelated borders come from the embroidery objects (the satin lines in dark green), which is not desired. Besides, the other shapes are ugly. An image of a correct version can be found [[Principles_of_digitizing_in_machine_embroidery_#In_Hatch_2|here]].

<gallery mode="packed" showfilenames="true" heights="200px">
file:dongba-mooc-bad-png.png|Bad PNG file
file:hatch-2-dongba-mooc-1.png|Inaccurate PNG file scanning - poor quality!
file:dongba-mooc.png|Good quality PNG (high resolution export from a vector graphics program)
file:hatch-2-dongba-mooc-2.png|Good digitizing 
</gallery>

=== Eliminate Gradients ===

When digitizing automatically, Hatch 2 offers color reduction. You can then ask for more or less colors, which translates to more or less objects. This operation does not generally give good results when dealing with gradients (for a working example, see below). In the image below, each gradient is digitized into 3 or 4 different objects which makes this 4.5cm design a little too complex to embroider and not necessarily pretty.

[[image: hatch-2-auto-digitizing-1.png|thumb|none|800px|Hatch 2: Raster image with gradients|link=Special:FilePath/Hatch-2-auto-digitizing-1.png]]

Therefore, it is advisable to '''eliminate gradients in the drawing software''' if possible, as we did for the example discussed in the next section. To eliminate a gradient in InkScape, we must
* show the <code>Object -> Fill and Stroke</code> panel
* Select the <code>Background</code> tab
* Select a few or more objects of the same gradient color
* Click on the "flat" square
Here is a screenshot from InkScape that illustrates this procedure.

[[file:inkscape-remove-gradient-1.png|none|thumb|800px|Remove gradient in InkScape for selected object|link=Special:FilePath/Inkscape-remove-gradient-1.png]]

== Auto digitize ==

Automatic digitizing works quite well for simple, clean drawings (see the previous section to see how to produce from a vector drawing which by definition is clean). Regarding auto digitizing, also read the official manual chapter, [https://www.embroideryhelp.net/hatch/composer/en/user-guide/auto-digitizing/auto-digitize-embroidery Auto-digitize embroidery ]. As a general rule, the semi-automatic digitization introduced below is preferred.

There are two options for automatic digitizing
# <code>Auto-digitize Instant Embroidery</code> (deprecated)
# <code>Auto-digitize Embroidery</code>

The <code>Auto-digitize Embroidery</code> procedure detects the elements to be transformed into embroidery objects '''by color'''. If we decreased the number of colors, the close colors would be united in a single object. See example below.

Here is an example that illustrates this process with a rather difficult pattern, the "Lotus" emoji from the Google Noto font. You can find the originals and the produced files here:
* [http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/animals_nature/plant-flower/lotus-noto.gradient.clipart.svg lotus-noto.gradient.clipart.svg] (vector drawing of origin)
* [http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/animals_nature/plant-flower/lotus-noto.clipart.svg lotus-noto.clipart.svg] (vector drawing without gradients)
* [http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/animals_nature/plant-flower/lotus-noto.clipart.png lotus-noto.clipart.png] (*.PNG file exported in 600DPI)
* [http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/animals_nature/plant-flower/lotus-noto-hatch.EMB lotus-noto-hatch.EMB] (Hatch design file)
* [http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/animals_nature/plant-flower/lotus-noto-hatch.PNG lotus-noto-hatch.PNG] (simulation)
* [http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/animals_nature/plant-flower/lotus-noto-hatch.PES lotus-noto-hatch.PES] (machine embroidery file in PES format) .

=== Getting started with an auto-digitize ===

You must import an image and then start the procedure with the following steps. In Hatch 2:
# Create a new file: Click on <code>New</code>
# Insert raster image with <code>Artwork</code>
# Select picture
# Click on <code>Toolboxes -> Auto-digitize Embroidery....</code>

[[image: hatch-2-auto-digitizing-0.png|thumb|none|800px|Hatch 2 - Import an image and digitize it in "auto (image to redo, 2= Artwork and not Design)"|link=Special:FilePath/Hatch-2-auto-digitizing-0.png]]
Next, a number of choices must be made regarding color detection:
# How many colors to retain (color reduction below)
# Associate a color with a thread (optional, also below)
Finally, it is necessary to correct/adapt certain decisions made by the machine.

=== Color reduction ===
Once clicked on <code>Auto-digitize Embroidery</code> the following popup window will appear. On the left the imported image, on the right what Hatch proposes to simplify (nothing for clean and simple images).

[[image: hatch-2-auto-digitizing-2.png|thumb|none|800px|Hatch 2: Proposed default digitizing. There are two pink colors that can be combined into one.|link=Special:FilePath/Hatch-2-auto-digitizing-2.png]]

Below is the result of a reduction to five colors.

[[image: hatch-2-auto-digitizing-3.png|thumb|none|800px|Hatch 2: Image reduced to five colors.|link=Special:FilePath/Hatch-2-auto-digitizing-3.png]]

Once OK is clicked, the next screen prompts for further decisions (optional), see image below "Auto digitize Options"

=== Auto digitize Options ===

First we define the allocation of colors, the sequences and the type of filling. If you are new to it, you can leave all the defaults and click OK.
* <code>Matching method:</code> How to associate a color to a thread? In our In this case we chose the Gunold Poly 40 palette
* Selection: You can change the digitizing sequence with the <code>move up</code> and <code>move down</code> arrows. So for example move what is "bottom" and supposed to be embroidered first upwards. The <code>locate</code> button displays the object associated with a color chosen from the list (therefore this makes it possible to find it).
* The drop-down menus to the left of each color allow you to select the digitizing method: <code>Fill</code> or <code>detail</code> or not to digitize (<code>Omit</code>) . We choose "Detail" for a thin object that must be digitized either as a line or as a satin line. "Detail" has no effect for larger areas.
Then we can define the digitization options, the <code>stitching options</code>
* <code>Details</code>: Define how to digitize "details". You can choose between satin fillings, lines (straight stitches), or satin lines
* <code>Outlines</code>: Add outlines around embroidery objects (no, default)
* <code>Border</code>: Add a border, a sort of big frame.
We left the default values. Depending on the size of the object, the software decides whether to put a tatami filling or a satin. This also could be be corrected in the result, i.e. in the digitized embroidery objects.

Below, we show that the result is relatively mediocre, which is not surprising given the relative complexity of the object.
* The yellow filling in the middle is not very happy and we will replace it with a tatami without holes. The embroidery order is also to be reviewed. It should be embroidered before the light pink satins. This could have done before the digitizing.
* There are two travel lines. These are useful because they will eliminate a jump stitch, unless you change the order of the objects.
* A petal has been digitized in tatami which is a break in style
* It would be necessary to change the direction of the satins for the pink circles, otherwise they get lost.

We will explain the configuration of embroidery objects in the article [[Hatch Embroidery 3 - parametrize embroidery objects]] and we leave you the possibility of (1) redoing the procedure described here from the file [http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/animals_nature/plant-flower/lotus-noto.clipart.png lotus-noto.clipart.png] and (2) to correct defects once you have read more about parametrization.

[[image: hatch-2-auto-digitizing-5-en.png|thumb|none|1000x1000px|Hatch 2: Raw result with indication of some corrections to be made|link=Special:FilePath/Hatch-2-auto-digitizing-5-en.png]]

Here is the adopted result simulation: [http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/animals_nature/plant-flower/lotus-noto-hatch.PNG lotus-noto-hatch.PNG] (not tested ).

[[file:lotus-noto-hatch.png|thumb|400px|none|Embroidery simulation|link=Special:FilePath/Lotus-noto-hatch.png]]

=== Managing order and stitch types ===

(To do: explain with an example how to move areas up and down, how to choose stitch types and travel stitches).

== Automatic digitizing of a vector file ==
(to complete)

Since Hatch does not support importing SVG or AI formats, we recommend saving them as an *.EPS (Encapsulated Postscript) or CorelDraw (CDR) file. Be careful, InkScape seems to produce only a useless raster image with EPS, so you would have to either go through Illustrator, CorelDRAW or another software that can produce EPS that include vector code.

Here is the import of a file in correct *.EPS format (produced with Corel Draw).
[[File:Hatch-3-insert-artwork-2.png|none|thumbnail|798x798px|Importing an EPS file into Hatch 3]]
The result is a series of vectors which you can then digitize either with "auto-digitize" (see above) or one by one with the "click" method. The second method is not recommended if the objects are superimposed. Neither of the two methods gave a very satisfactory result and we advise (for the moment) not to use this method for this type of image. In any case, it would be necessary to modify the design before importing it or to redo it at the level of the embroidery objects (quite feasible). It would probably be more interesting to use this Hatch feature to import well-thought-out "line art" for embroidery or even fill patterns.

Here is the raw result of an "Auto-digitize Instant Embroidery" auto-digitize. The other option, "Auto-digitize embroidery" is not available for this type of import
[[File:Hatch-3-insert-artwork-3.png|none|thumbnail|798x798px|Scanning EPS vectors in Hatch 3]]As provisional conclusion, we recommend buying the CorelDraw extension if you need to import vectors.

== Tips ==
We first recall that it is imperative to work with high resolution and clean graphics. Otherwise it is better to start digitizing manually.

=== Color Management ===

First, we recommend working with a color palette that represents the threads you have. Thanks to [[InkStitch]] we can import the most important palettes into [[Inkscape]], our favorite drawing software. Next, we use a Gunold Poly 40 mini-palette that we make available here for InkScape/InkStitch users: [http://tecfa.unige.ch/guides/embroid/inkstitch/palettes/InkStitch%20Emoji%20Gunold %20No.gpl InkStitch Emoji Gunold No.gpl].

In Hatch, at the start of each automatic or semi-automatic digitizing dialog, color adjustments can be made.

The <code>color matching method</code> allows you to select the method to identify a thread for a color. It is possible to change the color of the digitized object with the thread palette (adjustable to your brand and type)

For Outline and Centerline options, the manual advised to disable "match-to-palette" and manually choose a dark color.

=== Other tips ===

Attention (once again): You must check that the sequence of embroidery objects does not contain duplicates. Double clicking on an object creates two objects to border.....

== Links ==

* [https://hatchembroidery.com/embroidery-software/Embroidery Software] @ Hatch
* [https://www.embroideryhelp.net/hatch/digitizer/en Product documentation for Hatch 2]

[[category: machine embroidery]]