« InkStitch - broderies à partir de dessins faits à la main » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
mAucun résumé des modifications
(41 versions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{syllabus
{{tutoriel
|is_part_of_syllabus=Machine embroidery
|fait_partie_du_cours=Guide de tutoriels de broderie machine
|is_part_of_module=InkStitch
|fait_partie_du_module=InkStitch
|do_not_show_sub_page=No
|pas_afficher_sous-page=Non
|page_previous=InkStitch - stitch files from Noun Project icons
|statut=à améliorer
|page_next=InkStitch - embroidery patch
|difficulté=débutant
|status=to improve
|pages_prérequises=Inkscape
|last_modification=2018/06/05
|pages_module=InkStitch - installation,
|objective=Create a simple and usable hand drawing,
InkStitch - utilisation de base,
Reduce colors of a raster file,
InkStitch - colonnes satin,
Trace (vectorize) a raster file,
Inkstitch - lettrage,
Create simple fill areas
InkStitch - broder une image issue de The Noun Project,
|difficulty=intermediate
InkStitch - broderies à partir de dessins faits à la main,
|prerequisite=Inkscape, InkStitch - basic use
InkStitch - broder des codes QR,
|see_also=Computerized embroidery
InkStitch - broder des patchs,
|cat_syllabus=InkStitch
InkStitch - astuces et problèmes courants
|cat tutoriels=InkStitch
}}
}}
[[en:InkStitch - stitch files from hand drawings]]
== Fichier de Broderies à partir de dessins faits main ==
== Fichier de Broderies à partir de dessins faits main ==


Créer des fichiers de broderies à partir de photos, de peintures ou de dessins à la main peut s'avérer vraiment difficile et prendre du temps. Nous apprendrons à travers cette page à créer des fichiers stitch à partir de '''dessins simples.'''  
Créer des fichiers de broderies à partir de photos, de peintures ou de dessins complexes à la main peut s'avérer difficile. Nous apprendrons à travers cette page à créer des designs de broderie à partir de '''dessins simples.''' Pour d'autres cas, lisez le survol dans [[InkStitch - broder des images]].


Une méthode simple a été testée pour des centaines de dessins pour faire des patches en utilisant le logiciel commercial Stitch Era, comme par exemple au [[Salon du livre]] 2018.  
Notre méthode simple a été testée avec des centaines de patches en utilisant le logiciel commercial [[Stitch Era - logiciel de broderie machine et de hotfix|Stitch Era,]] comme par exemple au Salon du livre 2018. Elle marche aussi bien avec InkStitch, mais prend un peu plus de temps.  


After color reduction (with the free [https://www.gimp.org/downloads/ Gimp] software), vector tracing with (Inkscape) works fairly nicely and easily '''if''' the original drawing is simple.
Après avoir réduit les couleurs (avec le logiciel gratuit [[GIMP]]), tracer des vecteurs avec [[Inkscape]] marche bien '''si''' le dessin original est simple. Il faut notamment éviter de dessiner des éléments qui se superposent et sont de même couleur.
[[Fichier:Dessin main broderie.jpg|vignette|284x284px|Un dessin à la main scanné pour la broderie]]


[[file:vacation-0.jpg|200px|right|thumb|Scanned hand drawing made for embroidery]]
== Dessin à la main souhaité ==


== Desirable hand drawings ==
Afin de créer un fichier SVG manipulable à partir d'un dessin à la main, nous suggérons de respecter les différentes règles ci-dessous:


In order to create a manageable SVG file from a hand drawing, we strongly suggest that you obey the following rules
* utiliser des feutres larges
* utiliser peu de couleurs
* utiliser des couleurs avec contraste (i.e. rouge, bleu, vert, noir)
* Ne pas faire de remplissage sur de zones large (difficiles à broder)


* use large felt pens
A droite, un exemple acceptable d'un dessin fait à la main (sans parler de la qualité du dessin).
* use few colors
* use contrasted colors (e.g. red, blue, green, black)
* do not produce large fills (that is more related to the issue of creating something that is easier to stitch)


To the right is an acceptable example (I am not talking about the quality of the drawing).
Il est relativement facile d'utiliser des dessins d'enfants plus complexes, comme nous l'expliquons sur la page [[Stitch Era - créer une broderie à partir d'un dessin d'enfant|créer une broderie à partir d'un dessin d'enfan]]<nowiki/>t, à l'aide du logiciel Stitch Era. Par contre, créer une broderie à partir d'une peinture ou d'une photographie peut prendre énormément de temps et pour cette raison nous le déconseillons.


It is possible to deal fairly easily with more complex children's drawings, as we explain in [[Stitch Era - stitching children's drawings|Stitching children's drawings]], made for the commercial Stitch Era software.
== Scanner, couper et réduire les couleurs ==


Creating an embroidery file from a painting or a photograph is a time-consuming and almost pointless affair.
Avant de vectoriser (et de tracer) un dessin scanné, on suggère  de réduire les couleurs.


== Scan, crop and reduce colors ==
Beaucoup de logiciels permettent de réduire les couleurs. Nous utilisons [https://www.gimp.org/downloads/ Gimp], un logiciel puissant et gratuit de manipulations d'images. Même si c'est un outil complexe qui demande du temps afin de comprendre son fonctionnement, les manipulations énoncées ci-dessous ne sont pas trop difficiles à effectuer.


Before vectorizing (also tracing) a scanned drawing, we strongly suggest to reduce its colors. If you do that, scanning will be very accurate.
===Étape 1 - Scanner===


Many software allow reducing colors. We explain how to use [https://www.gimp.org/downloads/ Gimp], a powerful free image manipulation software. It's a complex tool that requires time-to-learn. However, the manipulations we demonstrate below, are not too difficult.
Scannez l'image au format <code>.jpg</code>. Photographier l'image avec un portable va aussi, mais essayer d'éviter des ombres !


===Step 1 - Scan===
N'importe quelle résolution fonctionnera puisque la broderie peut fonctionner généralement à une résolution très basse.


Scan the picture in *.jpg format
===Etape 2 - Rogner ===


Any resolution will do since embroidery works at fairly low resolution
Recadrer la photo. Vous n'avez pas besoin de faire très attention à la taille des marges. Cependant, vous devez décider si vous voulez une image complète ou une partie de celle-ci. Ci-dessous, nous avons décidé de découper une partie du dessin pour le rendre plus rectangulaire.


===Step 2 - Crop===
* Ouvrez la photo dans Gimp.
* Faites glisser la souris pour sélectionner un rectangle. Par défaut, l'outil de sélection de rectangle est déjà sélectionné. Vous pouvez tirer / pousser les bordures du rectangle (déplacez le curseur tout près) avant de cliquer sur "Crop to Selection".
* Sauvegardez le fichier.
[[Fichier:Gimp-crop-picture.png|néant|vignette|600x600px|Couper une image avec Gimp 2.10]]


Crop the picture. You do not need to pay a lot of attention to the size of the margins. However you must decide whether you want the whole picture or just part of it. Below we decided to crop some of the drawing to make it more rectangular.
===Etape 3 - Réduire les couleurs ===


* Open the picture in Gimp
Comme expliqué dans le [https://docs.gimp.org/fr/gimp-image-convert-indexed.html manuel en ligne de Gimp], la réduction des couleurs est très simple (sauf si vous avez besoin de transitions douces entre les couleurs, ce que la broderie ne requière pas).
* Drag the mouse to select a rectangle. By default, the rectangle selection tool is already selected. You can pull/push borders of the rectangle (move the cursor real close), before you click on "Crop to Selection"
* Save the file
 
[[file:gimp-crop-picture.png|600px|none|thumb|Cropping a picture with Gimp 2.10]]
 
===Step 3 - Reduce colors ===
 
As explained in the [https://docs.gimp.org/en/gimp-image-convert-indexed.html Gimp online manual], color reduction is really simple (unless you require smooth transitions between colors, which embroidery does not)
   
   
Open the color reduction tool and reduce the colors with the following conversion parameters:
Ouvrez l'outil de réduction des couleurs et réduisez les couleurs avec les paramètres de conversion suivants:
* Set <code>Maximum number of colors</code> to the number of colors you can count in your drawing, plus one for the background
* Définissez le  <code>nombre maximal de couleurs</code>sur le nombre de couleurs que vous pouvez compter sur votre dessin, plus une pour l'arrière plan.
* Do '''not''' use any dithering options.
* Ne touchez pas à l'option "Dithering".
* Click on <code>Convert</code> and check the result (see after the figure)
* Cliquez sur <code>Convertir</code> et vérifiez le résultat (voir la figure ci-dessous).
{|
{|
|+ Figure: Color reduction with Gimp 2.10
|+ Image: Réduction de couleur avec Gimp 2.10
|[[file:gimp-indexed-colors.png|500px|none|thumb|Use indexed colors]]
|[[Fichier:Gimp-indexed-colors.png|néant|vignette|500x500px|Couleurs indexées]]
|[[file:gimp-indexed-colors-2.png|400px|none|thumb|Select appropriate color numbers]]
|[[Fichier:Gimp-indexed-colors-2.png|néant|vignette|438x438px|Sélectionnez le nombre approprié de couleurs]]
|}
|}


If you can see all your drawings in the approximately right colors, then move on, else:
Si vous pouvez voir les éléments importants du dessin dans des couleurs approximativement correctes, continuez, sinon:
* Undo (hit Ctrl-Z)
* Annulez (appuyez sur Ctrl-Z).
* Add an extra color
* Ajoutez une couleur supplémentaire.
* Repeat this, until you see all your drawings in a different color.
* Répétez cette opération jusqu'à ce que tous vos éléments de dessins sont d'une couleur différente.


{| class="wikitable"
{| class="wikitable"
|+ Before and after color reduction
|+ Avant et après la réduction de couleur
|[[file:vacation-1.jpg|200px|right|thumb|Scanned hand drawing made for embroidery, cropped]]
|[[Fichier:Vacation-1.jpg|vignette|200x200px|Dessin à la main scanné fait pour la broderie]]
|[[file:vacation-2.jpg|200px|right|thumb|Scanned hand drawing made for embroidery, color reduced]]
|[[Fichier:Vacation-2.jpg|vignette|200x200px|Dessin à la main scanné, fait pour la broderie, avec couleurs réduites]]
|}
|}


===Step 4 - Adjust colors (optional)===
===Etape 4 - Ajuster les couleurs (optionnel)===


Open the colormap tool:
Ouvrez l'outil de palette de couleurs:
* <code>Windows -> Dockable dialogs -> Colormap</code>
* <code>Windows -> Dockable dialogs -> Colormap</code>
[[file:gimp-indexed-colors-3.png|600px|none|thumb|Color reduction with Gimp 2.10]]
[[Fichier:Gimp-indexed-colors-3.png|néant|vignette|600x600px|Réduction de couleurs avec Gimp 2.10]]
Vous pouvez maintenant modifier les couleurs ou fusionner deux couleurs, par exemple en attribuant le même code de couleur à deux couleurs indexées ou plus. Vous devez également rendre le fond entièrement blanc (#ffffff), sauf si vous souhaitez le broder.
[[Fichier:Gimp-indexed-colors-4.png|néant|vignette|600x600px|Réduction de couleurs avec Gimp 2.10]]


You now could change the colors or also merge two colors, e.g. by assigning the same color code to two or more indexed colors. You also should make the background full white (#ffffff), unless you want to stitch it.
===Etape 5 - Enlever le fond (optionnel)===
[[file:gimp-indexed-colors-4.png|600px|none|thumb|Color reduction with Gimp 2.10]]


===Step 5 - Remove background (optional)===
Vous pouvez rendre la couleur d'arrière-plan transparente (à moins que certains dessins utilisent la même couleur).
 
* À l'étape 4 précédente, assurez-vous que l'arrière-plan est blanc (#ffffff).
You can make the background color transparent (unless some of the drawing uses the same color).
* Ajoutez un canal pour la couche alpha: <code>Layer -> Transparency -> Add Alpha Channel</code>
* In the prior step 4, make sure that the background is white (#ffffff).
* Add a channel for the alpha layer: <code>Layer -> Transparency -> Add Alpha Channel</code>
* <code>colors -> Colors to Alpha ...</code>
* <code>colors -> Colors to Alpha ...</code>
[[file:gimp-indexed-colors-5.png|600px|none|thumb|Make the background transparent]]
[[Fichier:Gimp-indexed-colors-5.png|néant|vignette|630x630px|Rendre le fond transparent]]
 
Sauvegardez le fichier.
Save the file.
 
===Step 5 - Export===


In order to trace the raster file we need a format that Inkscape can read and that keeps the transparent background
===Etape 6 - Exporter===
* Export the file to a PNG file


== Trace the raster file with InkScape ==
Pour pouvoir tracer le fichier "raster", nous avons besoin d’un format lisible par Inkscape et qui conserve l’arrière-plan transparent.
* Exportez le fichier au format <code>.png</code>


Now you have to translate the color-reduced raster file to SVG vector graphics. If your drawing is simple, this is not too complicated. If not, it can take hours ...
== Tracer le fichier matriciel avec InkScape ==


[[file:inkscape-tracing-1.png|600px|none|thumb|Tracing with Inkscape]]
Vous devez maintenant convertir le fichier matriciel (bitmap/raster) à couleurs réduites en images vectorielles SVG. Si votre dessin est simple, ce n'est pas trop compliqué. Sinon, cela peut prendre du temps.
[[Fichier:Inkscape-tracing-5.png|néant|vignette|800px|Tracer avec Inkscape 1.x (en Anglais)]]
# Ouvrez l’image dans InkScape, c’est-à-dire importez l’image couleur <code>.png </code>réduite que vous avez créée avec GIMP (Fichier -> Ouvrir).
# Sélectionnez la photo (cliquez dessus).
# Ouvrez l'outil de traçage <code>Chemin -> Vectoriser un objet matriciel</code> (Angl. Path -> Trace Bitmap).
# Cochez <code>couleurs</code> sous <code>Plusieurs passes</code> (<code>Quantification de couleurs</code> sous <code>une seule passe</code> crée un seul chemin)
# Définissez les options de lissage (dans notre cas, cela ne faisait aucune différence, mais dans d'autres cas, cela peut l'être). Le lissage et l'optimisation sert à rendre les traits plus nets. Enlever les mouchetures si l'on a utilisé un feutre un peu abîmé par exemple est également utile.
#* <code>Moucheture</code> (Angl. Speckles). Élimine des objets plus petits que N pixel
#* <code>Adoucier les coins</code> (Angl. Smooth corners). Lissage de coins (plus = plus de lissage)
#* <code>Optimisé</code> (Angl. Optimize). Diminution du nombre de noeuds (plus = moins de noeuds)
# Sélectionnez le nombre de couleurs que vous souhaitez (normalement N est le nombre de couleurs que vous avez obtenu dans l'étape de réduction des couleurs plus la couleur de l'arrière plan). Cliquez sur <code>Mettre à jour</code>. Cela vous donne une prévisualisation.
# Cliquez sur <code>Appliquer</code> / OK pour tracer. Le résultat sera placé dans un groupe SVG. Cela signifie que vous pouvez tracer plusieurs fois. Chaque fois, un nouveau groupe est créé.


To vectorize a raster image - i.e. translate "dots" to drawings - do the following. However, depending on your drawing you may have to adapt the options a bit.
Après avoir tracé, la photo est toujours là. Plus tard, il faut la masquer ou supprimer
 
* Masquez l'image (ou son calque)
* Open the picture in InkScape, i.e. import the reduced color *.png picture you created with GIMP (File -> Open)
* Ouvrez le panneau des objets (Objet -> Objets).
* Select the picture (click on it)
* Attribuez un nom explicite à chaque chemin, par exemple: la couleur.
* Open the tracing tool (Menu path -> Trace Bitmap)
* Tick <code>colors</code> under ''Multiple scans ....''
* Set smoothing options (in our case, this did not make any difference, but in some other cases it can)
* Select the number of paths you want (normally N is the number of colors you got). If you add more scans, e.g. 8 for 4 colors, it will produce traces for the strokes for example. Start with N = you colors + the background, then click on Update. If the preview is OK, then trace.
* Click OK to trace. The result will be put in an SVG group. This means that you on can trace several times. Each time, a new group is created.
 
Normally, for embroidery, use aggressive smoothing options (however, this doesn't have an interesting effect in our case.):
[[file:inkscape-tracing-2.png|400px|none|thumb|Tracing with Inkscape - Extra tracing options]]
 
After tracing, the picture is still there, you can consider killing it or leaving it as hidden layer. Now check the result
* Hide the picture layer
* Open the path group
* For each path give it meaningful name, e.g. the color.
 
Kill extra paths you do not need (e.g. outlines created if you use extra scans). Also make sure to delete alternative versions since you likely will get mixed up.
 
[[file:inkscape-tracing-3.png|400px|none|thumb|Tracing with Inkscape]]
 
As you can see, despite aggressive smoothing options, the tracing procedure did not really smooth much. To smooth the path, you now can use the normal smoothing tool
* If you feel lucky: Select All (CTRL-A)
* CTRL-L or Path->Simplify
 
Now save the file in SVG format, as *.svg
 
== Prepare for embroidery ==
 
If not already done so, adjust the size of your embroidery.
* Set the measures in the main menu bar from px to mm or whatever you like
* Lock dimensions in the menu bar
* CTRL-A (Select All)
* Type the new size
[[file:inkscape-set-path-sizes.png|400px|none|thumb|Adjust drawing sizes]]
 
After resizing, adjust the document size (Menu File -> Document properties)
* Select ALL (CTRL-A)
* Select <code>Resize page to content</code>
* Add a small margin
[[file:inkscape-document-properties.png|400px|none|thumb|Adjust document size]]
 
Create a layer for the embroidery (optional)
* Create a new layer
* Move all the objects you want to stitch in there (using the Menu: Layers -> Move Selection to Layer)
 
Create single polygones:
* Since InkStitch wants to have connected path, you may have to break apart paths that are not, e.g. the blue one in our case. Also the green did have on little extra speckle somewhere.
: Menu <code>Path -> Break Apart</code> (CTRL-SHIFT-K)


== Préparation pour la broderie  ==
Si ce n'est pas déjà fait, ajustez la taille de votre broderie.
* Définissez les mesures dans la barre de menus principale, de px à mm.
* Verrouillez les dimensions dans la barre de menus.
* CTRL-A (Tout sélectionner).
* Entrer la nouvelle dimension pour la largeur "W".
[[Fichier:Inkscape-set-path-sizes.png|néant|vignette|400x400px|Ajuster la taille du dessin]]
Après le redimensionnement, ajustez la taille du document (Menu Fichier -> Propriétés du document)
* Sélectionnez TOUT (CTRL-A).
* Sélectionnez  <code>Resize page to content</code>
* Ajoutez une petite marge.
[[Fichier:Inkscape-document-properties.png|néant|vignette|532x532px|Ajuster la taille du document]]
* Créez un calque pour la broderie (facultatif).
* Créez un nouveau calque.
* Déplacez tous les objets que vous voulez y broder (en utilisant le menu: Calques -> Déplacer la sélection dans un calque).
* Créer des polygones simples:
* Comme InkStitch souhaite avoir un chemin connecté, vous devrez peut-être séparer les chemins qui ne le sont pas, par exemple. le bleu dans notre cas.
* Menu <code>Path -> Break Apart</code> (CTRL-SHIFT-K) <span class="tlid-translation-gender-indicator translation-gender-indicator"></span>
{| class="wikitable"
{| class="wikitable"
|+ Result
|+ Résultat
|[[file:vacation-2b.svg|300px|none|thumb|Embroidery with simple fills (SVG for download)]]
|[[Fichier:Vacation-2b.png|néant|vignette|300x300px|
|[[file:inkscape-tracing-4.png|450px|none|thumb|Resulting SVG file structure]]
Broderie avec remplissage facile
]]<span class="tlid-translation-gender-indicator translation-gender-indicator"></span>
|[[Fichier:Inkscape-tracing-4.png|néant|vignette|450x450px|
Structure du fichier svg résultant
]]<span class="tlid-translation-gender-indicator translation-gender-indicator"></span>
|}
|}


Now, most of this design should be embroidered with satin stitches. There are two ways of doing this:
Maintenant, la plupart de ces motifs doivent être brodés avec des points de satin. Il y a deux façons de le faire:<span class="tlid-translation-gender-indicator translation-gender-indicator"></span>
* Modify the path as described before
* Modifiez le chem<span class="tlid-translation-gender-indicator translation-gender-indicator"></span>in comme décrit précédemment.
* Add extra scans to the tracing (e.g. 8 instead of 4). By sorting through the produced path, you will find outlines
* Ajoutez des numérisations supplémentaires au traçage (par exemple 8 au lieu de 4). En triant le chemin produit, vous trouverez des contours Dans les deux cas, il y aura du travail.
In both cases, there will be some work. Use direction lines (rungs) to segment paths.
* Utilisez des lignes de direction (échelons) pour segmenter les chemins. La procédure pour créer des échelons est disponible [https://edutechwiki.unige.ch/fr/InkStitch_-_colonnes_satin#Ajouter_des_.C3.A9chelons_.28Voir_ci-dessus_pour_plus_de_d.C3.A9tails.29 sur cette page]
 
<span class="tlid-translation-gender-indicator translation-gender-indicator"></span>


== Copyright modification ==
== Modification et Droit d'auteur  ==


Contents of this page including pictures and SVG files are also available under the [http://en.wikipedia.org/wiki/Wikipedia:Text_of_the_GNU_Free_Documentation_License GNU Free Documentation License] and the [https://creativecommons.org/licenses/by/4.0/ Attribution 4.0 International (CC BY 4.0)] license.
Le contenu de cette page, y compris les images et les fichiers SVG, est également disponible sous les licences [http://en.wikipedia.org/wiki/Wikipedia:Text_of_the_GNU_Free_Documentation_License GNU Free Documentation License] et la license [https://creativecommons.org/licenses/by/4.0/ Attribution 4.0 International (CC BY 4.0)] .


The [https://github.com/lexelby/inkstitch/i Inkstitch project] can use any element (text fragments, SVG files, pictures) for the project's official docs without giving attribution (just copy and paste).
Le [https://github.com/lexelby/inkstitch/i project Inkstitch] peut utiliser n’importe quel élément (fragments de texte, fichiers SVG, images) pour la documentation officielle du projet sans attribution (il suffit de copier et coller).

Version du 30 mars 2022 à 18:08

Guide de tutoriels de broderie machine
Module: InkStitch
⚐ à améliorer ☸ débutant
⚒ 2022/03/30
Prérequis
Autres pages du module
Catégorie: InkStitch

Fichier de Broderies à partir de dessins faits main

Créer des fichiers de broderies à partir de photos, de peintures ou de dessins complexes à la main peut s'avérer difficile. Nous apprendrons à travers cette page à créer des designs de broderie à partir de dessins simples. Pour d'autres cas, lisez le survol dans InkStitch - broder des images.

Notre méthode simple a été testée avec des centaines de patches en utilisant le logiciel commercial Stitch Era, comme par exemple au Salon du livre 2018. Elle marche aussi bien avec InkStitch, mais prend un peu plus de temps.

Après avoir réduit les couleurs (avec le logiciel gratuit GIMP), tracer des vecteurs avec Inkscape marche bien si le dessin original est simple. Il faut notamment éviter de dessiner des éléments qui se superposent et sont de même couleur.

Un dessin à la main scanné pour la broderie

Dessin à la main souhaité

Afin de créer un fichier SVG manipulable à partir d'un dessin à la main, nous suggérons de respecter les différentes règles ci-dessous:

  • utiliser des feutres larges
  • utiliser peu de couleurs
  • utiliser des couleurs avec contraste (i.e. rouge, bleu, vert, noir)
  • Ne pas faire de remplissage sur de zones large (difficiles à broder)

A droite, un exemple acceptable d'un dessin fait à la main (sans parler de la qualité du dessin).

Il est relativement facile d'utiliser des dessins d'enfants plus complexes, comme nous l'expliquons sur la page créer une broderie à partir d'un dessin d'enfant, à l'aide du logiciel Stitch Era. Par contre, créer une broderie à partir d'une peinture ou d'une photographie peut prendre énormément de temps et pour cette raison nous le déconseillons.

Scanner, couper et réduire les couleurs

Avant de vectoriser (et de tracer) un dessin scanné, on suggère de réduire les couleurs.

Beaucoup de logiciels permettent de réduire les couleurs. Nous utilisons Gimp, un logiciel puissant et gratuit de manipulations d'images. Même si c'est un outil complexe qui demande du temps afin de comprendre son fonctionnement, les manipulations énoncées ci-dessous ne sont pas trop difficiles à effectuer.

Étape 1 - Scanner

Scannez l'image au format .jpg. Photographier l'image avec un portable va aussi, mais essayer d'éviter des ombres !

N'importe quelle résolution fonctionnera puisque la broderie peut fonctionner généralement à une résolution très basse.

Etape 2 - Rogner

Recadrer la photo. Vous n'avez pas besoin de faire très attention à la taille des marges. Cependant, vous devez décider si vous voulez une image complète ou une partie de celle-ci. Ci-dessous, nous avons décidé de découper une partie du dessin pour le rendre plus rectangulaire.

  • Ouvrez la photo dans Gimp.
  • Faites glisser la souris pour sélectionner un rectangle. Par défaut, l'outil de sélection de rectangle est déjà sélectionné. Vous pouvez tirer / pousser les bordures du rectangle (déplacez le curseur tout près) avant de cliquer sur "Crop to Selection".
  • Sauvegardez le fichier.
Couper une image avec Gimp 2.10

Etape 3 - Réduire les couleurs

Comme expliqué dans le manuel en ligne de Gimp, la réduction des couleurs est très simple (sauf si vous avez besoin de transitions douces entre les couleurs, ce que la broderie ne requière pas).

Ouvrez l'outil de réduction des couleurs et réduisez les couleurs avec les paramètres de conversion suivants:

  • Définissez le nombre maximal de couleurssur le nombre de couleurs que vous pouvez compter sur votre dessin, plus une pour l'arrière plan.
  • Ne touchez pas à l'option "Dithering".
  • Cliquez sur Convertir et vérifiez le résultat (voir la figure ci-dessous).
Image: Réduction de couleur avec Gimp 2.10
Couleurs indexées
Sélectionnez le nombre approprié de couleurs

Si vous pouvez voir les éléments importants du dessin dans des couleurs approximativement correctes, continuez, sinon:

  • Annulez (appuyez sur Ctrl-Z).
  • Ajoutez une couleur supplémentaire.
  • Répétez cette opération jusqu'à ce que tous vos éléments de dessins sont d'une couleur différente.
Avant et après la réduction de couleur
Dessin à la main scanné fait pour la broderie
Dessin à la main scanné, fait pour la broderie, avec couleurs réduites

Etape 4 - Ajuster les couleurs (optionnel)

Ouvrez l'outil de palette de couleurs:

  • Windows -> Dockable dialogs -> Colormap
Réduction de couleurs avec Gimp 2.10

Vous pouvez maintenant modifier les couleurs ou fusionner deux couleurs, par exemple en attribuant le même code de couleur à deux couleurs indexées ou plus. Vous devez également rendre le fond entièrement blanc (#ffffff), sauf si vous souhaitez le broder.

Réduction de couleurs avec Gimp 2.10

Etape 5 - Enlever le fond (optionnel)

Vous pouvez rendre la couleur d'arrière-plan transparente (à moins que certains dessins utilisent la même couleur).

  • À l'étape 4 précédente, assurez-vous que l'arrière-plan est blanc (#ffffff).
  • Ajoutez un canal pour la couche alpha: Layer -> Transparency -> Add Alpha Channel
  • colors -> Colors to Alpha ...
Rendre le fond transparent

Sauvegardez le fichier.

Etape 6 - Exporter

Pour pouvoir tracer le fichier "raster", nous avons besoin d’un format lisible par Inkscape et qui conserve l’arrière-plan transparent.

  • Exportez le fichier au format .png

Tracer le fichier matriciel avec InkScape

Vous devez maintenant convertir le fichier matriciel (bitmap/raster) à couleurs réduites en images vectorielles SVG. Si votre dessin est simple, ce n'est pas trop compliqué. Sinon, cela peut prendre du temps.

Tracer avec Inkscape 1.x (en Anglais)
  1. Ouvrez l’image dans InkScape, c’est-à-dire importez l’image couleur .png réduite que vous avez créée avec GIMP (Fichier -> Ouvrir).
  2. Sélectionnez la photo (cliquez dessus).
  3. Ouvrez l'outil de traçage Chemin -> Vectoriser un objet matriciel (Angl. Path -> Trace Bitmap).
  4. Cochez couleurs sous Plusieurs passes (Quantification de couleurs sous une seule passe crée un seul chemin)
  5. Définissez les options de lissage (dans notre cas, cela ne faisait aucune différence, mais dans d'autres cas, cela peut l'être). Le lissage et l'optimisation sert à rendre les traits plus nets. Enlever les mouchetures si l'on a utilisé un feutre un peu abîmé par exemple est également utile.
    • Moucheture (Angl. Speckles). Élimine des objets plus petits que N pixel
    • Adoucier les coins (Angl. Smooth corners). Lissage de coins (plus = plus de lissage)
    • Optimisé (Angl. Optimize). Diminution du nombre de noeuds (plus = moins de noeuds)
  6. Sélectionnez le nombre de couleurs que vous souhaitez (normalement N est le nombre de couleurs que vous avez obtenu dans l'étape de réduction des couleurs plus la couleur de l'arrière plan). Cliquez sur Mettre à jour. Cela vous donne une prévisualisation.
  7. Cliquez sur Appliquer / OK pour tracer. Le résultat sera placé dans un groupe SVG. Cela signifie que vous pouvez tracer plusieurs fois. Chaque fois, un nouveau groupe est créé.

Après avoir tracé, la photo est toujours là. Plus tard, il faut la masquer ou supprimer

  • Masquez l'image (ou son calque)
  • Ouvrez le panneau des objets (Objet -> Objets).
  • Attribuez un nom explicite à chaque chemin, par exemple: la couleur.

Préparation pour la broderie

Si ce n'est pas déjà fait, ajustez la taille de votre broderie.

  • Définissez les mesures dans la barre de menus principale, de px à mm.
  • Verrouillez les dimensions dans la barre de menus.
  • CTRL-A (Tout sélectionner).
  • Entrer la nouvelle dimension pour la largeur "W".
Ajuster la taille du dessin

Après le redimensionnement, ajustez la taille du document (Menu Fichier -> Propriétés du document)

  • Sélectionnez TOUT (CTRL-A).
  • Sélectionnez Resize page to content
  • Ajoutez une petite marge.
Ajuster la taille du document
  • Créez un calque pour la broderie (facultatif).
  • Créez un nouveau calque.
  • Déplacez tous les objets que vous voulez y broder (en utilisant le menu: Calques -> Déplacer la sélection dans un calque).
  • Créer des polygones simples:
  • Comme InkStitch souhaite avoir un chemin connecté, vous devrez peut-être séparer les chemins qui ne le sont pas, par exemple. le bleu dans notre cas.
  • Menu Path -> Break Apart (CTRL-SHIFT-K)
Résultat
Broderie avec remplissage facile
Structure du fichier svg résultant

Maintenant, la plupart de ces motifs doivent être brodés avec des points de satin. Il y a deux façons de le faire:

  • Modifiez le chemin comme décrit précédemment.
  • Ajoutez des numérisations supplémentaires au traçage (par exemple 8 au lieu de 4). En triant le chemin produit, vous trouverez des contours Dans les deux cas, il y aura du travail.
  • Utilisez des lignes de direction (échelons) pour segmenter les chemins. La procédure pour créer des échelons est disponible sur cette page

Modification et Droit d'auteur

Le contenu de cette page, y compris les images et les fichiers SVG, est également disponible sous les licences GNU Free Documentation License et la license Attribution 4.0 International (CC BY 4.0) .

Le project Inkstitch peut utiliser n’importe quel élément (fragments de texte, fichiers SVG, images) pour la documentation officielle du projet sans attribution (il suffit de copier et coller).

Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=InkStitch_-_broderies_à_partir_de_dessins_faits_à_la_main&oldid=161103 »