Tutoriel Inkscape & Boxy - sommaire

Inkscape : outil dégradés

Via le volet "Fond et contour" vous pouvez remplir une forme avec un dégradé monochrome linéaire ou radial.
Maintenant si vous souhaitez réaliser un dégradé plus complexe il faut utiliser l'outil "dégradé" de la barre d'outils.

Dégradés linéaire

Exemple

Observez attentivement le document inkscape ci-dessous.

De gauche à droite et de haut en bas :
• dégradé linéaire par défaut : axe horizontal de gauche vers droite
• dégradé linéaire monochrome : axe haut vers bas
• axe du dégradé monochrome : NO vers SE
• axe du dégradé monochrome : NE vers SO
• dégradé bichrome : violet et gris
• dégradé bichrome : bleu et gris

Procédure

Lorsque vous appliquez la commande "dégradé linéaire" du volet "Fond et contour" à un objet vous le remplissez avec un dégradé monochrome avec un axe gauche vers droite.

Ci-dessous lien vers une vidéo qui vous explique comment modifier l'axe par défaut du dégradé linéaire et Comment passer d'un dégradé monochrome à un dégradé multicolore.
Comment éditer un dégradé linéaire ?

Résumons la vidéo :
• via le panneau "Fond et contour" appliquez d'abord un dégradé monochrome en guise de remplissage de la forme sélectionnée
• cliquez sur l'icône "Outil dégradé" : l'axe de dégradé apparait. Vous pouvez changez l'orientation de l'axe et déplacez les poignées carrée et ronde.
• En double cliquant sur l'axe vous pouvez insérer une nouvelle couleur

Captures d'écran :

À gauche j'ai modifié l'axe du dégradé linéaire
À droite j'ai inséré une couleur supplémentaire

Dégradés radiaux

Lorsque vous appliquez la commande "dégradé radial" du volet "Fond et contour" à un objet vous le remplissez avec un dégradé monochrome dont l'origine est le centre de la forme.

Observez attentivement le document inkscape ci-dessous.

De gauche à droite et de haut en bas :
• dégradé radial par défaut : monochrome et origine du dégradé est le centre de la forme
• dégradé radial monochrome : origine du dégradé n'est plus le centre du rond
• dégradé radial bichrome
• dégradé radial bichrome

La syntaxe des dégradés

Je vous invite à consulter la syntaxe relative aux dégradés SVG dans mon tuto sur ce langage.
Les dégradés SVG
Vous verrez que c'est pas si compliqué et que parfois ça peut valoir le coup d'encoder manuellement ...