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. 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.
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. Coucou, me revoilà avec le second tuto inkscape.Pour rappel, inkscape est un logociel gratuit qui permet de créer des fichiers vectorisés. Pour ma part, j’aime beaucoup découper les contours des visuels et pas l’intérieur.Vous me direz que le plus simple est de dupliquer la forme et de la réduire pour pouvoir avoir ce fameux contours à découper.Oui c’est possible avec des formes simples, comme un carré, un triangle, un cercle, … mais pour les formes plus complexes, le résultat n’est pas le plus joli visuellement.
Donc pour illustrer le tuto, j’ai repris l’exemple demandé sur le groupe à savoir une bulle de bande dessinée mais ça fontionne avec toutes les formes existantes.La première étape est d’avoir la bulle vectorisée, si vous le souhaitez je ferais un prochain tuto sur la vectorisation.Voici les étapes à suivre :Attention, ma forme est déjà vectorisée et l’objet est en chemin dans cette exempleIl faut sélectionner la forme que l’on souhaite modifierAller dans Chemin/contours en cheminpuis sur Chemin/Dilater. Vous répétez cette opération jusqu’à avoir obtenu le résultat désiré.Vous voyez donc que votre contour est plus gros.
Autre exemple, pour dessiner une banane dessinez d'abord une ellipse puis transformez cette forme chemin. sa forme d'origine. Pour certains chemins j'ai courbé certains segments. Pour d'autres j'ai inséré un nouveau noeud au milieu du segment. l'icône "éditer les noeuds ... " de la boîte à outils. Des noeuds apparaissent alors (losanges ou carrés sur fond blanc). Vous pouvez alors transformer par exemple, le rectangle en parallélogramme ou trapèze ou triangle rectangle en déplaçant les noeuds. à fond bleu. Pour déplacer un noeud il faut d'abord le sélectionner (losange bleu). Inkscape dispose maitenant d'un outil d'optimisation du code généré. est très efficace : le code optimsé est clair et succinct. Je reviendrai sur cet outil dans un autre chapitre. La conversion de formes en chemins est possible aussi pour les ellipses (et cercles). Dans le document SVG ci-dessous j'ai d'abord produit quatre ellipses identiques. Dans la rangée du haut les deuxième et troisième hexagones ont été converties en chemins. Dans la deuxième rangée les deuxième et troisième étoiles ont été converties en chemins. sur l'ensemble de ces formes. L'ensemble devient un chemin. J'ai dessiné un rectangle et un cercle de couleurs différentes. J'ai dupliqué cet ensemble de formes simples 5 fois. Notez que les éléments rect & ellipse ont été transformés en chemins. Tandis qu'en cas d'opération booléenne toutes les formes fusionnent en un seul objet : un chemin. Un chemin peut comporter trop de noeuds. La commande Chemin/simplifier permet de réduire le nombre de noeuds. L'opération inverse est possible : ouvrir un chemin fermé.
