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

De EduTech Wiki
Aller à la navigation Aller à la recherche
Ligne 36 : Ligne 36 :
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 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.  
* 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.  
* Reopen the file (?)
* Reopen the file (?)


'''(2) Ungroup all'''
'''(2) Tout dégrouper'''
* Select all
* Tout sélectionne
* Ungroup (CTRL-SHIFT-G) at least '''three times'''. If Inkscape hangs, try
* Dégrouper (CTRL-SHIFT-G) au moins '''trois fois'''.  
* Create a layer (Menu Layer -> Add Layer)
* Créer un calque (Menu Calque -> Ajouter Calque)
* Move all the objects into this layer (Select All, Menu Layer->Move Selected to Layer)
* Déplacer tous les objets dans ce calque (Tout sélectionne, Menu Calque->Déplacer la sélection dans calque)


'''(3) Transform all objects to SVG paths'''
'''(3) Transformer tous les object en "Path SVG"'''
* Select all objects and transform to path (Menu Path -> Object to Path). '''This can take a while'''
* Sélectionner tous les objets et les transformer en "Path" (Menu Path -> Object to Path). '''ATTENTION, Cela peut prendre un certain temps'''


'''(3) Fill the objects with a color'''
'''(3) Remplir les objets avec de la couleur'''
* Select All
* Tout sélectionner
* Remove stroke
* Effacer les bordures
* Define a fill
* Définir une couleur de remplissage


'''(3) Remove three extra rectangles that are not needed'''
'''(3) Effacer 3 rectangles en trop'''
* The three big rectangles are made of three rectangles, one of which defined the white space. Just kill it.
* 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.
[[File:qrcode-monkey-inkstitch-3.png|400px|none|thumb|Kill three extra rectangles]]
[[Fichier:QR Code Monkey - Rectangle Blanc à effacer.png|néant|vignette]]


For your information, below are snapshots of the SVG in various stages.
=== Résultat ===
{|
|[[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 ===


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.
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.
{|
{|
|[[File:inkstitch-qrcode-9cm-simple-5.svg|200px|none|thumb|Ink/Stitch QR code, stitchable SVG]]
|[[Fichier:Ink-Stitch QR Code.png|centré|vignette]]
|[[File:inkstitch-qrcode-9cm-simple-5.jpg|200px|none|thumb|Simulation]]
|[[Fichier:Ink-Stitch Simulation QR Code.jpg|centré|vignette]]
|[[File:inkstitch-qrcode-9cm-simple-trims-5.svg|200px|none|thumb|Ink/Stitch QR code, stitchable SVG with trims]]
|[[Fichier:Ink-Stich SVG avec Trim.png|centré|vignette]]
|[[File:inkstitch-qrcode-9cm-simple-trims-5.jpg|200px|none|thumb|Simulation with trims (DST File)]]
|[[Fichier:Simulation avec Trim.jpg|centré|vignette]]
|}
|}
== Creating patches with QR codes ==
(soon)


== Other examples ==
== Other examples ==

Version du 1 février 2019 à 21:36

Introduction

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

Creating a simple InkStitch QR code

Create the 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 (!Important)

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

  1. 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.
  2. Choisissez la résolution. 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

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

Code QR avec URL en majuscule

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

Create SVG embroidery

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 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.
  • Reopen the file (?)

(2) Tout dégrouper

  • Tout sélectionne
  • Dégrouper (CTRL-SHIFT-G) au moins trois fois.
  • 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)

(3) Transformer tous les object en "Path SVG"

  • Sélectionner tous les objets et les transformer en "Path" (Menu Path -> Object to Path). ATTENTION, Cela peut prendre un certain temps

(3) Remplir les objets avec de la couleur

  • Tout sélectionner
  • Effacer les bordures
  • Définir une couleur de remplissage

(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.
QR Code Monkey - Rectangle Blanc à effacer.png

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.

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

Other examples

In the past, our students did stitch smaller QR tags without problems. But they did add some pull compensation. The Break the Ice With embroidery project (in french) produced the following.

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