Ceci est une ancienne révision du document !
This month, we're going to look at setting colors for our objects. So far we've applied colors to the fill and stroke of our objects by clicking and SHIFT-clicking on the palette at the bottom of the screen. You can also set either to transparent by using the leftmost palette entry – the one with a cross through it. You've probably already discovered the scroll bar that usually lives between the palette and the status bar, and which lets you scroll through the full collection of colors in the palette, but have you noticed the tiny little button to the right of the palette area – the one that looks like a small “<” character? Clicking on that presents you with a pop-up menu of palette options (far right). Most of this menu is taken up by a list of palettes you can use. Try switching between a few of them to see how they look. Then play with the Size and Width sub-menus to find a swatch size that you're comfortable with. Finally, try the Wrap checkbox to see whether you prefer to see all of your palette at once (even if it takes up more vertical space), or are happy to use the scrollbar when you need to access the more distant colors.
Ce mois-ci, nous allons nous pencher sur la colorisation de nos objets. Jusqu'ici, nous avons appliqué des couleurs à la pipette et frappé nos objets en cliquant et MAJ-cliquant sur la palette au bas de l'écran. Vous pouvez également les définir transparents à l'aide du bouton le plus à gauche de la palette (celui avec une croix en travers). Vous avez sans doute déjà remarqué la barre de défilement qui se place habituellement entre la palette et la barre d'état, et qui permet de faire défiler l'intégralité des couleurs de la palette, mais avez-vous remarqué le petit bouton à droite de la zone de la palette (celui qui ressemble à un petit caractère «<»)? Cliquer dessus vous affiche un menu déroulant des options de la palette (extrême droite).
Une grande partie de ce menu est occupée par une liste de palettes que vous pouvez utiliser. Essayez de cliquer sur quelques-unes d'entre elles pour voir à quoi elles ressemblent. Ensuite, jouez avec les sous-menus de la taille et la largeur pour trouver une taille de nuancier avec laquelle vous êtes à l'aise. Enfin, essayez la case à cocher Wrap pour voir si vous préférez voir l'ensemble de votre palette en une fois (même si cela prend plus de place verticale), ou si ça vous va d'utiliser la barre de défilement lorsque vous avez besoin d'accéder à des couleurs plus éloignées.
If you want to use your own palette – perhaps to fit in with a corporate color scheme or to integrate with other icons in an application – you can drop a GIMP palette file (.gpl) into your .inkscape/palettes directory, or into /usr/share/inkscape/palettes if you want it to be available to all users on your computer. The palette is great for quickly selecting a color for your fill or stroke, but what if you want a color that's not present in the palette? That's where the Fill & Stroke dialog comes in. There are various ways to open the dialog, including the button on the Commands toolbar, selecting an object then picking 'Fill and Stroke' from the right-click context menu, pressing CTRL-SHIFT-F, or simply clicking on the current fill and stroke swatches at the bottom-left of the window. You may dock the dialog to the right-hand side of the Inkscape window, or move it into a window of its own, by dragging it using the grey title bar at the top.
Si vous souhaitez utiliser votre propre palette, peut-être pour l'adapter à un jeu de couleurs d'entreprise ou l'intégrer avec d'autres icônes dans une application, vous pouvez déposer un fichier palette GIMP (.gpl) dans votre dossier .inkscape ou dans /usr/share/inkscape/palettes si vous voulez qu'elle soit accessible à tous les utilisateurs de votre ordinateur.
La palette est géniale pour choisir rapidement une couleur pour votre fond ou vos aplats, mais que faire si vous voulez une couleur qui n'est pas présente dans la palette ? C'est là qu'entre en jeu la boîte de dialogue 
. Il y a plusieurs façons d'ouvrir la boîte de dialogue, y compris cliquer sur le bouton de la barre d'outils Commandes, activer un objet puis choisir « Remplissage et contour » dans le menu contextuel du clic droit, appuyer sur CTRL-MAJ-F, ou tout simplement en cliquant sur le nuancier actuel en bas à gauche de la fenêtre. Vous pouvez ancrer la boîte de dialogue sur le côté droit de la fenêtre d'Inkscape, ou le déplacer dans une fenêtre qui lui est propre, en le faisant glisser à l'aide de la barre de titre grise du haut.
At the top of the dialog are three tabs for setting the Fill, the Stroke Paint, and the Stroke Style. The first two offer almost identical options, so we'll just discuss the Fill tab and you can extrapolate from there. Immediately below the tab is a row of buttons which are used to determine what type of paint is used for the fill or stroke. At the left is a button for 'No Paint' which looks like a cross and has the same effect as using the crossed swatch at the left of the palette in the main drawing window. If both the fill and stroke are set to No Paint, then your object will be completely invisible. The second button lets you choose a single color for your fill or stroke. In that respect, it's the same as selecting from the palette, except that you have much finer control over the color. Choosing this button presents you with yet more tabs offering a few different methods for picking your color. Don't be fooled though: Inkscape uses RGB (Red, Green, Blue) values in its files even if you select a color via the HSL or CMYK tabs. This is one example of Inkscape being restricted by the capabilities of the SVG format. The CMS tab is only of use if you set up a color management system on your computer, and is outside the scope of this series.
En haut de la boîte de dialogue il y a trois onglets pour régler le remplissage, la couleur et le style de contourFIXME. Les deux premiers offrent des options presque identiques, nous allons donc discuter de l'onglet Remplissage et vous pouvez extrapoler à partir de là.
Immédiatement en dessous de l'onglet se trouve une rangée de boutons qui servent à déterminer quel type de peinture est utilisé pour le remplissage ou le contour. Sur la gauche se trouve un bouton pour « Pas de Peinture » qui ressemble à une croix et a le même effet que prendre la croixFIXME à gauche de la palette dans la fenêtre de dessin principale. Si à la fois le fond et le contour sont définis à « Pas de Peinture », votre objet sera totalement invisible.
Le deuxième bouton vous permet de choisir une couleur unique pour le fond et le contour. De ce point de vue, c'est la même chose que la sélection dans la palette, sauf que vous avez un contrôle beaucoup plus fin sur la couleur. Choisir ce bouton, vous montre des onglets qui offrent quelques méthodes différentes pour choisir votre couleur. Ne soyez pas dupe cependant: Inkscape utilise des valeurs RVB (Rouge, Vert, Bleu) dans ses fichiers même si vous sélectionnez une couleur via les onglets TSL ou CMJN. Ceci est un des exemples montrant qu'Inkscape est limité par les possibilités du format SVG. L'onglet CMS n'est à utiliser que si vous avez mis en place un système de gestion des couleurs de votre ordinateur, ce qui est hors sujet de cette série d'articles.
Whichever color picker you choose, you'll find a slider at the bottom labelled with an 'A'. This is the 'alpha channel', which is just another term for opacity. If this slider is moved to the far left, then your fill or stroke will be completely transparent. To the far right, it's completely opaque. Anywhere in between will make it partially transparent. This image demonstrates the same two objects with the stroke fully opaque, but the top object's fill alpha being set at the 0, 128 and 255 levels (above). As with the No Paint option, setting the alpha channel for both the fill and stroke to zero will render your object completely invisible. If the fill or stroke is partially transparent, the color swatches in the bottom-left corner of the status bar in the main window will show a two-part arrangement: the left half shows the color with the alpha applied over a checkerboard effect, while the right half shows an opaque version of the same color. You can easily make a translucent fill or stroke completely opaque via the context menu on the swatch.
Quel que soit le sélecteur de couleurs que vous choisissez, vous trouverez un curseur en bas marqué avec un « A ». C'est le « canal alpha », qui est un autre terme pour l'opacité. Si ce curseur est déplacé complètement vers la gauche, alors votre remplissage ou votre contour sera complètement transparent. A l'extrême droite, c'est complètement opaque. N'importe où entre les deux les rendra partiellement transparents. Cette image montre les deux mêmes objets avec le contour totalement opaque, mais l'alpha du remplissage de l'objet du haut étant fixé à des niveaux 0, 128 et 255 (ci-dessus).
Comme avec l'option Pas de Peinture, régler le canal alpha à zéro pour à la fois le fond et le contour rendra votre objet totalement invisible. Si le remplissage ou le contour est partiellement transparent, les palettes de couleur dans le coin inférieur gauche de la barre d'état dans la fenêtre principale afficheront une disposition en deux parties : la moitié gauche montre la couleur avec l'alpha appliqué sur un effet de damier, tandis que la moitié droite représente une version opaque de la même couleur. Vous pouvez facilement faire un remplissage translucide ou un contour totalement opaque via le menu contextuel sur la palette.
The third and fourth buttons let you use a gradient for your fill or stroke. Gradients will be the subject of next month's article, so remember that these buttons exist, but we'll skip over them for now. The next button lets you paint your fill or stroke using a pattern. Inkscape ships with a variety of stripes and polka dots which are available via a pop-up menu when you select this option. Most patterns are black or white, with just one color pattern (Camouflage) and three grayscale bitmap images that can be used as patterns, right at the bottom of the list. It is possible to create your own patterns and to adjust the size and scale of the built-in patterns, but those are subjects for another day. Also being put off for later articles are the Unset Paint button that looks like a question mark and the two splodges on the right of the Fill tab.
Les troisième et quatrième boutons vous permettent d'utiliser un dégradé pour le fond ou le contour. Les dégradés feront l'objet de l'article du mois prochain, donc n'oubliez pas que ces boutons existent, mais nous allons les sauter pour l'instant.
Le bouton suivant vous permet de peindre le fond ou le contour en utilisant un modèle. Inkscape inclue une variété de rayures et de pois qui sont disponibles via un menu déroulant lorsque vous sélectionnez cette option. La plupart des modèles sont en noir ou blanc, avec un seul modèle de couleur (Camouflage) et trois images en niveaux de gris qui peuvent être utilisées comme modèles, juste au bas de la liste. Il est possible de créer vos propres modèles et d'ajuster la taille et l'échelle des modèles intégrés, mais ce sont des sujets pour un autre jour.
Également repoussés à des articles ultérieurs, le bouton Désactiver la PeintureFIXME qui ressemble à un point d'interrogation et les deux gouttes à droite de l'onglet Remplissage.
The third main tab on the Fill and Stroke dialog is labelled as Stroke Style. While the Stroke Paint tab is used to set the color, gradient or pattern that is used for the stroke, this tab lets you manage all the other parameters. Most of these settings can be adjusted only by using this dialog, so it's worth becoming familiar with it. At the top is a spin-box for setting the width of the stroke, and an associated pop-up menu for picking the units that the width is measured in. These duplicate the functionality available from the right-click menu on the status bar, but offer a greater choice of units and finer control over the width. SVG currently allows the stroke to only straddle the outline of the object, half inside and half outside it. You can see this clearly by reducing the alpha channel on a thick stroke – notice that the fill shows through the inner half of the stroke. It's worth remembering, as Inkscape novices often wonder why increasing the stroke also reduces the area inside their shapes.
Le troisième onglet principal de la boîte de dialogue Remplissage et contour s'appelle Style de traitFIXME. Alors que l'onglet Remplissage et contour est utilisé pour définir la couleur, le dégradé ou un motif qui est utilisé pour le contour, cet onglet vous permet de gérer tous les autres paramètres. La plupart de ces paramètres peuvent être réglés uniquement en utilisant cette boîte de dialogue, donc il vaut mieux se familiariser avec elle.
Au sommet se trouve un variateurFIXME pour régler la largeur du contour et un menu déroulant associé pour choisir l'unité de mesure. Cela duplique les fonctionnalités disponibles dans le menu clic-droit sur la barre d'état, mais il offre un plus grand choix d'unités et un contrôle plus fin de la largeur. SVG permet actuellement aux traits de passer seulement au dessus du contour de l'objet à moitié à l'intérieur et à moitié à l'extérieur. Vous pouvez le voir clairement en réduisant le canal alpha sur un trait épais : notez que le remplissage va jusqu'à la moitié intérieure du trait. Il faut s'en rappeler, car les débutants sur Inkscape me demande souvent pourquoi augmenter le trait réduit aussi la zone à l'intérieur de leurs formes.
Next are three radio buttons labelled as Join. These determine how the corners of your objects are drawn – either as sharp (mitred), rounded or bevelled corners. The difference between them can easily be seen by drawing a star (above left). When a mitred corner is particularly sharp, the point of the join may extend quite some way. In this case Inkscape will switch to drawing a bevelled corner instead. The length that the point is allowed to grow to, before this switch occurs, is set by the Mitre Limit spin-box. The Cap buttons affect the ends of your lines. Most of the objects we've drawn so far are continuous loops, so the ends aren't really clear, but if you use the circle handles to turn an ellipse into an arc then you'll have an object with obvious ends. The middle option, Round Cap, finishes your lines with a semicircular smooth extension to the end. The other two options, Butt Cap and Square Cap, both give a squared-off end to your line, and differ only in whether the square extends beyond the nominal end of the line (Square Cap), or stops precisely at that point (Butt Cap).
Ensuite, il y a trois boutons radio appelés JointureFIXME. Ils déterminent comment les coins de vos objets sont dessinés : soit pointus (forme d'une mitre), soit arrondis, soit biseautés. La différence peut être facilement vue en dessinant une étoile (en haut à gauche).
Quand un coin pointu est particulièrement aigu, la pointe de la jointureFIXME peut s'étendre un peu plus loin. Dans ce cas Inkscape va changer et dessiner un coin biseauté à la place. La longueur jusqu'à laquelle le point est autorisé à passer, avant que ce changement ne se produise, est défini par le variateur Limite de MitreFIXME.
Les boutons CapFIXME affectent les extrémités de vos lignes. La plupart des objets que nous avons dessinés à ce jour sont des boucles fermées, de sorte que les extrémités ne sont pas vraiment claires, mais si vous utilisez les poignées du cercle pour changer une ellipse en un arc, alors vous aurez un objet avec des extrémités évidentes. L'option du milieu, Cap Rond, termine vos lignes avec une douce extension semi-circulaire vers la fin. Les deux autres options, Cap Butt et Cap Square, donnent toutes les deux une fin carrée à votre ligne, et ne diffèrent que si le carré se prolonge au-delà de la fin de la ligne nominale (Square Cap), ou s'arrête précisément à ce moment-là (Butt Cap).
The stroke doesn't have to be a single continuous line, it can consist of a repeating pattern of dashes. Anyone who has spent time with technical drawings will be familiar with the dash-dot-dash of a center line, and a series of dashes can be used to give a stitched effect for artistic purposes. The Dashes pop-up lets you choose from a variety of dash patterns built into Inkscape, with the adjacent spinbox letting you adjust the relative start position of your pattern. The Cap buttons also play a big part when it comes to dash patterns – this image shows our star with a thick dashed stroke using each of the three cap settings (above right). The three pop-up menus for Start, Mid and End Markers allow you to select arrowheads, circles, squares and other shapes which will be positioned on your stroke. Once again, the Start and End options make most sense on an unclosed line, such as an arc. On a closed line, you'll probably want to use only one or the other. The Mid Markers appear wherever there is a corner or a transition to a different line segment – which includes the transition from straight to curved segments on a rounded rectangle. This image shows just three examples of markers and dash patterns in use (bottom).
Le trait ne doit pas obligatoirement être une simple ligne continue, il peut consister d'un motif de tirets qui se répètent. N'importe qui ayant passé du temps sur des dessins techniques sera familier avec le « tiret-point-tiret » d'une ligne centrale, et une série de tirets peut être utilisée de manière à donner un effet « cousu » à des fins artistiques. Le menu déroulant associé aux tirets vous permet de choisir parmi une variété de motifs de tirets fournis avec Inkscape, avec le champ adjacent vous laissant ajuster la position relative de départ de votre motif. Les boutons de « Terminaison », correspondant au style de tirets, jouent aussi un grand rôle quand il s'agit de motifs à tirets - cette image montre notre étoile avec un trait en tirets épais utilisant chacun des trois paramètres pour le style de terminaison des tirets (au dessus à droite).
Les trois menus déroulants pour les marqueurs initiaux, intermédiaires et terminaux vous permettent de sélectionner des flèches, des cercles, des carrés et d'autres formes qui seront positionnées sur votre trait. Une fois encore, les options des marqueurs initiaux et terminaux prennent leur importance pour une ligne non fermée, comme un arc de cercle. Sur une ligne fermée, vous voudrez probablement utiliser l'une ou l'autre. Les marqueurs intermédiaires apparaissent n'importe où il y a un coin ou une transition vers un segment différent de la ligne - ce qui inclut la transition des segments rectiligne aux segments courbés sur un rectangle arrondi. Cette image montre juste trois exemples d'utilisation de marqueurs et de motifs de tirets (en bas).
One big caveat with markers is that they will appear in black, regardless of the color of your stroke. Fortunately Inkscape does ship with an extension that tweaks the necessary SVG internals for you, so making the colors match is as simple as selecting your marker-laden object, and then heading up to the menu bar to choose Extensions > Modify Path > Color Markers to Match Stroke. Even using this extension, however, markers are always opaque, regardless of the alpha setting of your stroke. The last part of the Fill and Stroke dialog to explain is the pair of sliders at the bottom – to adjust the Blur and Opacity. The former is a convenient shortcut for adding the Gaussian Blur filter to an object. SVG filters are a major topic of their own that we'll look at in a later article, but, for now, it's enough to know that increasing this slider will cause your object to become blurred. The more you increase it, the more blurred your object will be. Don't go too overboard: usually a small value will give you a good effect, whilst larger values just dissipate your object into mist. Be aware that using filters will slow the speed at which Inkscape redraws the screen, especially if you're zoomed in closely.
Faites bien attention avec les marqueur signetsFIXME car ils apparaissent en noir, quelle que soit la couleur de votre crayon. Heureusement Inkscape est livré avec une extension qui arrange pour vous la mécanique interne nécessaires à SVG, rendant ainsi la correspondance des couleurs aussi simple que de sélectionner votre objet marqueur, et de regarder vers la barre de menu pour choisir Extensions > Modifier le chemin> Colorer les marqueurs comme les crayonsFIXME. Même en utilisant cette extension, cependant, les marqueurs sont toujours opaques, quel que soit le paramètre alpha de votre trait.
La dernière partie de la boîte de dialogue Remplissage et traitFIXME à expliquer est la paire de curseurs en bas, pour régler le flou et l'opacité. Le premier est un raccourci pratique pour ajouter le filtre Flou GaussienFIXME à un objet. Les filtres SVG forment par eux-mêmes un sujet important que nous verrons dans un article ultérieur, mais, pour l'instant, il suffit de savoir que l'augmentation de ce curseur rendra votre objet plus flou. Plus vous l'augmenterez, plus flou sera votre objet. Ne pas trop dépasser la dose : généralement une faible valeur vous donnera un bon effet, tandis que des valeurs plus élevées vont dissiper votre objet dans le brouillard. Soyez conscient que l'utilisation de filtres va ralentir la vitesse à laquelle Inkscape redessine l'écran, surtout si vous avez un fort grossissement de zoom. The opacity slider has the same effect as the 'O' spin-box and context menu on the status bar, but with more fine-grained control. Changing this value affects the opacity of the entire object – both the fill and the stroke. Effectively, the object is drawn in memory using the fill and stroke alpha values, then that whole image is drawn to the screen using the object opacity. This cumulative effect makes it possible to combine transparency values in complex ways that wouldn't be possible with just alpha or just opacity. In this rather garish example the squares have 100% opacity and alpha throughout, but the circles have the fill, stroke and opacity values indicated: The opacity slider is one way to make some use out of those colorless fill patterns. By duplicating an object (Edit > Duplicate), and then filling the copy with a pattern and reducing its opacity, you can let the original object's color show through. Why not use that trick on your snowman image to give a little graininess to the covering of snow on the ground with the addition of the Sand texture at a low opacity. Add in some color tweaks, a bit of blurring, and some translucency on the shadows, and you should find that, with your new found mastery of the Fill and Stroke dialog, your image is starting to look a little less flat.
Le curseur d'opacité a le même effet que la boîte déroulante « O » et le menu contextuel de la barre d'état, mais avec un contrôle plus précis. La modification de cette valeur affecte l'opacité de l'objet entier : à la fois le remplissage et le traitFIXME. En effet, l'objet est dessiné en mémoire en utilisant les valeurs alpha de remplissage et de trait, ensuite l'image entière est dessinée sur l'écran en utilisant l'opacité de l'objet. Cet effet cumulatif rend possible la combinaison des valeurs de transparence de façon complexe qui ne serait pas possible avec seulement l'alpha ou seulement l'opacité. Dans cet exemple, plutôt criard, les carrés ont partout 100 % d'opacité et d'alpha, mais les cercles ont les valeurs de remplissage, de trait et d'opacité indiquées :
Le curseur d'opacité est une façon d'utiliser ces modèles de remplissage incolores. En dupliquant un objet (Édition> Dupliquer), puis en remplissant la copie d'un motif et en réduisant son opacité, vous pouvez laisser voir la couleur de l'objet original à travers.
Pourquoi ne pas utiliser ce truc sur votre image de bonhomme de neige pour donner une petite granularité à la couverture de neige sur le sol avec l'ajout de la texture Sable à une faible opacité ? Ajoutez-y quelques réglages de couleur, un peu de flou et un peu de translucidité sur les ombres, et vous devriez trouver ceci, grâce à votre maîtrise nouvellement acquise de la boîte de dialogue Remplissage et contourFIXME, votre image est en train de devenir un peu moins plate.