« Cours initiation à la broderie numérique - InkStitch I » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
 
(122 versions intermédiaires par le même utilisateur non affichées)
Ligne 5 : Ligne 5 :
|statut=à améliorer
|statut=à améliorer
|editeur=User:Daniel K. Schneider, User:test
|editeur=User:Daniel K. Schneider, User:test
|objectif=Configuration de base de InkStitch et de InkScape,
|objectif=Préparer des graphiques SVG pour la broderie,
Préparer des graphiques SVG pour la broderie,
Paramétrage de remplissages,
Paramétrage de remplissages,
Paramétrage de lignes point droit,
Paramétrage de lignes point droit,
Création de lignes satin,
Simuler la broderie (points et image 3d),
Simuler la broder (points et image 3d)
Génération du fichier machine,
Génération du fichier machine,
Utiliser la machine
Utiliser la machine
|difficulté=débutant
|difficulté=débutant
|voir_aussi=InkStitch - utilisation de base,
|voir_aussi=InkStitch - utilisation de base,
Inkscape - édition des chemins,
Textiles fils et aiguilles en broderie machine,
Cerceaux et stabilisateurs en broderie machine,
Cerceaux et stabilisateurs en broderie machine,
Fil à broder,
Brother PR1050X,
Brother PR1050X,
|all_pages_module=Non
|pages_module=Cours d'initiation à la broderie numérique (FacLab UniGE),
|pages_module=Cours d'initiation à la broderie numérique (FacLab UniGE),
Cours initiation à la broderie numérique - Bases théoriques et pratiques (FacLab UniGE),
Cours initiation à la broderie numérique - Bases théoriques et pratiques (FacLab UniGE),
Cours initiation à la broderie numérique - Bases de InkStitch (FacLab UniGE)
InkStitch_-_installation,
Cours initiation à la broderie numérique - InkStitch I,
Cours initiation à la broderie numérique - InkStitch II,
Cours initiation à la broderie numérique - InkStitch III,
Cours initiation à la broderie numérique - InkStitch IV,
Cours initiation à la broderie numérique - InkStitch V,
Cours initiation à la broderie numérique - InkStitch VI
|cat tutoriels=Broderie machine
|cat tutoriels=Broderie machine
}}
}}
[[category: faclab UniGE]]
Sujet: Remplissage tatami, lettrage, lignes avec points avant
== Introduction ==
== 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 [[InkStitch| 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 !
Ce module de 2h30 en présentiel (!) introduit l'utilisation de la plateforme de broderie [[InkStitch]] à travers quelques exemples faciles à réaliser. Veuillez consulter notre [[InkStitch| 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  
!
 
Version de Ink/Stitch à installer: Version 3 (ou mieux)
 
En cas de difficulté, prenez qc de plus récent: [https://github.com/inkstitch/inkstitch/releases/tag/dev-build-kaalleen-daniels-build https://github.com/inkstitch/inkstitch/releases/]


'''Autres ressources intéressantes'''
=== Ressources Ink/Stitch et InkScape intéressantes ===
* Documentation officielle de [http://inkstitch.org Ink/Stitch]], par exemple:
** [https://inkstitch.org/fr/docs/install/ Manuel de l'utilisateur] (regardez le menu à gauche sur leur site) ou [https://inkstitch.org/docs/install/ User manual] (Angl.)
**[https://inkstitch.org/docs/workflow/ Workflow] (Angl. documentation officielle), [https://inkstitch.org/fr/docs/workflow/ Organisation du travail] (traduction française)
** [https://inkstitch.org/tutorials/ InkStitch Tutorials] (Angl.) ou [https://inkstitch.org/fr/tutorials/ Tutoriels pour Ink/Stitch]


* Documentation officielle, par exemple:
* Ink/Stitch dans ce wiki:
** [https://inkstitch.org/docs/workflow/ Workflow] (Angl. documentation officielle), [https://inkstitch.org/fr/docs/workflow/ Organisation du travail] (traduction française)
** [https://inkstitch.org/tutorials/ InkStitch Tutorials], ou [https://inkstitch.org/fr/tutorials/ Tutoriels pour Ink/Stitch]
** [https://inkstitch.org/docs/install/ User manual] (regardez le menu à gauche) ou [https://inkstitch.org/fr/docs/install/ Manuel de l'utilisateur]
* Ce wiki:
** [[InkStitch - utilisation de base]]
** [[InkStitch - utilisation de base]]
* Autres:
* Tutos & soutien Ink/Stitch ailleurs:
** [https://lyogau.over-blog.com/2021/08/formation-a-inkstitch.html Formation à InkStitch] Tutos de Alyogau sur over-blog.
** [https://lyogau.over-blog.com/2021/08/formation-a-inkstitch.html Formation à InkStitch] Tutos de Alyogau sur over-blog.
** [https://www.facebook.com/groups/inkstitchfrance Group InkStitch sur Facebook]
** [https://www.facebook.com/groups/inkstitchfrance Group InkStitch sur Facebook]
* InkScape (dessin, manipulation de chemins)
** Faites les didacticiels 1-4 disponibles dans le menu "Aide" de InkScape (en haut à droite)
[[file:Green-apple-twemoji.svg|right|thumb|150px|SVG [//edutechwiki.unige.ch/fmediawiki/images/4/48/Green-apple-twemoji.svg Clic ici], ensuite CTRL-U pour le code]]
[[file:Green-apple-twemoji-inkstitch.svg|right|thumb|150px|SVG brodable [//edutechwiki.unige.ch/fmediawiki/images/7/79/Green-apple-twemoji-inkstitch.svg Clic ici]]]


'''Fonctionnement de Ink/Stitch'''
=== 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 et qui indiquent comment le broder objet SVG. Cet objet doit un élément [[SVG]] de type "path" (en français "chemin", e.f. [[Tutoriel SVG statique#Formes arbitraires avec .3Cpath.3E|Formes arbitraires avec path dans notre tutoriel SVG statique]]) pour des détails techniques sur la norme SVG.
* 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. [[Tutoriel SVG statique#Formes arbitraires avec .3Cpath.3E|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.
* 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 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.
* 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. 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 ....
* ''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 un éditeur sensible à XML comme [https://code.visualstudio.com/<nowiki> Visual Studio Code] ou [</nowiki>https://brackets.io/<nowiki> Brackets]. 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.</nowiki>


'''Avertissement'''
'''Avertissement'''


* N'essayez pas de broder des dessins SVG complexes qui contiennent beaucoup de détails
* Ne numérisez pas 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
* Ne numérisez pas de 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.
* 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 pour les images matricielles trop complexes comme des photos: mettez l'image 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
* 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 nettoyer le SVG importé (notamment fermer les polygones et briser les objets composés de plusieurs polygones).
* Il faut examiner et nettoyer le SVG importé (notamment fermer les polygones, lisser des lignes et briser les objets composés de plusieurs polygones). Voir nos conseils concernant les [ extensions InkScape essentielles]
 
=== 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:  [[InkStitch - installation]] (section "Configuration de InkScape" et suivantes), ensuite faire !
 
== Activité numérisation d'un emoji simple avec un remplissage tatami ==
 
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 ===
 
{{lien|content=démo live|bgcolor=Lime}}: Adapter et/ou utiliser un dessin simple


== Réglage de InkScape et de Ink/Stitch ==
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
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 .....


=== Réglage de InkScape ===
{| class="wikitable"
|+
!Nom Emoji
!Police Twemoji
(objet et police simple)
!Objet préparé 4.5cm
!Commentaire
|-
|[https://keyboard.cool/db/emoji-food-drink/green-apple Green Apple]
|[https://keyboard.cool/assets/Twemoji/1f34f.svg Twemoji (SVG)]
|[http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/food_drink/food-fruit/green-apple-twemoji.clipart.svg Pomme]
|3 objets simples
|-
|[https://keyboard.cool/db/emoji-smileys-emotion/red-heart Red Heart]
|[https://keyboard.cool/assets/Twemoji/2764.svg Twemoji (SVG)]
|[http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/smileys_emotion/emotion/heart-twemoji.clipart.svg Coeur]
|1 objet simple
|-
|[https://keyboard.cool/db/emoji-animals-nature/maple-leaf Maple Leaf]
|[https://keyboard.cool/assets/Twemoji/1f341.svg Twemoji (SVG)]
|[http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/animals_nature/plant-other/maple-leaf-twemoji-inkstitch.svg Feuille d'érable]
|1 objet simple
|-
|[https://keyboard.cool/db/emoji-animals-nature/dolphin Dolphin]
|[https://keyboard.cool/assets/Twemoji/1f42c.svg Twemoji (SVG)]
|[http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/animals_nature/animal-marine/dolphin-twemoji.clipart.svg Dauphin]
|3 objets simples
|}


'''(1) Choisir la langue'''
=== Ajustement de la taille d'un dessin SVG ===
* Angl -> Français: <code>Edit -> Preferences -> Interface -> Choisir Français</code>. Redémarrer ensuite
* Français -> Anglais: <code>Edition -> Préférences -> Interface > Menu déroulant "Langue" -> Anglais</code>. 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'''
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 !'''


'''Angl:''' Dans <code>Edit -> Preferences -> Tools -> node </code>, cocher
Etapes pour ajuster la taille d'un dessin (voir aussi les copies d'écran ci-dessous)
*  ''Always show outline'' (montrer toutes les lignes de l'objet)
*  ''Show path direction on outlines'' (montrer la direction des chemins)


'''Français:''' Dans <code>Édition -> Préférences -> Outils -> Nœuds</code>, cocher
'''A. Etapes 1-3 Ajuster les unités de mesure'''
* Toujours afficher le contour
* <code>Fichier->Propriétés du document</code> : Unités par défaut = mm, Unité = mm, Echelle X = 1.
* Afficher le sens des chemins sur le contour


[[file:inkscape-1-0-preferences-noeuds.png|none|500px|Préférences Noeuds à régler dans InkScape 1.0]]
* Angl. <code>File -> Document Properties</code>: Display units = mm, Custom size= mm, Scale x = 1.
'''B. Etapes 4-5 Ajuster la taille du dessin'''
* <code>CTRL-A</code>, ensuite verrouiller les dimensions dans la barre de menu
* Ajuster la '''taille à maximum 45mm'''
'''C. Etapes  6-8 Ajuster la taille du document'''
* CTRL-A, puis <code>Fichier -> Propriés du document, Redimensionner la page au contenu.</code>
* Angl. CTRL-A, puis <code>File -> Document Properties</code>, <code>Resize page to content</code>,
* Alternativement vous pouvez définir la taille du document avec les dimensions de votre cadre.
* On suggère d'ajouter au moins une '''marge de 2mm'''. Nous on préfère environ 1 cm.
* 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).
[[Fichier:Inkscape-1-2-ajuster-taille-document.png|néant|vignette|647x647px|Ajuster la taille d'un document dans InkScape 1.2]]


''' (3) Régler les incréments'''
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....


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.
=== Les paramétrage d'auto-remplissage ===


* Français: <code>Édition -> Préférences -> Comportement -> Incréments -> Eroder/dilater de: 0.25mm</code> (= environ 1px)
* '''Manuel''': [https://inkstitch.org/fr/docs/stitches/fill-stitch/ Point de remplissage] (consultez-le !!)
* English: <code>Edit -> Preferences -> Behavior -> Steps -> Inset/Outset of: 0.25mm</code> (= roughly 1px)


=== Réglage de Ink/Stitch ===
Chaque zone à broder avec un remplissage doit être un polygone sous forme de chemin SVG sans contour
'''Langue'''
* Rappel: il faut enlever le contour et juste laisser le remplissage si nécessaire:
* 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
: <code>Menu Objet -> Fond et Contour -> TAB Contour</code> Cocher "Pas de remplissage".
* Pour afficher l'extension en anglais, il faut (1) télécharger la version en anglais.
: Angl.: <code>Menu Objet -> Fill and Stroke -> TAB Stroke Paint</code> Cocher "No paint".
Note: La combinaison d'un OS dans une langue et InkScape dans une autre donne des résultats imprévisibles.


'''Shortcuts'''
Pour paramétrer un objet de broderie, il faut ouvrir le panneau de paramétrage: <code>Extensions -> InkStitch -> Paramètres</code> (CTRL-MAJ-P). Voi l'image ci-dessous.


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.
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ètres pour les points d'arrêts/coupes'''
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): <code>Angle des lignes de points</code>
# '''Boucher les espaces entre sections''': A utiliser quand on remplit une surface plutôt large et que la simulation montre qu'elle se fait de plusieurs côtés. Permet d'éviter des lignes blanches dues à des distorsions.
# '''Longueur du point de remplissage''': <code>Longueur maximale du point de remplissage</code>.
# La '''densité entre les lignes''':<code>Espacement entre les rangés</code> (Angl <code>spacing between rows</code>). On conseille entre 0.2 (5 lignes/mm) et 0.25 (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é).
# '''Compensation d'étirement:''' Très important pour compenser le fait que les points tirent dans la direction des points. On conseille de laisser 0.3mm par défaut ou encore de superposer manuellement des tatami.,
Autres réglages
* Si vous créez une broderie très légère, enlevez le sous-chemin (<code>chemin de dessous</code>)
* Laissez les paramètres pour la sous-couche de remplissage (2è Onglet), sauf pour une broderie extra-légère vous pouvez l'ôter.
* Consultez le '''[https://inkstitch.org/fr/docs/stitches/fill-stitch/ manuel]''' aussi !
[[Fichier:Inkstitch-31-tatami-1.png|néant|vignette|1000x1000px|Paramétrage de remplissage tatami en Ink/Stitch 3.1 beta]]


Menu Extensions -> InkStitch -> Préférences permet de régler un paramètre de sortie (Angl. "output settings"):
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.
* 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]]


== Activité numérisation d'un emoji simple ==
Les fonctionnalités de Ink/Stitch sont en évolution permanente, l'interface peut changer, mais les principes restent les mêmes...


Cette activité a les objectifs suivants:
=== Tri des objets ===
* Préparer un dessin SVG pour que ses objets soit paramétrables pour la broderie
Il faut trier l''''ordre des objets à broder avant de s'engager dans des transformations d'objets'''
* Créer des remplissages avec un point tatami
# Ouvrir le panneau objets (<code>Menu Objet -> Calques et Objets)</code>
* Gérer les superpositions
# 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.
* Réutiliser des modèles pour broder des écussons
# On peut les déplacer vers le haut ou vers le bas (mouse-drag, ou utiliser les flèches)
 
=== La simulation ===
 
'''Vérifier la qualité du motif'''
 
Une fois que vous êtes satisfaits de vos paramétrages, vous pouvez '''visualiser les points, la séquence de brodage, les sauts, etc.'''
* Sélectionner le ou les objets(s) ou tout désélectionner pour voir le tout.
* <code>Extensions -> Ink/Stitch -> Visualiser & Exporter -> Simulateur</code> (CTRL-MAJ-L),
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
 
'''Vérifier l'aspet visuel'''
 
Pour obtenir une simulation "réaliste" il faut générer un plan de broderie:
* <code>Extensions -> Ink/Stitch -> Visualiser & Exporter -> Prévisualisation du Plan de broderie </code> (CTRL-MAJ-L), méthode réaliste (ordinateur normal) ou réaliste haute qualité (ordinateur puissant)
 
=== Générer le fichier machine à transmettre à la brodeuse ===
 
* Exporter le fichier de broderie avec la méthode simple:
: Anglais: <code>File> Save a copy</code>
: Français: <code>Fichier -> Enregistrer une copie</code>
* 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.
 
Pour un peu plus de détails, lisez [[InkStitch - utilisation de base]]
 
Exercice si vous avez le temps.
 
Trois options: Experts en dessin vectoriel vs. novices


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)
== Exercice Manipulations InkScape ==


=== Choisir et télécharger un emoji en SVG ===
=== Exemple à télécharger si vous désirez faire le même dessin ===
* [https://keyboard.cool/db/emoticons/smiling-face-with-heart-shaped-eyes Smiling Face With Heart-shaped Eyes], version [https://keyboard.cool/assets/Twemoji/1f60d.svg Twemoji (SVG)]
* Alternativement: [//edutechwiki.unige.ch/fmediawiki/images/f/f5/Smiling-face-with-heart-eyes.svg fichier Smiling Face With Heart-shaped Eyes en local]


[[image:save-svg-image-as.png|thumb|200px|right|Exemple d'un emoji simple]]
=== Autres dessins suggérés ===
Il faut que le émoji soit simple, donc:
Sinon, vous pouvez chercher un autre dessin SVG simple. On conseille de travailler avec des 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é !!
# Peu d'éléments (!)
# Peu d'éléments (!)
# Pas de petits détails (sinon vous les tuez)
# Pas de petits détails (sinon vous les tuez)
# Peu de traits (c.f. point 1)
# 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 [https://Keyboard.cool/db Keyboard.cool]
On peut trouver des dessins SVG pour les polices emoji Twitter sur plusieurs sites. On conseille de les prendre chez [https://Keyboard.cool/db Keyboard.cool]
*  [https://keyboard.cool/db/emoji-smileys-emotion/ Emoji - Smileys & Emotion]
*  [https://keyboard.cool/db/emoji-smileys-emotion/ Emoji - Smileys & Emotion]
*  [https://keyboard.cool/db/emoji-people-body/ Emoji - People & Body]
*  [https://keyboard.cool/db/emoji-people-body/ Emoji - People & Body]
Ligne 133 : Ligne 235 :
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).
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).


{{lien|content=démo live|bgcolor=Lime}}: Pomme simple avec trois remplissages
=== Gestion d'objets composites et de superpositions ===


* '''Téléchargez le même dessin ou un autre emoji simple''' (Pas de PNG/JPG, pas de SVG compliqué !!)
(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.
** [https://keyboard.cool/db/emoji-food-drink/green-apple Green Apple] -> [https://keyboard.cool/assets/Twemoji/1f34f.svg Twemoji (SVG)]
** '''Novices:''' Copie locale déjà un peu "arrangée" (conseillé aux novice InkScape): [//edutechwiki.unige.ch/fmediawiki/images/4/48/Green-apple-twemoji.svg cliquer et enregistrer la page SVG avec la pomme]
** Sinon, choisissez directement un autre emoji simple à numériser parmi les liens ci-dessus.


=== Ajustement de la taille d'un dessin SVG ===
(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....


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 !'''
{{lien|content=démo live|bgcolor=Lime}}: Yeux sous forme de cœurs
[[file:Smiling-face-with-heart-eyes.svg|right|thumb|150px|smiling face with ...]]
'''Séparer des polygones composites'''


Etapes pour ajuster la taille d'un dessin (voir aussi les copies d'écran ci-dessous)
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 <code>CTRL-MAJ-K</code> ou <code>Menu Chemin -> Séparer</code>  Anglais: <code>Path -> Break Apart</code> (Ctrl-Shift K)


'''A. Etapes 1-3 Ajuster les unités de mesure'''
[[Fichier:Inkscape-1-break-apart.png|néant|vignette|500x500px|Séparer des objets qui composent un chemin]]
* <code>Fichier->Propriétés du document</code> : Unités par défaut = mm, Unité = mm, Echelle X = 1.


* Angl. <code>File -> Document Properties</code>: Display units = mm, Custom size= mm, Scale x = 1.
Si nécessaire, il faut réparer les couleurs (menu <code>Object->Fill & Stroke</code> / <code>Objet Fond et Contour</code> ou mieux utiliser la palette en bas de l'écran
'''B. Etapes 4-5 Ajuster la taille du dessin'''
* <code>CTRL-A</code>, 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 <code>Fichier -> Propriés du document, Redimensionner la page au contenu.</code>
* Angl. CTRL-A, puis <code>File -> Document Properties</code>, <code>Resize page to content</code>,
* 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).


[[image:prep-svg-inkstitch-green-apple-twemoji-fr.png|thumb|none|800px|Ajustement d'un dessin en SVG (Français)]]
'''Gestion des superpositions:'''


[[image:prep-svg-inkstitch-green-apple-twemoji.png|thumb|none|800px|Ajustement d'un dessin en SVG (Anglais)]]
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" <code>CTRL_-</code>).


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....
Exemple: On veut éviter que les grands coeurs de cet emoji soient brodés par dessus le vissage.  


=== Autres ajustements du dessin SVG ===
Pour soustraire un objet "coeur" d'un objet "visage", il faut
'''Transformer des objets en chemin si nécessaire'''
# Dupliquer le coeur: <code>CTRL_D</code> (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.
# Diminuer la taille de l'objet dupliqué (il se trouve en haut de la pile dans le panneau objets):  Français: <code>Chemin->Eroder</code>ou <code>CTRL_(</code>  Angl: <code>Path-> Inset</code>
# Sélectionner le visage plus le coeur dupliqué <code>MAJ_Clic</code>
# Menu <code>Chemin -> Séparer</code> (Angl. <code>Path -> Difference</code>) ou <code>CTRL_-</code>
# Réparez la couleur 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:
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.
* Anglais: <code> Path - > Object to path </code>
* Français: Chemin -> Objet en chemin
'''Séparer des chemins complexes'''


En cas de doute: Tout sélectionner (CTRL-A) et mettre en chemin
'''Transformer des objets en chemin, si nécessaire'''


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.
Ink/stitch préfère broder des objets de type "chemin". Si votre dessin contient des "primitives" comme un cercle (''circle'') ou carré (''rect'') ou encore des polices il faut parfois les transformer en chemin:
* Anglais<code>:  Path - > Object to path</code>
* Français: <code>Chemin -> Objet en chemin </code>


Il faut ensuite '''vérifier que chaque objet est soit un polygone, soit une ligne'''. Dans l'exemple [https://keyboard.cool/db/emoticons/smiling-face-with-heart-shaped-eyes 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:
En cas de doute: Tout sélectionner (CTRL-A) et mettre en chemin
* Français: <code>Chemin-> Séparer</code> (CTRL-SHIFT-K)
* Anglais: <code>Path -> Break Apart</code> (Ctrl-Shift K)
Si nécessaire, il faut réparer les couleurs (menu <code>Object->Fill & Stroke</code> / <code>Objet Fond et Contour</code>)


'''Choisir entre 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:
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)
* 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 à 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
* 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).
'''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.


=== Paramétrage de remplissage ===
=== Chirurgie de noeuds ===


Chaque zone à broder avec un remplissage doit être un polygone sous forme de chemin SVG sans contour
On est souvent amené à faire de la chirurgie de chemins avec l'outil d'édition de noeuds que l'on explique pas ici. On conseille vivement de s'exercer avec un tutoriel
* 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:
: <code>Menu Objet -> Fond et Contour -> TAB Contour</code> Cocher "Pas de remplissage".
:  <code>Menu Objet -> Fill and Stroke -> TAB Stroke Paint</code> 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.
'''Principes'''


[[file: inkstitch-2-0-fill-param.png|thumb|none|800px|Paramétrage d'une zone de broderie pour remplissage avec un point tatami (English)]]
[[Fichier:Inkscape outils de chemin et noeuds.png|300px|vignette|droite|Inkscape : outils utiles pour les chemins et les noeuds]]


[[file: inkstitch-2-0-fill-param-fr.png|thumb|none|800px|Paramétrage d'une zone de broderie pour remplissage avec un point tatami (Français)]]
(démo, s'il reste du temps)


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.
Lire: [[Inkscape - édition des chemins]], notamment la section sur [[Inkscape_-_édition_des_chemins#Modifier_des_n.C5.93uds|Modifier les noeuds]]


=== Tri des objets et simulation ===
'''Exemple noun project'''
Il faut trier l''''ordre des objets à broder avant de s'engager dans des transformations d'objets'''
# Ouvrir le panneau objets (<code>Menu Objet -> Objets)</code>
# 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.
# On peut les déplacer vers le haut ou vers le bas (mouse-drag, ou utiliser les flêches)


=== Gestion des superpositions ===
* Les icones du [https://thenounproject.com/ Noun project] se prêtent en règle générale bien à la broderie, mais nécessitent souvent un temps de préparation.
* Ils sont souvent distribués sous forme d'un chemin unique qu'il faut casser (Angl. Break apart): <code>Chemin - Séparer</code> (CTRL-SHIFT-K), pour ensuite traiter objet par objet.
* Lorsque les lignes sont en fait des remplissages on peut utiliser <code>Outils: trait -> Remplissage en trait ....</code> pour les transformer en traits.


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


'''Il est donc impératif de vérifier que vous n'avez pas trop de couches superposées:'''
En règle générale il est préférable d'utiliser des polices déjà numérisés car la numérisation d'une lettre est difficile et chronophage
* 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.
{{lien|content=démo live|bgcolor=Lime}}: Yeux sous forme de coeurs
[[file:Smiling-face-with-heart-eyes.svg|right|thumb|150px|smiling face with ...]]
'''Exemple à télécharger si vous désirez faire le même dessin:'''


* [https://keyboard.cool/db/emoticons/smiling-face-with-heart-shaped-eyes Smiling Face With Heart-shaped Eyes], version [https://keyboard.cool/assets/Twemoji/1f60d.svg Twemoji (SVG)]
* [https://inkstitch.org/fr/docs/lettering/ Manuel officiel] (consultez-le !)
* alternativement: [//edutechwiki.unige.ch/fmediawiki/images/f/f5/Smiling-face-with-heart-eyes.svg fichier Smiling Face With Heart-shaped Eyes en local]
[[Fichier:Inkscape-1-break-apart.png|néant|vignette|500x500px|Séparer des objets qui composent un chemin]]


'''Gestion des superpositions:'''
=== Faire un lettrage ===


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" <code>CTRL_-</code>).
* <code>Extensions -> Ink/Stitch -> Lettrage</code> (Angl:<code>Lettering</code>)
* Sélectionner une police petite (Geneva, small, etc.) en fonction du nombre de lettres et insérer votre lettrage. Peu de polices peuvent être utilisées pour un petit écusson ! Certaines comme Glacial Tiny sont déjà numérisés pour du fil 60 qu'il faut broder avec une aiguille 60
* Régler la taille dans l'outil de lettrage (vous pouvez revenir si la taille ne correspond pas)
* Cliquer sur <code>Appliquer et Quitter, Angl. apply & quit</code>  
Voici une copie d'écran pour Ink/Stitch 3.1 qui montre les étapes:


Exemple: On veut éviter que les grands coeurs de cet emoji soient brodés par dessus le vissage.
* Profitez des filtres. Ici on chosit "petite"
* On coche glyphes pour être sûr que la police contiendra les caractères utilisés
* On met l'échelle à 30
* On choisit une police en lisant bien la description (notamment qu'il faut utiliser une aiguille 60)
* On visualise (l'image montre qu'on a choisi de couper après chaque mot)


Pour soustraire un objet "coeur" d'un objet "visage", il faut
[[Fichier:Inkstitch-31-lettrage.png|néant|vignette|800x800px|Popup lettrage Ink/Stitch 3.1]]
# Dupliquer le coeur: <code>CTRL_D</code> (ou menu contextuel->Duplicate)
Avertissement: Les polices numérisées sont optimisés pour une certaine taille. Ne redimensionnez pas une police avec une transformation InkScape. Vous obtenez au mieux une esthétique douteuse et au pire des nœuds et des ruptures de fil. (En utilisant un fil 60 avec une aiguille 60 à enfiler à la main (!!), on peut réduire environ 40% de plus).
# Diminuer la taille de l'objet dupliqué (il se trouve en haut de la pile dans le panneau objets):  Français: <code>Chemin->Eroder</code>ou <code>CTRL_(</code>  Angl: <code>Path-> Inset</code> ou <code>CTRL_(</code>
# Sélectionner le visage et ajouter le pull dupliqué à la sélection et sera soustrait) <code>CTRL_Click</code>
# Menu <code>Path -> Difference</code> <code>CTRL_-</code>
# Réparez la couleur si nécessaire.


=== La simulation ===
=== Le catalogue des polices InkStitch ===


Une fois que vous êtes satisfaits de vos paramétrages, vous pouvez '''visualiser les points et la séquence de brodage.'''
* La [https://inkstitch.org/fr/fonts/font-library/ bibliothèque de polices] officielle donne un survol de toutes les polices
*Sélectionner le ou les objets(s) ou tout désélectionner pour voir le tout.  
* Chaque police est décrites en détail (glyphes, dimensions, exemples brodés)I. Cliquez dessus !
*<code>Extensions -> Ink/Stitch -> Visualiser & Exporter -> Simulateur/Aperçu réaliste</code> puis cocher <code>realistic</code> 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.
=== Alignement sur une courbe ===
* Si le chemin n'est pas un polygone, il faut le lisser ou séparer en deux
* Si l'objet n'est pas un chemin, il faut le transformer en chemin


=== Générer le fichier machine ===
* Dessiner une ligne. Pour broder le long d'un écusson rond, dessinez un cercle, puis gardez un segment
* Sélectionner le lettrage et la ligne
* Menu Ink/Stitch -> Lettrage le long d'un chemin


* Exporter le fichier de broderie avec la méthode simple:
Conseils
: Anglais: <code>File> Save a copy</code>
* Faites une ligne qui dépasse le lettrage de 20% environ et cochez étendre.
: Français: <code>Fichier -> Enregistrer une copie</code>
* Ne pas faire des virages trop serrées
* Sélectionnez le bon format de fichier pour votre machine (*.pes ou *.dst pour la [[Brother PR1050X]])
* La direction de la ligne a un effet sur le placement
* Enregistrer votre fichier où vous souhaitez sur votre machine
* Cachez la ligne pour qu'elle ne soit pas brodée ou la marquer non-brodable


=== Démo Brother PR1050X ===
== 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.
* 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:'''
'''Rappel des règles cruciales:'''
# '''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.
# '''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.
# '''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 !!)
# '''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 !!)
# '''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.
# '''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.
# '''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.
# '''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.
# '''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.
# '''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.
# '''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.
# '''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.
# '''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.
# '''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 ==
== Activité numérisations de lignes ==
Objectifs:
Objectifs:
* Numériser des lignes avec un point droit, simple, répété ou triple
* Numériser des lignes avec un point droit, simple, répété ou triple
{{lien|content=démo live|bgcolor=Lime}}, ajout de moustaches au smilie ou modification de la pomme.
{{lien|content=démo live|bgcolor=Lime}}, ajout de moustaches au smiley ou modification de la pomme.


Objets à réutiliser:
Objets à réutiliser:
<gallery widths="300">
<gallery widths="300">
green-apple-twemoji.svg|SVG twemoji Original légèrement adapté ([[media:green-apple-twemoji.svg|cliquer et enregistrer la page]])
green-apple-twemoji.svg|SVG twemoji Original légèrement adapté ([[media:green-apple-twemoji.svg|cliquer et enregistrer la page]])
Smiling-face-with-heart-eyes-3.svg|SVG brodable [[media:Smiling-face-with-heart-eyes-3.svg|cliquer et enregistrer la page]])
Smiling-face-with-heart-eyes-2.svg|SVG brodable [[media:Smiling-face-with-heart-eyes-3.svg|cliquer et enregistrer la page]])
</gallery>
</gallery>


=== Dessins InkScape ===
=== Dessins InkScape avec des lignes ===


Dessinez une forme qui contient des lignes. Vous avez plusieurs options:
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)
* 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
* Dessiner avec l'outil "crayon" (dessiner à la main levé) ou l'outil Bézier
* Ajouter un contour à un polygone et enlever le fond.
* 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é:
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)
* 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 dessiné la ligne)
* 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'''
'''Transformations pour préparer la numérisation'''
Ligne 296 : Ligne 382 :
* L'objet doit être un chemin (cela concerne les contour de polygones primitives comme les cercles !)
* 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.
* 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é'''.
 
'''Ancienne version 2.x'''
* Dans les versions < 3.0 une ligne "normale" était brodée avec un point zig-zag moche. Pour broder un point droit simple, répété ou triple il fallait utiliser des lignes pointillés. Il a fallut donc transformer chaque ligne en pointillé.
: <code>Objet -> Fond et Contour -> Tab Style du contour</code>. Choisir n'importe quel pointillé, définir la largeur à 0.2 ou 0.25mm environ
: <code>Objet -> Fond et Contour -> Tab Style du contour</code>. Choisir n'importe quel pointillé, définir la largeur à 0.2 ou 0.25mm environ
: English: <code>Object -> Fill and Stroke -> Tab Stroke style</code>.  
: English: <code>Object -> Fill and Stroke -> Tab Stroke style</code>.


=== Paramétrage Ink/Stitch ===
=== Paramétrage Ink/Stitch ===


* Nombre de répétitions: 1-3
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:
* Points triples (avant - retour -avant) : 1-2 répétitions
* '''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 un cumul de répétitions et points triples car cela ferai au moins 6 piques au mêmes endroits.
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.


[[Fichier:Inkstitch-2-0-running-stitch-param-fr.png|vignette|none|800px|Exemple pomme, paramètres point droit pour Ink/Stitch v 2.0]]
[[Fichier:Inkstitch-2-0-running-stitch-param-fr.png|vignette|none|800px|Exemple pomme, paramètres point droit pour Ink/Stitch v 2.0]]


== Activité d'initiation à la création d'écussons, le lettrage et les lignes en satin ==
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.
 
Objectifs:
 
* Consolider le paramétrage d'objets
* Réutiliser un dessin déjà paramétré
* Numériser des lignes en points satins
* Utiliser le module de lettrage
 
Afin de se concentrer sur les étapes les plus essentielles, nous allons prendre quelques raccourcis par rapport au processus
 
* en prenant un patron de patch déjà paramétré pour la broderie.
* en prenant des images vectorielles déjà prêtes sur les thématiques ''feuille d'automne'' et ''fleur''. Toutefois, vous pouvez aussi dessiner vos propres objets. Si vous utilisez des eléments SVG simples (cercle, carré, etc.), n'oubliez pas de les transformer en chemins !
 
=== Télécharger un modèle d'écusson===
 
{{lien|content=démo live|bgcolor=Lime}}


* Ci-dessous, télécharger le template de patch (celui de droite) et l'image vectorielle de fleur ou de feuille de votre choix (télécharger le *.svg et non le *.png).
== Les points de Ink/Stitch 3 ==
Voici une liste brodé des points de Ink/Stitch 3


[[file:inkstitch3-inventaire-points.png|340px|thumb|none|Les points de remplissage de InkStitch 3]]La version 3.1 ajoute:


[[Fichier:Inkstitch-patch-62mm-square lock.svg|thumb|none|square patch SVG ([//edutechwiki.unige.ch/fmediawiki/images/5/56/Inkstitch-patch-62mm-square_lock.svg download])]]
* Remplissage tatami
* Point satin "S"


* Ouvrir le fichier template du patch (prêt pour la broderie, verrouillé) et renommer votre fichier sans espace, accent, ni majuscule
On va les aborder dans les sections suivantes
* Tuer la couronne


=== Télécharger une image simple ===
== Résultats de formations ==


* '''Importer''' l'image vectorielle choisie puis la centrer verticalement et horizontalement le tout (''Align & Distribute''); l'ensemble doit tenir dans les contours du patch
=== 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.


* Dégrouper l'objet <code>Object -> Ungroup </code> (CTRL-SHIFT-G)
Trois résultats que j'ai réussi à photographier:
 
<gallery filenames="" mode="packed" heights="300px" widths="300px">
'''Images au choix'''
file:beetle-twemoji-cours.jpg|Emoji Beetle sur le patch 6x6 proposé
 
file:south-park-embroidery.jpg|Figure South Park sur T-Shirt
[[Fichier:Square-patch midis-making.jpg|right|250px|thumbnail|Exemple de réalisation]]
file:Ballon-twemoji.jpg|Participant qui est venu l'après-midi pour anticiper le sujet de la prochaine séance ...
 
<gallery heights="200px" perrow="2" widths="300px">
Fichier:Flower50mm nounproject.svg| [[Media:Flower50mm nounproject.svg]]
Fichier:Flower50mm2 nounproject.svg| [[Media:Flower50mm2 nounproject.svg]]
Fichier:Leaf50mm noun-project.svg| [[Media:Leaf50mm noun-project.svg]]
Fichier:Leaf50mm2 nounproject.svg| [[Media:Leaf50mm2 nounproject.svg]]
</gallery>
</gallery>


=== Créer un remplissage, une colonne satin et un lettrage===
=== Cours mars et juin 2022 ===
 
(oublié de prendre des photos)
Pour créer les objets de broderie, le mieux est de travailler par type d'objets. A partir de votre dessin vectoriel, nous allons créer trois types de motifs de broderie : remplissage, colonne satin et lettrage.
 
'''Remplissage (intérieur de la feuille ou de la fleur)'''
 
* Sélectionner l'objet,
* Convertir l'objet en chemin <code> Path - > Object to path </code>
* Sélectionner cet objet et le paramétrer : <code> Extensions -> Ink/Stitch -> Params </code>,
* Paramétrage :
** définir un angle (direction des points de broderie) à 30 (question esthétique) et spacing between rows 0.20 (espacement entre les lignes)
** ajouter une sous-couche (Angl. underlay) (permet de limiter la déformation de la broderie)
* Cliquer sur <code> apply & quit </code>
 
'''Colonne satin (tige de la feuille ou de la fleur)'''
 
* Sélectionner l'objet,
* Régler la largeur de la ligne entre 3 et 5 mm (2 à 6 mm) (''Fill & Stroke > Stroke style''); réglage à 3 mm
* Convertir l'objet en chemin <code> Path - > Object to path </code>
* Sélectionner cet objet et le paramétrer : <code> Extensions -> Ink/Stitch -> Satin Tools -> Convert line to satin </code>,
* Paramétrer la ligne dans <code> Extensions -> Ink/Stitch -> Params </code>, ajouter au moins un ''underlay'' (sous-couche)
* Cliquer sur <code> apply & quit </code>


'''Lettrage''' (option si le temps le permet)
=== Cours octobre 2022 ===
 
* <code> Extensions -> Ink/Stitch -> Lettering </code>
* Sélectionner une police petite (small) en fonction du nombre de lettres et insérer votre lettrage. Peu de polices peuvent être utilisées pour un petit écusson !
* Régler la taille dans l'outil (vous pouvez faire plusieurs essays)
* Cliquer sur <code> apply & quit </code>
Avertissement: Les polices numérisées sont optimisés pour une certaine taille. Ne redimensionnez pas une police avec une transformation InkScape. Vous au mieux une esthétique douteuse et au pire des noeuds et des ruptures de fil. (En utilisant un fil 60 avec une aiguille 60 à enfile à la main, on peut réduire environ 40% de plus).
 
A ce stade, les motifs de broderie ont tous été crées et il est possible de faire une simulation.
 
=== Simulation de la broderie et ordre de broderie===
 
Pour avoir une idée du rendu,
 
*Sélectionner le ou les objets(s)
*<code>Extensions -> Ink/Stitch -> Visualiser & Exporter -> Simulateur/Aperçu réaliste</code> puis cocher <code>realistic </code> pour avoir un rendu de la broderie finale.
 
Pour organiser l'ordre de broderie :
* Cliquer sur l'onglet <code>Object -> Objects</code>
* Cliquer-glisser les objets ou les déplacer avec les flêches (les objets qui seront brodés les premiers sont en bas de la pile !!) 
L’ordre de broderie est utile aussi par ex. quand on a une machine monofil et que l’on doit faire la même couleur à plusieurs endroits.
 
=== Créer le fichier de broderie ===
* <code>File> Save a copy</code> / <code> Fichier -> Enregistrer une copie</code>
* 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


[[image: inkstitch-cours-fablab-1.jpg|none|400px|thumb|Réalisation d'une participante le jour après le cours]]


== Fichiers et liens ==
== Fichiers et liens ==
Ligne 409 : Ligne 436 :
'''Fichiers source et fichiers brodables:'''
'''Fichiers source et fichiers brodables:'''


Divers fichiers avec la pomme twemoji:
Divers fichiers fruits emoji (fichiers green-apple.* et red-apple.*):
* http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/food_drink/food-fruit/
* http://tecfa.unige.ch/guides/embroid/emoji/AAA_EMOJIS/food_drink/food-fruit/


Ligne 418 : Ligne 445 :
* [[Guide de tutoriels de broderie machine]] Tous les tutos EduTechWiki sur la broderie
* [[Guide de tutoriels de broderie machine]] Tous les tutos EduTechWiki sur la broderie
* [[InkStitch - utilisation de base]] (notre tutoriel d'initiation)
* [[InkStitch - utilisation de base]] (notre tutoriel d'initiation)
* [[InkStitch - broderie ondulée]]
* [[InkStitch - textures de remplissage]]
* [[Atelier upcycling avec des broderies émoji]]
* [[Atelier upcycling avec des broderies émoji]]



Dernière version du 29 juillet 2024 à 12:32

Guide de tutoriels de broderie machine
Module: Cours d'initiation à la broderie numérique (FacLab UniGE)
à améliorer débutant
2024/07/29
Objectifs
  • 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

Sujet: Remplissage tatami, lettrage, lignes avec points avant

Introduction

Ce module de 2h30 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 !

Version de Ink/Stitch à installer: Version 3 (ou mieux)

En cas de difficulté, prenez qc de plus récent: https://github.com/inkstitch/inkstitch/releases/

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 un éditeur sensible à XML comme [https://code.visualstudio.com/ Visual Studio Code] ou [https://brackets.io/ Brackets]. 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 pour les images matricielles trop complexes comme des photos: mettez l'image 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). Voir nos conseils concernant les [ extensions InkScape essentielles]

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: InkStitch - installation (section "Configuration de InkScape" et suivantes), ensuite faire !

Activité numérisation d'un emoji simple avec un remplissage tatami

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

démo live: Adapter et/ou utiliser un dessin simple

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

(objet et police simple)

Objet préparé 4.5cm Commentaire
Green Apple Twemoji (SVG) Pomme 3 objets simples
Red Heart Twemoji (SVG) Coeur 1 objet simple
Maple Leaf Twemoji (SVG) Feuille d'érable 1 objet simple
Dolphin Twemoji (SVG) Dauphin 3 objets simples

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, ensuite verrouiller les dimensions dans la barre de menu
  • 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,
  • Alternativement vous pouvez définir la taille du document avec les dimensions de votre cadre.
  • On suggère d'ajouter au moins une marge de 2mm. Nous on préfère environ 1 cm.
  • 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).
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 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....

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:

  1. La méthode de remplissage: On garde le remplissage automatique.
  2. l'angle de remplissage (dans le sens contraire à l'horloge): Angle des lignes de points
  3. Boucher les espaces entre sections: A utiliser quand on remplit une surface plutôt large et que la simulation montre qu'elle se fait de plusieurs côtés. Permet d'éviter des lignes blanches dues à des distorsions.
  4. Longueur du point de remplissage: Longueur maximale du point de remplissage.
  5. La densité entre les lignes:Espacement entre les rangés (Angl spacing between rows). On conseille entre 0.2 (5 lignes/mm) et 0.25 (4.5 lignes/mm)
  6. 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é).
  7. Compensation d'étirement: Très important pour compenser le fait que les points tirent dans la direction des points. On conseille de laisser 0.3mm par défaut ou encore de superposer manuellement des tatami.,

Autres réglages

  • Si vous créez une broderie très légère, enlevez le sous-chemin (chemin de dessous)
  • Laissez les paramètres pour la sous-couche de remplissage (2è Onglet), sauf pour une broderie extra-légère vous pouvez l'ôter.
  • Consultez le manuel aussi !
Paramétrage de remplissage tatami en Ink/Stitch 3.1 beta

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.

Les fonctionnalités de Ink/Stitch sont en évolution permanente, l'interface peut changer, mais les principes restent les mêmes...

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

Vérifier la qualité du motif

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

  • Sélectionner le ou les objets(s) ou tout désélectionner pour voir le tout.
  • Extensions -> Ink/Stitch -> Visualiser & Exporter -> Simulateur (CTRL-MAJ-L),

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

Vérifier l'aspet visuel

Pour obtenir une simulation "réaliste" il faut générer un plan de broderie:

  • Extensions -> Ink/Stitch -> Visualiser & Exporter -> Prévisualisation du Plan de broderie (CTRL-MAJ-L), méthode réaliste (ordinateur normal) ou réaliste haute qualité (ordinateur puissant)

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.

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

Exercice si vous avez le temps.

Trois options: Experts en dessin vectoriel vs. novices

Exercice Manipulations InkScape

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

Autres dessins suggérés

Sinon, vous pouvez chercher un autre dessin SVG simple. On conseille de travailler avec des 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).

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

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 Anglais: Path -> Break Apart (Ctrl-Shift K)
Séparer des objets qui composent un chemin

Si nécessaire, il faut réparer les couleurs (menu Object->Fill & Stroke / Objet Fond et Contour ou mieux utiliser la palette en bas de l'écran

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.

Transformer des objets en chemin, si nécessaire

Ink/stitch préfère broder des objets de type "chemin". Si votre dessin contient des "primitives" comme un cercle (circle) ou carré (rect) ou encore des polices il faut parfois 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

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

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.

Chirurgie de noeuds

On est souvent amené à faire de la chirurgie de chemins avec l'outil d'édition de noeuds que l'on explique pas ici. On conseille vivement de s'exercer avec un tutoriel

Principes

Inkscape : outils utiles pour les chemins et les noeuds

(démo, s'il reste du temps)

Lire: Inkscape - édition des chemins, notamment la section sur Modifier les noeuds

Exemple noun project

  • Les icones du Noun project se prêtent en règle générale bien à la broderie, mais nécessitent souvent un temps de préparation.
  • Ils sont souvent distribués sous forme d'un chemin unique qu'il faut casser (Angl. Break apart): Chemin - Séparer (CTRL-SHIFT-K), pour ensuite traiter objet par objet.
  • Lorsque les lignes sont en fait des remplissages on peut utiliser Outils: trait -> Remplissage en trait .... pour les transformer en traits.

Lettrage

En règle générale il est préférable d'utiliser des polices déjà numérisés car la numérisation d'une lettre est difficile et chronophage

Faire un lettrage

  • Extensions -> Ink/Stitch -> Lettrage (Angl:Lettering)
  • Sélectionner une police petite (Geneva, small, etc.) en fonction du nombre de lettres et insérer votre lettrage. Peu de polices peuvent être utilisées pour un petit écusson ! Certaines comme Glacial Tiny sont déjà numérisés pour du fil 60 qu'il faut broder avec une aiguille 60
  • Régler la taille dans l'outil de lettrage (vous pouvez revenir si la taille ne correspond pas)
  • Cliquer sur Appliquer et Quitter, Angl. apply & quit

Voici une copie d'écran pour Ink/Stitch 3.1 qui montre les étapes:

  • Profitez des filtres. Ici on chosit "petite"
  • On coche glyphes pour être sûr que la police contiendra les caractères utilisés
  • On met l'échelle à 30
  • On choisit une police en lisant bien la description (notamment qu'il faut utiliser une aiguille 60)
  • On visualise (l'image montre qu'on a choisi de couper après chaque mot)
Popup lettrage Ink/Stitch 3.1

Avertissement: Les polices numérisées sont optimisés pour une certaine taille. Ne redimensionnez pas une police avec une transformation InkScape. Vous obtenez au mieux une esthétique douteuse et au pire des nœuds et des ruptures de fil. (En utilisant un fil 60 avec une aiguille 60 à enfiler à la main (!!), on peut réduire environ 40% de plus).

Le catalogue des polices InkStitch

  • La bibliothèque de polices officielle donne un survol de toutes les polices
  • Chaque police est décrites en détail (glyphes, dimensions, exemples brodés)I. Cliquez dessus !

Alignement sur une courbe

  • Dessiner une ligne. Pour broder le long d'un écusson rond, dessinez un cercle, puis gardez un segment
  • Sélectionner le lettrage et la ligne
  • Menu Ink/Stitch -> Lettrage le long d'un chemin

Conseils

  • Faites une ligne qui dépasse le lettrage de 20% environ et cochez étendre.
  • Ne pas faire des virages trop serrées
  • La direction de la ligne a un effet sur le placement
  • Cachez la ligne pour qu'elle ne soit pas brodée ou la marquer non-brodable

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 avec des lignes

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.

Ancienne version 2.x

  • Dans les versions < 3.0 une ligne "normale" était brodée avec un point zig-zag moche. Pour broder un point droit simple, répété ou triple il fallait utiliser des lignes pointillés. Il a fallut 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.

Les points de Ink/Stitch 3

Voici une liste brodé des points de Ink/Stitch 3

Les points de remplissage de InkStitch 3

La version 3.1 ajoute:

  • Remplissage tatami
  • Point satin "S"

On va les aborder dans les sections suivantes

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 et juin 2022

(oublié de prendre des photos)

Cours octobre 2022

Réalisation d'une participante le jour après le cours

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: