Stitch Era - stitching children's drawings: Difference between revisions
(29 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{ | {{embroidery|Beginners tutorial}} | ||
<!-- <pageby nominor="false" comments="false"/> --> | |||
{{incomplete}} | |||
== Introduction == | == Introduction == | ||
This article | This article describes how to create embroidery from from children's drawings and give advice on what kinds of drawings are easier to stitch. | ||
Firstly you should scan the drawing or if you don't have a scanner take a clean picture. | Firstly you should scan the drawing or if you don't have a scanner take a clean picture. Then you can follow the steps we outline below. | ||
Stitching a drawing is both easy and difficult. Color management is easy if the drawing was made with pens and without much overlap. Dealing with large surfaces can be a problem if you plan to create a large ''and'' easily wearable design. | |||
The major problem is to modify the drawing or the stitch sections so that they overlap a bit. Without overlap, there will be gaps which may or may not be a problem depending on the drawing. | |||
== Dealing with a PDF scan == | == Dealing with a PDF scan == | ||
Our | Our scanner at work produces PDF files, a format you cannot import to Stitch Era. There are two paths: Either import the PDF to a drawing software or save the PDF in a picture format and directly import to Stitch Era. | ||
Tracing with either Inkscape or Illustrator has two major drawbacks. It will create ''one single path'' with a ''single color''. Adding color to elements then means to make cuts in selected areas of the vector path and color. | Tracing a PDF with either Inkscape or Illustrator has two major drawbacks. It will create ''one single path'' with a ''single color''. Adding color to elements then means to make cuts in selected areas of the vector path and color. | ||
Therefore we suggest translating the PDF into a PNG image file. | Therefore we suggest translating the PDF into a PNG image file. | ||
* Under Windows, you can use the commercial Adobe Acrobat Pro program (I don't know if the free reader can export | * Under Windows, you can use the commercial Adobe Acrobat Pro program (I don't know if the free reader can export. If not just make a screen capture using a software like [http://getgreenshot.org/ Greenshot] | ||
* Under Linux, either install ImageMagik or search for another solution. ImageMagik also is available for Windows and Mac. | * Under Linux, either install ImageMagik or search for another solution. ImageMagik also is available for Windows and Mac. | ||
Line 31: | Line 37: | ||
: Select <code>Artwork</code> tab, then <code>Open Image </code> (button to the left in the menu bar) | : Select <code>Artwork</code> tab, then <code>Open Image </code> (button to the left in the menu bar) | ||
* Select the picture | * Select the picture | ||
: <code>Artwork</code> tab, then <code>Layout> (subtab), then <code>Crop Image</code> | : <code>Artwork</code> tab, then <code>Layout</code> (subtab), then <code>Crop Image</code> | ||
: Start in the upper left corner and drag the cursor. It will crop if you release the mouse button. Hit CTL-Z if you got it wrong. | : Start in the upper left corner and drag the cursor. It will crop if you release the mouse button. Hit CTL-Z if you got it wrong. | ||
Line 45: | Line 51: | ||
=== Reduce the colors === | === Reduce the colors === | ||
In the same toolset (Artwork->Layout) you can reduce colors. For an embroidery you should use a minimum of colors, maybe between 5 and 10. We strongly suggest to do this even if you believe that you only can see | In the same toolset (Artwork->Layout) you can reduce colors. For an embroidery you should use a minimum of colors, maybe between 5 and 10. We strongly suggest to do this even if you believe that you only can see N colors. Various physical constraints from paper and drawing plus the scanning will actually give you lots of colors. E.g. in picture below, there are several shades of green due to different pressure, overlays, etc. | ||
* For the following drawing I counted the colors (5) plus white background: 6 colors | * For the following drawing I counted the colors (5) plus white background: 6 colors | ||
* Enter the number and if you are happy with the result click Accept | * Enter the number and if you are happy with the result click Accept. | ||
[[File:stitch-era-reduce-colors.jpg|thumb|600px|none|Reduce colors with Stitch Era 17]] | [[File:stitch-era-reduce-colors.jpg|thumb|600px|none|Reduce colors with Stitch Era 17]] | ||
Too many colors is better than not enough since you always can merge later. Compare the two following pictures. The 6 color solution is not good since it merged dark blue with black. The 7 color solution does have blue. You later can merge the two greens. | |||
[[File:stitch-era-reduce-colors-3.jpg|thumb|600px|none|Good 7 color solution - blue top is there]] | |||
[[File:stitch-era-reduce-colors-2.jpg|thumb|600px|none|Bad 6 color solution - Blue top is missing (merged with black)]] | |||
We also should have cropped the ice cream picture a bit. But the lines to the right won't be vectorized or else could easily be removed ... | |||
Finally, save the file now and maybe create a backup copy. | |||
== Create a vector image == | == Create a vector image == | ||
Line 60: | Line 76: | ||
* Decide if you want to reduce holes. E.g. set holes to 10. | * Decide if you want to reduce holes. E.g. set holes to 10. | ||
* Click on <code>Filter</code> (not | * Click on <code>Filter</code> (not needed to reduce colors since we already did that, but we need to preprocess the picture). Make sure that white is selected as transparent color if white is only used in the background. If the child did use white that must be stitched then deselect. | ||
* Vectorize using the standard settings first. Hit the <code>Vectorize</code> Icon. If you want to simplify the result a bit, try setting '''sharpness''' to a higher value. | * Vectorize using the standard settings first. Hit the <code>Vectorize</code> Icon. If you want to simplify the result a bit, try setting '''sharpness''' to a higher value. | ||
Line 66: | Line 82: | ||
: Vectorizing takes some time. Watch the progress bar in the lower left before you think that the program is stuck. | : Vectorizing takes some time. Watch the progress bar in the lower left before you think that the program is stuck. | ||
* Then in the right picture panel, select "vectorized" if necessary. | * Then in the right picture panel, select "vectorized" tab if necessary. | ||
* If you are happy with the result click <code>Return </code>. Else read more in the [[Stitch Era - digitizing complex bitmap images]] tutorial | * If you are happy with the result click <code>Return </code>. Else read more in the [[Stitch Era - digitizing complex bitmap images]] tutorial | ||
[[File:stitch-era-vectorizer-drawing.jpg|thumb|800px|none|Stich Era Vectorizer.]] | [[File:stitch-era-vectorizer-drawing.jpg|thumb|800px|none|Stich Era Vectorizer.]] | ||
The following picture shows a design where we merged two greens and did not keep white as background (to be eliminated). We easily can remove the "outer" white. | |||
[[File:stitch-era-vectorizer-drawing-2.jpg|thumb|800px|none|Stich Era Vectorizer. 2 colors merged. No background color since we want to keep the white ice cream part]] | |||
Unless you want to stitch a badge-like design remove the background (outer white). Drag it out before killing in order to make sure that it is not connected to some "inner" white that you want to stitch. If it was connected then, CTRL-Z back into position. Then, you should learn how to cut vectors (read [[Stitch Era - vector graphics]]). | |||
[[File:stich-era-vectorizer-remove-background.jpg|thumb|400px|none|Stich Era Vectorizer. Do not forget to remove and to kill the useless white background.]] | |||
== Auto digitize == | == Auto digitize == | ||
Select all | * Save the file, and create a backup copy | ||
* Select all, click in an empty space, then hit CTRL-A | |||
* Select embroidery tab and then hit <code>Art to Stitch</code> | * Select embroidery tab and then hit <code>Art to Stitch</code> | ||
For a picture like this one you could lower the density of both patterns and satin stitches to 4mm to make it less heavy to wear. This can be fixed in the advanced settings of the Art-to-Stich (intelligent) dialog. | |||
If you have a multi-needle machine we suggest ticking "Cut after stitch sections" in the advanced settings | |||
[[File:stitch-era-auto-digitize.jpg|thumb|800px|none|Stich Era Vectorizer (Art-to-Stitch Intelligent)]] | [[File:stitch-era-auto-digitize.jpg|thumb|800px|none|Stich Era Vectorizer (Art-to-Stitch Intelligent)]] | ||
For | For more information about digitizing, read the other Stitch Era tutorials. | ||
== Repairing == | |||
You also should learn how to trouble shoot, in particular how to fix broken direction lines. | You also should learn how to trouble shoot, in particular how to fix broken direction lines. | ||
Open the object manager and fix one by one each error. Click on the object you want to fix, either in the object manager or in the error console and hit SHIFT-F6 to maximize. Consider deleting tiny sections. Do not ignore errors for large sections, since faulty sections will not be stitched ! | |||
* '''To try first''': Select the stitch section that has problem. In the context menu (right click) that pops out over the workspace (drawing) area, select '''autocomplete'''. This will attempt to finish problematic sections, e.g. ones that have main reference or section line problems. If you stitches now a are generated, you are done. | |||
The following picture shows a complex stitch section that extends all over and around the design. Autocomplete helped finish to stitch generation for sub-sections. | |||
[[File:stitch-era-autocomplete.jpg|thumb|800px|none|Try the autocomplete feature first]] | |||
Direction line problems: delete all yellow direction lines except one. Select a yellow handle and hit the DEL key. For the one you kept, one make sure that it stretches all over the stitch section (drag the yellow handles) | |||
== View the result before you stitch == | == View the result before you stitch == | ||
Line 94: | Line 131: | ||
[[File:stitch-era-viewer-papillon.jpg|thumb|none|600px|Stitch Era 3D viewer]] | [[File:stitch-era-viewer-papillon.jpg|thumb|none|600px|Stitch Era 3D viewer]] | ||
This picture "suggested" to replace the running stitches for the "lettering" at the bottom by zigzags, which we did. Also, one can see irregularities in the wing patterns. That is a question of taste. I think that children's drawings should be irregular :) | |||
== Test printing and tuning == | |||
Below is the result of the procedure as explained above (i.e. a fairly quick solution): | |||
[[File:stitch-era-child-drawings-stitched.jpg|thumb|none|600px|Test print with our [[Brother PR1050X]] ]] | |||
Possible improvements: | |||
* Some pull compensation or changing the definition of the tissue (we used the default settings: none). As you can see, the long patterns horizontally pulled the tissue a bit. | |||
* Better preparation of the tissue, including a stronger stabilizer (I used my favorite auto-adhesive tearaway backing). Hooping probably should have been a bit better too, although I must say that the PR1050X standard hoops are pretty easy to use. | |||
* '''Have the vectors overlap before digitizing or modify some stitch sections to overlap.''' In particular the zizag contour of the butterfly to the left should be made to overlap and the green running stitch must be moved closer or maybe be removed. This can be quite tedious. You can enlarge any object (either in both or a single direction) but then you also will to adjust size and position of the other objects. The best solution is to edit the vectors, i.e. move the control points. Before doing so, you really should trim the vectors i.e. make them simpler. Select at least two, then you can "trim shapes" through the combine vectors dialog (in the layout ribbon bar or in the context menu). Read [[Stitch Era - vector graphics]] for more information. | |||
* Another, simpler alternative is to create a border line for larger sections, but the result will probably be uglier. Since Stitch Era (unless I missed something) does not allow adding borders to simple vector paths you should use a workaround. You could select the vector object, right click and select contour with offset -> Custom. Alternatively export the design as *.emf or *.dxf, import into some drawing program and edit there. E.g. Inkscape allows importing EMF and then adding a stroke to a fill. After saving and importing to Stitch Era there will be two vectors: One for the fill and another for the stroke (border line). | |||
== The result and discussion == | |||
We made this test with a total of three drawings, two of which discussed above. The final result wasn't too convincing since the embroidery went on a stretchable jeans jacket. You can see that the tissue is a little bit warped here and there. However, as discussed above, some imperfections of the surfaces were wanted since these are designs made by a young child. | |||
Hooping was difficult. I got it too loose in two cases, since it was difficult to pull the tissue with its seams and I used a simple auto-adhesive stabilizer that would not stick enough to the tissue when pulled. Also, I had to reduce two pictures a bit because I did not manage to fit a 13x8cm hoop well enough, i.e. I made them fit the 10x10cm hoop. | |||
Reducing the size of a stitch design is an easy procedure. Select all embroidery objects, then resize, then regenerate the stitches with CTL-F9 (not the stich sections !) | |||
[[image: dessin-enfants-jeans-small.jpg|none|800px|thumb|Result]] | |||
Generally speaking it seems that drawings made with thick color pens are fairly easy to deal with as opposed to paintings for example. Stitching large designs on flexible tissue is a problem. Consider drawings with empty space and avoid narrow zig-zag lines for these. | |||
Below is an overview of things to do: | |||
* Change saturation, contrast and brightness to maximize features that you want to stand out and stitch with different colors | |||
* Reduce colors to maximum about twice the number of colors you plan to stitch | |||
* Merge the reduced colors to the colors you plan to stitch. In the same step, try to eliminate small holes | |||
* Vectorize as aggressively as possible and eliminate small parts | |||
* Smooth vectors if possible (if you CTRL-A, then the program can crash) and adjust some if needed. | |||
* Have vectors overlap if you want a connected surface | |||
* Verify choice of textile type (it will influence pull compensation) and make sure that hoop size is defined | |||
* Then digitize | |||
* Modify stitch sections if needed, e.g. transform all running stitches to zig-zag or the other way round. | |||
[[category: Computerized embroidery]] |
Latest revision as of 18:27, 22 January 2020
Introduction
This article describes how to create embroidery from from children's drawings and give advice on what kinds of drawings are easier to stitch.
Firstly you should scan the drawing or if you don't have a scanner take a clean picture. Then you can follow the steps we outline below.
Stitching a drawing is both easy and difficult. Color management is easy if the drawing was made with pens and without much overlap. Dealing with large surfaces can be a problem if you plan to create a large and easily wearable design.
The major problem is to modify the drawing or the stitch sections so that they overlap a bit. Without overlap, there will be gaps which may or may not be a problem depending on the drawing.
Dealing with a PDF scan
Our scanner at work produces PDF files, a format you cannot import to Stitch Era. There are two paths: Either import the PDF to a drawing software or save the PDF in a picture format and directly import to Stitch Era.
Tracing a PDF with either Inkscape or Illustrator has two major drawbacks. It will create one single path with a single color. Adding color to elements then means to make cuts in selected areas of the vector path and color.
Therefore we suggest translating the PDF into a PNG image file.
- Under Windows, you can use the commercial Adobe Acrobat Pro program (I don't know if the free reader can export. If not just make a screen capture using a software like Greenshot
- Under Linux, either install ImageMagik or search for another solution. ImageMagik also is available for Windows and Mac.
Conversion with ImageMagik, using the command line:
convert -density 300 -quality 100 input.pdf output.png
Vectorizing a drawing in Stitch Era
If you can rely on a clean scan, you should be able to reduce the colors to the ones that the child really used.
Clip the picture
Firstly you should crop the image
- Import the picture
- Select
Artwork
tab, thenOpen Image
(button to the left in the menu bar)
- Select the picture
Artwork
tab, thenLayout
(subtab), thenCrop Image
- Start in the upper left corner and drag the cursor. It will crop if you release the mouse button. Hit CTL-Z if you got it wrong.
Resize the picture
- Select the picture
- Click on Artwork -> Image
In the upper left you can change its size. e.g. the width to 90 (which means 9cm). You also can reduce vectors or even stitch areas, but its easier to reduce the picture first.
Reduce the colors
In the same toolset (Artwork->Layout) you can reduce colors. For an embroidery you should use a minimum of colors, maybe between 5 and 10. We strongly suggest to do this even if you believe that you only can see N colors. Various physical constraints from paper and drawing plus the scanning will actually give you lots of colors. E.g. in picture below, there are several shades of green due to different pressure, overlays, etc.
- For the following drawing I counted the colors (5) plus white background: 6 colors
- Enter the number and if you are happy with the result click Accept.
Too many colors is better than not enough since you always can merge later. Compare the two following pictures. The 6 color solution is not good since it merged dark blue with black. The 7 color solution does have blue. You later can merge the two greens.
We also should have cropped the ice cream picture a bit. But the lines to the right won't be vectorized or else could easily be removed ...
Finally, save the file now and maybe create a backup copy.
Create a vector image
Now should create a vector image. In theory you could directly digitize pictures but this only works with a given kind, e.g. portrait with strong contrasts.
Select Artwork -> Image
tab
- Decide if you want to reduce holes. E.g. set holes to 10.
- Click on
Filter
(not needed to reduce colors since we already did that, but we need to preprocess the picture). Make sure that white is selected as transparent color if white is only used in the background. If the child did use white that must be stitched then deselect.
- Vectorize using the standard settings first. Hit the
Vectorize
Icon. If you want to simplify the result a bit, try setting sharpness to a higher value.
- Vectorizing takes some time. Watch the progress bar in the lower left before you think that the program is stuck.
- Then in the right picture panel, select "vectorized" tab if necessary.
- If you are happy with the result click
Return
. Else read more in the Stitch Era - digitizing complex bitmap images tutorial
The following picture shows a design where we merged two greens and did not keep white as background (to be eliminated). We easily can remove the "outer" white.
Unless you want to stitch a badge-like design remove the background (outer white). Drag it out before killing in order to make sure that it is not connected to some "inner" white that you want to stitch. If it was connected then, CTRL-Z back into position. Then, you should learn how to cut vectors (read Stitch Era - vector graphics).
Auto digitize
- Save the file, and create a backup copy
- Select all, click in an empty space, then hit CTRL-A
- Select embroidery tab and then hit
Art to Stitch
For a picture like this one you could lower the density of both patterns and satin stitches to 4mm to make it less heavy to wear. This can be fixed in the advanced settings of the Art-to-Stich (intelligent) dialog.
If you have a multi-needle machine we suggest ticking "Cut after stitch sections" in the advanced settings
For more information about digitizing, read the other Stitch Era tutorials.
Repairing
You also should learn how to trouble shoot, in particular how to fix broken direction lines.
Open the object manager and fix one by one each error. Click on the object you want to fix, either in the object manager or in the error console and hit SHIFT-F6 to maximize. Consider deleting tiny sections. Do not ignore errors for large sections, since faulty sections will not be stitched !
- To try first: Select the stitch section that has problem. In the context menu (right click) that pops out over the workspace (drawing) area, select autocomplete. This will attempt to finish problematic sections, e.g. ones that have main reference or section line problems. If you stitches now a are generated, you are done.
The following picture shows a complex stitch section that extends all over and around the design. Autocomplete helped finish to stitch generation for sub-sections.
Direction line problems: delete all yellow direction lines except one. Select a yellow handle and hit the DEL key. For the one you kept, one make sure that it stretches all over the stitch section (drag the yellow handles)
View the result before you stitch
- Untick Auxiliar, tick Embroidery and it CTRL-F9 if you made any modifications
- Open the View Tab and Select 3D in Draw Mode. You can adjust quality and luminosity with the little pull out menu.
This picture "suggested" to replace the running stitches for the "lettering" at the bottom by zigzags, which we did. Also, one can see irregularities in the wing patterns. That is a question of taste. I think that children's drawings should be irregular :)
Test printing and tuning
Below is the result of the procedure as explained above (i.e. a fairly quick solution):
Possible improvements:
- Some pull compensation or changing the definition of the tissue (we used the default settings: none). As you can see, the long patterns horizontally pulled the tissue a bit.
- Better preparation of the tissue, including a stronger stabilizer (I used my favorite auto-adhesive tearaway backing). Hooping probably should have been a bit better too, although I must say that the PR1050X standard hoops are pretty easy to use.
- Have the vectors overlap before digitizing or modify some stitch sections to overlap. In particular the zizag contour of the butterfly to the left should be made to overlap and the green running stitch must be moved closer or maybe be removed. This can be quite tedious. You can enlarge any object (either in both or a single direction) but then you also will to adjust size and position of the other objects. The best solution is to edit the vectors, i.e. move the control points. Before doing so, you really should trim the vectors i.e. make them simpler. Select at least two, then you can "trim shapes" through the combine vectors dialog (in the layout ribbon bar or in the context menu). Read Stitch Era - vector graphics for more information.
- Another, simpler alternative is to create a border line for larger sections, but the result will probably be uglier. Since Stitch Era (unless I missed something) does not allow adding borders to simple vector paths you should use a workaround. You could select the vector object, right click and select contour with offset -> Custom. Alternatively export the design as *.emf or *.dxf, import into some drawing program and edit there. E.g. Inkscape allows importing EMF and then adding a stroke to a fill. After saving and importing to Stitch Era there will be two vectors: One for the fill and another for the stroke (border line).
The result and discussion
We made this test with a total of three drawings, two of which discussed above. The final result wasn't too convincing since the embroidery went on a stretchable jeans jacket. You can see that the tissue is a little bit warped here and there. However, as discussed above, some imperfections of the surfaces were wanted since these are designs made by a young child.
Hooping was difficult. I got it too loose in two cases, since it was difficult to pull the tissue with its seams and I used a simple auto-adhesive stabilizer that would not stick enough to the tissue when pulled. Also, I had to reduce two pictures a bit because I did not manage to fit a 13x8cm hoop well enough, i.e. I made them fit the 10x10cm hoop.
Reducing the size of a stitch design is an easy procedure. Select all embroidery objects, then resize, then regenerate the stitches with CTL-F9 (not the stich sections !)
Generally speaking it seems that drawings made with thick color pens are fairly easy to deal with as opposed to paintings for example. Stitching large designs on flexible tissue is a problem. Consider drawings with empty space and avoid narrow zig-zag lines for these.
Below is an overview of things to do:
- Change saturation, contrast and brightness to maximize features that you want to stand out and stitch with different colors
- Reduce colors to maximum about twice the number of colors you plan to stitch
- Merge the reduced colors to the colors you plan to stitch. In the same step, try to eliminate small holes
- Vectorize as aggressively as possible and eliminate small parts
- Smooth vectors if possible (if you CTRL-A, then the program can crash) and adjust some if needed.
- Have vectors overlap if you want a connected surface
- Verify choice of textile type (it will influence pull compensation) and make sure that hoop size is defined
- Then digitize
- Modify stitch sections if needed, e.g. transform all running stitches to zig-zag or the other way round.