« Cours initiation à la broderie numérique - Bases de InkStitch III (FacLab UniGE) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(42 versions intermédiaires par le même utilisateur non affichées)
Ligne 24 : Ligne 24 :
|cat tutoriels=Broderie machine
|cat tutoriels=Broderie machine
}}
}}
[[category: faclab UniGE]]
== Introduction ==
== Introduction ==


Ligne 30 : Ligne 31 :
'''Objectifs:'''
'''Objectifs:'''
* Consolider les acquis, utiliser des points manuels, numériser des images simples (c.f. à droite pour la liste complète)
* Consolider les acquis, utiliser des points manuels, numériser des images simples (c.f. à droite pour la liste complète)
'''Préparation:'''
* Installez SVP [https://www.gimp.org/ Gimp] avant le cours ou au début du cours si possible. Si vous savez comment [https://helpx.adobe.com/photoshop-elements/using/using-image-modes-color-tables.html#convert_an_image_to_indexed_color indexer et réduire les couleurs en Photoshop] ce n'est pas nécessaire, mais je ne peux pas vous aider.
* Groupe Telegram "faclab_embroidery"
{{lien|'''Questions ? '''}}


== Editer un plan de broderie - points manuels ==
== Editer un plan de broderie - points manuels ==
Ligne 35 : Ligne 42 :
=== Principes ===
=== Principes ===


Rappelons le principe de la brodérie numérique avec [[InkStitch]]. Ink/Stitch permet (via une interface GUI) d'ajouter des paramètres de broderie à un objet SVG et qui indiquent comment le broder objet SVG. Cet '''objet de broderie''' doit être un élément [[SVG]] de type "chemin" (Angl. "path"). Un engin traduit ensuite ces objets paramétrés en '''paquets de broderie''' qui se retrouvent dans le plan de broderie (que l'on peut visualiser ou non). Ce plan définit les points que la machine va piquer. Il est ensuite exporté en format machine de votre choix.
Rappelons le principe de la brodérie numérique avec [[InkStitch]]. Ink/Stitch permet (via une interface GUI) d'ajouter des paramètres de broderie à un objet SVG et qui indiquent comment le broder objet SVG. Cet '''objet de broderie''' doit être un élément [[SVG]] de type "chemin" (Angl. "path"). Un engin traduit ensuite ces objets paramétrés en '''paquets de broderie''' qui se retrouvent dans le plan de broderie (que l'on peut visualiser ou non). Ce plan définit les points que la machine va piquer. Il est ensuite exporté en format machine de votre choix.  
 
Le plan de broderie est composé de "paquets de points" brodés dans l'ordre. Après chaque changement de couleur ou instruction "TRIM" (coupe de fil) un nouveau paquet est crée. Le plan de broderie visualise aussi certaines commandes, notamment les coupes de fil et les stops. Il est possible de visualiser et d'éditer un plan de broderie.
 
L''''organisation du plan de broderie''' est la suivante:
* Groupement par couleur (mais il peut avoir plusieurs groupes de la même couleur)
* A l'intérieur de chaque "color block", il y un ou plusieurs '''paquets de broderie''' qui définissent un chemin que la brodeuse va piquer.
* Des instructions à la machine (couper le fil) peuvent également se trouver dans les blocs
 
Voici un exemple, basé sur [http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/symbols/math/infinity-twemoji-inkstitch.svg infinity-twemoji-inkstitch.svg]
 
Pour générer le plan de broderie:
* Menu <code> Ink/stitch -> Visualiser et exporter -> Prévisualisation du plan de broderie </code>
[[image: inkstitch-2-plan-de-broderie-1.png|none|1000px|thumb|Créer une plan de broderie]]


Le plan de broderie est composé de "paquets de points" brodés dans l'ordre. Après chaque changement de couleur ou instruction "TRIM" (coupe de fil) un nouveau paquet est crée. Il contient également quelques autres instructions, comme faire un point d'arrêt, couper le fil, changer de fil.
Voici un résultat avec les paramètres par défaut:


[[image: paquet-de-broderie-inkstitch2.png|none|800px|thumb|Objet (un objet satin "infini") vs. paquet de broderie  (points du satin, y.c. trois types de sous-couches)e]]
[[image: paquet-de-broderie-inkstitch2.png|none|1000px|thumb|Objet (un objet satin "infini") vs. paquet de broderie  (points du satin, y.c. trois types de sous-couches)e]]


Raisons pour regarder et ou éditer un plan de broderie ou encore créer manuellement des paquets de broderie:
Raisons pour regarder et ou éditer un plan de broderie ou encore créer manuellement des paquets de broderie:
* Certains points nécessitent une correction, il faut les déplacer.
* Certains points nécessitent une correction, on peut donc les déplacer par exemple.
* On désire dessiner point par point un objet de broderie, typiquement un objet géométrique tout petit.
* Au lieu de générer des points de broderie, on peut dessiner point par point un objet de broderie, typiquement un objet géométrique tout petit.
* On désire modifier (éliminer, tourner, déplacer, colorier, ...) un élément d'un motif obtenu au format machine (typiquement un motif acheté en ligne)
* On désire modifier (éliminer, tourner, déplacer, colorier, ...) un élément d'un motif obtenu au format machine (typiquement un motif acheté en ligne)


Ligne 52 : Ligne 72 :
Il paraît que la plupart des professionnels de la broderie industrielle font quelques aménagements manuels aux résultats de la numérisation. Voici l'exemple d'un oeil qui sera légèrement modifié à gauche pour accentuer la pointe.
Il paraît que la plupart des professionnels de la broderie industrielle font quelques aménagements manuels aux résultats de la numérisation. Voici l'exemple d'un oeil qui sera légèrement modifié à gauche pour accentuer la pointe.


<gallery widths="330" heights="200">
<gallery mode="packed" heights="250">
inkstitch-manual-placement-4a.png | Œil, généré dans le plan de broderies
inkstitch-manual-placement-4a.png | Œil, généré dans le plan de broderies
inkstitch-manual-placement-4b.png | Petit oeil, en cours de modification (déplacement d'un segment de calque sous-jacent)
inkstitch-manual-placement-4b.png | Petit oeil, en cours de modification (déplacement d'un segment de sous-chemin)
inkstitch-manual-placement-4c.png | Petit Œil, après modifications.
inkstitch-manual-placement-4c.png | Petit Œil, après modifications.
</gallery>
</gallery>
Ligne 60 : Ligne 80 :
Pour générer le fichier de broderie machine à partir de modifications au niveau du plan de broderie, il y a deux stratégies:
Pour générer le fichier de broderie machine à partir de modifications au niveau du plan de broderie, il y a deux stratégies:
# '''Afficher seulement le "stitch plan"''' et garder masquées tous les autres calques (ne pas régénérer le plan de broderie non plus). Vous pouvez ensuite créer un fichier de broderie machine à l'aide du bouton "Enregistrer une copie sous". Recommandé pour des toutes petites corrections rapides
# '''Afficher seulement le "stitch plan"''' et garder masquées tous les autres calques (ne pas régénérer le plan de broderie non plus). Vous pouvez ensuite créer un fichier de broderie machine à l'aide du bouton "Enregistrer une copie sous". Recommandé pour des toutes petites corrections rapides
# '''Copier le paquet corrigé, le coller dans le calque qui contient vos objets de broderie''', et supprimer (ou cacher) la version originale. Le nouveau objet aura le statut de point manuel (c.f. ci-dessous). Cette tactique marche si l'objet est bien séparé par un changement de couleur ou une coupe de fil, sinon il faut l'extraire par chirurgie de noeuds.
# '''Copier le paquet corrigé, le coller dans le calque qui contient vos objets de broderie''', et supprimer (ou cacher) le plan de broderie. Le nouveau objet aura le statut de point manuel (c.f. ci-dessous). Cette tactique marche si l'objet est bien séparé par un changement de couleur ou une coupe de fil, sinon il faut l'extraire par chirurgie de noeuds.
 
{{lien|content=démo live|bgcolor=Lime}} avec un [[Emoji/Catégories Unicode Emoji v14.0|emoji de votre choix]].


=== Créer un objet de broderie manuel ===
=== Créer un objet de broderie manuel ===
Ligne 74 : Ligne 96 :


{{lien|démo live}}
{{lien|démo live}}
[[file: AAA-SVG-assets.svg|none|400px|thumb|Fichier SVG à télécharger ([//edutechwiki.unige.ch/fmediawiki/images/9/95/AAA-SVG-assets.svg access direct]) ]]
[[file: AAA-SVG-assets.svg|none|400px|thumb|Fichier SVG à télécharger ([//edutechwiki.unige.ch/fmediawiki/images/9/95/AAA-SVG-assets.svg access direct]) ]]
Voir [[InkStitch - points manuels]] pour plus de détails


=== Manipuler des fichiers machine ===
=== Manipuler des fichiers machine ===
Vous pouvez directement ouvrir des fichiers machine populaires (DST, PES, JEF, etc.). Il est possible de réutiliser des éléments comme objets de broderie manuels. Si nécessaire, vous pouvez séparer les chemins. Vous pouvez également les déplacer, faire des rotations, et les écarter ou diminuer légèrement ('''pas plus que 10%''', sinon vous risquer d’abîmer l'aiguille, la machine ou au moins le motif....)
 
Vous pouvez directement ouvrir des fichiers machine populaires (DST, PES, JEF, etc.) en tant que plans de broderie. Il est possible de réutiliser des éléments comme objets manuels de broderie. Si nécessaire, vous pouvez séparer les chemins. Vous pouvez également les déplacer, faire des rotations, et les écarter ou les diminuer légèrement ('''pas plus que 10%''', sinon vous risquer d’abîmer l'aiguille, la machine ou au moins le motif....)


== Numériser des fichiers matriciels simples ==
== Numériser des fichiers matriciels simples ==
Numériser des logos et similaire est relativement simple. Le processus exige que l'on traduit une image matricielle en objets vectoriels (chemins SVG) et comprend les étapes suivants
Numériser des logos et similaire est relativement simple. Le processus exige que l'on traduit une image matricielle en objets vectoriels (chemins SVG) et comprend les étapes suivantes
* Réduction de couleurs si nécessaire avec un logiciel de traitement d'image
# Réduction de couleurs si nécessaire avec un logiciel de traitement d'image
* Choix de la stratégie de vectorisation: Détection de couleurs, de niveaux de luminosité, de coins ou encore de tracé central
# Choix de la stratégie de vectorisation: Détection de couleurs, de niveaux de luminosité, de coins ou encore de tracé central
* Vectorisation
# Vectorisation (traçage)
* Chirurgie de vecteurrs (séparation, simplification, recomposition, etc.)
# Chirurgie de vecteurs (séparation, simplification, recomposition, etc.)


Nous montrons le principe avec un dessin d'enfant. Pour plus de détails, voir [[InkStitch - broderies à partir de dessins faits à la main]].
Nous montrons le principe avec un dessin fait avec des gros feutres. Pour plus de détails, voir [[InkStitch - broder des images]] et ensuite [[InkStitch - broderies à partir de dessins faits à la main]].


=== Contraintes concernant le dessin ===
=== Contraintes concernant le dessin ===
Le dessin doit être simple:
<nowiki>*</nowiki> utiliser des feutres larges


<nowiki>*</nowiki> utiliser peu de couleurs
Le dessin fait à la main doit être simple:


<nowiki>*</nowiki> utiliser des couleurs avec contraste (i.e. rouge, bleu, vert, noir)
* utiliser des feutres larges
 
* utiliser peu de couleurs
<nowiki>*</nowiki> Ne pas faire de remplissage sur de zones large (difficiles à broder)
* utiliser des couleurs avec contraste (i.e. rouge, bleu, vert, noir)
* Ne pas faire de remplissage sur des zones large (difficiles à broder)
{{lien|démo live}} On va tenter de numériser le dessin d'un-e participant-e.


=== Rognage et réduction de couleurs ===
=== Rognage et réduction de couleurs ===
L'image scanné (de préférence) ou photographié doit être rognée et les couleurs doivent être réduits à un minimum
L'image scanné (de préférence) ou photographié doit être rognée et les couleurs doivent être réduits à un minimum.


====Etape 1 - Rogner====
====Etape 1 - Rogner====
Ligne 111 : Ligne 136 :
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).
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).


Ouvrez l'outil de réduction des couleurs et réduisez les couleurs avec les paramètres de conversion suivants:
Ouvrez l'outil de réduction des couleurs
*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.
:<code>Menu Image-> Mode ->Couleurs indexés -> </code>
Réduisez les couleurs avec les paramètres de conversion suivants:
*Définissez le  <code>nombre maximal de couleurs</code> en fonction du nombre de couleurs que vous pouvez compter dans votre dessin, plus une pour l'arrière plan.
*Ne touchez pas à l'option "Dithering".
*Ne touchez pas à l'option "Dithering".
*Cliquez sur <code>Convertir</code> et vérifiez le résultat (voir la figure ci-dessous).
*Cliquez sur <code>Convertir</code> et vérifiez le résultat (voir la figure ci-dessous).
{|
{|
|+Image: Réduction de couleur avec Gimp 2.10
|+Image: Réduction de couleur avec Gimp 2.10
|[[Fichier:Gimp-indexed-colors.png|néant|vignette|500x500px|Couleurs indexées]]
|[[Fichier:Gimp-indexed-colors.png|néant|vignette|500x500px|Couleurs indexées (Interface en Anglais)]]
|[[Fichier:Gimp-indexed-colors-2.png|néant|vignette|438x438px|Sélectionnez le nombre approprié de couleurs]]
|[[Fichier:Gimp-indexed-colors-2.png|néant|vignette|438x438px|Sélectionnez le nombre approprié de couleurs]]
|}Si vous pouvez voir les éléments importants du dessin dans des couleurs approximativement correctes, continuez, sinon:
|}Si vous pouvez voir les éléments importants du dessin dans des couleurs approximativement correctes, continuez, sinon:
Ligne 123 : Ligne 150 :
*Ajoutez une couleur supplémentaire.
*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.
*Répétez cette opération jusqu'à ce que tous vos éléments de dessins sont d'une couleur différente.
'''Exportez au format PNG'''. Quelques manipulations supplémentaires sont décrites dans [[InkStitch - broderies à partir de dessins faits à la main]]
'''Exportez au format PNG'''.  
 
Quelques manipulations supplémentaires sont décrites dans [[InkStitch - broderies à partir de dessins faits à la main]]


=== Vectoriser un dessin couleur avec InkScape ===
=== Vectoriser un dessin couleur 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.
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-1.png|néant|vignette|600x600px|Tracer avec Inkscape]]
[[Fichier:Inkscape-tracing-5.png|néant|vignette|800px|Tracer avec Inkscape 1.x]]
* 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).
# 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).
# Sélectionnez la photo (cliquez dessus).
* Ouvrez l'outil de traçage Chemin -> <code>Vectoriser un objet matriciel</code> (Angl. Path -> Trace Bitmap).
# 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> ou encore <code>Quantification de couleurs</code> sous <code>une seule passe</code>.
# Cochez <code>couleurs</code> sous <code>Plusieurs passes</code> (<code>Quantification de couleurs</code> sous <code>une seule passe</code> donne une seule couleur).
* 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 sert à rendre les traits plus nets ou enlever les mouchetures si l'on a utilisé un feutre un peu abîmé par exemple.
# 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 sert à rendre les traits plus nets ou enlever les mouchetures si l'on a utilisé un feutre un peu abîmé par exemple.
* 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 = vos couleurs + l'arrière-plan, puis cliquez sur Mettre à jour. Si l'aperçu est correct, tracez en cliquant sur OK.
# Sélectionnez le nombre de chemins que vous souhaitez. Commencez avec N = vos couleurs + l'arrière-plan, puis cliquez sur Mettre à jour. Cela vous donne un aperçu.
* 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éé.  
# 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éé.  


Normalement, pour la broderie, utilisez des options de lissage agressives (toutefois, cela n’a pas d’effet intéressant dans notre cas)
Après avoir tracé, la photo est toujours là.
[[Fichier:Inkscape-tracing-2.png|néant|vignette|400x400px|Tracer avec Inkscape - Options de traçage extra]]
* Masquez l'image (ou son calque)
Après avoir tracé, la photo est toujours là. Plus tard, il faut la masquer ou supprimer
* Ouvrez le panneau des objets (Objet -> Objets).
* Masquez le calque d'image.
* Attribuez un nom explicite à chaque chemin, par exemple: la couleur.
* Ouvrez le groupe de chemins (Objets -> objets).
* 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.
Supprimez les chemins supplémentaires dont vous n’avez pas besoin (par exemple, les contours créés si vous avez utiliser des scans supplémentaires). Assurez-vous également de supprimer les versions alternatives, car vous risquez de vous mélanger les pinceaux.
[[Fichier:Inkscape-tracing-3.png|néant|vignette|400x400px|Tracer avec Inkscape]]
[[Fichier:Inkscape-tracing-3.png|néant|vignette|400x400px|Tracer avec 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. Attention le lissage peut déformer la forme. Si vous estimez avoir trop lissé, faites CRTL-Z jusqu'à être revenu à un dessin convenable.
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. Attention le lissage peut déformer la forme. Si vous estimez avoir trop lissé, faites CRTL-Z jusqu'à être revenu à un dessin convenable.
Ligne 151 : Ligne 178 :
Enregistrez maintenant le fichier au format SVG(<code>.svg</code>)
Enregistrez maintenant le fichier au format SVG(<code>.svg</code>)


=== Autres types de vectorisations ===
Commencez le travail de numérisation tel qu'il a été présenté dans ce cours: séparer les objets si nécessaire, paramétrer les polygones, créer des satins, etc.
 
=== Autres types de vectorisation ===
 
# Centerline trace pour du "line art"
# Centerline trace pour du "line art"
# Luminosité pour des dessins au crayon ou photos noir/blanc simples
# Luminosité pour des dessins au crayon ou des photos noir/blanc simples
# Détection de coins pour des dessins techniques (entre autres)
# Détection de coins pour des dessins techniques, etc.
 
Lire: [[InkStitch - broder des images]]


== Numériser des fichiers matriciels complexes ==
== Numériser des fichiers matriciels complexes ==
Ligne 162 : Ligne 194 :


Importez le fichier, diminuez la transparence, verrouillez et redessinez les objets avec l'outil crayon ou plume ...
Importez le fichier, diminuez la transparence, verrouillez et redessinez les objets avec l'outil crayon ou plume ...
Certains logiciels semi-professionnels numérisent mieux que d'autres les images matriciels (sans passer par une vectorisation). Il existe aussi une technique particulière appelée "PhotoStitch" qui consiste à broder une photo avec un mélange de quelques couleurs, un peu comme une imprimante matricielle, lire par exemple: [[:en:Stitch Era - photo-stitching|Stitch Era - photo-stitching]]
On conseille aussi d'examiner les offres de services en ligne, par exemple [https://photoembroidery.com/ photoembroidery.com], auteur de notre documentation très techniques sur les [[Embroidery format|formats]] (en anglais).
== Sujets pas abordés dans ce cours ==
* Les commandes
* Divers outils d'assistance comme l'outil de routage pour les satins ou briser des objets de remplissage
* Debugging
* Les textures
* Remplissage courbé (officiel dans la prochaine version)
* Génération d'un fichier PDF qui contient des informations utiles pour broder
Explorez le menu, pour le moment InkStitch reste un logiciel plutôt simple !
== Résultats ==
La majorité des participants a pu créer plusieurs motifs durant ce cours de 4 séances et la plupart maîtrisent la machine.
Exemple d'un dessin d'une participante:
<gallery mode="packed" heights="300" showfilename="yes">
file: c-goblin.jpg| Dessins pris en photo avec un smartphone
file: c-goblin.png| Dessin réduit à 4 couleurs avec GIMP
file: c-goblin.svg| Fichier brodable (après travail de séparation/nettoyage)
file: c-goblin-sim.png| Simulation de broderie
</gallery>
Créatrice d'un patch et créateur de logo:
<gallery mode="packed" heights="300" showfilename="yes">
file:c-legume.jpg|Légume brodé (léger problème de stabiliseur)
file:c-legume-making.jpg|The making off
file:c-logo-brode.jpg|Fier auteur d'un motif reconstruit.
</gallery>
== Liens ==
* [[cours initiation à la broderie numérique - Bases de InkStitch (FacLab UniGE)]] (page d'entrée pour cette formation)
* [[InkStitch - broderies à partir de dessins faits à la main]]
* [[InkStitch - points manuels]]
* [[Emoji/Catégories Unicode Emoji v14.0|emoji de votre choix]].

Version du 30 mars 2022 à 17:09

Guide de tutoriels de broderie machine
Module: Cours d'initiation à la broderie numérique (FacLab UniGE)
à améliorer intermédiaire
2022/03/30
Objectifs
  • Consolider les acquis de la séance #3
  • Générer et éditer le plan de broderie
  • Manipuler des fichiers machine
  • Numériser des des images matricielles (dessin faits à la main ou des logos).
Voir aussi
Autres pages du module
Catégorie: Broderie machine

Introduction

Ce module de 2h en présentiel (!) est la 4è et dernière séance du cours d'initiation à la broderie numérique au FacLab Unige et la 3e séance d'introduction aux fonctionnalités de base de InkStitch. Il faut donc avoir suivi les autres séances de ce cours initiation à la broderie numérique - Bases de InkStitch (FacLab UniGE) ou équivalent.

Objectifs:

  • Consolider les acquis, utiliser des points manuels, numériser des images simples (c.f. à droite pour la liste complète)

Préparation:

Questions ?

Editer un plan de broderie - points manuels

Principes

Rappelons le principe de la brodérie numérique avec InkStitch. Ink/Stitch permet (via une interface GUI) d'ajouter des paramètres de broderie à un objet SVG et qui indiquent comment le broder objet SVG. Cet objet de broderie doit être un élément SVG de type "chemin" (Angl. "path"). Un engin traduit ensuite ces objets paramétrés en paquets de broderie qui se retrouvent dans le plan de broderie (que l'on peut visualiser ou non). Ce plan définit les points que la machine va piquer. Il est ensuite exporté en format machine de votre choix.

Le plan de broderie est composé de "paquets de points" brodés dans l'ordre. Après chaque changement de couleur ou instruction "TRIM" (coupe de fil) un nouveau paquet est crée. Le plan de broderie visualise aussi certaines commandes, notamment les coupes de fil et les stops. Il est possible de visualiser et d'éditer un plan de broderie.

L'organisation du plan de broderie est la suivante:

  • Groupement par couleur (mais il peut avoir plusieurs groupes de la même couleur)
  • A l'intérieur de chaque "color block", il y un ou plusieurs paquets de broderie qui définissent un chemin que la brodeuse va piquer.
  • Des instructions à la machine (couper le fil) peuvent également se trouver dans les blocs

Voici un exemple, basé sur infinity-twemoji-inkstitch.svg

Pour générer le plan de broderie:

  • Menu Ink/stitch -> Visualiser et exporter -> Prévisualisation du plan de broderie
Créer une plan de broderie

Voici un résultat avec les paramètres par défaut:

Objet (un objet satin "infini") vs. paquet de broderie (points du satin, y.c. trois types de sous-couches)e

Raisons pour regarder et ou éditer un plan de broderie ou encore créer manuellement des paquets de broderie:

  • Certains points nécessitent une correction, on peut donc les déplacer par exemple.
  • Au lieu de générer des points de broderie, on peut dessiner point par point un objet de broderie, typiquement un objet géométrique tout petit.
  • On désire modifier (éliminer, tourner, déplacer, colorier, ...) un élément d'un motif obtenu au format machine (typiquement un motif acheté en ligne)

Pour en savoir plus, lire InkStitch - points manuels

Modifier un paquet dans le plan de broderie

Il paraît que la plupart des professionnels de la broderie industrielle font quelques aménagements manuels aux résultats de la numérisation. Voici l'exemple d'un oeil qui sera légèrement modifié à gauche pour accentuer la pointe.

Pour générer le fichier de broderie machine à partir de modifications au niveau du plan de broderie, il y a deux stratégies:

  1. Afficher seulement le "stitch plan" et garder masquées tous les autres calques (ne pas régénérer le plan de broderie non plus). Vous pouvez ensuite créer un fichier de broderie machine à l'aide du bouton "Enregistrer une copie sous". Recommandé pour des toutes petites corrections rapides
  2. Copier le paquet corrigé, le coller dans le calque qui contient vos objets de broderie, et supprimer (ou cacher) le plan de broderie. Le nouveau objet aura le statut de point manuel (c.f. ci-dessous). Cette tactique marche si l'objet est bien séparé par un changement de couleur ou une coupe de fil, sinon il faut l'extraire par chirurgie de noeuds.

démo live avec un emoji de votre choix.

Créer un objet de broderie manuel

Jusqu'à présent on a vu quatre types d'objets de broderie: le point droit (ligne pointillé), le zigzag simple (ligne droite), le satin (rails) et le remplissage (fond d'un polygone). Voilà le point manuel:

  • De préférence avec l'outil Bézier on définit une ligne de points correctement séparés (entre 1.5 et 3mm de préférence)
  • Dans les paramètres on coche Placement manuel de points. Cela va tout simplement utiliser les points tels quels et les relier par des droites (donc toute courbe sera ignorée).
Création de points manuels

Puisque les logiciels de broderie ont des difficultés à créer des points à partir de très petits objets de broder, on conseille de créer une bibliothèque de certains objets, notamment des yeux.

démo live

Fichier SVG à télécharger (access direct)

Voir InkStitch - points manuels pour plus de détails

Manipuler des fichiers machine

Vous pouvez directement ouvrir des fichiers machine populaires (DST, PES, JEF, etc.) en tant que plans de broderie. Il est possible de réutiliser des éléments comme objets manuels de broderie. Si nécessaire, vous pouvez séparer les chemins. Vous pouvez également les déplacer, faire des rotations, et les écarter ou les diminuer légèrement (pas plus que 10%, sinon vous risquer d’abîmer l'aiguille, la machine ou au moins le motif....)

Numériser des fichiers matriciels simples

Numériser des logos et similaire est relativement simple. Le processus exige que l'on traduit une image matricielle en objets vectoriels (chemins SVG) et comprend les étapes suivantes

  1. Réduction de couleurs si nécessaire avec un logiciel de traitement d'image
  2. Choix de la stratégie de vectorisation: Détection de couleurs, de niveaux de luminosité, de coins ou encore de tracé central
  3. Vectorisation (traçage)
  4. Chirurgie de vecteurs (séparation, simplification, recomposition, etc.)

Nous montrons le principe avec un dessin fait avec des gros feutres. Pour plus de détails, voir InkStitch - broder des images et ensuite InkStitch - broderies à partir de dessins faits à la main.

Contraintes concernant le dessin

Le dessin fait à la main doit être simple:

  • 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 des zones large (difficiles à broder)

démo live On va tenter de numériser le dessin d'un-e participant-e.

Rognage et réduction de couleurs

L'image scanné (de préférence) ou photographié doit être rognée et les couleurs doivent être réduits à un minimum.

Etape 1 - 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 2 - 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

Menu Image-> Mode ->Couleurs indexés ->

Réduisez les couleurs avec les paramètres de conversion suivants:

  • Définissez le nombre maximal de couleurs en fonction du nombre de couleurs que vous pouvez compter dans 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 (Interface en Anglais)
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.

Exportez au format PNG.

Quelques manipulations supplémentaires sont décrites dans InkStitch - broderies à partir de dessins faits à la main

Vectoriser un dessin couleur 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
  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 donne une seule couleur).
  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 sert à rendre les traits plus nets ou enlever les mouchetures si l'on a utilisé un feutre un peu abîmé par exemple.
  6. Sélectionnez le nombre de chemins que vous souhaitez. Commencez avec N = vos couleurs + l'arrière-plan, puis cliquez sur Mettre à jour. Cela vous donne un aperçu.
  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à.

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

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

Tracer avec 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. Attention le lissage peut déformer la forme. Si vous estimez avoir trop lissé, faites CRTL-Z jusqu'à être revenu à un dessin convenable.

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

Enregistrez maintenant le fichier au format SVG(.svg)

Commencez le travail de numérisation tel qu'il a été présenté dans ce cours: séparer les objets si nécessaire, paramétrer les polygones, créer des satins, etc.

Autres types de vectorisation

  1. Centerline trace pour du "line art"
  2. Luminosité pour des dessins au crayon ou des photos noir/blanc simples
  3. Détection de coins pour des dessins techniques, etc.

Lire: InkStitch - broder des images

Numériser des fichiers matriciels complexes

Il est difficile et chronophage de numériser photos ou autres images complexes.

Oubliez !

Importez le fichier, diminuez la transparence, verrouillez et redessinez les objets avec l'outil crayon ou plume ...

Certains logiciels semi-professionnels numérisent mieux que d'autres les images matriciels (sans passer par une vectorisation). Il existe aussi une technique particulière appelée "PhotoStitch" qui consiste à broder une photo avec un mélange de quelques couleurs, un peu comme une imprimante matricielle, lire par exemple: Stitch Era - photo-stitching

On conseille aussi d'examiner les offres de services en ligne, par exemple photoembroidery.com, auteur de notre documentation très techniques sur les formats (en anglais).

Sujets pas abordés dans ce cours

  • Les commandes
  • Divers outils d'assistance comme l'outil de routage pour les satins ou briser des objets de remplissage
  • Debugging
  • Les textures
  • Remplissage courbé (officiel dans la prochaine version)
  • Génération d'un fichier PDF qui contient des informations utiles pour broder

Explorez le menu, pour le moment InkStitch reste un logiciel plutôt simple !

Résultats

La majorité des participants a pu créer plusieurs motifs durant ce cours de 4 séances et la plupart maîtrisent la machine.

Exemple d'un dessin d'une participante:

Créatrice d'un patch et créateur de logo:

Liens