« Stitch Era - création et manipulation de graphismes vectoriels » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 287 : Ligne 287 :
* Couleur de la bordure = Gris foncé
* Couleur de la bordure = Gris foncé


[[image:stitch-era-free-hand.png|frame|none|Stitch Era Outils de dessin FreeHand]]
Bien évidemment, il est maintenant possible c’effectue plusieurs réglages :
* Déplacer les point d’encrage
* Ajuster les différents courbes avec le contrôleur de courbes (Cliquez un point d’encrage en premier). Vous pouvez modifier le type de point d’encrage (e.g. Un point d’encrage normal en point d’angle.)
* Ajouter/Insérer un point d’encrage
* Ajouter de nouveaux dessins


== Dessiner des formes vectorielles à l'aide des courbes de Bezier ==
== Dessiner des formes vectorielles à l'aide des courbes de Bezier ==
L’outils '''Bezier''' permet de créer des dessins plus techniques. En dessous, nous allons brièvement introduire les bases.
Principes de bases :
* Sélectionner l’outils '''Bezier'''
* Cliquer avec la souris pour ajouter un point d’encrage et glisser la souris pour définir la courbe
* Appuyer sur ESC pour quitter le dessin
* Pour fermer un dessin : Faites un clic droit et choisissez une des options suivantes :
** ''Accept'' permet de créer un polyline (i.e. une ligne qui n’est pas fermée)
** ''Close Shape'' Pour créer un polygone. Dépendant de votre choix dans l’onglet Format, le résultat sera soit une forme pleine, vide ou pleine avec bordure.
** ''Close with mirror shape'' -> ferme la forme avec un forme miroir
** ''Abort'' pour annuler (identique à ESC)


=== Créer une formes avec des droites ===
=== Créer une formes avec des droites ===
* Sélectionner l’outil '''Bezier'''
* Insérer des points d’ancrages en faisant des simples clic, ATTENTION ne déplacez pas la souris en laissant le click enfoncé ou vous allez créer une courbe
* Ensuite, faites un clic droit et choisissez ''Close Shape''
[[image:stitch-era-bezier-nodes-1.png|frame|none|Créer des droites]]
Si vous n’obtenez pas le résultat voulu, pas de panique. Il est toujours possible de changer les types de points d’ancrage et d’ajuster les courbes comme expliqué dans les chapitres précédents.


=== Créer une forme avec des droites et des courbes ===
=== Créer une forme avec des droites et des courbes ===
Principes :
* Pour insérer des droits, faites comme dans le chapitre précèdent.
* Pour créer une courbe, ne faites pas juste un clic mais maintenez le clic enfoncé et déplacez la souris, e.g. Dans le petit exemple présenté dans l’image ci-dessous
** Clic ... clic .... Garder enfoncer et déplacer la souris .... Déplacer ... clic droit->close
[[image:stitch-era-bezier-nodes-2.png|frame|none|Créer des noeuds simples avec des courbes]]


=== Créer une forme avec des droites et des nœuds d'angle ===
=== Créer une forme avec des droites et des nœuds d'angle ===
Un CTRL+Clic insérera un point d’angle plutôt qu’un point d’ancrage normal
* click ... CTRL-click .... CTRL-click ... click


=== Créer une forme avec des droites, des courbes et des nœuds d'angle ===
=== Créer une forme avec des droites, des courbes et des nœuds d'angle ===
En maintenant la touche CTRL enfoncée, vous pouvez créer des points d’angle. 1.e. Cela permet de créer des nouvelles courbes qui ne commencent pas dans la même direction que la courbe précédente.
* click ... click CTRL-mouse-down+drag .... CTRL-mouse-down+drag ...
[[image:stitch-era-bezier-nodes-3.png|frame|none|Créer des angles avec des courbes]]


=== Créer des nœuds droit ===
=== Créer des nœuds droit ===
* Pour créer un point d’ancrage normal avec des côtés droits : Maintenez enfoncer la touche SHIFT
* Pour créer un point d’angle avec des côtés droits : Maintenez les touches CTRL et SHIFT.
Si ces dernières informations sont trop complexes pour vous, vous pouvez toujours vous contenter de créer des courbes et des droits et de modifier les points d’ancrage par la suite ainsi que les courbes.
En gros, faites juste clic, clic, clic et ensuite corriger ce qu’il faut pour avoir le résultat que vous voulez.


== Autre techniques de modification de formes ==
== Autre techniques de modification de formes ==


=== Modifying built-in closed-shapes ===
=== Modifying built-in closed-shapes ===
Afin de pouvoir applique les différentes transformations sur les points d’ancrage et les courbes, vous devez commencer par convertir l’objet en courbe.
[[image:stitch-era-vector-builtins-conversion.png|frame|none|Convertir une built-in closed shape en courbes]]
Ensuite, il vous suffit d’appliquer ce que nous avons vu précédemment, i.e déplacer un point d’ancrage, effacer un point, ajouter un point, modifier une courbe, etc…


=== Couper des formes ===
=== Couper des formes ===
Il peut arriver que vous souhaitiez coupe rune forme. Typiquement pour modifier la couleur de la forme à deux endroit différents.
'''Procédure de séparation :'''
* Cliquez sur '''Split vectors''' dans l’onglet '''Reshape'''
* Ensuite, dessinez un polyline: click, click, click ....
* Ensuit clic droit -> ''Accept''
Vous avez maintenant deux objet au lieu d’un seul, et vous pouvez appliquer différentes couleurs de remplissage.
[[image:stitch-era-vector-split.png|frame|none|Scinder un vecteur (une forme dans ce cas)]]


=== Retirer des trous ===
=== Retirer des trous ===
Le bouton '''Remove Holes''' dans l’onglet '''Reshape''' permet de combler les trous d’une forme vectorielle.
[[image:stitch-era-vector-remove-holes.png|frame|none|Combler les trous]]
ATTENTION : Cela va combler TOUS les trous présents dans la forme.


== Constructive solid geometry (CSG) ==
== Constructive solid geometry (CSG) ==
{{quotation|Cette technique de modélisation géométrique concerne la représentation d'un objet solide comme combinaison d'objets solides simples (exemple : cylindre, sphère, cône, tore, etc.) à l'aide d'opérateurs géométriques booléens (exemple : union, intersection, soustraction). }} ([https://fr.wikipedia.org/wiki/G%C3%A9om%C3%A9trie_de_construction_de_solides], March 2011)
CSG est disponible à travers l’onglet '''Combine Vectors'''
Marche à suivre :
* Sélectionné au minimum 2 objets vectoriels (Gardé enfoncé la touche CTRL et cliquez sur les différents objets à sélectionner)
* Cliquer sur '''Combine Vectors'''
* Appliquer un opérateur
Additional examples are discussed in tutorials like [[Stitch Era - digitizing complex bitmap images]]


=== Exemple de soustraction ===
=== Exemple de soustraction ===
Vous pourriez créer une belle lune en utilisant les courbes de Bezier, mais il est plus simple de simplement créer deux cercles et de soustraire le second sur le premier...
[[image:stitch-era-vector-csg-subtraction.png|frame|none|Combine vectors (CSG) - Soustraction]]


=== Exemple d'addition ===
=== Exemple d'addition ===
L’exemple suivant montre comment créer un haltère pour s’entrainer un peu après être resté assis pendant plusieurs jours à lire des tutoriels sur Stitch Era.
* Créer un cercle. Assurez-vous qu’il est bien rond en utilisant l’outils “'''Layout'''”
* Copier le cercle et déplacez le en dessous
* Dessinez un rectangle à l’aide de l’outils '''Closed Shapes''' et aligné le avec les ronds
* Sélectionner l’onglet '''Layout''' et sous '''Align''' -> '''To Object''', sélectionner '''Align Horizontal Centered'''
* Sélectionner les 3 objets en faisant un carré de sélection avec votre souris
* Dans l’onglet '''Combine Vectors''', sélectionner '''Addition'''
[[image:stitch-era-vector-csg-addition.png|frame|none|Combine vectors (CSG) - Addition]]


=== Intersection, rotation, exemple simplifié ===
=== Intersection, rotation, exemple simplifié ===
L’exemple suivant montre comment créer des pétales de fleur à partir de cercles.
* Créer un cercle
* Dupliquer le cercle en utilisant l’outil '''Matrice Repetition''' se trouvant l’onglet '''Layout'''. Notez qu’il faut utiliser une distance négative de -5mm afin que les cercles se superpose
[[image:stitch-era-vector-matrix-repetition.png|frame|none|Matrix repetition]]
* Ensuite, déplacer les cercles à leur position. Effacer le cercle du centre.
* Sélectionner 2 cercles et sélectionner Intersection dans le menu Combine Vectors et répéter cette procédure pour tous les pétales
[[image:stitch-era-vector-csg-intersection.png|frame|none|Combine vectors (CSG) - Intersection]]
* Pour ajuster les positions, utiliser CTRL + Flèche directionnelle pour déplacer et CTRL + Souris, dans le coin de l’image, pour effectuer une rotation
* Ensuite, sélectionner les 4 pétales restant et groupé les à l’aide du menu contextuel accessible à l’aide du clic droit de la souris
* Faites une copie, e.g. clic sur « '''Duplicate''' » dans l’onglet '''Layout'''
* Déplacer la copie sur l’original
* Faites une rotation de la copie comme sur l’image ci-dessous.
[[image:stitch-era-vector-rotate2.png|frame|none|Vector rotation]]
* Sélectionner tout et dégrouper chaque groupe (Celui sur le dessus et celui en dessous)
* Ajuster le tout en fonction de vos envies. Vous pouvez aussi effacer les bordures…
* Ajouter un petit cercle au centre
* Vous pouvez maintenant sélectionne tous les pétales et utiliser l’outils Simplify dans le menu Combine Vectors. Dépendant de comment vous voulez que les pétales soient brodés.
Maintenant Autodigitize:
* Sélectionner tout, ensuite Convert -> Art to Stitch Intelligent
* Dans l’outils Image to Sections, sélectionner Stitch Settings et paramétrer Maximum ZZ width à 3… Sinon les pétales vont avoir à la fois des ZigZags et des motifs. Vous pouvez aussi vous occuper de cela plus tard.
[[image:stitch-era-vector-csg-flower.png|frame|none|Fleur simple réalisée grâce aux techniques CSG]]
Les motifs de remplissage ne sont pas Glorieux, mais travailler sur cela demande du travail supplémentaire nécessitant de travailler avec les lignes de direction.
Morale : Parfois, utiliser des combinaisons de techniques de manière intelligente peut grandement vous simplifier la vie, surtout si vous n’êtes pas doué en dessin.


[[Catégorie:Tutoriels]]
[[Catégorie:Tutoriels]]
[[Catégorie:Broderie machine]]
[[Catégorie:Broderie machine]]

Version du 28 janvier 2018 à 21:24

Cet article est en construction: un auteur est en train de le modifier.

En principe, le ou les auteurs en question devraient bientôt présenter une meilleure version.


Introduction

Cette page est un tutoriel de niveau débutant pour le logiciel Stitch Era. Il contient des explications pour apprendre à créer oue modifier des images vectorielles qui pourront ensuite être transformées en sections de points ou section de broderie (stitch sections).

Information concernant les termes utilisés :

Ce tutoriel ainsi que les captures d'écran qu'il contient sont issus de l'interface anglophone du logiciel. Toutefois, pour aider à la compréhension, ainsi qu'à l'utilisation de la version francophone, deux mesures sont appliquées :

  • Les termes ayant trait à la terminologie du dessin vectoriel ou de la création de broderie ont été traduits en français dans le texte, accompagnés du terme d'origine en anglais entre parenthèses lorsque le mot est cité pour la première fois.
  • Pour les termes spécifique d'une commande d'interface (nom d'onglets, de boutons), les termes anglophones sont indiqués entre parenthèses, suivis si nécessaire d'une traduction en français lorsque le mot est cité pour la première fois.
Page de tutoriels Stitch Era
Tutoriels Stitch Era
Objectifs du tutoriel
  • Pouvoir importer des images vectorielles d'un programme tiers
  • Pouvior dessiner directement dans Stitch Era
  • Pouvoir modifier et améliorer des dessins existants
Pré-requis
Matériel
Aucun
Tutoriels complémentaires
Tutoriels suivants

Quatre raisons justifient d'apprendre à utiliser les images vectorielles :

  • Vous pourrez réparer ou ajuster des images bitmap vectorisées ;
  • Vous pourrez travailler sur des images vectorielles importées. On peut trouver beaucoup d'images vectorielles sur openclipart.org ;
  • Vous saurez Dessiner des images vectorielles directement dans Stitch Era ;
  • De plus, vous vous familiariserez avec des techniques ainsi que la terminologie du dessin vectoriel. Vous en aurez besoin pour effecturer des réglages sur des sections de points (stitch section) ainsi que pour dessiner directement des objets de points (stitch object). Les commandes diffèrent un peu et sont plus complexes, mais les principes de dessin et de modification restent les mêmes que pour le dessin vectoriel simple.

Les images vectorielles se transforment facilement en sections de points, en utilisant la fonctionnalité de numérisation automatique "Art to stitch". C'est pour cette raison que nous vous conseillons plutôt de dessiner en vectoriel pour ensuite transformer votre dessin en broderie, plutôt que de directement dessiner des objets de broderie.

Bien sûr, divers techniques de design peuvent être combinées dans un même projet.

Nous insistons encore sur le fait que la même logique que pour les images vectorielles s'applique pour manipuler ou créer directement des objets de broderie. La différence entre les images vectorielles (qui existent également dans d'autres programmes plus avancés tels que Ilustrator, Corel Draw ou Inkscape) et les images d'objets de broderie (stitch object graphics), est que ces derniers sont beaucoup moins visuels et bien plus complexes, puisqu'ils incluent la visualisation de schéma de points, des points de broderie, du fil etc.

Nous pensons que les spécialistes en broderie ne travaillent pas beaucoup avec les images vectorielles, parce qu'ils peuvent probablement prévoir à l'avance ce que à quoi vont ressembler les sections de points à broder. Les professionnels de haut niveau semblent même ne parfois pas travailler avec des objets de broderie de haut niveau, c'est-à-dire qu'ils créent des sections à broder point par point, dans des projets à grand budget. Un débutant devrait simplement être capable d'ajuster les sections de points, et donc pouvoir comprendre un peu comment manipuler des noeuds et des courbes. Ces opérations sont plus simples à apprendre avec des images vectorielles "classiques".

Création de formes vectorielles dans l'onglet "Artwork"

Quand vous créez un nouveau projet Stitch Era, vous démarrez automatiquement dans l'onglet "Home" (accueil). Pour importer ou dessiner une image vectorielle, il faut sélectionner l'onglet "Artwork" (épreuve), comme indiqué dans l'illustration ci-dessous.

Onglet Artwork - il n'y a pas encore d'image

À partir de là, vous pouvez soit importer une image vectorielle existante, comme expliqué dans la page Stitch Era - créer une broderie à partir d'un dessin vectoriel, soit commencer à dessiner directement. Il y a plusieurs types de dessins qui peuvent être réalisés, avec différentes techniques, comme par exemple :

  • Insérer des formes pré-construites fermés ;
  • Insérer des formes pré-construites ouvertes ;
  • Dessiner des formes à l'aide de courbes de Bézier ;
  • Dessiner des formes à main levée ;
  • Dessiner des lettres grâce à l'outil texte (à ne pas confondre avec le module de lettrage qui permet de créer directement des sections de points, et non pas des formes vectorielles).

Commençons par insérer une ellipse, donc une forme fermée, comme illustré ci-dessous.

Sélectionnez l'icône de l'ellipse dans le menu déroulant "Shapes" (formes). Déplacez ensuite la souris dans la zone de travail qui se trouve au-dessous, puis cliquez et maintenez le clic enfoncé tout en déplaçant la souris pour créer la forme.

Stitch Era 17 - outil Artwork - créer une ellipse

Si vous souhaitez créer un cercle régulier, vous avez trois solutions :

  1. Maintenir la touche CTRL du clavier enfoncée tout en créant le cercle en tirant la souris.
  2. Vérifier les dimensions qui s'affichent au bas de l'écran
  3. Créez un cercle approximatif, puis modifier ses propriétés par la suite en passant pas l'onglet "Layout". C'est probablement la solution la plus efficace pour avoir exactement ce que vous voulez.

Après avoir inséré un premier objet vectoriel, ou quand vous sélectionnez un objet vectoriel, l'interface va changer pour montrer tous les outils à disposition.

Tout d'abord, vous voudrez peut-être changer les couleurs. Vous pouvez jouer un peu avec "Fill color" (couleur de remplissage) et "Border color" (couleur de bordure), que vous trouverez dans le sous venu "Vector" (vecteur), comme montré sur l'illustration ci-dessous.

Il y a également un onglet "Layout" (disposition) à côté de l'onglet "Vector". Cette section vous permet de changer des paramètres de taille, position et rotation de l'objet (voir Changer la taille et tourner), ou encore d'aligner plusieurs objets. Nous en reparlerons plus en détail plus tard.

Stitch Era 17 - Artwork tool / Outil Vector - un objet vectoriel est créé ou sélectionné. On peut changer son épaisseur ou ses couleurs.

Si vous ouvrez l'onglet "Artwork" > "Layout", vous pouvez modifier des choses telles que la position et la taille.

Stitch Era 17 - Artwork tool / Outil Layout - un objet vectoriel est créé ou sélectionné. On peut changer ses dimensions.

Dans des versions antérieures, l'interface était différente, c'est à dire qu'il n'y avait qu'un onglet "Vector", comme vous pouvez le voir dans la capture d'écran suivante.

Stich Era 11 (2001) - Outil Artwork - Un objet vectoriel créé ou sélectionné

Maintenant, intéressons nous aux propriétés basique d'un objet vectoriel : le remplissage et la bordure.

L'anatomie d'un objet vectoriel

Remplissage et bordures

Les objets vectoriels (comme par exemple le cercle que nous avons vu avant) sont composés de deux parties :

  • la bordure (également appelée "contour" ou "ligne" en français; "outline", "stroke" ou "line" en anglais) ;
  • le remplissage (également être appelé "l'intérieur" en français; "body", "paint" ou "inside"en anglais).

En sélectionnant une forme (par exemple un rectangle dans l'illustration ci-dessous) et en utilisant les option du sous-onglet "Format", vous pouvez décider si vous voulez :

  • un objet avec uniquement du remplissage (vectors-only body), où la bordure est rendue invisible ;
  • un objet uniquement formé d'un contour (vectors-only outline), où la forme n'est pas remplie, et est donc invisible (on n'affiche que la bordure) ;
  • un objet qui a les deux (vectors outline + body), où vous voyez à la fois la forme et sa bordure.
Trois types d'objets vectoriels (formes) : remplissage seul, contour seul, remplissage + contour

En broderie (ainsi que dans d'autres projets multimédia), vous travaillerez avec les trois versions.

La taille d'un objet se définit par rapport au milieu des bordures. Par exemple, un rectangle de 100 x 50mm avec une bordure de 2mm a une vraie largeur de 102mm et une hauteur de 52mm. De chaque côté la bordure dépasse de 2mm/2 = 1mm. A considérer lorsque que vous créez des appliqués et des patch. Par contre, un objet qui ne possède qu'un remplissage ou un contour très fin ne dépasse pas.

L'enveloppe

Chaque objet vectoriel est défini par une taille globale et une position, on appelle cela l'enveloppe (envelope ou bounding box).

L'enveloppe est représentée par un cadre de contrôle gris en pointillés qui comporte des petits carrés gris aux coins et sur les côtés. Ce cadre permet de définir la taille de l'objet et de changer sa largeur et sa hauteur. Pour ce faire, positionnez la souris précisément sur l'un des petits carrés gris dans un coin ou sur les côtés et tirez avec la souris (en maintenant le clic de la souris enfoncé). Vous pouvez essayer de jouer un peu avec ça, et vous comprendrez rapidement comment ça fonctionne.

Vous pouvez en suite ouvrir l'onglet "Layout" et observer les changements dans la partie "Size" (taille) du menu.

Changez la largeur en tirant l'un des points de contrôle de l'enveloppe

Manipulation d'une forme vectorielle

Nous allons maintenant présenter les procédures de manipulation de vecteurs les plus fréquentes. Nous allons donc regarder et détailler ce qu'il y a à l'intérieur de l'enveloppe.

Formes et ajustement de la forme d'un objet vectoriel

La forme d'un vecteur est définie par son contour, ou plus précisément par les points de contrôles, ou "noeuds", et des segments de connexion (lignes et courbes) qui les relient. Les points de contrôles vont définir le chemin exact de la bordure. Dans Stitch Era, ces points sont blancs ou bleu cyan.

Comme les contours d'un objet vectoriel ne sont pas définis par des pixels, mais par des points de contrôle vectoriels, ces objets peuvent donc être redimensionnées à n'importe quelle échelle. Le dessin aura la même qualité, peu importe s'il a la taille d'une poche, d'un drap de lit ou d'un terrain de foot.

Pour modifier la forme d'un objet, il existe deux méthodes que nous détaillerons davantage plus tard :

  • Vous pouvez déplacer les points de contrôle, à l'aide de la souris.
  • Vous pouvez ajuster les courbes qui connectent les noeuds, grâces aux poignées de contrôle (points de contrôle des courbes) représentées comme deux petits points roses de part et d'autre d'un noeud. Ils apparaissent quand vous cliquez sur un noeud et vous pouvez ensuite cliquer et tirer ces points roses

Conseil :

  • Les formes pré-fabriquées (comme une ellipse), doivent d'abord être converties en objet vectoriel (vous pouvez le faire avec un clic doit sur la forme, qui ouvrira le menu contextuel).

Dans Stitch Era, il y a différents types de noeuds vectoriels. Leur façon de se connecter aux noeuds voisins est définie par trois propriétés, qui peuvent être modifiées dans le menu "Nodes" ou via le menu contextuel (clic droit) d'un noeud.

  1. Les noeuds droits / les noeuds courbes. Un noeud droit (straight node) sera relié aux noeuds voisins par des lignes droites. Les noeuds courbes (curved nodes) sont reliés aux noeuds voisins par des lignes ou segments courbes (sauf si l'un de ces noeuds voisins est un noeud droit). Les noeuds droits ont une forme carrée. Les noeuds courbes sont ronds.
  2. Les noeuds normaux / les noeuds d'angle. Les noeuds normaux (similaires aux "smooth points" chez Adobe) sont blancs et connectent deux segements courbes de façon harmonieuse. C'est à dire que le noeud est comme posé le long de la courbe. Les noeuds d'angle (corner nodes) définissent les coins et angles reliant deux lignes courbes et sont représenté en bleu cyan.
  3. Symmetric / uniform node. On ne peut pas distinguer visuellement les noeuds symétriques des noeuds uniformes. Les noeuds uniformes permettent de manipuler les segments des deux côtés du noeud de façon indépendante l'un par rapport à l'autres. Avec un noeud symétrique les deux segments se modifient ensemble, de façon à rester symétriques en angle et en courbe

Modifier les courbes

Pour modifier les courbes qui sont connectées à un noeud, il faut d'abord cliquer sur le noeud. Les deux points de contrôle de courbes roses apparaissent alors de chaque côté. Ensuite on peut utiliser les deux actions suivantes pour effectuer une modification de la courbe :

  • Déplacer le point de contrôle loin ou près du noeud pour obtenir une courbe plus ou moins douce.
  • Faire tourner le point de contrôle autour du noeud pour faire changer la direction de la courbe.

Si vous souhaitez modifier la courbe d'un soeul côté du noeud, pensez à vérifier qu'il s'agit d'un noeud uniforme et non pas symétrique, comme mentionné plus haut.

La capture d'écran ci-dessous exemplifie les types de noeuds et de points de contrôle que nous venons de voir. Il s'agit d'une forme de champignon en train d'être dessinée. Le chapeau est dessiné avec des noeuds normaux blancs (white normal nodes), la tige est définie avec des noeuds d'angle bleu cyan (cyan corner nodes), et le bas avec des noeuds droits blancs (straight nodes). On y voit aussi les points de contrôle de courbes (curve control) sur la gauche, ainsi que le cadre de contrôle de l'enveloppe (grey bounding box controls).

Points de contrôle des vecteurs et des courbes

Supprimer un noeud

1) Pour supprimer un seul noeud :

  • Sélectionnez un noeud. Vérifiez que vous sélectionnez bien un point de contrôle vectoriel blanc ou bleu cyan, et non pas l'un des points de contrôle gris de l'enveloppe qui définissent la taille de l'objet. (voir L'enveloppe). Une fois sélectionnés, la plupart des noeuds affichent aussi les petites poignées de contrôle roses pour les courbes (une ou deux).
  • Faites un clic droit (menu contextuel) sur le noeud et selctionnez "Delete" (supprimer), ou appuyez sur la touche "delete"/backspace de votre clavier.

Attention : Vous devez savoir que parfois vous vous tromperez en sélectionnant le noeud et vous sélectionnerez peut-être tout l'objet vectoriel. En utilisant la méthode de la touche "delete" du clavier, qui est plus rapide que de passer par le menu contextuel, vous ne vous en rendrez pas compte avant d'avoir effacé l'objet. Pour le récupérer, faites CTRL-Z avant d'effectuer une nouvelle action.

Une fois un noeud supprimé, vous devrez probablement ajuster un peu les courbes.

2) Pour supprimer plusieurs noeuds d'un coup :

  • Vous pouvez sélectionner plusieurs noeuds placés à des endroits différents en maintenant la touche CTRL enfoncée lorsque vous cliquez sur les noeuds.
  • Vous pouvez sélectionner une séquence de noeuds (noeuds qui se suivent), en cliquant sur le premier noeud d'abord, puis en cliquant sur le dernier noeud de la séquence tout en maintenant la touche maj. (SHIFT) enfoncée.

Ce type d'opérations est souvent nécessaire après avoir vectorisé une image bitmap. La prochaine image montre sur la gauche un genre de rectangle très irrégulier, qu'on souhaiterait broder comme un rectangle régulier. Dans le cas d'une forme aussi simple qu'un rectangle, vous pouvez bien sûr effacer toute la forme et dessiner votre propre rectangle. Cependant, pour une forme plus complexe (un personnage par exemple), ce serait beaucoup plus compliqué.

Pour corriger et adoucir une image vectorielle, vous pouvez suivre et adapter une procédure comme celle-ci :

  • Décidez quels noeuds vous souhaitez garder.
  • Transformez les noeuds si nécessaire. Vous pouvez par exemple vous retrouver uniquement avec des noeuds normaux après une procédure de vectorisation, mais vouloir en changer certains en noeuds d'angle ou en noeuds droits.
  • Supprimez ensuite les noeuds superflus et ajustez les courbes.

Dans l'exemple ci-dessous, nous avons transformé quatre noeuds près des coins en noeuds droits et ensuite corrigé le côté gauche en sélectionnant tous les noeuds entre deux (avec la touche maj.) et en appuyant sur la touche "delete"

Suppression d'une séquence de noeuds

Pour supprimer une séquence de noeuds, vous pouvez également juste apuyer plusieurs fois sur la touche "delete" de votre clavier. La suppression se fera en commençant pas les noeuds les plus récemment ajoutés.

Conseil :

  • Vous pouvez également executer d'autres opérations sur une séquence de noeuds sélectionnés. Par exemple, tous les transformer en noeuds droits. Regardez dans le menu contextuel pour plus d'options !

Insérer un noeud

Dans Stitch Era, insérer un noeud signifie rajouter un noeud dans une courbe, entre le noeud sélectionné et le noeud précédent.

Ajouter un noeud est une opération différente (voir Ajouter un noeud)

Pour insérer un noeud :

  • Sélectionnez un noeud. Dans l'image ci-dessous nous avons sélectionné celui qui est le plus bas à gauche.
  • Faites un clic droit pour accéder au menu contextuel : vous pouvez maintenant ajouter, insérer ou supprimer un noeud.

Attention : Dans un coin, il peut être difficile de sélectionner précisément un noeud de contrôle. Il est arrive de sélectionner par erreur un noeud de l'enveloppe (voir L'enveloppe). Vous devrez peut-être vous y reprendre à deux fois. Si vous n'y arrivez vraiment pas, vous pouvez essayer de tirer le noeud un peu plus vers l'intérieur pour le dégager du coin, et le remettre en place quand vous avez terminé.

Insertion d'un noeud

Une fois que vous avez inséré des noeuds, vous pouvez :

  • Déplacer chaque noeud où vous le souhaitez.
  • Changer le type de noeud si nécessaire. Par exemple dans l'image ci-dessous, un noeud normal a été transformé en noeud d'angle. Vous pouvez également sélectionner le bon type de noeud avant de faire l'insertion, en utilisant le menu "Nodes" pour sélectionner le type.
  • Utilisez les points de contrôle des courbes pour les ajuster.
Ajustement d'une courbe après l'insertion d'un noeud

Conseil : Moins vous utilisez de noeuds, mieux c'est. Par exemple pour dessiner une forme de colline simple, vous n'avez besoin que de deux noeuds (deux noeuds d'angle, voir ci-dessous). Utilisez les points de contrôle de courbes pour dessiner la courbe de la colline.

Une forme de colline simple définie avec seulement deux noeuds (tout à gauche et tout à droite) et des courbes ajustées

Ajouter un noeud

Ajouter un noeud désigne un processus qui permet d'ajouter et de positionner un noeud. Le processus est similaire à celui d'insertion d'un noeud (Voir Insérer un noeud).

  • Décidez quel type de noeud vous voulez ajouter. La plupart du temps il s'agira probablement d'un noeud courbe, normal et uniforme (curved, normal and uniform node). Vous pouvez sélectionner le type qui convient dans le menu "Nodes" en haut de la zone de design.
  • Sélectionnez un noeud dans votre objet vectoriel.
  • Faites un clic droit et sélectionnez "add node" (ajouter un noeud) dans le menu contextuel.
  • Vous pouvez maintenant immédiatement positionner le nouveau noeud, en cliquant.
  • Vous pouvez ensuite ajouter un nouveau noeud (toujours en cliquant), et ainsi de suite.
  • Appuyez sur la touche ESC de votre clavier quand vous avez fini d'ajouter des noeuds.

Ajouter des noeuds peut être très utile, par exemple pour continuer une forme qui est ouverte et pour ajouter plusieurs noeuds en choisissant leur positionnement.

Conseil : Pour l'ajout, tout comme pour l'insertion, Il est difficile de savoir dans quelle direction le nouveau noeud va être ajouté, par rapport au noeud sélectionné. Si le noeud n'aparaît pas dans la directions souhaitée, appuyez sur ESC, supprimez le mauvais noeud ajouté, et recommencez l'opération en partant d'un autre noeud.

Changer la taille et tourner

Un objet vectoriel est défini globalement par une largeur, une hauteur, une rotation et une position. Tous ces paramètres peuvent être manipulé via les huit petits carrés de contrôle gris qui se trouvent aux coins et sur les côtés du cadre de l'enveloppe qui encadre toute la forme (voir L'enveloppe). Ce grand cadre gris apparaît quand la forme est sélectionnée.

Changer la taille

  • Redimensionner un objet uniformément : tirez l'un des quatre coins.
  • Redimensionner uniquement la hauteur ou la largeur d'un objet : Tirez l'un des points situés sur le côté du cadre de l'enveloppe.
Changement de la largeur d'une forme de voilier

Changer la rotation

  • Changer la rotation : Maintenez la touche CTRL enfoncée et tirez l'un des coins du cadre dans une direction (sens des aiguilles d'une montre ou inverse). L'objet va tourner par rapport à son point de rotation, qui par défaut se trouve au centre.
  • Changer le point de rotation : Maintenez la touche CTRL enfoncée et déplacez le petit cercle gris, qui se trouve au centre par défaut, vers une nouvelle position.
Rotation autour d'un point de rotation qui a été placé en bas

Changer la taille dans l'onglet "Layout" :

  • La taille ou la hauteur et la largeur peuvent être modifiées en utilisant les outils du menu "Layout". Il suffit changer les valeurs qui se trouvent à gauche dans le menu "Layout".

Voyons un exemple. Imaginons que vous avez une ellipse que vous souhaitez changer en cercle régulier.

  • Dessinez une ellipse avec l'outil "Shapes" ;
  • Sélectionnez l'onglet "Layout"
  • Ajustez les valeurs dans le menu "Size" sur la gauche.
Création d'un cercle régulier avec les outils de l'onglet "Layout"

Adoucir automatiquement des formes

Dans le menu "Combine Vectors", il existe une option d'auto-adoucissement des formes.

  • Sélectionnez au moins deux objets, sinon la procédure ne fonctionnera pas. Si vous n'avez qu'un objet seul, ajoutez un petit objet juste pour la procédure, et supprimez-le après.
  • Ensuite, sélectionnez "Trim Shapes" (rogner les formes) dans le menu "Combine Vectors" situé en haut.
  • À chaque fois que vous cliquez sur "Trim Shapes", les objets seront un peu plus rognés. Cependant, vous ne pouvez pas rogner significativement les formes comme dans un programme tel qu'Illustrator. Dans l'image ci-dessous, vous pouvez voir le résultat après environ 10 clics sur "Trim Shapes". La forme d'origine est assez bien préservée.
Rogner des vecteurs. À droite, le résultat après environ 10 clics sur "Trim Shapes"

Attention : Rogner beaucoup de formes utilise beaucoup de ressources et Stitch Era (même la version 17) peut crasher. Nous suggérons donc de sélectionner des petits groupes de vecteurs pour appliquer cette procédure, comme tous les objets d'une même couleur, par exemple.

Dessin à main levée

L’outils “FreeHand” permet de créer les 4 types d’objets vectoriels :

  • Forme uniquement
  • Contours uniquement (chemin fermé)
  • Traits (chemins)
  • Forme + Contours

Pour créer un objet à main levée

  • Cliquer sur l’outil FreeHand
  • Ensuite, choisissez le type de dessin, i.e prenez le bon rectangle (Corps uniquement, Contours uniquement ou Corps + Contours) dans l’onglet Format.

Fermer vs. Chemin ouvert (i.e Forme vs Traits) : Une forme devient fermée lorsque le point de fin (Là où vous relâchez la souris) est très proche du point de départ

L’option de création de formes parfaites :

  • L’ouils FreeHand possède un petit menu déroulant qui permet de dessiner des formes lisses, i.e des formes ayant moins de points de contrôle et plus de courbes. Cliquer sur cette option pour l’essayer.

La capture d’écran suivante montre un nuage parfait réalisé avec l’outil FreeHand et les options suivantes :

  • Create Perfect Figures = activé,
  • vectors outline + body = coché
  • Couleur de remplissage = Gris clair
  • Couleur de la bordure = Gris foncé
Stitch Era Outils de dessin FreeHand

Bien évidemment, il est maintenant possible c’effectue plusieurs réglages :

  • Déplacer les point d’encrage
  • Ajuster les différents courbes avec le contrôleur de courbes (Cliquez un point d’encrage en premier). Vous pouvez modifier le type de point d’encrage (e.g. Un point d’encrage normal en point d’angle.)
  • Ajouter/Insérer un point d’encrage
  • Ajouter de nouveaux dessins

Dessiner des formes vectorielles à l'aide des courbes de Bezier

L’outils Bezier permet de créer des dessins plus techniques. En dessous, nous allons brièvement introduire les bases.

Principes de bases :

  • Sélectionner l’outils Bezier
  • Cliquer avec la souris pour ajouter un point d’encrage et glisser la souris pour définir la courbe
  • Appuyer sur ESC pour quitter le dessin
  • Pour fermer un dessin : Faites un clic droit et choisissez une des options suivantes :
    • Accept permet de créer un polyline (i.e. une ligne qui n’est pas fermée)
    • Close Shape Pour créer un polygone. Dépendant de votre choix dans l’onglet Format, le résultat sera soit une forme pleine, vide ou pleine avec bordure.
    • Close with mirror shape -> ferme la forme avec un forme miroir
    • Abort pour annuler (identique à ESC)

Créer une formes avec des droites

  • Sélectionner l’outil Bezier
  • Insérer des points d’ancrages en faisant des simples clic, ATTENTION ne déplacez pas la souris en laissant le click enfoncé ou vous allez créer une courbe
  • Ensuite, faites un clic droit et choisissez Close Shape
Créer des droites

Si vous n’obtenez pas le résultat voulu, pas de panique. Il est toujours possible de changer les types de points d’ancrage et d’ajuster les courbes comme expliqué dans les chapitres précédents.

Créer une forme avec des droites et des courbes

Principes :

  • Pour insérer des droits, faites comme dans le chapitre précèdent.
  • Pour créer une courbe, ne faites pas juste un clic mais maintenez le clic enfoncé et déplacez la souris, e.g. Dans le petit exemple présenté dans l’image ci-dessous
    • Clic ... clic .... Garder enfoncer et déplacer la souris .... Déplacer ... clic droit->close
Créer des noeuds simples avec des courbes

Créer une forme avec des droites et des nœuds d'angle

Un CTRL+Clic insérera un point d’angle plutôt qu’un point d’ancrage normal

  • click ... CTRL-click .... CTRL-click ... click

Créer une forme avec des droites, des courbes et des nœuds d'angle

En maintenant la touche CTRL enfoncée, vous pouvez créer des points d’angle. 1.e. Cela permet de créer des nouvelles courbes qui ne commencent pas dans la même direction que la courbe précédente.

  • click ... click CTRL-mouse-down+drag .... CTRL-mouse-down+drag ...
Créer des angles avec des courbes

Créer des nœuds droit

  • Pour créer un point d’ancrage normal avec des côtés droits : Maintenez enfoncer la touche SHIFT
  • Pour créer un point d’angle avec des côtés droits : Maintenez les touches CTRL et SHIFT.

Si ces dernières informations sont trop complexes pour vous, vous pouvez toujours vous contenter de créer des courbes et des droits et de modifier les points d’ancrage par la suite ainsi que les courbes.

En gros, faites juste clic, clic, clic et ensuite corriger ce qu’il faut pour avoir le résultat que vous voulez.

Autre techniques de modification de formes

Modifying built-in closed-shapes

Afin de pouvoir applique les différentes transformations sur les points d’ancrage et les courbes, vous devez commencer par convertir l’objet en courbe.

Convertir une built-in closed shape en courbes

Ensuite, il vous suffit d’appliquer ce que nous avons vu précédemment, i.e déplacer un point d’ancrage, effacer un point, ajouter un point, modifier une courbe, etc…

Couper des formes

Il peut arriver que vous souhaitiez coupe rune forme. Typiquement pour modifier la couleur de la forme à deux endroit différents.

Procédure de séparation :

  • Cliquez sur Split vectors dans l’onglet Reshape
  • Ensuite, dessinez un polyline: click, click, click ....
  • Ensuit clic droit -> Accept

Vous avez maintenant deux objet au lieu d’un seul, et vous pouvez appliquer différentes couleurs de remplissage.

Scinder un vecteur (une forme dans ce cas)

Retirer des trous

Le bouton Remove Holes dans l’onglet Reshape permet de combler les trous d’une forme vectorielle.

Combler les trous

ATTENTION : Cela va combler TOUS les trous présents dans la forme.

Constructive solid geometry (CSG)

“Cette technique de modélisation géométrique concerne la représentation d'un objet solide comme combinaison d'objets solides simples (exemple : cylindre, sphère, cône, tore, etc.) à l'aide d'opérateurs géométriques booléens (exemple : union, intersection, soustraction). ” ([1], March 2011)

CSG est disponible à travers l’onglet Combine Vectors

Marche à suivre :

  • Sélectionné au minimum 2 objets vectoriels (Gardé enfoncé la touche CTRL et cliquez sur les différents objets à sélectionner)
  • Cliquer sur Combine Vectors
  • Appliquer un opérateur

Additional examples are discussed in tutorials like Stitch Era - digitizing complex bitmap images

Exemple de soustraction

Vous pourriez créer une belle lune en utilisant les courbes de Bezier, mais il est plus simple de simplement créer deux cercles et de soustraire le second sur le premier...

Combine vectors (CSG) - Soustraction

Exemple d'addition

L’exemple suivant montre comment créer un haltère pour s’entrainer un peu après être resté assis pendant plusieurs jours à lire des tutoriels sur Stitch Era.

  • Créer un cercle. Assurez-vous qu’il est bien rond en utilisant l’outils “Layout
  • Copier le cercle et déplacez le en dessous
  • Dessinez un rectangle à l’aide de l’outils Closed Shapes et aligné le avec les ronds
  • Sélectionner l’onglet Layout et sous Align -> To Object, sélectionner Align Horizontal Centered
  • Sélectionner les 3 objets en faisant un carré de sélection avec votre souris
  • Dans l’onglet Combine Vectors, sélectionner Addition
Combine vectors (CSG) - Addition

Intersection, rotation, exemple simplifié

L’exemple suivant montre comment créer des pétales de fleur à partir de cercles.

  • Créer un cercle
  • Dupliquer le cercle en utilisant l’outil Matrice Repetition se trouvant l’onglet Layout. Notez qu’il faut utiliser une distance négative de -5mm afin que les cercles se superpose
Matrix repetition
  • Ensuite, déplacer les cercles à leur position. Effacer le cercle du centre.
  • Sélectionner 2 cercles et sélectionner Intersection dans le menu Combine Vectors et répéter cette procédure pour tous les pétales
Combine vectors (CSG) - Intersection
  • Pour ajuster les positions, utiliser CTRL + Flèche directionnelle pour déplacer et CTRL + Souris, dans le coin de l’image, pour effectuer une rotation
  • Ensuite, sélectionner les 4 pétales restant et groupé les à l’aide du menu contextuel accessible à l’aide du clic droit de la souris
  • Faites une copie, e.g. clic sur « Duplicate » dans l’onglet Layout
  • Déplacer la copie sur l’original
  • Faites une rotation de la copie comme sur l’image ci-dessous.
Vector rotation
  • Sélectionner tout et dégrouper chaque groupe (Celui sur le dessus et celui en dessous)
  • Ajuster le tout en fonction de vos envies. Vous pouvez aussi effacer les bordures…
  • Ajouter un petit cercle au centre
  • Vous pouvez maintenant sélectionne tous les pétales et utiliser l’outils Simplify dans le menu Combine Vectors. Dépendant de comment vous voulez que les pétales soient brodés.

Maintenant Autodigitize:

  • Sélectionner tout, ensuite Convert -> Art to Stitch Intelligent
  • Dans l’outils Image to Sections, sélectionner Stitch Settings et paramétrer Maximum ZZ width à 3… Sinon les pétales vont avoir à la fois des ZigZags et des motifs. Vous pouvez aussi vous occuper de cela plus tard.
Fleur simple réalisée grâce aux techniques CSG

Les motifs de remplissage ne sont pas Glorieux, mais travailler sur cela demande du travail supplémentaire nécessitant de travailler avec les lignes de direction.

Morale : Parfois, utiliser des combinaisons de techniques de manière intelligente peut grandement vous simplifier la vie, surtout si vous n’êtes pas doué en dessin.