Chemin symétrique et manipulations avancées des chemins dans Inkscape

Deux concepts sont centraux à l'utilisation d'Inkscape : les Objets, et les Chemins. Lorsque vous utilisez Inkscape, la plupart des formes que vous créerez seront similaires à celles que vous pouvez créer en utilisant l'outil pour tracer des courbes de Bézier et des segments de droites. Si des points apparaissent lorsque nous sélectionnons notre forme avec la seconde flèche, c'est que nous sommes en présence d'un chemin. Un chemin est une forme constituée d'une suite de points reliés entre eux. Les chemins sont des outils très utiles, dotés de propriétés particulières. Un chemin est nécessairement un objet, mais un objet n'est pas forcément un chemin. En réalité, tout ce qui est présent sur l'Espace de travail est un objet, une photo que vous auriez importée par exemple. Dans le cas de la photo, vous pouvez utiliser la première flèche pour la redimensionner, mais pas la deuxième flèche pour en sélectionner les points car...

Ce qui explique une propriété particulière des rectangles et ronds que vous dessinez avec les outils qui leurs sont dédiés. Ceux-ci ne sont pas chemins. Pour des raisons d'optimisation, il est plus simple de stocker les informations concernant un rectangle autrement qu'avec ses points. Un rectangle est constitué de quatre points, chacun défini par deux informations, ce qui fait en tout 8 informations. Si vous voulez transformer votre forme en chemin, il faudra utiliser Chemin > Objet en chemin...

Pour faire comme un cadran de montre à aiguilles, on ne peut pas utiliser l'effet de chemin "Motif suivant un chemin" parce que l'objet est déformé. Tracer un cercle et le premier index des heures, un petit rectangle, placé à minuit sur cet exemple. Avant de répéter le rectangle, je dois changer son centre de rotation pour le mettre au centre du cercle. Je peux maintenant créer mon pavage de clones par le menu Édition ▶ Cloner ▶ Créer un pavage de clones.

Onglet Translation : Translation X, Par colonne : -100 % parce que le rectangle doit en quelque sorte rester sur place avant de tourner. On ne fait pas une grille, ici, donc c'est un peu difficile à imaginer à ce stade mais ça saute aux yeux quand on oublie ce paramètre. Onglet Dimension : on ne touche à rien. Onglet Rotation : Par colonne, 30 °. À ce stade, on peut aussi supprimer le cercle.

Lors du clic, des flèches noires apparaissent autour de l'objet : les tirer dans une direction permet de modifier la taille de l'objet dans cette dimension. Les dimensions sont également indiquées en haut de l'interface par L (largeur) et H (hauteur), l'unité étant précisée juste à côté. On peut appliquer une rotation à la main en cliquant deux fois sur l'objet.

Le logiciel de dessin vectoriel repose sur des points en 2D (plan X,Y) qui permettent de définir des vecteurs et ces vecteurs peuvent être utilisés pour définir des objets. Pour régler les paramètres de fond et de contour, plusieurs possibilités. Grouper des objets signifie les associer en un même ensemble, ce qui a pour effet qu'on peut alors appliquer le même effet à tous les éléments de l'ensemble en une seule fois. Les différentes icônes dans l’encadré vert permettent d’aligner à gauche, à droite, etc. Ci-dessous une situation initiale avec trois objets, puis en déplaçant l'élément vert en arrière.

Les chemins et les nœuds

Les chemins sont constitués de nœuds, chaque nœud qui se caractérise par des poignées situées de part et d'autre de ce nœud. On distingue ainsi différents types de nœuds selon comment sont définies leurs poignées. nœud automatique : les poignées sont alignées avec le nœud. Modifier le type d'un nœud = cliquer sur l'outil nœuds (barre d’outil gauche) puis cliquer sur le nœud à modifier. a . Ou utiliser l’icône a. b. c. d. Sélectionner un nœud puis appuyez sur l'icône d. e. Sélectionner les deux nœuds et cliquez sur l'icône e. f. Sélectionne les deux nœuds puis on clique sur l'icône f.

Une fois cette opération réalisée, il est IMPOSSIBLE de revenir en arrière. Il peut être utile de transformer le contour en chemin. À gauche, les éléments sont groupés. Si on applique l'opération Séparer à ce chemin, les sous-chemins vont être détectés et pourront alors être manipulés différemment. Ces sous-chemins constituent même de nouveaux objets indépendants. Au contraire des formes dessinées par les outils de création de forme du logiciel, l'outil Stylo et l'outil Crayon créent ce qu'on appelle des chemins. Un chemin est une séquence comprenant des segments de lignes droites ou de courbes de Bézier qui, comme tout autre objet sur Inkscape, peut avoir des propriétés de remplissage et de contour par exemple.

La façon la plus simple de créer une forme arbitraire est de dessiner en utilisant l’outil « Dessin à main levée ». Si vous souhaitez des formes plus régulières, utilisez l’outil « Stylo » (ou « Bézier »). Avec l’outil Stylo, chaque clic va créer un nœud que l’on pourrait qualifier de « pointu » car il n’y aura pas de poignées pour modifier les courbures du trait. Ainsi, une série de clics va produire une séquence de segments de lignes droites. Si vous cliquez et déplacez (« Drag & Drop »), vous allez créer un nœud de Bézier plus adoucis, qui comprendra deux poignées opposées pour modifier la courbure du trait. Appuyer sur la touche Maj tout en déplaçant une poignée avec la souris va vous permettre d’effectuer une rotation sur une seule des poignées et de maintenir fixe les autres. La touche Entrée va quant à elle terminer la ligne dessinée et la touche Esc va l’annuler.

Dans les outils Dessin à main levée et Outil Bézier, le chemin qui est sélectionné affiche de petites ancres carrées aux deux extrémités. Cette opération ne modifie pas l'apparence de l'objet mais supprime toutes les capacités spécifiques à son type. À la place, vous pouvez par contre maintenant modifier les nœuds. Comme action supplémentaire, vous pouvez convertir votre contour d'objet en chemin (Alt + Ctrl + C).

Attention ! Il existe plusieurs façons de modifier un tracé dans le logiciel Inkscape. Selon la nature du tracé, les possibilités varient. Si le tracé est d'abord un rectangle, une ellipse, une étoile ou une spirale, c'est-à-dire une forme géométrique tracée à partir des outils de formes, le résultat est un objet et non un chemin. Les modifications de ces formes sont accessibles uniquement en glissant les poignées blanches. Les opérations sur les chemins agissent sur les chemins ou convertissent le résultat en chemin. Similaire à l'offset dynamique, l'offset lié crée un objet connecté à un autre chemin qui reste modifiable. Un chemin peut contenir plusieurs sous-chemins. Un sous-chemin est alors une séquence de plusieurs nœuds connectés les uns aux autres. Inkscape peut "combiner" des chemins en un chemin composé de sous-chemins (Ctrl + K) et séparer ce chemin composé en des chemins séparés (Maj + Ctrl + K).

Lorsque vous combinez des chemins qui se chevauchent avec un remplissage, le remplissage disparaît généralement dans toutes les zones où les chemins se chevauchent. Les chemins contiennent tous au minimum un nœud, qui est représenté par un carré, un losange ou un rond. Les nœuds durs ou Cusp nodes : Utilisé pour créer des coins ou pour pouvoir modifier librement la courbure du tracé. Les poignées peuvent être déplacées indépendamment. Les nœuds doux ou Smooth nodes : Utilisé pour dessiner de belles courbes fluides. Les deux poignées et le nœud sont alignés sur une ligne droite. Les nœuds symétriques ou Symmetric nodes: Utilisé pour dessiner des courbes douces. Les poignées ne sont pas seulement sur la même ligne, mais également les deux à la même distance du nœud. Les nœuds automatiques ou Auto-smooth nodes: Utilisé pour dessiner de jolies courbes, sans se soucier des poignées ou des formes de segment. Les poignées reposent sur une ligne droite et leur distance par rapport au nœud s'adapte automatiquement lorsque vous déplacez le nœud, de sorte qu'une courbe lisse est dessinée. Il est possible de changer de type de nœud grâce à l'outil nœud (voir la partie suivante).

De plus, vous pouvez complètement rétracter la poignée d'un nœud en maintenant la touche Ctrl + clic dessus. Si deux nœuds adjacents ont leurs poignées rétractées, le segment de chemin présent entre eux est alors une ligne droite. Les nœuds doivent être sélectionnés avant de pouvoir être modifiés. Les nœuds sélectionnés sont indiqués par un changement de couleur ainsi qu'un léger agrandissement de taille. Par défaut, les poignées des nœuds sélectionnés sont affichées, tout comme les poignées des nœuds adjacents. Si les poignées gênent la sélection des nœuds, elles peuvent être désactivées en cliquant sur l'icône Masquer les poignées dans les contrôles d'outils.

Cliquer avec le bouton gauche de la souris sur un nœud pour sélectionner ce nœud. Un nœud devient rouge lorsque le pointeur le survole et il peut être sélectionné (ou désélectionné). Cliquer avec le bouton gauche de la souris sur le chemin pour sélectionner le nœud le plus proche de chaque côté de l'endroit où vous avez cliqué. Le symbole de la main est ajouté au pointeur lors du survol d'un chemin cliquable. Notez que le chemin peut être ajusté en cliquant-glissant sur le chemin. Le glissement gauche de la souris sélectionnera tous les nœuds dans la zone élastique. La souris peut être utilisée pour déplacer les nœuds et les poignées en les faisant glisser, et peut également être utilisée pour modifier la forme d'un chemin entre deux nœuds en faisant glisser le chemin.

Les nœuds peuvent être insérés n'importe où le long d'un chemin en double-cliquant sur le chemin ou en cliquant sur le chemin tout en maintenant les touches Ctrl + Alt enfoncées. Pour effectuer cette action de modification de chemins, sélectionnez donc un chemin et passez à l'outil « Noeud » (Touche F2). Vous observerez un certain nombre de noeuds (petits carrés gris) créés sur le chemin. Ces noeuds peuvent alors être sélectionnés en cliquant dessus ou en appuyant sur la touche Maj + clic gauche, ou en faisant "glisser" un segment comme avec les objets que vous sélectionnez avec l'outil Sélecteur par exemple. Vous pouvez également cliquer sur un segment de chemin pour sélectionner automatiquement les nœuds adjacents. Les nœuds sélectionnés sont alors mis en surbrillance et affichent leurs poignées de nœuds (un ou deux petits cercles connectés à chaque nœud sélectionné par des lignes droites).

La touche ! inverse la sélection de nœuds dans le ou les sous-chemins actuels. Les chemins sont donc modifiables en faisant glisser leurs nœuds, leurs poignées de nœud ou en faisant glisser directement un segment de chemin. Pour vous exercer, essayez de faire glisser certains nœuds, poignées et segments de chemins et observez ce qui se passe. Comme autre touches clavier utilisables avec les chemins, nous avons également la touche Ctrl qui fonctionne comme d'habitude pour restreindre le mouvement et la rotation. Les touches fléchées, Tab, [], < > fonctionnent aussi toutes avec les chemins mais s'appliquent alors aux nœuds au-lieu des objets.

Lorsque l'outil nœud est activé, plusieurs contrôles apparaissent en haut de l'écran, permettant d'effectuer différentes opérations sur les nœuds sélectionnés. Rompre le chemin aux nœuds sélectionnés. Vous pouvez supprimer des nœuds avec Suppr ou Ctrl + Alt + clic. Lors de la suppression de nœuds, le logiciel essaiera de conserver la forme du chemin. Si vous souhaitez que les poignées des nœuds adjacents soient rétractées (sans conserver la forme), vous pouvez supprimer avec Ctrl + Suppr. De plus, vous pouvez dupliquer (Maj + D) les nœuds sélectionnés.

Pour faire comme un cadran de montre à aiguilles, on ne peut pas utiliser l'effet de chemin "Motif suivant un chemin" parce que l'objet est déformé. Tracer un cercle et le premier index des heures, un petit rectangle, placé à minuit sur cet exemple. Avant de répéter le rectangle, je dois changer son centre de rotation pour le mettre au centre du cercle. Je peux maintenant créer mon pavage de clones par le menu Édition ▶ Cloner ▶ Créer un pavage de clones. Onglet Translation : Translation X, Par colonne : -100 % parce que le rectangle doit en quelque sorte rester sur place avant de tourner. Onglet Dimension : on ne touche à rien. Onglet Rotation : Par colonne, 30 °. À ce stade, on peut aussi supprimer le cercle.

1. 2. 3. 4. 5. 6. 7. 1. Lors du clic, des flèches noires apparaissent autour de l'objet : les tirer dans une direction permet de modifier la taille de l'objet dans cette dimension. Les dimensions sont également indiquées en haut de l'interface par L (largeur) et H (hauteur), l'unité étant précisée juste à côté. On peut appliquer une rotation à la main en cliquant deux fois sur l'objet. 2. Le logiciel de dessin vectoriel repose sur des points en 2D (plan X,Y) qui permettent de définir des vecteurs et ces vecteurs peuvent être utilisés pour définir des objets. Pour régler les paramètres de fond et de contour, plusieurs possibilités. 3. Grouper des objets signifie les associer en un même ensemble, ce qui a pour effet qu'on peut alors appliquer le même effet à tous les éléments de l'ensemble en une seule fois. 4. Les différentes icônes dans l’encadré vert permettent d’aligner à gauche, à droite, etc. 5. Ci-dessous une situation initiale avec trois objets, puis en déplaçant l'élément vert en arrière. 6. Les chemins sont constitués de nœuds, chaque nœud qui se caractérise par des poignées situées de part et d'autre de ce nœud. On distingue ainsi différents types de nœuds selon comment sont définies leurs poignées. nœud automatique : les poignées sont alignées avec le nœud. Modifier le type d'un nœud = cliquer sur l'outil nœuds (barre d’outil gauche) puis cliquer sur le nœud à modifier. a . Ou utiliser l’icône a. b. c. d. Sélectionner un nœud puis appuyez sur l'icône d. e. Sélectionner les deux nœuds et cliquez sur l'icône e. f. Sélectionne les deux nœuds puis on clique sur l'icône f. 7. Une fois cette opération réalisée, il est IMPOSSIBLE de revenir en arrière. Il peut être utile de transformer le contour en chemin. À gauche, les éléments sont groupés. Si on applique l'opération Séparer à ce chemin, les sous-chemins vont être détectés et pourront alors être manipulés différemment. Ces sous-chemins constituent même de nouveaux objets indépendants.

Schéma des types de nœuds et poignées

tags: #chemin #symetrique #inkscape