STIC:STIC IV (2019)/Badges broderie

De EduTech Wiki
Aller à la navigation Aller à la recherche
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 :

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.

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 SVG

Voilà mes fichier au format .svg.

Fichiers .pes

Fichier:Broderies Delfine.zip

Sources

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.

Fourchette-delfine.jpg
  • 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 .svg

Fichiers .pes

Fichier:Broderie Rosaria.zip

Sources

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

Fichier PES : Fichier PES

Sources

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


Production de Mathilde

Idée

L'idée a été d'utiliser des images d'animaux pour transmettre un message général qui laisse la place à différentes interprétations.

  • Le lapin qui court donne l'idée de quelque chose de trop rapide : l'enseignant/le cours va trop vite, j'ai des difficultés à suivre, je ne comprends pas bien, je me sens dépassé, je ne me sens pas à l'aise etc.
  • L'ours qui dort donne l'idée d'immobilité et de passivité : je m'ennuie, je suis fatigué, ça ne m'intéresse pas, j'ai besoin d'une pause, le cours est mou etc.
  • Le singe qui rit donne l'idée de joie et de dynamisme : c'est passionnant, l'enseignant/le cours est drôle, je me sens plein d'énergie etc.


Production

J'ai dessiné les différents animaux directement sur Inkscape grâce à l'outil "courbe de Béziers". Je me suis aidée de modèles utilisés comme calques que j'ai retravaillés pour les rendre plus simples et plus expressifs. J'ai par conséquent beaucoup travaillé sur les chemins et les noeuds.
L'épaisseur minimum de 3 mm requise pour broder des lignes satin était trop large pour que je puisse les utiliser comme contours. Seule la queue du singe est une ligne satin.
Les parties du corps des différents animaux sont brodés en remplissage et contour avec une double répétition pour le contour (que j'espère ainsi mieux contraster) et une sous-couche pour le remplissage.
Les yeux et bouches sont uniquement des remplissages. J'ai diminué l'écart entre les rangées à 0,2 mm afin d'avoir un rendu plus dense.


Fichiers

  • Fichiers svg :


Difficultés

La construction des chemins pour créer des formes que l'on puisse facilement remplir m'a posé des difficultés. J'ai commencé par dessiner au crayon puis je me suis rendue compte à l'aide de tutoriels que l'outil "courbes de Béziers" était beaucoup plus efficace.
Mes premiers essais de contours en ligne satin n'ont pas fonctionné à cause de la proximité et du changement de direction des chemins (notamment au niveau des oreilles du lapin). J'ai abandonné la ligne satin pour les contours en raison de l'épaisseur mais je n'ai malgré tout pas résolu ce problème.
Je ne comprends toujours pas pourquoi certains cercles et les ellipses refusent d'être brodées même transformés "en chemins".

Production de Martina

Concept

Le premier patch, représentant des livres, permet de demander à l’enseignant des références bibliographiques pour approfondir le sujet ou mieux comprendre. Le second patch, un document avec un « vu » au-dessus, permet de faire comprendre à l’enseignant que l’élève a rendu le travail demandé. Enfin, le troisième et dernier patch représentant deux bulles de discours, signifie qu’un débat avec le reste de la classe serait le bienvenu concernant la notion abordée.

Création des fichiers

Pour créer les fichiers, j’ai utilisé des images svg provenant de The Noun Project, ainsi que le calque de patch mis à disposition.

J’ai tout d’abord enlevé les mentions des auteurs sur les images svg. Puis, j’ai pris la première image svg et y ai importé le calque de patch. J’ai agrandit l’image des livres et l’ai positionnée au centre des cercles. Ensuite, j’ai ajouté un calque nommé « border », où j’ai copié-collé mon image, et ait enlevé le fond pour garder uniquement le contour. L’image initiale m’a servi de remplissage: j’ai enlevé le contour et ai gardé le fond, puis j’ai renommé le calque en tant que « remplissage ». J’ai ensuite sélectionné l’image de contour, et ait séparer les noeuds pour créer un début et une fin. Enfin, j’ai utilisé la fonction « chemin en satin » pour les contours.

En sélectionnant l’onglet « paramètres » de l’extension InkStitch, j’ai pu visualiser mon patch et y apporter quelques ajustements. Puis, j’ai enregistré mon fichier en .pes.

J’ai procédé ainsi pour mes trois images svg. Pour le second patch, j’ai dû redessiner les éléments à l’intérieur du rectangle représentant la feuille. En mettant les contours à 2mm, j’ai pu utiliser la fonction « chemin en satin ».

Production

La production aura lieu le 21 novembre 2019.

Difficultés

J’ai eu quelques difficultés à comprendre comment créer un badge décent, et je n’avais pas compris qu’il fallait un début et une fin à chaque contour en satin. Je n’ai pas eu d’autres difficultés ensuite, sauf pou la deuxième image, où j’ai dû redessiner les traits.

Fichiers

Fichier:Patchs Martina Salemma.zip

Sources

Les images svg proviennent de The Nount Projet: "books" by MRK, "homework" by Alfredo @ IconsAlfredo.com, et "debate" by Viktor Vorobyev

Liens

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: