STIC:STIC III (2020)/Initiation broderie numérique

De EduTech Wiki
Aller à la navigation Aller à la recherche

Introduction

TECFA possède une Brother PR1050X

Cette page fait partie du module I du cours STIC:STIC III (2020). Cette page est consacrée au Broderie machine.

Dans cette page, vous trouverez
  • Une présentation de la technologie et des exemples d'applications en éducation,
  • Les consignes de l'activité hands-on réalisée en classe et celles de l'activité à distance,
  • Les outils de support et les liens utiles pour vous épauler dans votre apprentissage,
  • Un espace pour y déposer vos productions.

Activités en classe (60')

Présentation (8')
Workflow (2')
Broderie workflow-generique.png
Activités hands-on (45', buffer 5')

Thématique : les Emoji 🥰

Objectif : concevoir votre premier objet prêt à brodé numériquement.

Pour l'organisation:

  • Démonstration pas à pas -> même emoji, possibilité de prendre un autre emoji si vous avez été initié l'an dernier
  • Avec une salle panic button si vous avez des questions.
Processus

Préambule

Etant donné que nous disposons de peu de temps, nous allons prendre quelques raccourcis par rapport à ce processus:

  • en prenant une image vectorielle d'emoji déjà nettoyée et prête pour la broderie,
  • en prenant un template de patch déjà paramétré pour la broderie.

1. Réglages du logiciel 2'

Veillez à régler votre logiciel comme suit :

Dans Edit -> Préférences -> Tools -> node et cocher

  • Always show outline (montrer toutes les lignes de l'objet)
  • Show path direction on outlines (montrer la direction des chemins)

2. Télécharger un emoji, le template de patch et fusionner les fichiers 8'

  • Télécharger le template de patch et l'emoji (télécharger le *.svg et non le *.png).
square patch SVG
Smiling face with heart-eyes, le 2e plus populaire !
  • Patch,
    • Ouvrir le fichier template du patch (prêt pour la broderie, verrouillé) et tuer la couronne et le lettrage,
    • Renommer votre fichier sans espace, accent, ni majuscule.
  • Emoji, l'importer et le centrer par rapport au patch
    • Importer l'emoji File -> Import
    • Grouper l'objet Object -> Group
    • Sélectionner le patch et l'emoji puis centrer verticalement et horizontalement l'emoji par rapport au patch avec Align & Distribute ; l'ensemble doit tenir dans les contours du patch.
  • Dégrouper l'objet Object -> Ungroup

3. Créer un remplissage, une colonne satin et un lettrage 20'

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 (visage, bouche et yeux avec une préparation satin)

Pour le visage et la bouche

  • Sélectionner l'objet,
  • Convertir l'objet en chemin Path - > Object to path
  • Sélectionner cet objet et le paramétrer : Extensions -> Ink/Stitch -> Params ,
  • 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 un underlay (permet de limiter la déformation de la broderie)
  • Cliquer sur apply & quit

Pour les yeux

  • Pour chaque oeil, sélectionner l'objet
  • Copier l'objet et coller sur place Edit -> paste in place
  • Ouvrer le panneau Object -> Objects
    • Objet en avant plan : colonne satin (traité au point suivant). Pour le moment, cacher l'objet.
    • Objet en arrière plan : remplissage
  • Convertir l'objet (pour le remplissage) en chemin Path - > Object to path
  • Sélectionner cet objet et le paramétrer : Extensions -> Ink/Stitch -> Params ,
  • 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 un underlay (permet de limiter la déformation de la broderie)
  • Cliquer sur apply & quit

Colonne satin (contour des yeux)

  • Reprenez vos objets "yeux" au premier plan et déverrouillez-les à l'aide de la fonctionnalité object -> objects
  • Pour chaque oeil, retirer le fond et ajouter une bordure :
    • Retirer la couleur du fond Fill & Stroke -> Fill ,
    • Régler la largeur de la ligne entre 2 et 6 mm, réglons à 3 mm Fill & Stroke -> Fill ,
    • Couper le chemin (point d'entrée/point de sortie) : 1) afficher les noeuds (Edit path by nodes), 2) choisir un noeud, 3) le couper (Break path at selected nodes), 4) Ecarter un peu les deux noeuds.
    • Sélectionner de nouveau l'objet (Select and Transform object) et convertir l'objet en chemin Path - > Object to path
  • Sélectionner cet objet et le paramétrer : Extensions -> Ink/Stitch -> Satin Tools -> Convert line to satin ,
  • Paramétrer la ligne dans Extensions -> Ink/Stitch -> Params , ajouter au moins un underlay (sous-couche)
  • Cliquer sur apply & quit

Lettrage (option si le temps le permet)

  • Extensions -> Ink/Stitch -> Lettering (ce module a été inséré récemment dans Inkstitch)
  • Sélectionner une police (small, medium) en fonction du nombre de lettres et insérer votre lettrage dans le patch
  • Cliquer sur apply & quit

A ce stade, les motifs de broderie ont tous été crées et il est possible de faire une simulation.

4. Simulation de la broderie et ordre de broderie 3'

Pour avoir une idée du rendu (Démo)

  • Sélectionner le ou les objets(s)
  • Extensions -> Ink/Stitch -> PDF export puis cliquer sur realistic pour avoir un rendu de la broderie finale.

Pour organiser l'ordre de broderie :

  • Cliquer sur l'onglet Object -> Objects
  • Cliquer-glisser les objets (les objets qui seront brodés les premiers objets)

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.

5. Créer le fichier de broderie 2'

Il existe deux méthodes, ci dessous la plus simple :

  • File> Save a copy as
  • Sélectionnez le bon format de fichier pour votre machine (*.pes pour la Brother PR1050X)
  • Enregistrer votre fichier où vous souhaitez sur votre machine

6. Confection des broderies 10'

  • Partage des designs
  • Démo de la confection d'une broderie sur la Brother PR1050X
Broder des emojis vous a plus

Plus d'informations sous InkStitch - broder un emoji

Activités à distance

Thématique
  • Matérialisation de l'invisible
Consignes
  • Réaliser 2 objets sur la thématique proposée.
  • Contraintes: un ligne satin et un tatami pour chaque broderie.
  • Gabarit : patch 62mm rond ou carré (privilégiez les carrés SVP)

NOTE : vous pouvez utiliser des modèles faits par d'autres à condition de citer vos sources.

Conception et fabrication des objets
  • Une fois votre objet prêt, consulter Calendrier de RDV (Lisez bien les conditions SVP).

Support et liens utiles

Support
  • Pour les questions rapides ou demande d'avis non bloquants : utilisez la page discussion de cette page
  • Ateliers de conception et de fabrication : si vous avez plusieurs questions ou si vous avez besoin de plus d'explications voire d'une conception suivie, inscrivez-vous aux ateliers de conception et de fabrication (cf. calendrier de RDV STIC III).
Liens utiles

Productions des étudiant-es

Déposez vos travaux en copiant-collant la section exemple ci-dessous :

Production de NOM

Dans votre paragraphe,

  • insérer votre design et une photo de votre objet brodé,
  • expliquer la signification de votre objet, ses étapes de conception et les difficultés rencontrées.

Production de Aurélie

Design

Sources:

  • Design 1: "Voir avec le coeur"

Coeur: Heart by i cons from the Noun Project Homme: User by Yair Cohen from the Noun Project Yeux: eye closed by Brad Avison from the Noun Project

  • Design 2: "Essentiel"

Visage: Face by Sergi Delgado from the Noun Project Coeur: Heart by Aybige from the Noun Project

Objets brodés

Broderies

Fichiers

Fichier:Stic3broderieprojetaurelie.zip

Signification

La broderie réalisée s'inspire de la citation d'Antoine de Saint Exupery dans Le Petit Prince:

"On ne voit bien qu'avec le coeur. L'essentiel est invisible pour les yeux".

Le 1er design représente un Homme les yeux fermés qui regarde à travers son coeur et le 2ème design illustre l'Homme qui ressent son essentiel.

Etapes de conception

  1. Trouver la meilleure manière de représenter cette citation.
  2. Réaliser le montage de l'image sur Inkscape
  3. Travailler avec l'extension Inkstitch pour pouvoir générer le fichier de broderie
  4. Production des projets avec la machine à broder disponible au TECFA (Brother PR1050X)

Difficultés rencontrées

La recherche de l'idée et de comment la conceptualiser a été ma principale source de difficulté pour ce travail. Ensuite pour la réalisation du design, étant donné que j'ai combiné plusieurs images différentes au sein du même fichier, j'ai du bien le nettoyer avant de passer à l'étape Inkstitch afin d'éviter tout problème. J'ai dû changer plusieurs fois de design car les formes ne se prêtaient pas forcément à constituer uniquement un fond et/ou un contour. Aussi, lors du passage en ligne de satin, certains design ne fonctionnaient pas et ont donc été remplacés.

Lors de la production, il aurait été possible de modifier les "aspects/textures" des lignes brodées depuis l'extension Inkstitch mais je ne le savais pas. C'est dommage car certains contours notamment auraient mérité d'être plus fournis par exemple.

Production de Martina

Design

Design 1 : Tree of Life

Design 2 : Le coeur du soleil

Fichiers .pes

Fichier:Fichiers PES - Martina - 2021.zip

Photos

à venir

Signification

Le thème général est simple, il s'agit de "la vie".

Le design 1, Tree of life, représente un arbre en pleine croissance, avec des racines longues, avec en son centre un battement de coeur. Ce sont deux symboles de vie.

  • L'arbre peut être retrouvé comme symbole métaphorique de la vie dans les mythologies grec et romaine, et dans plusieurs oeuvres. "L'arbre de vie" est également présent dans la Bible.
  • Le battement de coeur est une représentation de la vie plus "réelle". Si le coeur arrête de battre, il n'y a plus de vie...

Le design 2, Le coeur du soleil, représente un soleil rayonnant avec, au centre, un coeur.

  • Le soleil est l'astre de la vie, sans lui aucune vie ne serait possible sur Terre. Il est également associé au feu, qui symbolise le renouvellement, la renaissance.
  • Le coeur est symbole de vie, mais aussi de générosité et de courage, dans l'Ancien Testament. Il peut aussi représenter la santé.

Etapes de conception

  1. Trouver l'idée du thème général
  2. Décliner le thème en deux idées, en s'inspirant de résultats de différentes recherches sur The Noun Project
  3. Télécharger les fichiers SVG d'intérêt à partir de The Noun Project
  4. Ouvrir le modèle du patch
  5. Importer les deux fichiers SVG téléchargés
  6.  Dégrouper les images, enlever le texte
  7.  Suivre les étapes décrites au point 2. Activité en classe
  8. Conception : à venir

Difficultés rencontrées

  • Problèmes de sauvegarde de fichiers au format .pes et .dst
  • Important de bien "nettoyer" les images, enlever certains noeuds, pour faciliter le travail de la brodeuse.

Production de Simon

Design

Design 1 :

  • Emoji Aïe. Cet Emoji a l'air de souffrir mais que se passe-t-il vraiment hors cadre ? Et bien, des pieds nus et un LEGO, tout simplement. 😵🦶🏻🧱

Design 2 :

  • Emoji Miam. Cet Emoji salive intensément mais que se passe-t-il vraiment hors cadre ? Et bien, un bon poulet rôti (mon péché mignon...) ! 🤤🍗

Sources & attributions

Fichiers .pes

Fichier:Fichiers Broderie Format PES.zip

Photos

Une fois la production effectuée. En attendant, voici les aperçus "réalistes" d'InkStitch.

Signification

Nous envoyons quasi quotidiennement des Emojis dans nos messages textes mais connaissons-nous vraiment ce qui se cache en dehors du dessin utilisé ? Dans le contexte du thème demandé "Matérialisation de l'invisible" (et en mixant un peu avec le thème de l'activité Hands-on), j'ai imaginé ce qui se produit hors cadre de l'Emoji, ce que l'on ne voit pas...ou que l'on désire peut-être nous cacher ! 🤭

Étapes de conception

  1. Trouver l'idée du thème général
  2. Penser/griffoner plusieurs "designs" possibles
  3. Créer ou télécharger des fichiers SVG dignes d'intérêt
  4. Ouvrir le modèle du patch fourni sur cette page
  5. Combiner les SVG téléchargés/créés
  6. Dégrouper les images, enlever le texte et les éléments jugés "superflus"
  7. Suivre les étapes décrites au point 2. Activité en classe
  8. Refaire les étapes du point 7 une par une car lorsque l'on paramètre dans InkStitch, il y a forcément un problème qui apparaît ! 🙃
  9. Procéder à l'identification du problème via l'outil approprié dans InkStitch et le résoudre
  10. Conception : à venir

Difficultés rencontrées

  • Problèmes avec superposition des "noeuds" dans les différents dessins
  • Important de "simplifier" un peu les images en enlevant certains noeuds superflus, pour faciliter le paramétrage et la simulation de la brodeuse.

Production de Djamileh

Design

Sources & attributions :

  • Soleil : sun by Alice Design from the Noun Project
  • Etoiles : Star by cataicon from the Noun Project
  • Terre : Earth by Made x Made from the Noun Project

Fichiers .pes

Fichier:Fichiers pes djamileh.zip

Photos des réalisations

à venir

Signification

Souvent, nous avons tendance à croire que les choses disparaissent lorsqu’elles ne sont simplement plus accessibles à nos capteurs sensoriels, ici la vue, telles les étoiles dans un ciel de jour (hormis le soleil !) ou le soleil dans l'espace pendant la nuit.

Etapes de conception

  1. Identifier une idée adaptée à la technique choisie
  2. Récupérer des svg depuis the noun project
  3. Intégrer le modèle du patch fourni avec les SVG téléchargés
  4. Réaliser le design en suivant les étapes décrites au point 2. Activité en classe
  5. Prévisualiser l'export et corriger les erreurs détectées
  6. Export en .pes
  7. A venir : broder!

Difficultés rencontrées

Décider les objets à broder ensemble, l'ordre, utiliser des bordures satins sur des objets trop petits (erreurs multiples)

Production de Jérôme

Design

Sources & attributions :

Fichiers .pes

Fichier:Patchs HumbertJerome.zip

Photos des réalisations

Soon

Signification

La vraie taille de l'iceberg est toujours invisible à première vue et la partie immergée est bien plus grande que la partie visible.

Pareil pour la plante, les racines sont la partie invisible de la plante et vont souvent au-delà de ce que l'on peut imaginer.

Etapes de conception

  1. Chercher des images en rapport avec le thème
  2. Insérer les images svg dans le patch fourni
  3. Modifier les images afin de paramétriser inkstitch
  4. Prévisualiser le travail
  5. Export en .pes
  6. Broder : soon

Difficultés rencontrées

Pleins d'erreurs avec InkStitch sur les bords satins. Souvent trop petits ou les points trop proches.

Production de Anne

Design

Sources & attributions :

Fichiers .pes

Fichier:Patchs HumbertJerome.zip

Photos des réalisations

Signification

Etapes de conception

Difficultés rencontrées