Cours initiation à la broderie numérique - Bases de InkStitch (FacLab UniGE)

De EduTech Wiki
Aller à : navigation, rechercher
Guide de tutoriels de broderie machine
Module: Cours d'initiation à la broderie numérique (FacLab UniGE)
à améliorer débutant
2021/12/14
Objectifs
  • Configuration de base de InkStitch et de InkScape
  • Préparer des graphiques SVG pour la broderie
  • Paramétrage de remplissages
  • Paramétrage de lignes point droit
  • Simuler la broderie (points et image 3d)
  • Génération du fichier machine
  • Utiliser la machine
Voir aussi
Contenu du module
Catégorie: Broderie machine

1 Introduction

Ce module de 2h en présentiel (!) introduit l'utilisation de la plateforme de broderie InkStitch à travers quelques exemples faciles à réaliser. Veuillez consulter notre documentation complète pour plus de détails (Ceci dit, elle été faite pour InkStitch 0.2 et certains articles nécessitent une mise à jour). Cette page n'est pas un tutoriel, mais sert de support direct d'un cours présentiel !

Autres ressources intéressantes

Clic ici , ensuite CTRL-U pour voir le code

Fonctionnement de Ink/Stitch

  • 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 doit un élément SVG de type "path" (en français "chemin", e.f. Formes arbitraires avec path dans notre tutoriel SVG statique) pour des détails techniques sur la norme SVG.
  • Un engin traduit ensuite ces objets paramétrés en plan de broderie (que l'on peut visualiser ou non) qui définira tous les points que la machine devra piquer. Ce plan sera ensuite exporté en format machine de votre choix.
  • SVG fait partie de HTML5. On peut tout à fait ouvrir un fichier Inkscape/Inkstitch dans un navigateur web et voir le dessin (pas la simulation de broderie). CTRL-U (View Page Source) permet de regarder rapidement le code SVG. C'est plus simple que d'utiliser l'éditeur XML dans InkScape.
  • Note pour informaticiens: SVG est basé sur XML (malgré son inclusion dans HTML5) et donc extensible. InkScape et Ink/Stitch ajoutent leur propres extensions et pour cela ils utilisent des espaces de nommage déclarés au début du fichier. C'est pour cela que l'on peut au moins visualiser un fichier Ink/Stitch dans n'importe quel éditeur XML. Notez que les premières versions de Ink/Stitch ajoutaient des attributs illégaux (sans namespace), mais ils marchent toujours ....

Avertissement

  • N'essayez pas de broder des dessins SVG complexes qui contiennent beaucoup de détails
  • N'essayez pas de broder un logo avant d'avoir fait quelques objets plus simples
  • N'essayez jamais de tracer et de numériser une image prise avec un appareil photo (on peut tracer et numériser assez facilement des dessins simples fait à la main ou des logos propres). Mettez une photo en arrière plan et redessinez les objets.
  • Ne numérisez pas des fontes, le résultat sera moche. Utilisez le module de lettrage qui utilise des polices déjà numérisées
  • Il faut nettoyer le SVG importé (notamment fermer les polygones et briser les objets composés de plusieurs polygones).

2 Réglage de InkScape et de Ink/Stitch

Bien régler son environnement de travail permet de travailler plus efficacement. 1-2 de travail pénible peut vous faire gagner 1-2 semaines par année .....

2.1 Réglage de InkScape

(1) Choisir la langue

  • Angl -> Français: Edit -> Preferences -> Interface -> Choisir Français. Redémarrer ensuite
  • Français -> Anglais: Edition -> Préférences -> Interface > Menu déroulant "Langue" -> Anglais. Ensuite redémarrer

Comme toujours, il vaut mieux travailler en Anglais, car le développement se fait en Anglais et il est plus simple d'interagir avec les développeurs si on parle leur langue. Ceci dit, grâce aux animatrices du groupe Facebook, la communauté française est la plus large dans l'univers connu. La traduction de l'interface est à jour aussi.

(2) Afficher correctement les contour et la direction de contours

Angl: Dans Edit -> Preferences -> Tools -> node , cocher

  • Always show outline (montrer toutes les lignes de l'objet)
  • Show path direction on outlines (montrer la direction des chemins)

Français: Dans Édition -> Préférences -> Outils -> Nœuds, cocher

  • Toujours afficher le contour
  • Afficher le sens des chemins sur le contour
Préférences Noeuds à régler dans InkScape 1.0

(3) Régler les incréments

Si on travaille avec des formes dessinés, on doit souvent rétrécir ou élargir un objet. Pour cela on a intérêt à utiliser le "inset/outset" qui (1) laisse l'objet en place et (2) bouge le contour intérieur et extérieur du même montant. On va faire des pas qui correspondent à la largeur d'un fil standard en w.t. 40.

  • Français: Édition -> Préférences -> Comportement -> Incréments -> Eroder/dilater de: 0.25mm (= environ 1px)
  • English: Edit -> Preferences -> Behavior -> Steps -> Inset/Outset of: 0.25mm (= roughly 1px)

2.2 Réglage de Ink/Stitch

Langue

  • Pour afficher l'extension en français, il faut (1) télécharger la version française de Ink/Stitch, puis (2, probablement) mettre InkScape en français
  • Pour afficher l'extension en anglais, il faut (1) télécharger la version en anglais.

Note: La combinaison d'un OS dans une langue et InkScape dans une autre donne des résultats imprévisibles.

Shortcuts

Il est possible de définir des raccourcis et qui vont vous faire gagner beaucoup de temps. Sous Windows et Mac, très peu en sont définis par défauts. Lire notre article InkStitch - installation/Raccourcis qui propose un éventail plus large. L'interface va afficher les raccourcis à côté des items de menu.

Paramètres pour les points d'arrêts/coupes

Menu Extensions -> InkStitch -> Préférences permet de régler un paramètre de sortie (Angl. "output settings"):

  • Français: Distance maximale sans points d'arrêt. On peut laisser le défaut de 3mm ou raccourcir.
  • English: Collapse length (mm)

Sinon, on peut ajuster d'autres éléments de l'interface:, par exemple:

  • Si vous avez une grand écran, je conseille de "docker" les panneaux les plus important
  • Pour la plupart des dessins, on peut désactiver le "snapping"
  • On peut définir une palette basé sur une marque de fils, moi je prends "Brother" car petite et bien documentée dans Palette de fil à broder

3 Activité numérisation d'un emoji simple

Cette activité a les objectifs suivants:

  • Préparer un dessin SVG pour que ses objets soit paramétrables pour la broderie
  • Créer des remplissages avec un point tatami
  • Gérer les superpositions
  • Réutiliser des modèles pour broder des écussons

Rappel du cours initiation à la broderie numérique - Bases théoriques et pratiques (FacLab UniGE): le remplissage est une des 5 formes de base de la broderie machine (les autres sont: le point droit, le satin/zig-zag, le point programmé et le point manuel)

3.1 Choisir et télécharger un emoji en SVG

Exemple d'un emoji simple

Il faut que le émoji soit simple, donc:

  1. Peu d'éléments (!)
  2. Pas de petits détails (sinon vous les tuez)
  3. Peu de traits (c.f. point 1)

Exemple: Emoticons, mains, fruits et légumes, outils de la police Twemoji (twitter)

On conseille la police Twitter. On peut trouver le SVG sur plusieurs sites. On conseille de les prendre chez Keyboard.cool

Utilisation des pages du site Keyboard.cool ci-dessus: (1) Choisir un objet simple, (2) cliquer dessus, (3) Clic-droit sur Tewmoji(SVG) et enregistrer en tant que ("save as"). Contrôle (à option): Ouvrir dans un navigateur (glisser le fichier ou CTRL-O) et regarder le code source (CTRL-U).

démo live: Pomme simple avec trois remplissages

3.2 Ajustement de la taille d'un dessin SVG

Une fois ouvert le dessin dans InkScape, il faut d'abord ajuster la taille du dessin, ainsi que la taille du document, en trois étapes majeurs (et 8 pas). Réfléchissez d'abord à la taille souhaité de votre broderie en tenant compte de la taille de vos cadres. Il est possible de faire ces réglages plus tard, mais comme la broderie impose des règles "matérielles" liés à la taille du cadre, dimensions des fils, physique du déplacement de l'aiguille (1/10mm), effets d'étirement, etc. il vaut mieux travailler à la bonne échelle dès le départ. Pour ce cours, il ne faut pas dépasser 48mm en largeur ou hauteur !

Etapes pour ajuster la taille d'un dessin (voir aussi les copies d'écran ci-dessous)

A. Etapes 1-3 Ajuster les unités de mesure

  • Fichier->Propriétés du document : Unités par défaut = mm, Unité = mm, Echelle X = 1.
  • Angl. File -> Document Properties: Display units = mm, Custom size= mm, Scale x = 1.

B. Etapes 4-5 Ajuster la taille du dessin

  • CTRL-A, verrouiller les dimensions dans la barre de menu, et ajuster la taille à maximum 45mm

C. Etapes 6-8 Ajuster la taille du document

  • CTRL-A, puis Fichier -> Propriés du document, Redimensionner la page au contenu.
  • Angl. CTRL-A, puis File -> Document Properties, Resize page to content,
  • Ajoutez une marge de 2mm. Lorsque vous ajoutez d'autres éléments ou si vous changez la taille il faut répéter ce pas "C". Le document SVG doit être inférieure à la taille du cadre que vous pensez utiliser (c.f. les cadres Brother PR1050X à disposition).
Ajustement d'un dessin en SVG (Français)
Ajustement d'un dessin en SVG (Anglais)

Contrôle: tous les éléments (sélectionnés avec CTRL-A) se trouvent à l'intérieur du carré qui représente la taille du document. Cela va vous garantir que la broderie rentre dans un cadre. On ne peut pas diminuer au agrandir substantiellement un fichier de broderie sans repenser certains éléments de design et sans régénérer les points....

3.3 Autres ajustements du dessin SVG

Transformer des objets en chemin si nécessaire

Ink/stitch ne peut broder que des objets de type "chemin". Si votre dessin contient des "primitives" comme cicrle ou carré ou encore des fontes il faut les transformer en chemin:

  • Anglais: Path - > Object to path
  • Français: Chemin -> Objet en chemin

Séparer des chemins complexes

En cas de doute: Tout sélectionner (CTRL-A) et mettre en chemin

Note: Si vous désirez préserver certains objets, notamment des formes SVG simples, des fontes, des images etc. mettez-les un calque appelé "art" et rendu invisible.

Il faut ensuite vérifier que chaque objet est soit un polygone, soit une ligne. Dans l'exemple Smiling Face With Heart-shaped Eyes discutée si-dessous, il fallait séparer les yeux car il y a deux polygones dans un même objet:

  • Français: Chemin-> Séparer (CTRL-SHIFT-K)
  • Anglais: Path -> Break Apart (Ctrl-Shift K)

Si nécessaire, il faut réparer les couleurs (menu Object->Fill & Stroke / Objet Fond et Contour)

Choisir entre fond et contour

Un objet doit être soit un contour, soit un fond pour obtenir un bon résultat. Plus précisement:

  • une ligne doit être un contour (et pas un polygone long et fin)
  • un polygone à remplir doit être avoir un fond, mais pas de contour.
  • un polygone à broder avec du "line art" doit avoir un contour, mais pas de fond

Attention: Certains dessins emoji contiennent des polygones mal fermées. Pour les fermer, on peut les lisser (CTRL-L).

3.4 Paramétrage de remplissage

Chaque zone à broder avec un remplissage doit être un polygone sous forme de chemin SVG sans contour

  • Si nécessaire il faut transformer des objets SVG simples (cercles, carrés) etc. en chemin:
  • Il faut enlever le contour et juste laisser le remplissage si nécessaire:
Menu Objet -> Fond et Contour -> TAB Contour Cocher "Pas de remplissage".
Menu Objet -> Fill and Stroke -> TAB Stroke Paint Cocher "No paint".

Les images suivantes montrent deux objets différents pour les interfaces en anglais et en français: une tige et une feuille. Les deux ont une direction de piquage différent.

Paramétrage d'une zone de broderie pour remplissage avec un point tatami (English)
Paramétrage d'une zone de broderie pour remplissage avec un point tatami (Français)

On peut sélectionner plusieurs objets ou encore choisir un groupe/calque entier, mais on suggère de paramétrer les objets un par un, cela permet de varier par exemple la direction des points.

3.5 Tri des objets et simulation

Il faut trier l'ordre des objets à broder avant de s'engager dans des transformations d'objets

  1. Ouvrir le panneau objets (Menu Objet -> Objets)
  2. Les objets en bas de pile sont brodés d'abord. L'utilisation de groupes ou de calques (même objet SVG qu'un groupe) n'a aucune effet, c-a-d lorsque Ink/Stitch tombe sur un groupe, il va d'abord broder l'élément qui est en bas du groupe. On déconseille donc l'utilisation de calques et groupes pour des dessins simples.
  3. On peut les déplacer vers le haut ou vers le bas (mouse-drag, ou utiliser les flêches)

3.6 Gestion des superpositions

Il est possible de broder un petit objets (par ex. une bouche ou un oeil) par dessus une zone déjà brodée (par ex. un visage), mais il ne faut jamais broder deux ou plusieurs couches denses, car la broderie deviendra dure et tendue. A partir de 4 couches l'aiguille risque de casser (ou pire). Faire réparer une machine peut coûter des centaines de francs....

Il est donc impératif de vérifier que vous n'avez pas trop de couches superposées:

  • les graphistes travaillent presque toujours avec des couches superposés, donc attention aux SVG importés !
  • la situation est différente lorsque vous dessinez avec une broderie en tête ou lorsque vous tracez une image matricielle.

démo live: Yeux sous forme de coeurs

smiling face with ...

Exemple à télécharger si vous désirez faire le même dessin:

Séparer des objets qui composent un chemin

Séparer des polygones composites

Parfois, on retrouve plusieurs polygones dans un même chemin et qui faciles à séparer. Par exemple, deux yeux ou deux sourcils. CTRL- ou Chemin -> Séparer.

Gestion des superpositions:

Traitez les objets de bas en haut (position arrière->avant) dans le panneau d'objets et faites surtout des soustractions comme dans l'exemple suivant (opérateur "différence" CTRL_-).

Exemple: On veut éviter que les grands coeurs de cet emoji soient brodés par dessus le vissage.

Pour soustraire un objet "coeur" d'un objet "visage", il faut

  1. Dupliquer le coeur: CTRL_D (ou menu contextuel->Duplicate)
  2. Diminuer la taille de l'objet dupliqué (il se trouve en haut de la pile dans le panneau objets): Français: Chemin->Eroderou CTRL_( Angl: Path-> Inset ou CTRL_(
  3. Sélectionner le visage et ajouter le pull dupliqué à la sélection et sera soustrait) CTRL_Click
  4. Menu Chemin -> Séparer (Angl. Path -> Difference) ou CTRL_-
  5. Réparez la couleur si nécessaire.

3.7 La simulation

Une fois que vous êtes satisfaits de vos paramétrages, vous pouvez visualiser les points et la séquence de brodage.

  • Sélectionner le ou les objets(s) ou tout désélectionner pour voir le tout.
  • Extensions -> Ink/Stitch -> Visualiser & Exporter -> Simulateur/Aperçu réaliste puis cocher realistic pour avoir un rendu de la broderie finale.

Vérifiez: l'ordre de brodage, l'absence de superpositions importantes, l’aspect général

Si la simulation ne démarre pas, il doit avoir une erreur dans un objet. Tuez la fenêtre et lisez le message d'erreur.

  • Si le chemin n'est pas un polygone, il faut le lisser ou parfois le séparer. Alternativement on pourra faire de la "chirurgie de nœuds" (montrée lors de la prochaine séance)
  • Si l'objet n'est pas un chemin, il faut le transformer en chemin

3.8 Générer le fichier machine à transmettre à la brodeuse

  • Exporter le fichier de broderie avec la méthode simple:
Anglais: File> Save a copy
Français: Fichier -> Enregistrer une copie
  • Sélectionnez le bon format de fichier pour votre machine (*.pes ou *.dst pour la Brother PR1050X)
  • Enregistrer votre fichier où vous souhaitez sur votre machine
  • Transférez le fichier sur une clé USB.

3.9 Démo Brother PR1050X

  • Démo de la confection d'une broderie sur la Brother PR1050X avec un modèle fait par un-e participant-e.

Rappel des règles cruciales:

  1. Maintenance quotidienne: Il faut ajouter de l'huile au début de la journée: une goûte sur la pointe du crochet. Il faut aussi vérifier la propreté du boîtier de cannette. Si nécessaire, brosser ou utiliser le compresseur.
  2. Cadres: Il faut bien visser le support de cadre (voir la lettre du cadre que vous pensez utiliser). Au début conseille de faire des petites broderies avec le cadre 5x5 magnétique ou le 10x10 classique. Donc ce sera le cadre A ou E. Ne pas endommager le pas de vis. Remplacer le mécanisme coûte très cher !!)
  3. Stabiliser: Il faut ajouter un stabilisateur à tout tissu élastique ou fin (c-a-d. pratiquement tout le temps). Le tissu cerclé doit être tendu comme un tambour pour enfants, mais le tissu lui-même ne doit pas pas tiré (sinon il se retrécit). Pour les T-shirts, on conseille de mettre un stabilisateur à découper, à coller avec un spray de fixation si nécessaire. Ensuite utilisez le cadre magnétique ou piège à rats ou alors utilisez la technique "hors cadre". Cercler juste un stabilisateur, puis poser et épingler le t-shirt.
  4. Fil et aiguilles: Il faut utiliser une aiguille appropriée (par défaut une 75 EBBR ou une 75H-E ou ). N'utilisez jamais l'enfileur avec une aiguille fine 60, il va casser. N'utilisez jamais du fil 30 (métallique, coton, etc) ou du fil 12 avec une aiguille 75 ! Lire Fil à broder et Aiguille pour machines à broder et à coudre avant de se lancer dans des projets utilisant d'autres fils que le w.t. 40.
  5. Changement de fil: Choisir un fil de taille 40 (sauf projet spécial). Couper à l'arrière, faire un nœud et tirer (mais devant l'aiguille !). Ensuite, positionner la machine sur l'aiguille et utiliser l'enfileur.
  6. Insertion du cadre: (1) Le cadre doit être bien inséré. Vérifiez des deux côtés du support de cadre ! (2) Le tissu ne doit pas coincer sous le cadre.
  7. Configuration de l'impression: (1) Faites attention à la direction du vêtement. Souvent il faut retourner l'image.(2) Utilisez la caméra pour ajuster le positionnement (3) Vérifiez que l'aiguille choisie contient du fil de taille 40. Normalement, au faclab, les aiguilles 1 et 2 sont réservés à des fils non-standards, marqués avec un carte qui indique leur nature et taille.

4 Activité numérisations de lignes

Objectifs:

  • Numériser des lignes avec un point droit, simple, répété ou triple

démo live, ajout de moustaches au smilie ou modification de la pomme.

Objets à réutiliser:

4.1 Dessins InkScape

Dessinez des objets chemin qui sont des lignes. Vous avez plusieurs options:

  • Importer du line art SVG (cela peut devenir compliqué, donc plutôt à éviter)
  • Dessiner avec l'outil "crayon" (dessiner à la main levé) ou l'outil Bézier
  • Ajouter un contour à un polygone et enlever le fond.
  • Créer un objet primitif, garder le contour et le transformer en chemin.

Conseils pour le dessin à la main levé:

  • Dans la barre du menu en haut: Mettre le lissage à 10 environ (sinon lissez après coup avec CTRL-L)
  • Il faut mettre le fond à "pas de remplissage" et le contour à une couleur de votre choix (cela peut se faire une fois que la ligne sera dessinée)

Transformations pour préparer la numérisation

  • L'objet doit être un chemin (cela concerne les contour de polygones primitives comme les cercles !)
  • Il est mieux de définir une ligne avec un début et une fin, mais Ink/Stitch digère aussi les contours de chemins polygones.
  • Pour des raisons historiques, une ligne "normale" est brodé avec un point zig-zag moche. Pour broder un point droit simple, répété ou triple il faut utiliser des lignes pointillés. Il faut donc transformer chaque ligne en pointillé.
Objet -> Fond et Contour -> Tab Style du contour. Choisir n'importe quel pointillé, définir la largeur à 0.2 ou 0.25mm environ
English: Object -> Fill and Stroke -> Tab Stroke style.

4.2 Paramétrage Ink/Stitch

  • Nombre de répétitions: 1-3
  • Points triples (avant - retour -avant) : 1-2 répétitions

Il faut éviter un cumul de répétitions et points triples car cela fera trop de piques aux mêmes endroits entraînant un risque de nœuds et de déchirements.

Exemple pomme, paramètres point droit pour Ink/Stitch v 2.0

Conseil: Utilisez des lignes répétés ou en points triples pour broder des lignes fines, car au-dessous de 1.5 un satin rend très mal.

5 Résultats

Plusieurs participants ont réussi à créer un petit design que l'on pouvait broder. Certains ont commencé à faire des choses un peu moins simples et il va falloir plus de temps et des nouvelles compétences pour les réaliser.

Trois résultats que j'ai réussi à photographier:

6 Fichiers et liens

6.1 Ressources internes

Fichiers source et fichiers brodables:

Divers fichiers avec la pomme twemoji:

Divers fichiers smilies:

Liens tutoriels et ateliers

6.2 Ressources externes

Logiciels (à installer absolument)

Ressources emoji: