Différences entre les versions de « InkStitch - broder des codes QR »

De EduTech Wiki
Aller à la navigation Aller à la recherche
m
 
(19 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|vignette|néant]]
+
[[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) Optimisation SVG'''
+
'''(1) Optimisation de l'image SVG'''
  
* 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.  
+
* Tout d'abord, enregistrez le fichier au format SVG optimisé (Menu Fichier -> Enregistrer sous; sélectionnez "SVG optimisé").  
* Reopen the file (?)
+
* Fermez et réouvrez le fichier.
  
 
'''(2) Tout dégrouper'''
 
'''(2) Tout dégrouper'''
* Tout sélectionne
+
* Tout sélectionner
* Dégrouper (CTRL-SHIFT-G) au moins '''trois fois'''.  
+
* 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)
 
* Créer un calque (Menu Calque -> Ajouter Calque)
* Déplacer tous les objets dans ce calque (Tout sélectionne, Menu Calque->Déplacer la sélection dans 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 object en "Path SVG"'''
+
'''(3) Transformer tous les objets en "Path SVG" ("Chemin SVG")'''
* Sélectionner tous les objets et les transformer en "Path" (Menu Path -> Object to Path). '''ATTENTION, Cela peut prendre un certain temps'''
+
* 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'''
 
'''(3) Remplir les objets avec de la couleur'''
 
* Tout sélectionner
 
* Tout sélectionner
* Effacer les bordures
+
* Effacez les bordures
* Définir une couleur de remplissage
+
* 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'''
 
'''(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 l'effacer.
+
* 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.
 
[[Fichier:QR Code Monkey - Rectangle Blanc à effacer.png|néant|vignette]]
 
[[Fichier:QR Code Monkey - Rectangle Blanc à effacer.png|néant|vignette]]
  
 
=== Résultat ===
 
=== Résultat ===
  
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 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 [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.
 +
 
 +
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.
 +
 
 
{|
 
{|
 
|[[Fichier:Ink-Stitch QR Code.png|centré|vignette]]
 
|[[Fichier:Ink-Stitch QR Code.png|centré|vignette]]
Ligne 69 : Ligne 112 :
 
|}
 
|}
  
== Other examples ==
+
=== QR Code avec image ===
 
+
Voici un autre exemple:
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-inkstitch.jpg|centré|vignette|QR Code avec une image]]
 
 
<gallery widths="320px" heights="320px">
 
Image:Breaktheice-broderies-recto.jpg|Patch côté animaux
 
Image:Breaktheice-broderies-verso.jpg|Patch côté QR codes
 
</gallery>
 
  
 
== Copyright modification ==
 
== Copyright modification ==

Version actuelle datée du 26 septembre 2022 à 22: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

1 Introduction

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

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

2 Créer un QR code simple pour InkStitch

2.1 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

2.2 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

2.3 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

2.4 QR Code avec image

Voici un autre exemple:

QR Code avec une image

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