Objets et chemins dans Inkscape: comprendre l’interaction et les transformations

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…

Lorsqu’on démarre avec le dessin vectoriel, la manipulation des formes est sans doute l’une des choses qui déroute le plus. La logique est très différente de celle du dessin matriciel. En particulier, il n’est pas toujours évident de savoir comment découper un objet ou le percer de sorte à rendre visible ce qu’il y a derrière. Dans Inkscape, il n'existe pas de simple paire de ciseaux. Selon ce que vous voulez obtenir, vous n’utiliserez pas le même outil. Couper peut vouloir dire masquer, soustraire ou diviser. C’est l’outil le plus connu, en tout cas celui qui vient le premier en tête, car son nom évoque précisément ce que l’on recherche : découper. Mais il ne découpe pas, il masque.

La découpe peut être effectuée dans le sens inverse en passant par le menu Objet > Découpe inversée. Sur l'illustration suivante, nous voulons découper le cercle rouge. Le cercle vert correspond à la forme de découpe. Sur l'image 2, nous avons appliqué la découpe, et sur l'image 3 la découpe inversée. Vous pouvez appliquer la découpe sur n’importe quel type d’objets, images matricielles incluses. Avantages : Le gros avantage de cette fonctionnalité est justement qu’elle ne découpe pas en vrai. Inconvénients : La taille de l’objet n’est pas modifiée, le poids de votre fichier final peut en être fortement impacté.

Avantages : Simple et intuitif, c'est avant tout un outil de dessin. Il permet de dessiner en creux et peut être utilisé à des fins créatives. C'est la méthode emporte-pièce. Elle consiste à soustraire un objet par un autre (dessous moins dessus). La division est également une opération booléenne. La grosse différence avec la soustraction, c’est que vous conservez la partie découpée, elle peut être ensuite manipulée comme un objet à part entière. Contrairement à l'opération Différence, ici rien n'est supprimé. Avantages : Cette méthode est quasi non-destructive, puisqu'on peut toujours recoller le bout séparé.

Ce billet-ci est un complément au précédent « Inkscape 05 : opérations sur les chemins ». D’une part, parce qu’on va faire appel au même menu, et d’autre part, parce que finalement, lorsque qu’on appliquait une opération sur deux « objets », ceux-ci étaient de fait transformés en chemins. Pourquoi, quand et comment recourir à cette transformation ? Nous allons donc de nouveau dans le menu « chemin » (cadre vert) mais on ne va pas reparler des opérations (cadre rouge).

Comme on l’a régulièrement vu dans les premiers billets de ce blog, lorsqu’on utilise les outils rectangle, ellipse ou étoile/polygone, ce sont en fait des objets que vous tracez. Or, ces formes sont finalement peu utilisées comme telles : ce sont des bases. Etape 1 : ouvrez un nouveau document Inkscape, sélectionner l’outil ellipse et tracez en une. Une fois sélectionnée avec l’outil flèche noire, saisissez 300 px pour les valeurs de Largeur et Hauteur. Ouvrez le panneau de contrôle des couleurs. Etape 2 : pour déformer tout ça, il va falloir transformer notre objet en chemin. C’est le moment : allez dans le menu chemin et choisissez « objet en chemin ». A priori, rien ne se passe, et c’est normal. Si précédemment, une ellipse était définie par trois point, notre objet dispose de quatre noeuds et, dans le cas présent, on voit apparaître les « tangentes » qui régissent la façon dans le tracé arrive et repart de chaque point.

Etape 3 : gardez bien l’outil d’édition des noeuds. A présent, intéressons nous à sa poignée de tangente du haut. Si vous passez simplement votre curseur au-dessus, elle s’illumine en rouge. Etape 5 : il ne vous reste plus qu’à « personnifier » votre fantôme en ajoutant deux ellipses pour les yeux et un opération sur deux objets pour la bouche. vous avez pu voir en toute simplicité ce que la transformation d’une forme « primitive » en chemin pouvait amener comme flexibilité. C’est extrêmement intéressant…. et parfois, pour les débutants, un peu énervant à prendre à main.

Intuitivement, vous aurez déjà compris : cette commande entraine la transformation du seul contour en une nouvelle forme. Le fond de votre forme de base devient…. D’une part, j’ai perdu l’information de « fond » : mon fantôme n’est pas blanc, il est transparent. 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 » (Touche F6). Si vous souhaitez des formes plus régulières, utilisez l’outil « Stylo » (ou « Bézier ») (Touches Maj + F6). 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 (par exemple, vous ne pourrez plus arrondir les coins d'un rectangle ou modifier le texte initial). À 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 (à une exception près, cliquer-faire glisser un chemin déplacera le chemin en ajustant les poignées sur les nœuds les plus proches). 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 (c'est-à-dire les sous-chemins avec au moins un nœud sélectionné); Les touches Alt + ! 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 aux alors aux nœuds au-lieu des objets.

Transformation et manipulation avancées

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.

schéma conceptuel objets et chemins

Cité de l'objet connecté : le concept

tags: #objet #derriere #objet #inkscape