InkStitch - broderies à partir de dessins faits à la main

De EduTech Wiki
Aller à la navigation Aller à la recherche

Modèle:Syllabus

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.

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.

Après avoir réduit les couleurs (avec le logiciel gratuit Gimp ), tracer des vecteurs avec Inkscape marche assez facilement si le dessin orignial est simple.

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 large zone (afin de simplifier la couture par la suite)

A droite un exemple acceptable d'un dessin fait 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.

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 fortement de réduire les couleurs, car ce procédé permettra au scan d'être plus précis.

Beaucoup de logiciels permettent de réduire les couleurs. Par exemple, avec 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

Scanner l'image au format *.jpg

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

Etape 2 - Couper

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.

  • Ouvrir 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 "Rogner à la sélection"
  • Sauvegarder le fichier
Cropping a picture with 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
  • Do not use any dithering options.
  • Cliquez sur Convertir et vérifier le résultat (see after the figure)
Figure: Color reduction with Gimp 2.10
Use indexed colors
Select appropriate color numbers

Si vous pouvez voir tous vos dessins dans des couleurs approximativement correctes, continuez, sinon:

  • Annuler (appuyez sur Ctrl-Z)
  • Ajouter une couleur supplémentaire
  • Répétez cette opération jusqu'à ce que tous vos dessins soient d'une couleur différente.
Avant et après la réduction de couleur
Scanned hand drawing made for embroidery, cropped
Scanned hand drawing made for embroidery, color reduced

Etape 4 - Ajuster les couleurs (optionnel)

Ouvrez l'outil de palette de couleurs:

  • Windows -> Dockable dialogs -> Colormap
Color reduction with 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 coudre.

Color reduction with 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).
  • Ajouter un canal pour la couche alpha: Layer -> Transparency -> Add Alpha Channel
  • colors -> Colors to Alpha ...
Make the background transparent

Sauvegarder le fichier.

Etape 5 - Exporter

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

  • Exporter le fichier au format *.png

Tracer le fichier "raster" avec InkScape

Vous devez maintenant convertir le fichier "raster" possédante des couleurs réduites en images vectorielles SVG. Si votre dessin est simple, ce n'est pas trop compliqué. Sinon, cela peut prendre du temps.

Tracing with Inkscape

Pour vectoriser une image raster (c’est-à-dire traduire des "points" en dessins), procédez comme suit. Cependant, en fonction de votre dessin, vous devrez peut-être adapter un peu les options.

  • Ouvrez l’image dans InkScape, c’est-à-dire importez l’image couleur * .png réduite que vous avez créée avec GIMP (Fichier -> Ouvrir)
  • Sélectionnez la photo (cliquez dessus)
  • Ouvrez l'outil de traçage (chemin du menu -> bitmap de trace)
  • Cochez colors sous Multiple scans ....
  • Définir les options de lissage (dans notre cas, cela ne faisait aucune différence, mais dans d'autres cas, cela peut l'être)
  • Sélectionnez le nombre de chemins que vous souhaitez (normalement N est le nombre de couleurs que vous avez obtenu). Si vous ajoutez d'autres analyses, par exemple 8 pour 4 couleurs, il produira des traces pour les traits par exemple. Commencez avec N = vous couleurs + l'arrière-plan, puis cliquez sur Mettre à jour. Si l'aperçu est correct, tracez.
  • Cliquez sur 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éé.Open the picture in InkScape, i.e. import the reduced color *.png picture you created with GIMP (File -> Open)

Normalement, pour la broderie, utilisez des options de lissage agressives (toutefois, cela n’a pas d’effet intéressant dans notre cas.):

Tracing with Inkscape - Extra tracing options

Après avoir tracé, la photo est toujours là, vous pouvez envisager de la supprimer ou de la laisser en tant que calque masqué. Maintenant, vérifiez le résultat:

  • Masquez le calque d'image
  • Ouvrez le groupe de chemins
  • Pour chaque chemin, attribuez-lui un nom explicite, par exemple: la couleur.

Supprimez les chemins supplémentaires dont vous n’avez pas besoin (par exemple, les contours créés si vous allez utiliser des scans supplémentaires). Assurez-vous également de supprimer les versions alternatives, car vous risquez de vous mélanger les pinceaux.

Tracing with Inkscape

Comme vous pouvez le constater, malgré les options de lissage agressives, la procédure de traçage ne lisse pas beaucoup. Pour lisser le chemin, vous pouvez maintenant utiliser l'outil de lissage normal

  • Si vous vous sentez chanceux: Tout sélectionner (CTRL-A)
  • CTRL-L ou Chemin-> Simplifier

Enregistrez maintenant le fichier au format SVG, au format * .svg

Préparation pour la broderie

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

  • Définissez les mesures dans la barre de menus principale, de px à mm ou à votre convenance.
  • Verrouillez les dimensions dans la barre de menus
  • CTRL-A (Tout sélectionner)
  • Tappez la nouvelle taille
Adjust drawing sizes

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
Adjust document size
  • Créer un calque pour la broderie (facultatif)
  • Créer 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. De plus, le vert a quelque part un peu plus de mouchetures.
  • Menu Path -> Break Apart (CTRL-SHIFT-K)
Résultat
Fichier:Vacation-2b.svg
Embroidery with simple fills (SVG for download)
Resulting SVG file structure

Now, most of this design should be embroidered with satin stitches. There are two ways of doing this:

  • Modify the path as described before
  • Add extra scans to the tracing (e.g. 8 instead of 4). By sorting through the produced path, you will find outlines

In both cases, there will be some work. Use direction lines (rungs) to segment paths.

Copyright modification

Contents of this page including pictures and SVG files are also available under the GNU Free Documentation License and the Attribution 4.0 International (CC BY 4.0) license.

The Inkstitch project can use any element (text fragments, SVG files, pictures) for the project's official docs without giving attribution (just copy and paste).