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

De EduTech Wiki
Aller à la navigation Aller à la recherche
Guide de tutoriels de broderie machine
Module: Cours d'initiation à la broderie numérique (FacLab UniGE)
à améliorer débutant
2022/09/17
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
Autres pages du module
Catégorie: Broderie machine

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 (certains articles nécessitent une mise à jour). Cette page n'est pas un tutoriel, mais sert de support direct d'un cours présentiel !

Ressources Ink/Stitch et InkScape intéressantes

SVG Clic ici, ensuite CTRL-U pour le code
SVG brodable Clic ici

Fonctionnement de Ink/Stitch

  • Ink/Stitch est une extension de InkScape, un logiciel de dessin vectoriel.
  • Ink/Stitch permet (via une interface GUI) d'ajouter des paramètres de broderie à un objet SVG qui définissent comment le "traduire" en points à broder. Cet objet doit être un élément SVG de type "path" (en français "chemin", c.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). Ce plan définira tous les points que la machine devra piquer. Ce plan sera exporté en format machine de votre choix, par exemple *.PES, *.JEF ou *.DST.
  • SVG fait partie de HTML5. On peut donc 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 le code SVG.
  • 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. Notez que les premières versions de Ink/Stitch ajoutaient des attributs illégaux (sans namespace), mais ils marchent toujours. Vous pouvez éditer le code avec éditeur sensible à XML, c'est plus simple que d'utiliser l'éditeur XML dans InkScape. Examinez le code source SVG de la 2e pomme à droite. Vous verrez l'ajout d'attributs XML.

Avertissement

  • Ne numérisez pas des dessins SVG complexes qui contiennent beaucoup de détails
  • Ne numérisez pas de logo avant d'avoir fait quelques objets plus simples
  • N'essayez pas 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). Stratégie conseillée: mettez la photo en arrière plan et redessinez les objets.
  • Ne numérisez pas des polices, le résultat sera moche. Utilisez le module de lettrage de Ink/Stitch qui utilise des polices déjà numérisées. Ceci dit, une fois bien maîtrisé les colonnes satin, vous pouvez créer vos polices
  • Il faut examiner et nettoyer le SVG importé (notamment fermer les polygones, lisser des lignes et briser les objets composés de plusieurs polygones).

Réglage de InkScape et de Ink/Stitch

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

Lire: Configuration de InkScape / InkStitch (section de la page d'accueil de ce cours), ensuite faire !

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

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.

Choisir et télécharger un emoji en SVG

Exemple d'un emoji simple

Deux options: Experts vs. novices

Experts: choisissez votre propre emoji

Il faut que le émoji soit simple, par exemple: emoticons, mains, fruits et légumes, outils de la police Twemoji (twitter). Pas de PNG/JPG, pas de SVG compliqué !!

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

On peut trouver des dessins SVG pour les polices emoji Twitter 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).

Novices: Reproduisez la démo

démo live: Pomme simple avec trois remplissages

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....

Autres ajustements du dessin SVG (pas nécessaires pour la pomme)

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 un cercle (circle) ou carré (rect) ou encore des polices il faut les transformer en chemin:

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

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

Séparer des chemins complexes

Ink/Stitch ne permet pas de broder un objet qui contient plusieurs polygons. 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écisément:

  • 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 contiennent des polygones mal fermées. Pour les fermer, on peut les lisser (CTRL-L).

Les paramétrage d'auto-remplissage

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

  • Rappel: il faut enlever le contour et juste laisser le remplissage si nécessaire:
Menu Objet -> Fond et Contour -> TAB Contour Cocher "Pas de remplissage".
Angl.: Menu Objet -> Fill and Stroke -> TAB Stroke Paint Cocher "No paint".

Pour paramétrer un objet il faut le panneau de paramétrage: Extensions -> InkStitch -> Paramètres (CTRL-MAJ-P)

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.

Il existe plusieurs paramètres, les plus importants sont:

  • l'angle de remplissage (dans le sens contraire à l'horloge): Angle des lignes de points
  • La densité entre les lignes:Espacement entre les rangés(Angl spacing between rows). On conseille entre 2.5 (5 lignes/mm) et 2.5 (4.5 lignes/mm)
  • Par défaut , Ink/Stitch crée 4 lignes décalés. Changer ce nombre change pas mal l'aspect visuel du résultat (3 = plus lisse, 5 = plus corsé).
  • Longueur maximale de remplissage définit la longueur des points, laissez le défaut pour commencer.
  • Si vous créez une broderie extra légère, enlevez le sous-chemin.
  • Laissez les paramètres pour la sous-couche

Notice: Ignorez l'onglet "Remplissage"/"Fill", fonctionnalité qui n'a plus beaucoup d'utilité.

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.

Tri des objets

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)

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 (CTRL-MAJ-L), 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

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.

Activité gestion d'objets composites et de superpositions

(1) Ink/Stitch exige qu'un remplissage se fasse avec un seul objet et qui doit avoir la forme d'un polygone fermée. Si nécessaire, il faut donc séparer les objets.

(2) Les graphistes travaillent presque toujours avec des couches superposés, il faut donc examiner tous les dessins importés et enlever ces superpositions ! Il est possible de broder un petit objet (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....

démo live: Yeux sous forme de cœurs

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.

  • Sélectionnez l'objet, puis CTRL-MAJ-K ou Menu 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).
    • L'objet soustrait sera supprimé, d'où la nécessité de le dupliquer. C'est l'objet plus haut dans pile qui sera soustrait, et non pas le dernier choisi ! Un objet dupliqué s'insère toujours en haut, donc pas de soucis.
  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
  3. Sélectionner le visage plus le coeur dupliqué MAJ_Clic
  4. Menu Chemin -> Séparer (Angl. Path -> Difference) ou CTRL_-
  5. Réparez la couleur si nécessaire.

Démo et utilisation de la 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 support de 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 rétré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. Parfois, 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.

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 smiley ou modification de la pomme.

Objets à réutiliser:

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.

Paramétrage Ink/Stitch

On utilise que très rarement une simple ligne, il faut donc soit répéter une ligne deux fois, soit utiliser un point triple. Voici les paramètres les plus importants:

  • Nombre de répétitions: 1-3
  • Points triples (avant -> retour -> avant) : 1-2 répétitions. Par défaut, le nombre de répétitions pour le point trip est à 0 (pas de répétition). 2 veut dire point quintuple.
  • Longueur de point droit: gardez le défaut (1.5mm) pour commencer.

Il faut éviter des cumuls 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. Enfin, on peut faire une répétition d'un point triple.

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

Conseil: Utilisez des lignes répétés ou en points triples juxtaposés à 0.4mm d'écart pour broder des "lignes épaisses" de 0.5 à 1.5mm, car au-dessous de 1.5mm un satin rend plutôt mal.

S'il reste du temps

Brodez un motif sur un patch 6.22mm

  1. Télécharger le patch ici : http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/AA_PATCH_APPLIQUE/patch-62mm-inkstitch.svg
  2. Ouvrir le panneau Objet -> Objets
  3. Sélectionner le calque "Embroidery"
  4. Copier / coller en place ou importer votre motif.
  5. Éventuellement ajuster la taille du motif (PAS du patch)

Résultats de formations

Cours novembre 2021

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:

Cours mars 2022

à vous ...

Fichiers et liens

Ressources internes

Fichiers source et fichiers brodables:

Divers fichiers fruits emoji (fichiers green-apple.* et red-apple.*):

Divers fichiers smilies:

Liens tutoriels et ateliers

Ressources externes

Logiciels (à installer absolument)

Ressources emoji: