STIC:STIC IV (2019)/Badges broderie

TECFA possède une Brother PR1050X

Introduction

Cette page fait partie du module I du cours STIC:STIC IV (2019). L'objectif de ce premier module est de découvrir les technologies "making" utilisées dans l'éducation. Cette page est consacrée à la Broderie machine.

Vous y trouverez :

• les consignes pour réaliser l'activité
• les activités en salle de classe
• un espace pour y déposer vos productions
• une série de liens destinés à vous aider dans votre apprentissage.

Consignes

Sur la base de la thématique Adressez un message à l'enseignant, vous réaliserez trois badges ayant les contraintes suivantes :

• diamètre de 6.2 cm (des badges en tissu tissé et non tissé sont disponibles à TECFA)
• un dessin
• et (à option) une inscription

Pour le dessin, téléchargez le Inkstitch patch disponible.

Vous pouvez aussi voir des exemples de badges réalisés lors de deux activités outreach :

• Broderie machine à la nuit de la science 2018
• Broderie machine au salon du livre 2018

Enfin, pour concevoir votre objet, merci de prendre RDV dans Calendrier de RDV STIC IV

Quelques conseils:

• Tenez compte de la résolution. Elle est faible en broderie. Donc éliminez tous les détails pendant la vectorisation.
• Il faut gérer le "pull" et "push" effect.
• Utilisez le lettrage broderie built-in. Vous pouvez ajuster les espaces et leur taille (mais avec des limites).
• Attention aux couches multiples (!!). Cela concerne pas juste des zone larges, mais également des petites lignes.
• Ajustez l'ordre de brodage. Les objets en bas du panneau "objets" sont brodés d'abord. Le contour doit rester en haut !
• Apprenez à jouer avec des espaces. Une borderie ne doit pas forcément couvrir l'espace qu'elle occupe.
• Changez les paramètres d'un objet de broderie (densité, bordure), sous-couche, lignes de direction, etc.

Activités en classe : broderie machine avec InkStitch (1h30)

Présentation (par DKS)

La page Broderie machine vous expose les grands principes de la broderie numérique. Pour ce cours, nous allons utiliser l'extension broderie de Inkscape : InkStitch (mieux documenter dans le EdutechWiki anglais à en:InkStitch).

Activité hands-on (par Lydie)

• Installer Inkstitch. Pour cela, allez dans la page d'installation d'Inkstitch et suivez la procédure.
• Choisissez une image ci-dessous ou faire un dessin simple avec des lignes séparées et qui ne se croisent pas elles-mêmes.

• 
• 
• 

• Tâche : réaliser une broderie en suivant les instructions de la page en:InkStitch - stitch files from Noun Project icons et/ou en:InkStitch - from satin columns to fills with satin borders (taille max 5 cm).
• Pour le dessin, téléchargez le Inkstitch patch disponible.
• Réalisation de quelques broderies avec la Brother PR1050X.

Productions

Déposez vos travaux dans cette partie en créant un sous-paragraphe comme suit :

Production de NOM

Dans votre paragraphe,

• insérer votre design et une photo de votre objet brodé,
• expliquer l'intention de votre message, les étapes de conceptions et vos difficultés

Production de Rachel

Concept

Objets produits

L’idée est de créer trois patchs envoyant à l’enseignant un message d’évaluation. Il peut s’agir d’une évaluation sur la difficulté de la tâche (simple, moyen, difficile) ou sa réussite (bon, moyen, mauvais). J’ai choisi d’utiliser le code couleur habituel soit vert, orange et rouge.

Création des fichiers

Sur thenounproject.com, j’ai choisi une image avec un « vu » et une « croix ». Afin de créer le « trait », j’ai modifié les nœuds du « vu » et j’ai ensuite tourné l’objet. Dans le but d’avoir un contour et un remplissage, j’ai crée deux documents svg par image : un avec le contour, l’autre avec le fond. J’ai ensuite importé ces deux objets dans le modèle de patch et j’ai transformé les deux objets en chemin. Concernant le contour, j’ai brisé le chemin afin que la machine puisse délimiter le début et la fin du trait. Ensuite, je l’ai changé en satin et j’ai, au besoin, ajouté des lignes perpendiculaires afin d’indiquer la direction du trait. Avant l'étape de paramétrage, j'ai encore vérifié que contour et fond se superposent suffisamment, afin de ne pas laisser de blanc dans ma broderie. Pour finir, j’ai ajouté une sous-couche en zig zag au contour et j’ai vérifié avec la fonction paramètre de l’extension inkstitch si mes objets étaient visualisés correctement.

Production

Pour produire mes trois patchs, j’ai tout d’abord vérifié que mes objets étaient tous classés dans le bon ordre pour la broderie. Ensuite, j’ai enregistré les fichiers en format dst. Sur la machine, j’ai stoppé la broderie à la deuxième étape afin de visualiser le rond du patch et de pouvoir le placer correctement. Pour finir, j’ai sélectionné les couleurs désirées et j’ai lancé la broderie.

Difficultés

Le travail sur le contour a été compliqué. J’ai à ce moment fait appel à M. Schneider pour m’aider à produire le premier fichier. De plus, la première production avec la brodeuse a été réalisée avec M. Schneider qui a détaillé chaque étape de production. J'ai pu finalement facilement réitéré ces étapes pour produire mes deux autres patchs.

Fichiers

• 
• 
• 

Sources

Images libres de droit récupérées sur thenounproject.com.

Feedback OK Rachel, n'hésitez pas à insérer des photos de vos badges ici :)

Production de Delfine

Concept

Résultats badges brodés

Pour le badge "J'ai pas compris" avec l'ampoule, l'idée est venue avec une amie enseignante qui a des élèves avec d'assez grandes différences de niveau. Comme ses élèves forts finissent les exercices plus rapidement, elle aimerait qu'ils aident ceux en difficulté. Pour cela, elle voulait un badge brodé pour les élèves forts et un jeton en bois pour ceux en difficulté. Porter le badge montre sa disponibilité. Si un élève ayant le badge brodé voit un élève avec le jeton en bois sur le coin de son bureau, il peut aller l'aider. Le message de cette ampoule est repris de « l'idée » comme dans les dessins animés, l'ampoule a la signification "Eclairez moi sur le sujet".

Pour le badge "J'ai faim" avec la fourchette, le concept vient de mon amie enseignante qui autorise les élèves à manger une barre de céréales de temps en temps. L'idée est que si elle porte le badge « J'ai faim », les élèves ont le droit de grignoter afin de gérer leur comportement. Ce badge ira en lien avec le jeton « J'ai faim » en bois. Le jeton en bois se pose sur le coin du bureau et si l'enseignante voit un certain nombre élèves manifestant leur faim. Elle peut mettre le badge brodé pour les autoriser à manger.

Pour le badge "Ne pas déranger" avec la montre, j'ai voulu que l'élève puisse porter ce badge brodé avec une montre qui signifie qu'il aimerait se concentrer pendant un petit moment et ne pas recevoir l'aide de l'enseignante.

Les images des produits finis arrivent bientôt !

Création des fichiers

Pour la conception du badge "J'ai pas compris" de l'ampoule, j'ai ouvert le patch sur Inkscape, puis importer l'image à l'intérieur du cercle vert (sur un nouveau calque).L'image provient du site svgsilh.com. Elle est libre de droit. J'ai ensuite enlever le contour pour ne laisser que le remplissage. Ayant oublié de copier/coller sur place le contour, j'ai décidé de ne pas tout recommencer et donc, sur un autre calque encore, je l'ai fait à l'aide de l'outil « courbes de Bézier » que j'ai adoucit, puis brisé pour qu'il y a un début et une fin à cette ligne de contour. Puis, je l'ai transformé en ligne de satin. Ensuite, j'ai adapté l'espace de travail aux dimension de l'image et transformé chaque élément en « object -> path » et mis les calques dans le bon ordre pour l'imprimante. Puis, je l'ai converti en fichier .pes.

Pour le badge "J'ai faim" avec la fourchette, j'ai ouvert le patch sur Inkscape, puis importer l'image à l'intérieur du cercle vert sur un nouveau calque. L'image provient du site svgsilh.com. Elle est libre de droit. Puis, j'ai modifié la couleur de chaque partie de la fourchette en modifiant le remplissage. Pour ce faire, j'ai créer un calque pour chaque partie et j'en ai modifié la couleur. Je trouvais plus joli d'y faire sans contour car certaines parties sont très petites et un contour les aurait « englouties ». Ensuite, j'ai adapté l'espace de travail aux dimension de l'image sans oublier de transformer chaque élément en « object -> path » et de mettre les calques dans le bon ordre et converti en fichier .pes.

Pour le badge "Ne pas déranger" avec l'horloge, j'ai ouvert le patch sur Inkscape, puis importer l'image à l'intérieur du cercle vert sur un nouveau calque. L'image provient du site thenounproject.com et a été créée par l'utilisateur Aini. J'ai créé un calque pour le fond du tour de l'horloge et un autre pour le fond des aiguilles. J'ai enlevé le contour de ces deux éléments. Puis, dans un calque pour le contour du tour de l'horloge, j'ai dessiné le contour en courbes de Béziers qui ont été adoucies, puis brisées pour lui donner un début et une fin, et puis converti en ligne de satin. J'ai procédé de la même manière pour le contour des aiguilles dans son propre calque. Pour finir, j'ai changer chaque élément en « object -> path » avant de redimensionner la zone de travail aux dimensions du patch et de l'enregistré en fichier .pes. Après avoir vérifié l'ordre de mes calques.

Production

Le badge "J'ai pas compris" a été brodé avec l'aide du Pr. Schneider et les deux autres avec l'aide de Lydie.

Difficultés

J'ai eu quelques difficultés à me souvenir des procédures pour le design, j'ai donc fait appel au Pr. Schneider pour le badge de l'ampoule. Ayant pris le coup de main avec les courbes de Béziers, j'ai trouvé la création du contour en courbe de Béziers de l'horloge plus simple que pour le badge de l'ampoule. La machine à broder a eu quelques problème de fonctionnement à cause des bobines de fils. Le problème a été résolu par Lydie. De plus, les pics de la fourchette sont un peu trop fin pour la machine d'où le tas de fil au bout.

Fichiers

Voilà mes fichier au format .svg.

• 
• 
• 

Sources

• Image de l'horloge crée par Aini sur thenounproject.com
• Image de l'ampoule libres de droit sur svgsilh.com
• Image de la fourchette vient du site thenounproject.com et crée par Dandy123

Feedback:

• Au niveau technique

OK pour l'horloge et la montre. Vous pouvez toutefois changer l'angle des points pour le remplissage pour une question d'esthétique; l'ensemble est plus joli si les points ne sont pas horizontaux. L'ampoule est déjà imprimée et j'ai mis un angle de 30deg pour le remplissage des aiguilles et du tour de la montre. Pas OK pour la fourchette (provient du même problème que pour la laser). L'intérieur de la fourchette n'est pas brodable (> voir mes commentaires sur STIC:STIC IV (2019)/Jetons laser. Par contre, ici, comme la fourchette est un peu oblique, les points horizontaux vont joués. J'ai fait "object to path" pour les zones manquantes.

• Au niveau conceptuel:

J'ai un doute sur le message avec l'ampoule qui indique plutôt "j'ai une idée" que "je n'ai pas compris": qu'en pensez vous?. En ayant discuté avec d'autres étudiants, ils avaient tous l'idée d'un point d'interrogation pour un message du type "j'ai pas compris". Je voulais quelque chose de différent. Je me suis qu'une ampoule irait aussi dans le style "éclairer le sujet".

Production de Kim

• Concepts

À venir

• Création des fichiers

À venir

• Production

À venir

• Difficultés

À venir

• Fichiers

• 
• 
• 
• 

• Sources

À venir

• Feedback

Pour le dernier fichier (nuage), techniquement OK Conceptuellement, il faut se dire que la broderie "plus c'est grossier, mieux c'est". En conséquence, vos petits points d'interrogation ne vont rien rendre à la broderie mais il est intéressant de faire l'exercice pour montrer aux autres :) Vous pouvez refaire une version plus grossière si vous avez le temps, on brode les deux et on compare.

COMPLEMENT FB : nuage. Nous arrivons à 3 couches de points, ce qui un maximum pour une broderie. Nous ferons un badge sur du tissu non tissé (plus fin que le tissu effet point de remplissage) afin de ne pas avoir de souci avec l'aiguille (cassure).

• Réponse feedback

Merci, j'ai enlevé les petits points d'interrogation.

Production de Sandra

Intention du message

J'ai repris les messages utilisés pour le laser, mais sans le texte.

Le premier message est une demande pour aller aux toilettes, le dernier une demande pour s'hydrater. Le deuxième patch permet de signifier que la tâche ou l'exercice demandé est terminé ou que l'élève s'ennuie et souhaite faire quelque chose d'autre.

Étape de la conception des fichiers et difficultés

J'ai repris les dessins originaux que j'avais téléchargé pour les jetons laser. Pour tous les dessins, j'ai commencé par importer le patch, enlever les cercles verts et importer l'image sur laquelle j'allais travailler. Ensuite, j'ai sélectionné "brisé les chemins", j'ai enlevé les fonds pour ne garder que les contours et j'ai vérifié que les contours ne contenaient pas de fond. Ensuite, j'ai essayé de transformer les chemins en lignes de satins (c'était la partie la plus délicate et celle qui avait le plus de message d'erreurs, cf les toilettes). Une fois les lignes de satin créées, testées et avec les paramètres que je souhaitais, j'ai travaillé sur les couleurs de fond. Cette partie était en général assez simple avec l'outil de remplissage d'une zone bornée. Pour chaque zone de fond, j'ai fait attention à ce qu'elle n'ait pas de contour et que son calque se trouve bien sous celui qui contenait le point de satin, afin que la couleur ne se retrouve pas sur le point satin au moment de broder. Pour le fond, j'ai choisi de mettre une sous-couche pour que le patch se recroqueville le moins possible avec le temps. Pour terminer, j'ai simulé la création de chaque broderie en vérifiant ces différents points: ordre de couture des différents éléments, sous-couche présente pour les couleurs, rendu final. J'ai repris les différents éléments jusqu'à ce que le résultat me convienne.

Chaque patch a eu sa dose de problèmes à résoudre.

• Pour les toilettes, le plus difficile a été de convertir les lignes en satin. J'avais sans cesse un message qui me disait que cela n'était pas possible car elles se recoupaient. Finalement, en utilisant le zoom et en observant chaque trait, j'ai vu que que tous n'avaient pas été faits d'un coup et qu'en effet ils se recoupaient. En effaçant les parties en trop, j'ai pu créer les chemin et terminer assez rapidement mon premier badge.

• Pour l'avion, cela a été plus simple, car j'ai pu suivre le page de l'EduTech wiki se rapportant à l'utilisation d'images issue de thenounproject. Même si mes autres images sont issues du même site, cela n'a pas donné le même résultat. Par contre, j'ai dû redessiner les lignes des plis des ailes avec l'outil pour tracer des courbes de Bézier et je ne sais pas pour quelle raison, mais celle qui est à gauche a une ligne vide en son centre, ce qui n'est pas le cas pour celle de droite. Pour l'instant, je ne sais pas d'où vient cette différence et la seule solution que j'ai trouvée est d'épaissir la ligne.

• En ce qui concerne le verre, j'ai fait cette version, mais je me demande s'il sera possible de le broder, car il y a beaucoup de couleurs qui ont des tons très proches. Si cela n'est pas possible, j'ai créé une autre version simplifiée. J'avais créé cette deuxième version, car le contour de la paille de ci-dessous n'est pas en points satin et je souhaitais avoir une cohérence dans les techniques de broderie. Au final, comme je trouve cette version plus intéressante, j'ai préféré téléverser celle-ci.

Pour terminer, j'ai vraiment eu beaucoup de peine à avoir des lignes de satin qui fonctionnent du premier coup. Actuellement, il me semble être capable de créer un patch qui puisse être brodé, mais je contourne encore les problèmes que je rencontre en faisant d'autres choix (par exemple de personnaliser ou non les points satins), sans savoir comment résoudre le problème.

• 
• 
• 

Fichiers .zip

Fichier:Message-verre.zip

Fichier:Message-toilettes.zip

Fichier:Message-avion.zip

Sources

En dehors de l'EduTech wiki, j'ai utilisé le site InkStitch pour la broderie satin.

Les images viennent du site thenounproject.com : toilettes, avion, verre (auquel j'ai ajouté une paille)

Production de Rosaria

Concept Mon idée était de créer trois patches envoyant à l’enseignant un message sur l’état d’esprit/physique de l’étudiant(e) : je suis fatigué(e)/je m’ennuie, je n’ai rien compris, j’ai besoin d’une pause.

Création des fichiers

J’ai téléchargés trois images sur thenounproject.com(liens et attributions en bas) :

• Une tasse da café pour indiquer la pause
• Un point d’interrogation pour indiquer l'incompréhension
• Un nuage avec des « Z » pour indiquer la fatigue/l’ennui

Pour ce projet, j’ai travaillé avec Inkscape.

Après avoir enlevé les licences en dégroupant les objets, j’ai retravaillé les trois images. Le travail plus élaboré c’était pour l’image du nuage.

Le nuage avec les lettres était une forme où les lettres étaient des « vides » dans le nuage. J’ai donc brisé les chemins et obtenu deux images distinctes, auxquelles j’ai donné un remplissage et un contour. J’ai ensuite crée deux calques, un pour les zones de remplissage et un (le supérieur) pour les contours. Pour obtenir deux images identiques (une sans contour et la même mais sans remplissage), j’ai crée deux copies : une avec seulement le remplissage et l’autre avec seulement le contour. J’ai donc copié le contour sur le niveau supérieur. Pour m’assurer que les deux images se superposaient parfaitement, j’ai utilisé la fonction « copier en place ». J’ai ensuite transformé tous les objets en chemins et j’ai brisé les contours du nuage et des ronds à chaque point d’intersections, afin que la machine puisse délimiter le début et la fin des traits pour les points satin.

J’ai transformé les contours en satin et j’ai paramétré tous les parties de manière à rendre l’ensemble plus agréable.

Pour les images de la tasse et du point d’interrogation j’ai suivi les mêmes démarches mais certaines étapes n’ont pas été nécessaires, car les images de départ étaient plus simples.

Production

En cours

Difficultés

Lors de l’élaboration du premier dessin j’ai eu des soucis « techniques » car, quand je lançais la simulation, le contour du nuage (transformé en satin) n’était pas visualisé comme une seule ligne mais deux (une interne et l’autre externe). J’ai modifié plusieurs paramètres sans aucun résultat. J’ai donc recommencé depuis le départ avec un fichier vierge en répétant les mêmes étapes et cette fois-ci je n’ai pas eu de problèmes.

Fichiers

• 
• 
• 

Sources

• Sleep by Marco Livolsi from the Noun Project,
• Questions by Gregor Cresnar from the Noun Project
• Coffee by benysapata from the Noun Project

Production de Aurélie

Concept À venir

Création des fichiers À venir

Production Production prévue en novembre

Difficultés Marche à suivre?

Fichiers

Sources

Images libres de droit téléchargées sur The Noun Project.

Production de Loïc

Concept

Mon idée était de montrer aux enseignants notre évolution par rapport à notre rythme de vie par rapport au MALTT durant les 3 périodes de chaque semestre. L'utilisation des termes " EAT, SLEEP, XXX, REPEAT" est assez répandue et j'ai fait une variante pour chacune des périodes par rapport au travail lors de ces périodes.

Création des fichiers

J'ai téléchargé le fichier "REPEAT" sur The Noun Project. J'avais créé avant l'atelier du 21 octobre un fichier avec l'outils texte standard d'Inkscape, mais sur conseil de Lydie j'ai ensuite utilisé l'outils "Lettrage" d'Ink/Stitch. Les fichiers sont uniquement en noir et blanc et lors de l'impression je mettrais le texte "MALTT" en rouge.

En important l'icône "REPEAT" j'ai du enlever le texte qui allait avec pour garder que l'icône.

Production

L'impression des badges broderie est prévue le 7 novembre vers 14H00 avec Lydie.

Difficultés

J'ai eu le soucis quand je faisais "paramètre" avec l'outil "Texte" de Inkscape mais en utilisant l'outils "Lettrage" d'Ink/Stitch il n'y avait plus le soucis. Le premier fichier SVG que j'ai utilisé pour le "REPEAT" provenait de wikipedia et n'allait pas, en utilisant celui de The Noun Project, il n'y avait plus ce soucis

Fichiers

Sources

L'icône"REPEAT" provient de The Noun Project.

Liens

• Guide de tutoriels de broderie machine, principalement :
  • Module InkStitch (wiki français)
  • Module en:InkStitch (wiki anglais, plus complet).

A noter que nous avons également le logiciel Stitch Era - logiciel de broderie machine et de hotfix pour celles et ceux qui souhaitent apprendre en plus ce logiciel. Une série de tutoriels a été réalisée et a fait l'objet de 3 livres virtuels:

• Broderie machine dans l'éducation (version complète)
• Broderie numérique avec Stitch Era (uniquement les tutoriels)
• Broder pour changer (projets étudiant-e-s 2018)