Tutoriel Inkscape - sommaire

Inkscape : la boite de dialogue "fond et contour"

Le volet de commandes fond et contour est très important dans l'environnement Inkscape.

Si pour la forme sélectionnée vous vous contentez d'appliquer une couleur de base au fond et au contour ou encore d'appliquer une certaine transparence (ou opacité) à la forme ou encore faire varier l'épaisseur du contour vous pouvez faire ces réglages via la barre d'état.

Utilité de cette boîte de dialogue

La boîte de dialogue "fond et contour" devient nécessaire pour des réglages plus pointus.

Citons quelques exemples :
• vous voulez que seul le fond soit à demi opaque (mais pas le contour)
• vous voulez flouter la forme
• vous voulez que le contour soit en pointillé
• vous voulez remplir la forme avec un dégradé
• vous voulez que les angles des contours soient arrondis ou biseautés
• vous voulez remplir la forme avec un motif

Dans tous ces cas vous devez utiliser la boîte "fond et contour".

L'onglet "style du contour"

Ci-dessous un document inkscape avec 4 objets : deux polygones et deux segments.
Pour dessiner un segment utilisez l'outil "stylo" : "tracer des ... segments de droite" / "...lignes paraxiales"

Les différentes formes de ce document :
• un triangle avec des angles arrondis (style de contour / raccord)
• un rectangle avec des angles biseautés et seul le fond est à demi transparent (fond/code RVBA de la couleur : 0,128,0,122)
• un segment horizontal avec des terminaisons arrondies (style de contour / terminaison)
• un segment vertical en pointillés (style de contour /pointillés) et avec un marqueur final (style de contour / marqueurs)

Produire des dégradés du fond

Via l'onglet "fond" vous pouvez dégrader ce fond en cliquant sur "dégradé linéaire" ou sur "dégradé radial" dans cet onglet.

Ci-dessous un document avec deux formes dont le fond a été dégradé :
• un rectangle avec un dégradé linéaire
• un rond avec un dégradé radial

Il s'agit pour l'instant de dégradés basiques :
• un dégradé de rouge pour le rectangle
• un dégradé de vert pour le rond

Un dégradé basique ne porte que sur une couleur avec passage d'une opacité totale à un transparence totale.

Le rectangle est la forme sélectionnée.
C'est le dégradé identifie 4140 qui s'applique à cette forme.

En sélectionnant une forme puis l'onglet "contour" vous pouvez dégrader le contour éventuel de la forme.

Définir les couleurs via la boîte "fond et contour"

Pour colorier le fond ou le contour d'une forme vous pouvez bien sûr utiliser la palette de couleurs.
Mais si vous voulez créer vos propres couleurs il faut mieux utiliser le codage RGBA ou TSLA proposée par la boîte de dialogue "remplissage et contour".

Coder en RVBA

RVBA : Rouge Vert Bleu alpha. En anglais : RGBA (Red Green Blue alpa).

La couleur est fonction de quatre paramètres:
• intensité de rouge
• intensité de vert
• intensité de bleu
• couche alpha ou niveau de transparence (ou d'opacité)

Avec Inkscape la valeur de ces quatre paramètres est comprise entre 0 et 255.

Ci-dessus une document dans lequel les fonds des formes ont été remplis par des couleurs définies selon le codage RVBA.
La forme sélectionnée (pentagone) est remplie d'un jaune à demi transparent. Le code RVB du jaune est (255,255,0)

Coder en TSLA

TSLA : Teinte, Saturation, Luminosité, alpha. En anglais HSLA (Hue Saturate Lightness Alpha).

Ce système de codage se veut plus proche de la perception des couleurs par l'homme :
• la teinte représente la couleur indiquée par un angle (en degrés) dans le cercle chromatique;
• la saturation est un pourcentage qui va de 0(gris) à la couleur la plus vive (255) ; entre les deux un mélange de gris et de couleur.
• la luminosité est aussi un pourcentage où 0 correspond au noir et 255 au blanc

Ci-dessus une document dans lequel les fonds des formes ont été remplis par des couleurs définies selon le codage TSLA.
La forme sélectionnée (pentagone) est remplie d'un bleu. Le code TSL est(128,255,128).

Le curseur flou

La boîte de dialogue "remplissage et contour" comprend aussi la commande "flou" qui comme la commande "opacité" (voir ci-dessous) s'applique à l'ensemble de la forme sélectionnée (remplissage et contour).

Ci-dessous un document avec deux formes floutées.

Le rectangle est flouté à 6% alors que le rond l'est seulement de 3%.

Le curseur opacité

Dans l'hypothèse où vous voulez appliquer la même transparence au fond et au contour vous pouvez alors raisonner simplement en RVB ou TSL pour les couleurs de fond et de contour. Je veux dire que le curseur A (comme alpha) dans l'onglet "RVB" (ou TSL) reste à 255 mais vous modifiez la valeur du curseur Opacité(%) (en dessous du curseur flou).

Remplir la forme avec un motif

Si vous avez lu le tutoriel "dessiner avec SVG" vous savez que la syntaxe SVG permet de définir un motif (pattern) et de remplir une forme avec ce motif.

Ci-dessous un document inkscape comprenant deux rectangles.
Chaque rectangle est rempli non pas avec un couleur uni ou avec un dégradé mais avec un motif !
Dans les onglets "fond" et "contour" de la boîte de dialogue "remplissage et contour" la commande "motif" est disponible.
Donc pour remplir une forme avec un motif il suffit de sélectionner cette forme ; d'ouvrir l'onglet "fond" de la boîte de dialogue "remplissage et contour" ; de cliquer sur l'icône "motif" et de sélectionner un motif dans la liste déroulante.

Le premier rectangle est rempli avec un motif prédéfini et intitulé hermine.
Le deuxième rectangle est rempli avec un motif que j'ai créé (une étoile bleue à 6 branches).
Pour définir comme nouveau motif un objet dessiné dans le document il suffit de le sélectionner puis de produire la commande Objets/Motifs/Objets en motifs ; un nouveau motif dont l'intitulé commence par "pattern" suivi d'un numéro à 4 chiffres et rajouté dans la liste des motifs disponibles pour le document.