La boîte de dialogue "remplissage et contour"

La boîte de dialogue remplissage et contour est très importante 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 "remplissage et contour" devient nécessaire pour des réglages plus pointus.

Dans tous ces cas vous devez utiliser la boîte "remplissage 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" image SVG avec inkscape

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.

image SVG avec inkscape

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 "remplissage 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).

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

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).

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. image SVG avec inkscape

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 ! images Inkscape
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.

Ce document Inkscape a été optimisé avec l'application en ligne SVG Editor. Après optimisation le fichier SVG pèse moins de 5 KO.
L'application en ligne SVG Editor est évoquée dans la partie "Applications complémentaires à Inkscape" du même tuto.
Retour menu