Cours d'initiation à la broderie numérique (HEP Bejune) - initiation à InkStitch

De EduTech Wiki
Aller à la navigation Aller à la recherche

Introduction

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.


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 simple en SVG

Exemple d'un emoji simple

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: Prenez l'objet préparé 4.5cm

démo live: Pomme simple avec trois remplissages

Téléchargez un des dessins suivants: Clic-droit sur la version Twemoji et enregistrer le "lien sous". Alternative: si vous cliquez sur le dessin, un page web va s'afficher qu'il faut enregistrer avec CTRL-S

Nom Emoji Police Twemoji

(simple)

Objet préparé 4.5cm Commentaire
Green Apple Twemoji (SVG) Pomme
Red Heart Twemoji (SVG) Coeur
Maple Leaf Twemoji (SVG) Feuille d'érable
Dolphin Twemoji (SVG) Dauphin
Cherries Twemoji (SVG) Cerises
Mouse Face Twemoji (SVG) Visage de souris
Mouse Twemoji (SVG) Souris

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 Ajustez / vérifiez les unités de mesure

  • Fichier->Propriétés du document : Unités
  • B. Etapes 4-5 Ajuster la taille du dessin
    • CTRL-A, verrouiller les dimensions dans la barre de menu
    • Ajuster la taille. Une broderie de 5cm prendra qqs minutes 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,
    • Alternativement vous pouvez définir la taille du document avec les dimensions de votre cadre. Le document SVG doit être inférieure à la taille du cadre que vous pensez utiliser.
      Ajuster la taille d'un document dans InkScape 1.2
      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 garantit 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 de dessins SVG (pas nécessaires ici)

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

Éliminer les superpositions

  • Pour un dessin simple, vous pouvez utiliser l'outil d'édition de noeuds (sélectionnez l'objet, puis appuyez sur "n")
  • Sinon, lisez la section suivante.

Attention: Certains dessins contiennent des polygones mal fermées. Pour les fermer, on peut soit les lisser (CTRL-L), soit utiliser un outil de réparation, soit identifier et fermer manuellement le segment qui manque.

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 de broderie, il faut ouvrir le panneau de paramétrage: Extensions -> InkStitch -> Paramètres (CTRL-MAJ-P). Voi l'image ci-dessous.

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:

  • La méthode de remplissage: On garde le remplissage automatique.
  • 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 de remplissage (2è Onglet)
Paramétrage de remplissage tatami en Ink/Stitch 2.2

Il est possible de paramétrer plusieurs objets en même temps, pas forcément conseillé aux débutant. Les fonctionalités de Ink/Stitch sont en évolution permanente: Voici des images de la version 1.1 qui n'offrait pas encore de choix entre types de remplissages. Les autres paramètres sont les mêmes (donc les anciens tutos sont toujours valables).

InkStitch 1.1: Paramétrage d'une zone de broderie pour remplissage avec un point tatami (English)
InkStitch 1.1: 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 -> Calques et 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: VP3 pour une Pfaff (*.pes ou *.dst pour une Brother)
  • Enregistrer votre fichier où vous souhaitez sur votre machine
  • Transférez le fichier sur une clé USB.

Pour un peu plus de détails, lisez InkStitch - utilisation de base

Activité gestion d'objets composites et de superpositions

(à faire vous-même pour vous entraîner)

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

Note: Dans InkScape 1.3, il y aura un outil fracture qui séparer des chemins superposés en objets séparés, et flatten qui enlève tous les chemins sous un chemin qui est devant (pas très compris ce que cela fera). Des opérations multiples pour unir, soustrait ou couper seront possibles avec Shape Builder.

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.

Activité remplissage selon contour

Reprenez votre motif, enregistrez-le sous un autre nom, puis changez la méthode de remplissage.

On va remplir l'emoji cerise avec des lignes qui suivent les contours des objets. On définit une densité légère (5mm de distance). Dans ce cas on conseille d'enlever la sous-couche

InkStitch 2.2 - Remplissage selon contour

Pour la cerise on fait un remplissage en spirale dedans - dehors

InkStitch 2.2 - Remplissage selon contour

Pour la tige on fait un remplissage de l'intérieur vers l'extérieur

InkStitch 2.2 - Remplissage selon contour

Remplissage par broderie ondulée

Le remplissage ondulée fonctionne un peut comme le remplissage par contours, sauf qu'il part de lignes (traits) et qu'il est plus flexible.

Méthode:

  • Créer une ou deux lignes.
  • S'il s'agit de remplir un objet concentrique, il suffit d'enlever le fond et de mettre le contour en pointillé. On paramètre cette ligne avec
  • S'il on désire créer un motif linéaire, on travaille avec deux lignes qu'on met dans un seul objet (CTRL-K).

Voici un exemple. Dans la figure ci-dessous on paramètre l'eau, dessiné avec un chemin qui contient deux lignes qui vont dans le même sens:

Ripple stitch (point ondulé) avec deux sous-chemins.
Essai ripple stitch, à améliorer .....

Fichiers dans le dossier http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/travel_places/place-geographic/

Pour plus de détails, lire: InkStitch - broderie ondulée

Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=Cours_d%27initiation_à_la_broderie_numérique_(HEP_Bejune)_-_initiation_à_InkStitch&oldid=165913 »