« Stitch Era - créer une broderie à partir d'une image matricielle » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
(Paragraphe)
Ligne 76 : Ligne 76 :
Procédure:
Procédure:


[[Fichier:Wiki3.png|vignette|500x500px|On note ici que si l'on filtre sans réduire le nombre de couleurs, la palette de couleurs est très importante. Effectivement, le dessin initial compte nombreuses nuances de couleurs peu perceptibles à l'oeil nu.]]
[[Fichier:Wiki3.png|vignette|500x500px|On note ici que si l'on filtre sans réduire le nombre de couleurs, la palette de couleurs est très importante. Effectivement, le dessin initial compte nombreuses nuances de couleurs peu perceptibles à l'oeil nu.|gauche]]


* Cliquez sur "Layout", puis "Color reduction" et l'outil de filtrage des images apparaît
* Cliquez sur "Layout", puis "Color reduction" et l'outil de filtrage des images apparaît
Ligne 93 : Ligne 93 :
=== Conversion en une image vectorielle ===
=== Conversion en une image vectorielle ===


Permettez-moi de mentionner d'abord une stratégie que je considère comme mauvaise: maintenant, nous avons un bitmap simple, nous pourrions commencer à le convertir directement en points de suture. Nous pourrions cliquer sur Convertir (barre de menu supérieure) et voir trois choix: '' Art to stitch (intelligent) '', '' Art to Stitch (Zone seulement '' et '' Image to Stitch ''. "Art" se réfère à Les graphiques propres et, en particulier, les graphiques vectoriels. Notre image est différente, par exemple, certaines lignes sont assez floues et Stitch Era se plaint. Nous pourrions également sélectionner '' 'Image to photo-stitch' '. Cependant, nous allons ne pas utiliser cette procédure car elle ne produit pas le genre de résultat que nous voulons.
Permettez-moi de mentionner d'abord une stratégie que je considère comme mauvaise: maintenant, nous avons un bitmap simple, nous pourrions commencer à le convertir directement en points de suture. Nous pourrions cliquer sur Convertir (barre de menu supérieure) et voir trois choix: '' Art to stitch (intelligent) '', '' Art to Stitch (Zone seulement '' et '' Image to Stitch ''. "Art" se réfère à Les graphiques propres et, en particulier, les graphiques vectoriels. Notre image est différente, par exemple, certaines lignes sont assez floues et Stitch Era se plaint. Nous pourrions également sélectionner '' 'Image to photo-stitch' '. Cependant, nous allons ne pas utiliser cette procédure car elle ne produit pas le genre de résultat que nous voulons.''


Nous devrons d'abord effectuer une «première vectorisation adéquate». Soit dit en passant, tous les bons programmes de dessin vectoriel comme Inkscape (gratuit) ou Illustrator peuvent tracer des bitmaps. Si vous n'êtes pas satisfait du vectorisateur d'un programme de broderie, essayez l'un de ces outils. Quoi qu'il en soit, Stitch Era peut tracer un agneau comme vous le verrez. Commençons:
Nous devrons d'abord effectuer une «première vectorisation adéquate». Soit dit en passant, tous les bons programmes de dessin vectoriel comme Inkscape (gratuit) ou Illustrator peuvent tracer des bitmaps. Si vous n'êtes pas satisfait du vectorisateur d'un programme de broderie, essayez l'un de ces outils. Quoi qu'il en soit, Stitch Era peut tracer un agneau comme vous le verrez. Commençons:
Ligne 103 : Ligne 103 :
* Cliquez sur le bouton '' 'Convertir vers Vector' '' vers la droite
* Cliquez sur le bouton '' 'Convertir vers Vector' '' vers la droite


La vectorisation de bitmap comprend deux étapes majeures: (1) le processus de "nettoyage" du bitmap '' et du processus de "paramétrage" du processus de traçage bitmap "
La vectorisation de bitmap comprend deux étapes majeures: (1) le processus de "nettoyage" du bitmap '' et du processus de "paramétrage" du processus de traçage bitmap "''
 
 





Version du 7 octobre 2017 à 19:42

Introduction

Avant de vous lancer dans des conceptions de broderie compliquées soit à partir de photos ou bien de dessins créés par vous même directement sur le logiciel, vous pouvez vous familiariser avec le logiciel d'une façon beaucoup plus simple. Ceci en utilisant directement une image web! Il s'agit d'importer une image dite matricielle. Alors, allons-y!

Home page
Création de Stitch Era - logiciel de broderie machine et de hotfix
Learning goals
Etre capable d'importer une image matricielle
Etre capable de vectoriser une image matricielle, c'est à dire transformer l'image sous forme de graphique vectoriel
Etre capable de digitaliser un graphique vectoriel
Prérequis ou autres pages qui peuvent aider (Pas de craintes ceux ci sont moindres!)
Création de Stitch Era - logiciel de broderie machine et de hotfix (Créer une nouvelle page).
Stitch Era - créer une broderie à partir d'un dessin vectoriel
Materiel
Vous pouvez utiliser une image quelconque. ATTENTION! Si vous utilisez des images du web, veillez à utiliser des images sans droits d'auteurs.
Vdauteur.png


Qualité et niveau du présent texte
Ce texte est principalement une traduction de la page créée par Daniel Schneider Stitch Era - creating embroidery from raster images, à laquelle j'ai apporté quelques modifications, rajouté des compléments dont des images
Création de la page
J'ai créé cette page le 7 octobre 2017
Etapes à suivre ensuite

Format graphique et extensions de fichiers

Il existe deux types de formats de fichiers graphiques, dont vous trouverez davantage de détails en vous rendant sur la page suivante : graphics file formats

Les Graphiques vectoriels sont une définition "mathématique" des dessins et sont en principe plus simples à digitaliser. Les graphiques vectoriels sont évolutifs, en d'autres termes ils ne perdent pas leur qualité lorsque l'on modifie leur taille. Parmi les logiciels qui permettent de créer des graphiques vectorielles il existe Inkscape (logiciel gratuit), Illustrator and Corel Draw. Stitch Era peut importer des dessins en SVG ou avec des formats en Corel Draw et Illustrator. Les formats peuvent ainsi être en *.ai, *.svg, *.cdr, *.wmf and *.emf. Stitch Era contient son propre programme de dessins graphiques vectoriels qui peuvent être utilisés pour vos premiers pas dans le monde de la broderie!

Bitmaps (appelés également graphiques matricielles) définit une image c'est à dire un dessin mais également une photographie, en terme de petits points (pixels colorés). ATTENTION! Les Bitmaps ont principalement deux défaillances : (1) On ne peut pas redimensionner une image sans perdre de qualité. (2) La plupart des formats de fichiers permettent de compresser (réduire la taille) d'une image en pensant ne pas perdre informations. Mais les dessins bitmap qui semblent clairs ne le sont pas en réalité. Et malheureusement, les clipart que l'on trouve sur internet sont en bitmap. Ainsi, avant d'utiliser une image en bitmap, il est necessaire de la transformer en graphique vectoriel, soit vectoriser, ce que nous allons apprendre ici.

Typiquement les formats bitmap sont en *.png, *.jpg and *.gif. PNG et GIF sont adaptés pour les dessins, tandis que *.jpg est plus adapté pour les photos. Le format *.bmp, est intéressant mais prend beaucoup de place sur les diques durs! Une fois ces images importées dans Stitch Era, il est necessaire de les traiter, notamment de réduire la palette de couleur.

Digitalliser une image bitmap

LAMS (Learning Activity Management System)mascot, original GIF file

Digitizing bitmaps (raster images) may be a bit more difficult than converting vector graphics to stitches and for at least two reasons:

  • Usually bitmaps include too many colors (photographs always do). As you shall see, even a pretty simple drawing may include over 20 colors.
  • Lines are not clearly drawn and must be guessed by the vectorizing module.
  • Speckles (i.e. small shapes) can be found and will have to be reduced.

As example, we shall use a drawing that is the mascot of the LAMS (Learning Activity Management System) software. The original vector image isn't available anymore and we therefore had to start from a somewhat fuzzy raster image, i.e. a 32KB *.gif file, that you see to the right and that you can enlarge.

In addition, with respect to what we explained in Stitch Era - creating embroidery from vector images, we also introduce some additional auto-digitizing options, e.g. how to define stitch density and how to select a so-called fill pattern. Towards the end of this tutorial we shall discuss another simple example, i.e. the Moodle logo.

Charger une image bitmap

Procedure:

  • Ouvrir le logiciel!
  • Cliquer sur "Open Image" et sélectionner le fichier avec les images en format *.gif, *.jpg, *.png, etc.
  • Sélectionner l'image que vous souhaitez en cliquant dessus
  • Redimensionner l'image au besoin. Pour ceci sélectionner l'image en cliquant dessus, et étirez ou réduisez l'image par les coins.(Ceci peut aussi être fait plus tard, après avoir vectorisé l'image)
  • Recadrer l'image au besoin en cliquant sur le bouton "crop image" dans Edition en haut à gauche.
  • Assurez-vous que vous pouvez voir toute l'image en faisant un zoom avant ou arrière.
Redimensionnement d'image en tirant sur les coins

Réduction des couleurs

Une machine à broder ne peut coudre qu'une couleur à la fois, une machine semi-professionnelle peut faire entre 6 et 10 couleurs sans changer de fil et une machine professionnelle 16. Or les dessins ont bien souvent plus de couleurs que nous ne pensons en raison de petites nuances que nous ne distinguons pars forcément à l'oeil nu. Ainsi, plutot que de devoir changer de fil sans cesse, il est préférable de réduire le nombre de couleurs sur le dessin avant de lancer la broderie. Et vous constaterez que meme en réduisant le nombre de couleurs le résultat reste plus que correct. En général, tel qu'il est indiqué dans le tutoriel Stitch Era - stitching children's drawings, six couleurs (yellow, blue, red, green, black and white) sont suffisantes.

Procédure:

On note ici que si l'on filtre sans réduire le nombre de couleurs, la palette de couleurs est très importante. Effectivement, le dessin initial compte nombreuses nuances de couleurs peu perceptibles à l'oeil nu.
  • Cliquez sur "Layout", puis "Color reduction" et l'outil de filtrage des images apparaît
  • Sélectionnez le nombre de couleurs que vous souhaitez dans la case en face "Reduce up to". Il est biensur conseillé de réduire au maximum le nombre de couleurs, mais attention a ne pas perdre des couleurs. Comme mentionné précédemment 6 à 8 est un bon nombre.
  • Cliquez sur "Filter" et examinez attentivement le résultat à droite. Si certaines formes que vous souhaitez assembler disparaissent, augmentez le nombre de couleurs et réessayez en cliquant sur le bouton de filtre.
  • Finalement en réduisant à 8 couleurs, l'image avec les couleurs réduites est quasi identique à l'oeil nu à l'image initiale.
Réduction des couleurs à 8
  • Cliquez sur le bouton vert 'Return' pour accepter cette réduction de couleur.
  • Enregistrez le fichier sous un nom de fichier différent du fichier initial. ATTENTION à bien conserver une version sécurisée pour chaque étape de conception majeure.

Remarque: Avant de réduire les couleurs, vous pouvez également essayer de saturer les couleurs, augmenter le contraste et assombrir l'image. Lire Stitch Era - digitizing complex bitmap images où nous discutons un exemple.

Conversion en une image vectorielle

Permettez-moi de mentionner d'abord une stratégie que je considère comme mauvaise: maintenant, nous avons un bitmap simple, nous pourrions commencer à le convertir directement en points de suture. Nous pourrions cliquer sur Convertir (barre de menu supérieure) et voir trois choix: Art to stitch (intelligent) , Art to Stitch (Zone seulement et Image to Stitch . "Art" se réfère à Les graphiques propres et, en particulier, les graphiques vectoriels. Notre image est différente, par exemple, certaines lignes sont assez floues et Stitch Era se plaint. Nous pourrions également sélectionner 'Image to photo-stitch' '. Cependant, nous allons ne pas utiliser cette procédure car elle ne produit pas le genre de résultat que nous voulons.

Nous devrons d'abord effectuer une «première vectorisation adéquate». Soit dit en passant, tous les bons programmes de dessin vectoriel comme Inkscape (gratuit) ou Illustrator peuvent tracer des bitmaps. Si vous n'êtes pas satisfait du vectorisateur d'un programme de broderie, essayez l'un de ces outils. Quoi qu'il en soit, Stitch Era peut tracer un agneau comme vous le verrez. Commençons:

'Étape 0 - Trouver l'outil'

  • 'Avant la version 11?' : Sélectionnez l'onglet 'Layout' dans la ligne de la barre de menu supérieure. Ne manquez pas cela ou vous ne verrez jamais le bouton 'Convertir en vecteur' .
  • 'Version 11.x' : Sélectionnez l'onglet image dans la ligne de la barre de menu supérieure, si ce n'est déjà fait.
  • Cliquez sur le bouton 'Convertir vers Vector' vers la droite

La vectorisation de bitmap comprend deux étapes majeures: (1) le processus de "nettoyage" du bitmap et du processus de "paramétrage" du processus de traçage bitmap "



Conversion to a vector image

Let me just mention first a strategy I consider bad: Now that we have a simple bitmap we could start converting it directly to stitches. We might click on Convert (top menu bar) and see three choices: Art to stitch (intelligent), Art to Stitch (Area only and Image to Stitch. "Art" refers to clean graphics, and in particular vector graphics. Our picture is sort of in between, e.g. some lines are quite fuzzy and Stitch Era will just complain. We also could select Image to photo-stitch. However, we will not use this procedure since it doesn't produce the kind of result we want.

We shall do a proper vectorization first. By the way, all good vector drawing programs like Inkscape (free) or Illustrator can trace bitmaps. If you are unhappy with the vectorizer of an embroidery program, try one of these tools. Anyhow, Stitch Era can trace a lamb as you shall see. Let's start:

Step 0 - Find the tool

  • Prior to version 11 ?: Select the Layout tab in the top menu bar line. Don't miss that or you never will even see the Convert to Vector button.
  • Version 11.x: Select the image tab in top menu bar line, if not already done so.
  • Click on the Convert to Vector button to the right

Bitmap vectorization includes two major steps: (1) Additional cleanup of the bitmap and (2) parametrization of the bitmap tracing process.