Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
issue66:tutoriel_-_inkscape [2012/11/28 17:57] – [More on node tool] auntiee | issue66:tutoriel_-_inkscape [2012/12/27 16:10] (Version actuelle) – [Node types] fredphil91 |
---|
Mais, ce mois-ci, nous resterons dans la simplicité et commencerons avec l'outil Ligne (MAJ+F6 ou « b »). | Mais, ce mois-ci, nous resterons dans la simplicité et commencerons avec l'outil Ligne (MAJ+F6 ou « b »). |
| |
Sélectionnez l'outil, cliquez une fois sur le canevas, puis bouger le curseur vers une autre partie du canevas avant de double-cliquez pour terminer votre chemin. | Sélectionnez l'outil, cliquez une fois sur le canevas, puis bougez le curseur vers une autre partie du canevas avant de double-cliquer pour terminer votre chemin. |
| |
Vous venez de créer le type de chemin le plus simple qui existe : une ligne droite. Essayez d'ajouter une couleur et une épaisseur à votre ligne avec le dialogue Remplissage et contour ou les outils dans la barre d'état dont nous avons parlé précédemment. Maintenant, choisissez l'outil Sélection (rappelez-vous qu'il suffit d'appuyer sur la barre d'espace comme raccourci) et assurez-vous de pouvoir le redimensionner, faire pivoter et le rogner comme vous vous y attendriez. Double-cliquez sur la ligne pour aller en mode édition et vous remarquerez quelque chose d'un peu inhabituel : alors qu'un double-clic sur un rectangle une ellipse ou une étoile vous présentera l'outil approprié, un double-clic sur un chemin vous présente à la place l'outil des Nœuds (à droite). | Vous venez de créer le type de chemin le plus simple qui existe : une ligne droite. Essayez d'ajouter une couleur et une épaisseur à votre ligne avec le dialogue Remplissage et contour ou les outils dans la barre d'état dont nous avons parlé précédemment. Maintenant, choisissez l'outil Sélection (rappelez-vous qu'il suffit d'appuyer sur la barre d'espace comme raccourci) et assurez-vous de pouvoir le redimensionner, faire pivoter et le rogner comme vous vous y attendriez. Double-cliquez sur la ligne pour aller en mode édition et vous remarquerez quelque chose d'un peu inhabituel : alors qu'un double-clic sur un rectangle, une ellipse ou une étoile vous présentera l'outil approprié, un double-clic sur un chemin vous présente à la place l'outil des Nœuds (à droite). |
| |
===== Utilisation Line Tool ===== | ===== Utilisation Line Tool ===== |
As you can see, if you apply a fill to an open path it will be drawn as though there's a straight line that closes the path. That can sometimes be a handy feature, however it works only when there's a single break in the path – as soon as you introduce another (we'll see how to do that next month), the fill disappears entirely.** | As you can see, if you apply a fill to an open path it will be drawn as though there's a straight line that closes the path. That can sometimes be a handy feature, however it works only when there's a single break in the path – as soon as you introduce another (we'll see how to do that next month), the fill disappears entirely.** |
| |
Vous allez vous familiariser avec l'outil des Nœuds assez rapidement, mais, à ce stade, contentez vous de sélectionner l'outil Ligne à nouveau. Cette-fois-ci, cliquez sur plusieurs endroits du canevas avant de terminer par un double-clic. Vous venez de créer un chemin fait de multiples segments de ligne. Il y a des fortes chances que votre chemin soit « ouvert », c'est-à-dire que les deux bouts sont séparés. | Vous allez vous familiariser avec l'outil des Nœuds assez rapidement, mais, à ce stade, contentez-vous de sélectionner l'outil Ligne à nouveau. Cette-fois-ci, cliquez sur plusieurs endroits du canevas avant de terminer par un double-clic. Vous venez de créer un chemin fait de multiples segments de ligne. Il y a des fortes chances que votre chemin soit « ouvert », c'est-à-dire que les deux bouts soient séparés. |
Si vous dessinez un autre chemin à multiples segments, mais double-cliquez sur le point de départ, vous créerez un chemin « fermé ». La différence entre les deux devient évident quand vous ajoutez un remplissage - et cela devrait vous rappeler l'effet que nous avons obtenu en créant des arcs au début de cette série d'articles. | Si vous dessinez un autre chemin à multiples segments, mais double-cliquez sur le point de départ, vous créerez un chemin « fermé ». La différence entre les deux devient évident quand vous ajoutez un remplissage - et cela devrait vous rappeler l'effet que nous avons obtenu en créant des arcs au début de cette série d'articles. |
| |
Comme vous pouvez le voir, si vous appliquez un remplissage à un chemin ouvert, cela sera dessiné comme s'il y a une ligne droite qui ferme le chemin. Cela peut parfois être utile, mais ça ne fonctionne que s'il n'y a qu'une cassure dans le chemin - dès que vous en introduisez une autre (nous verrons comment le faire le mois prochain), le remplissage disparaît complètement. | Comme vous pouvez le voir, si vous appliquez un remplissage à un chemin ouvert, cela sera dessiné comme s'il y avait une ligne droite qui ferme le chemin. Cela peut parfois être utile, mais ça ne fonctionne que s'il n'y a qu'une cassure dans le chemin - dès que vous en introduisez une autre (nous verrons comment le faire le mois prochain), le remplissage disparaît complètement. |
===== Node Tool ===== | ===== Node Tool ===== |
| |
Retournons à l'outil Nœud en double-cliquant sur l'un des chemins ou en appuyant sur la touche F2 ou « n ». Le clic double changera d'outil et choisira votre chemin ; si vous avez choisi de le faire au moyen du clavier, il se peut que vous soyez obligé de cliquer sur le chemin pour être certain qu'il est sélectionné. Vous devez voir une petite poignée en forme de losange qui marque chaque transition entre les segments de ligne. Les poignées s'appellent des nœuds et, comme vous pourriez l'imaginer, nous nous servirons de l'outil Nœud pour les manipuler. | Retournons à l'outil Nœud en double-cliquant sur l'un des chemins ou en appuyant sur la touche F2 ou « n ». Le clic double changera d'outil et choisira votre chemin ; si vous avez choisi de le faire au moyen du clavier, il se peut que vous soyez obligé de cliquer sur le chemin pour être certain qu'il est sélectionné. Vous devez voir une petite poignée en forme de losange qui marque chaque transition entre les segments de ligne. Les poignées s'appellent des nœuds et, comme vous pourriez l'imaginer, nous nous servirons de l'outil Nœud pour les manipuler. |
| |
Essayez de déplacer un des nœuds avec la souris. Maintenant appuyez sur MAJ tout en cliquant sur plusieurs nœuds pour les sélectionner - ils deviennent jaune lorsqu'ils sont sélectionnés - et les déplacer tous ensembles. Voulez-vous mettre les nœuds au bout d'un segment ? Il suffit de cliquer sur la ligne qui les relie. Appuyez sur MAJ pendant que vous le faites pour ajouter les deux nœuds à une sélection existante. Vous pouvez aussi appuyez sur « ! » (MAJ-1 sur mon clavier) pour inverser la sélection, ce qui peut être particulièrement utile quand vous traitez de chemins très compliqués. Enfin, essayez de déplacer une boîte de sélection « élastique » par dessus quelques-un de vos nœuds en cliquant sur le canevas, et en continuant d'appuyer sur le bouton de la souris, vous dessinerez un rectangle couvrant quelques-uns des nœuds. Lâchez le bouton de la souris et les nœuds à l'intérieur de la boîte seront sélectionnés (ou ajoutés à votre sélection si vous avez également appuyé sur MAJ). | Essayez de déplacer un des nœuds avec la souris. Maintenant appuyez sur MAJ tout en cliquant sur plusieurs nœuds pour les sélectionner - ils deviennent jaunes lorsqu'ils sont sélectionnés - et les déplacer tous ensemble. Voulez-vous déplacer les nœuds au bout d'un segment ? Il suffit de cliquer sur la ligne qui les relie. Appuyez sur MAJ pendant que vous le faites pour ajouter les deux nœuds à une sélection existante. Vous pouvez aussi appuyer sur « ! » (MAJ-1 sur mon clavier) pour inverser la sélection, ce qui peut être particulièrement utile quand vous traitez de chemins très compliqués. Enfin, essayez de déplacer une boîte de sélection « élastique » par dessus quelques-uns de vos nœuds en cliquant sur le canevas, et en continuant d'appuyer sur le bouton de la souris, vous dessinerez un rectangle couvrant quelques-uns des nœuds. Lâchez le bouton de la souris et les nœuds à l'intérieur de la boîte seront sélectionnés (ou ajoutés à votre sélection si vous avez également appuyé sur MAJ). |
| |
Bien sûr, vous pouvez en faire plus avec les nœuds que les déplacer. Sélectionnez quelques-uns, puis activez le bouton « Afficher les poignées de transformation pour les nœuds sélectionnés » (à gauche) sur la barre des contrôles d'outils. Vous verrez les poignées déplacer/redimensionner, que vous connaissez déjà, autour de vos nœuds ; cliquer sur l'un des nœuds sélectionnés changera pour les poignées d'inclinaison et de rotation à la place. Celles-ci fonctionnent de la même manière que les poignées obtenues avec l'outil Sélection, mais les transformations s'appliquent aux nœuds sélectionnés et non pas ànl'objet entier. | Bien sûr, vous pouvez en faire plus avec les nœuds que les déplacer. Sélectionnez-en quelques-uns, puis activez le bouton « Afficher les poignées de transformation pour les nœuds sélectionnés » (à gauche) sur la barre de contrôle des outils. Vous verrez les poignées déplacer/redimensionner, que vous connaissez déjà, autour de vos nœuds ; cliquer sur l'un des nœuds sélectionnés changera pour les poignées d'inclinaison et de rotation à la place. Celles-ci fonctionnent de la même manière que les poignées obtenues avec l'outil Sélection, mais les transformations s'appliquent aux nœuds sélectionnés et non pas à l'objet entier. |
| |
| |
| |
| |
Pensez à l'article du mois précédent où vous avez édité des dégradés directement sur le canevas. Ajouter une nouvelle fin de dégradé était aussi simple que faire un double clic sur la ligne où vous vouliez que cela apparaisse. Ajouter un nouveau nœud à un chemin est similaire : il suffit de double-cliquer sur le chemin. Si vous voulez que ce soit exactement à la moitié d'un segment, alors sélectionnez les nœuds aux deux bouts (souvenez-vous, un clic sur le segment même suffit), et appuyez sur la touche INSER ou cliquez sur le bouton sur la barre des contrôles d'outils. Le nouveau nœud s'ajoutera automatiquement à votre sélection, ce qui fait que vous pouvez continuer à appuyer sur INSER ou cliquer sur le bouton , à gauche, pour ajouter plusieurs nœuds à un segment de ligne. | Pensez à l'article du mois précédent où vous avez édité des dégradés directement sur le canevas. Ajouter une nouvelle fin de dégradé était aussi simple que faire un double clic sur la ligne où vous vouliez que cela apparaisse. Ajouter un nouveau nœud à un chemin est similaire : il suffit de double-cliquer sur le chemin. Si vous voulez que ce soit exactement à la moitié d'un segment, alors sélectionnez les nœuds aux deux bouts (souvenez-vous, un clic sur le segment même suffit), et appuyez sur la touche INSER ou cliquez sur le bouton sur la barre des contrôles d'outils. Le nouveau nœud s'ajoutera automatiquement à votre sélection, ce qui fait que vous pouvez continuer à appuyer sur INSER ou cliquer sur le bouton, à gauche, pour ajouter plusieurs nœuds à un segment de ligne. |
| |
| Ajoutons un peu plus de courbes. Déplacez le milieu de l'un de vos segments de ligne pour le transformer rapidement en une « courbe de Bézier. » Les nœuds à chaque bout de votre courbe devraient être reliés à des poignées circulaires par une mince ligne. Des courbes approximatives peuvent être tout simplement créées à partir d'un segment de ligne droite, mais vous pouvez les ajuster en bougeant ces poignées circulaires. |
| |
| Si vous décidez que vous voudrez transformer votre courbe de Bézier en ligne droite à nouveau, il faut d'abord sélectionner le nœud à chaque bout, puis appuyer sur MAJ-L ou utiliser le bouton sur la barre des contrôles d'outil (à gauche). Il y a un bouton juste à côté (ou MAJ-U) qui convertit une ligne droite en courbe, mais, la plupart du temps, il est plus utile de déplacer le segment de ligne jusqu'à ce qu'il ait à peu près la forme que vous voulez, puis de l'ajuster avec les poignées Bézier. |
| |
Ajoutons un peu plus de courbes. Déplacer le milieu de l'un de vos segments de ligne pour le transformer rapidement en une « courbe Bézier. » Les nœuds à chaque bout de votre courbe devraient être reliés à des poignées circulaires par une mince ligne. Des courbes approximatives peuvent être tout simplement déplacées à partir d'un segment de ligne droit, mais vous pouvez les ajuster en bougeant ces poignées circulaires. | |
| |
Si vous décidez que vous voudrez transformer votre courbe Bézier en ligne droite à nouveau, il faut d'abord sélectionner le nœud à chaque bout, puis appuyez sur MAJ-L ou utiliser le bouton sur la barre des contrôles d'outil (à gauche). Il y a un bouton juste à côté (ou MAJ-U) qui convertit une ligne droite en courbe, mais, la plupart du temps, il est plus utile de déplacer le segment de ligne jusqu'à ce qu'il ait à peu près la forme que vous voulez, puis de l'ajuster avec les poignées Bézier. | |
===== Node types ===== | ===== Node types ===== |
| |
Of course the best way to understand the differences between these four types is to simply draw a line with a handful of nodes and play around with them.** | Of course the best way to understand the differences between these four types is to simply draw a line with a handful of nodes and play around with them.** |
| |
| |
| Les petits nœuds en forme de losange avec lesquels nous nous sommes amusés jusqu'à présent ne sont qu'une des quatre sortes de nœuds que l'on peut utiliser dans les chemins. Ces nœuds permettent aux segments du chemin de chaque côté de s'étendre dans n'importe quelle direction, ce qui vous permet de créer des coins dans vos chemins. Parfois, cependant, des coins à angles aigus (appelés nœuds durs) ne sont point ce que vous voulez et, pour ces occasions, donc, il existe trois autres sortes de nœuds : doux, autodoux et symétrique. Vous pouvez faire défiler ces diverses sortes de nœuds en CTRL-cliquant sur un nœud ou vous pouvez changer pour la sorte que vous voulez en sélectionnant le(s) nœud(s), puis en utilisant les boutons sur la barre de contrôle des outils : |
| Voici un bref résumé des quatre sortes de nœud : |
| Dur - permet aux segments de ligne de converger en un angle. |
| Doux - garantit que le dégradé reste constant d'un segment à l'autre. |
| Symétrique - Comme Doux, mais garantit aussi que les deux poignées ont la même longueur. |
| Autodoux - Bougez ce nœud, ou ses voisins, et la ligne restera doux. Si vous ajustez les poignées de ce nœud, cependant, il redeviendra un simple nœud doux. |
| |
| Bien entendu, la meilleure façon de comprendre les différences entre ces qutre sortes de nœuds est tout simplement de dessiner une ligne avec plusieurs nœuds et de jouer avec. |
===== Manipulating paths ===== | ===== Manipulating paths ===== |
| |
| |
Try manipulating these paths: move some nodes, change them from corner to smooth and back, drag the line segments, and adjust the Bézier handles. Add some nodes with a double-click or by selecting a segment and pressing INSERT. Of course you can also delete nodes by selecting them and pressing DELETE (or clicking the button, shown left, in the tool control bar), but there's a bit of a catch to that: Inkscape will try to preserve the original shape of the path as best it can, even though there are now fewer nodes. If you want it to just delete the node without trying to preserve the shape then you need to press CTRL-DELETE. The difference becomes clear when you want to just remove one corner from a rectangle: ** | Try manipulating these paths: move some nodes, change them from corner to smooth and back, drag the line segments, and adjust the Bézier handles. Add some nodes with a double-click or by selecting a segment and pressing INSERT. Of course you can also delete nodes by selecting them and pressing DELETE (or clicking the button, shown left, in the tool control bar), but there's a bit of a catch to that: Inkscape will try to preserve the original shape of the path as best it can, even though there are now fewer nodes. If you want it to just delete the node without trying to preserve the shape then you need to press CTRL-DELETE. The difference becomes clear when you want to just remove one corner from a rectangle: ** |
| |
| Dessiner une série de segments à partir de zéro en utilisant l'outil Ligne n'est qu'une façon de créer un chemin, mais Inkscape en possède plusieurs. Une des approches les plus courantes est de convertir un autre objet en chemin. Cela vous permet de transformer facilement en chemin dont les nœuds peuvent être bougés et modifiés librement, un rectangle, une ellipse ou un polygone. L'inconvénient de cette liberté est que l'objet perd son identité originale - vous ne pourrez pas vous servir de l'outil Rectangle pour modifier le rayon du coin une fois qu'il aura été converti en chemin, ni de l'outil Étoile pour ajuster le nombre de côtés de votre polygone. Vous ne pourrez pas non plus convertir le chemin à nouveau en l'objet original, même si vous n'avez fait aucune modification aux nœuds : la conversion est strictement une affaire à sens unique. |
| |
| En tenant compte de ces mises en garde, dessinons quelques objets et convertissons-les en chemins. Pour commencer, il suffit de créer quelques formes en suivant les instructions données auparavant dans cette série. Une ellipse, un rectangle, un rectangle arrondi et une étoile, par exemple. Puis sélectionnez chaque objet et utilisez la commande Chemin > Objet en chemin et haut du menu (ou CTRL-MAJ-C si vous préférez). Double-cliquez sur chaque chemin afin de voir où Inkscape a créé des nœuds dur et où il a fait des nœuds doux. |
| |
| Essayez de manipuler ces chemins : bougez quelques nœuds, transformez-les de dur à doux et vice-versa, déplacez les segments de ligne et ajustez les poignées Bézier. Ajoutez quelques nœuds avec un double clic ou en sélectionnant un segment et en appuyant sur INSER. Bien entendu, vous pouvez aussi supprimer des nœuds en les sélectionnant et en appuyant sur SUPPR (ou en cliquant sur le bouton, voir à gauche, dans la barre de contrôle d'outils), mais il y a un petit hic à cela : Inkscape fera tout ce qu'il pourra pour préserver la forme originale du chemin, malgré le fait qu'il y a moins de nœuds. Si vous voulez qu'il supprime le nœud sans essayer de préserver la forme, il faut appuyer sur CTRL-SUPPR. La différence devient évidente quand vous voulez enlever un seul angle d'un rectangle (voir ci-contre). |
| |
===== En cas de problèmes ===== | ===== En cas de problèmes ===== |
| |
Now that you can convert Inkscape's shapes into paths it's time to make your snowman look a little less pristine. Convert his elliptical head and body, then add a few nodes and move them slightly to produce the lumps, bumps and asymmetry of a typical snowman. You can also add a bit more character to his carrot nose by drawing cuts and marks and by making it a little wonky in parts. The horizon benefits from a little waviness to imply drifting snow. Although you could create more twiggy arms and crush his hat, I'm going to leave those alone for now and deal with them next month when I'll cover some methods for creating and manipulating complex paths quickly and easily.** | Now that you can convert Inkscape's shapes into paths it's time to make your snowman look a little less pristine. Convert his elliptical head and body, then add a few nodes and move them slightly to produce the lumps, bumps and asymmetry of a typical snowman. You can also add a bit more character to his carrot nose by drawing cuts and marks and by making it a little wonky in parts. The horizon benefits from a little waviness to imply drifting snow. Although you could create more twiggy arms and crush his hat, I'm going to leave those alone for now and deal with them next month when I'll cover some methods for creating and manipulating complex paths quickly and easily.** |
| |
| Si vous allez trop loin dans l'édition des nœuds (ou n'importe quoi d'autre dans Inkscape), vous pouvez toujours utiliser le menu Édition > Annuler (CRTL-Z) pour annuler les modifications. Inkscape garde un historique de toutes les changements que vous faites en cours de session et vous pouvez donc annuler plusieurs fois de suite si vous voulez. Si vous voulez vraiment voyager dans le temps, regardez Édition > Historique des annulations. |
| |
| Dans l'ensemble, Inkscape est plutôt stable, mais il plantera occasionnellement. D'après mon expérience, cela a tendance à arriver lorsque vous éditez des chemins et, habituellement, quand vous essayez d'utiliser la fonction Annuler. Heureusement, il fait son possible pour sauvegarder votre travail vers un fichier de sauvegarde. Si Inkscape affiche un message pour vous dire qu'il a planté, il vous montre habituellement le chemin et le nom du fichier de sauvegarde. En règle générale, le fichier se trouvera dans le même répertoire que votre dessin - ou dans votre dossier personnel si vous n'avez pas encore sauvegardé le dessin - et aura un nom basé sur le nom de votre fichier suivi d'une chaîne représentant la date et l'heure numériques. La plupart du temps vous pouvez tout simplement ouvrir le fichier de sauvegarde, l'enregistrer sous un autre nom et continuer à travailler comme si de rien n'était. Comme c'est le cas pour tout fichier informatique, cependant, cela vaut le coup de faire des sauvegardes régulières - d'habitude, je commence chacune de mes sessions Inkscape en utilisant Fichier > Enregistrer sous... pour créer une copie de mon image sous un nom légèrement différent afin de ne jamais perdre trop de travail suite à un plantage d'Inkscape. |
| |
| Maintenant que vous savez convertir les formes d'Inkscape en chemins, le moment est venu de donner à votre bonhomme de neige une apparence un peu moins superbe. Convertissez-en la tête et le corps elliptiques, puis ajoutez quelque nœuds et bougez-les un peu pour produire les bosses et les imperfections d'un bonhomme de neige typique. Vous pouvez aussi ajouter du caractère à son nez carotte en dessinant des coupures et des marques et en le rendant un peu bizarre ici et là. L'horizon devra onduler un peu pour faire penser à la neige poudreuse emportée par un petit vent. Bien qu'il soit possible de créer des bras qui ressemblent un peu plus à des brindilles et d'écraser le chapeau, je vais laisser cela de côté maintenant et les traiter le mois prochain quand je parlerai de quelques méthodes pour créer et manipuler des chemins complexes rapidement et facilement. |