« InkStitch - broder des codes QR » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
 
(23 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{tutoriel
|fait_partie_du_cours=Guide de tutoriels de broderie machine
|fait_partie_du_module=InkStitch
|pas_afficher_sous-page=Non
|statut=à améliorer
|difficulté=débutant
|pages_prérequises=Inkscape
|all_pages_module=Non
|pages_module=InkStitch,
InkStitch - installation,
InkStitch - utilisation de base,
InkStitch - broderie ondulée ,
Inkstitch - textures de remplissage,
InkStitch - lettrage,
InkStitch - colonnes satin,
InkStitch - exemples colonnes satin,
InkStitch - broder un emoji,
InkStitch - broder une image issue de The Noun Project,
InkStitch - broder des codes QR,
InkStitch - broder des patchs et des appliqués,
InkStitch - astuces et problèmes courants,
InkStitch - bases SVG,
Inkscape - édition des chemins,
InkStitch - broder avec du gros fil,
InkStitch - broderies à partir de dessins faits à la main,
InkStitch - points manuels,
InkStitch - points programmables
|cat tutoriels=InkStitch
}}
== Introduction ==
== Introduction ==
=== Qu'est-ce qu'un QR Code ? ===
[[Fichier:QR code broderie.png|400px|vignette|centré|Exemple de QR Code]]


Réaliser la broderie d'un code QR est relativement simple à condition de ne pas réaliser un code QR trop complexe (avec logo intégré).
Le QR code un type de code-barre, mais sous forme de carré contenant une multitude de zones noires.  


== Creating a simple InkStitch QR code ==
=== Quelques précautions avant de créer le QR code ===
Pour réaliser une broderie d'un QR code, il faut garder à l'esprit qu'une imprimante broderie à ses limites concernant la finition des coutures. Ainsi,  il est nécessaire que le QR code à réaliser ne soit pas trop complexe, ne contienne pas de trop nombreuses petites parties noires, ni de logo. Une broderie demandant trop de finesse risque de ne pas bien sortir et le QR code sera donc inutilisable.


 
== Créer un QR code simple pour InkStitch ==
=== Create the QR code ===
=== Créer le QR code ===


Il existe de nombreux outils en ligne pour générer des codes QR et pouvoir les personnaliser.
Il existe de nombreux outils en ligne pour générer des codes QR et pouvoir les personnaliser.
Ligne 13 : Ligne 45 :
* Générer un code QR pour différentes résolutions
* Générer un code QR pour différentes résolutions
* Ajouter une image
* Ajouter une image
* Exporter au format SVG (!Important)
* Exporter au format SVG (InkStitch n'accepte que ce format d'image !)


Sur la capture d'écran, vous pouvez voir les 4 étapes à suivre pour créer un code QR avec le style par défaut.
Sur les captures d'écran, vous pouvez voir les 4 étapes à suivre pour créer un code QR avec le style par défaut.
# Entrer le contenu du code QR. En général un URL. '''ATTENTION''', il est grandement recommandé de taper l'URL en majuscule (pas comme dans l'image) puisque cela permettra de générer un code QR plus simple et donc plus facilement brodable.
# Entrez le contenu du code QR. '''ATTENTION''', il est grandement recommandé de taper l'URL en majuscule (pas comme dans l'image) puisque cela permettra de générer un code QR plus simple et donc plus facilement brodable.
# Choisissez la résolution. 400px est plus ou moins égal à 8cm.
# Choisissez la résolution sachant que 400px est plus ou moins égal à 8cm.
# Cliquer sur "Create QR Code"
# Cliquer sur "Create QR Code"
# Cliquer sur SVG pour exporter le code.
# Cliquer sur SVG pour exporter le code.


Code QR avec URL en minuscule
Code QR avec URL en minuscule (non-recommandé car QR code trop complexe pour la machine à broder)
[[Fichier:Code QR basse résolution avec url en minuscule.png|centré|vignette]]
[[Fichier:Code QR basse résolution avec url en minuscule.png|centré|600px|vignette]]


Code QR avec URL en majuscule
Code QR avec URL en majuscule (recommandé ! On voit bien que cela simplifie grandement la broderie)
[[Fichier:Code QR basse résolution avec URL en majuscule.png|centré|vignette]]
[[Fichier:Code QR basse résolution avec URL en majuscule.png|centré|600px|vignette]]


=== Create SVG embroidery ===
=== Créer la broderie en SVG ===


Le code produit par QR Code Monkey possède la structure suivante:
Le code produit par QR Code Monkey possède la structure suivante:
* Un unique groupe parent
* Un unique groupe parent.
* Plusieurs groupes imbriqués composés principalement de rectangle SVG. Seulement les 3 grands rectangles sont en fait des "Path Object"
* Plusieurs groupes imbriqués composés principalement de rectangle SVG. Seulement les 3 grands rectangles sont en fait des "Path Object".
[[Fichier:QR Code Monkey - SVG Structure.png|gauche|vignette]]
[[Fichier:QR Code Monkey - SVG Structure.png|vignette|600px|néant]]


Il est maintenant nécessaire d'effectuer quelques modifications à notre fichier SVG. Pour cela, suivez les étapes suivantes:
Il est maintenant nécessaire d'effectuer quelques modifications à notre fichier SVG. Pour cela, suivez les étapes suivantes:


'''(1) Optimize SVG'''
'''(1) Optimisation de l'image SVG'''
 
* Tout d'abord, enregistrez le fichier au format SVG optimisé (Menu Fichier -> Enregistrer sous; sélectionnez "SVG optimisé").
* Fermez et réouvrez le fichier.


* First, save the file as optimized SVG (Menu File -> Save as ; Select "Optimized SVG). I noticed some strange code in the SVG and when I tried to ungroup the first time, Inkscape hung.
'''(2) Tout dégrouper'''
* Reopen the file (?)
* Tout sélectionner
* Dégroupez (CTRL-SHIFT-G) au moins '''trois fois''' car les figures noires sont assez complexes par endroit (surtout si vous avez entré un URL en minuscule).
* Créer un calque (Menu Calque -> Ajouter Calque)
* Déplacer tous les objets dans ce calque (Tout sélectionner, Menu Calque->Déplacer la sélection dans calque)


'''(2) Ungroup all'''
'''(3) Transformer tous les objets en "Path SVG" ("Chemin SVG")'''
* Select all
* Sélectionnez tous les objets et transformez-les en "Path" (Menu Path -> Object to Path) (fr: Menu Chemin -> Objets en chemin). '''ATTENTION, Cela peut prendre un certain temps en cas de dessin complexe.'''
* Ungroup (CTRL-SHIFT-G) at least '''three times'''. If Inkscape hangs, try
* Create a layer (Menu Layer -> Add Layer)
* Move all the objects into this layer (Select All, Menu Layer->Move Selected to Layer)


'''(3) Transform all objects to SVG paths'''
'''(3) Remplir les objets avec de la couleur'''
* Select all objects and transform to path (Menu Path -> Object to Path). '''This can take a while'''
* Tout sélectionner
* Effacez les bordures
* Définir une couleur de remplissage (La couleur choisie n'est pas importante. Vous choisirez la couleur finale du fil sur la machine de broderie)


'''(3) Fill the objects with a color'''
'''(3) Effacer 3 rectangles en trop'''
* Select All
* Les trois grands rectangles sont composés de trois rectangles, et l'un de ces trois rectangle est un espace blanc. Vous pouvez effacer ces espaces blancs car le fond blanc de base suffit.
* Remove stroke
[[Fichier:QR Code Monkey - Rectangle Blanc à effacer.png|néant|vignette]]
* Define a fill


'''(3) Remove three extra rectangles that are not needed'''
=== Résultat ===
* The three big rectangles are made of three rectangles, one of which defined the white space. Just kill it.
[[File:qrcode-monkey-inkstitch-3.png|400px|none|thumb|Kill three extra rectangles]]


For your information, below are snapshots of the SVG in various stages.
'''Dans InkScape'''
{|
|[[File:inkstitch-qrcode-400px-simple.svg|200px|none|thumb|Initial SVG]]
|[[File:inkstitch-qrcode-400px-simple-3.svg|200px|none|thumb|Reorganized SVG]]
|[[File:inkstitch-qrcode-400px-simple-4.svg|200px|none|thumb|Reorganized SVG with fills]]
|}


=== Result ===
Ce code QR créé jusqu'ici est plutôt grand (10,5 cm). Il est possible de le réduire de 50% afin d'être contenu sur un patch. Ci-dessous, nous avons créé une version 9 cm. Vous pouvez directement coudre le code QR sur un tissu ou créer un badge. Pour créer un badge, il existe un patch à intégrer à votre travail dans InkScape. Dans le cas où vous utiliseriez [https://edutechwiki.unige.ch/mediawiki/images/e/e1/Inkstitch-path-effect-62mm.svg| ce patch], il faudra adapter la taille de votre code QR afin qu'il entre dans le grand cercle vert (vous pourrez supprimer les deux cercles verts par la suite). N'oubliez pas de transformer en chemin les divers cercle en bordure.


This QR tag is rather big (10.5cm). It is possible to reduce this by 50%. Below we created a 9cm version. Owners of multi-needle machines should consider using the TRIM version. If you want to stop to work on a multi-needle machine, you may have to export to DST. It is just needed after the first positioning circle so that you can place the patch into the hoop.
Dans les deux cas, vous devrez exporter votre travail au format DST.
{|
|[[File:inkstitch-qrcode-9cm-simple-5.svg|200px|none|thumb|Ink/Stitch QR code, stitchable SVG]]
|[[File:inkstitch-qrcode-9cm-simple-5.jpg|200px|none|thumb|Simulation]]
|[[File:inkstitch-qrcode-9cm-simple-trims-5.svg|200px|none|thumb|Ink/Stitch QR code, stitchable SVG with trims]]
|[[File:inkstitch-qrcode-9cm-simple-trims-5.jpg|200px|none|thumb|Simulation with trims (DST File)]]
|}


== Creating patches with QR codes ==
'''Sur la machine à broder'''


(soon)
Si vous imprimez directement le code QR sur un tissu, choisissez un tissu de préférence blanc (ou de couleur très claire) et les fils de couleurs selon votre goût, mais d'une seule et même couleur. Il est recommandé que votre QR code soit blanc et noir, mais des fils de couleur très foncée (bleu marine, bordeaux ou vert foncé) feront l'affaire lors de la lecture du code QR par un lecteur.


== Other examples ==
Si vous souhaitez créer un badge avec le patch, il faudra mettre un "STOP" sur votre machine à aiguilles multiples. Le STOP doit être programmé juste après le premier cercle de positionnement afin que vous puissiez placer le badge dans le cercle créé. Comme pour l'option avec un tissu, choisissez un badge de couleur blanc ou de couleur claire et des fils de couleur foncée ou noire pour le code QR. La bordure brodée du badge peut être de n'importe quelle couleur.


In the past, our students did stitch smaller QR tags without problems. But they did add some pull compensation. The [https://edutechwiki.unige.ch/fr/STIC:STIC_IV_(2017)/Break_the_ice_with_embroidery Break the Ice With embroidery] project (in french) produced the following.
{|
|[[Fichier:Ink-Stitch QR Code.png|centré|vignette]]
|[[Fichier:Ink-Stitch Simulation QR Code.jpg|centré|vignette]]
|[[Fichier:Ink-Stich SVG avec Trim.png|centré|vignette]]
|[[Fichier:Simulation avec Trim.jpg|centré|vignette]]
|}


<gallery widths="320px" heights="320px">
=== QR Code avec image ===
Image:Breaktheice-broderies-recto.jpg|Patch côté animaux
Voici un autre exemple:
Image:Breaktheice-broderies-verso.jpg|Patch côté QR codes
[[Fichier:Ink-Stitch QR Code-inkstitch.jpg|centré|vignette|QR Code avec une image]]
</gallery>


== Copyright modification ==
== Copyright modification ==

Dernière version du 26 septembre 2022 à 23:56

Guide de tutoriels de broderie machine
Module: InkStitch
à améliorer débutant
2022/09/26
Prérequis
Autres pages du module
Catégorie: InkStitch

Introduction

Qu'est-ce qu'un QR Code ?

Exemple de QR Code

Le QR code un type de code-barre, mais sous forme de carré contenant une multitude de zones noires.

Quelques précautions avant de créer le QR code

Pour réaliser une broderie d'un QR code, il faut garder à l'esprit qu'une imprimante broderie à ses limites concernant la finition des coutures. Ainsi, il est nécessaire que le QR code à réaliser ne soit pas trop complexe, ne contienne pas de trop nombreuses petites parties noires, ni de logo. Une broderie demandant trop de finesse risque de ne pas bien sortir et le QR code sera donc inutilisable.

Créer un QR code simple pour InkStitch

Créer le QR code

Il existe de nombreux outils en ligne pour générer des codes QR et pouvoir les personnaliser.

ici, nous allons utiliser l'outil gratuit qrcode-monkey qui permet les actions essentielles comme:

  • Générer un code QR pour différentes résolutions
  • Ajouter une image
  • Exporter au format SVG (InkStitch n'accepte que ce format d'image !)

Sur les captures d'écran, vous pouvez voir les 4 étapes à suivre pour créer un code QR avec le style par défaut.

  1. Entrez le contenu du code QR. ATTENTION, il est grandement recommandé de taper l'URL en majuscule (pas comme dans l'image) puisque cela permettra de générer un code QR plus simple et donc plus facilement brodable.
  2. Choisissez la résolution sachant que 400px est plus ou moins égal à 8cm.
  3. Cliquer sur "Create QR Code"
  4. Cliquer sur SVG pour exporter le code.

Code QR avec URL en minuscule (non-recommandé car QR code trop complexe pour la machine à broder)

Code QR basse résolution avec url en minuscule.png

Code QR avec URL en majuscule (recommandé ! On voit bien que cela simplifie grandement la broderie)

Code QR basse résolution avec URL en majuscule.png

Créer la broderie en SVG

Le code produit par QR Code Monkey possède la structure suivante:

  • Un unique groupe parent.
  • Plusieurs groupes imbriqués composés principalement de rectangle SVG. Seulement les 3 grands rectangles sont en fait des "Path Object".
QR Code Monkey - SVG Structure.png

Il est maintenant nécessaire d'effectuer quelques modifications à notre fichier SVG. Pour cela, suivez les étapes suivantes:

(1) Optimisation de l'image SVG

  • Tout d'abord, enregistrez le fichier au format SVG optimisé (Menu Fichier -> Enregistrer sous; sélectionnez "SVG optimisé").
  • Fermez et réouvrez le fichier.

(2) Tout dégrouper

  • Tout sélectionner
  • Dégroupez (CTRL-SHIFT-G) au moins trois fois car les figures noires sont assez complexes par endroit (surtout si vous avez entré un URL en minuscule).
  • Créer un calque (Menu Calque -> Ajouter Calque)
  • Déplacer tous les objets dans ce calque (Tout sélectionner, Menu Calque->Déplacer la sélection dans calque)

(3) Transformer tous les objets en "Path SVG" ("Chemin SVG")

  • Sélectionnez tous les objets et transformez-les en "Path" (Menu Path -> Object to Path) (fr: Menu Chemin -> Objets en chemin). ATTENTION, Cela peut prendre un certain temps en cas de dessin complexe.

(3) Remplir les objets avec de la couleur

  • Tout sélectionner
  • Effacez les bordures
  • Définir une couleur de remplissage (La couleur choisie n'est pas importante. Vous choisirez la couleur finale du fil sur la machine de broderie)

(3) Effacer 3 rectangles en trop

  • Les trois grands rectangles sont composés de trois rectangles, et l'un de ces trois rectangle est un espace blanc. Vous pouvez effacer ces espaces blancs car le fond blanc de base suffit.
QR Code Monkey - Rectangle Blanc à effacer.png

Résultat

Dans InkScape

Ce code QR créé jusqu'ici est plutôt grand (10,5 cm). Il est possible de le réduire de 50% afin d'être contenu sur un patch. Ci-dessous, nous avons créé une version 9 cm. Vous pouvez directement coudre le code QR sur un tissu ou créer un badge. Pour créer un badge, il existe un patch à intégrer à votre travail dans InkScape. Dans le cas où vous utiliseriez ce patch, il faudra adapter la taille de votre code QR afin qu'il entre dans le grand cercle vert (vous pourrez supprimer les deux cercles verts par la suite). N'oubliez pas de transformer en chemin les divers cercle en bordure.

Dans les deux cas, vous devrez exporter votre travail au format DST.

Sur la machine à broder

Si vous imprimez directement le code QR sur un tissu, choisissez un tissu de préférence blanc (ou de couleur très claire) et les fils de couleurs selon votre goût, mais d'une seule et même couleur. Il est recommandé que votre QR code soit blanc et noir, mais des fils de couleur très foncée (bleu marine, bordeaux ou vert foncé) feront l'affaire lors de la lecture du code QR par un lecteur.

Si vous souhaitez créer un badge avec le patch, il faudra mettre un "STOP" sur votre machine à aiguilles multiples. Le STOP doit être programmé juste après le premier cercle de positionnement afin que vous puissiez placer le badge dans le cercle créé. Comme pour l'option avec un tissu, choisissez un badge de couleur blanc ou de couleur claire et des fils de couleur foncée ou noire pour le code QR. La bordure brodée du badge peut être de n'importe quelle couleur.

Ink-Stitch QR Code.png
Ink-Stitch Simulation QR Code.jpg
Ink-Stich SVG avec Trim.png
Simulation avec Trim.jpg

QR Code avec image

Voici un autre exemple:

QR Code avec une image

Copyright modification

Contents of this page including pictures and SVG files are also available under the GNU Free Documentation License and the Attribution 4.0 International (CC BY 4.0) license.

The Inkstitch project can use any element (text fragments, SVG files, pictures) for the project's official docs without giving attribution (just copy and paste).