Tutoriel Inkscape & Boxy - sommaire

Inkscape : les filtres

Inkscape propose une multitude de filtres prédéfinis avec des noms plus ou moins explicites.
Les filtres sont groupés par thèmes : couleur, bosselage, dessin d'image, flou, etc.
Les thèmes les plus utilisés sont "flous" et "ombres & lueurs".
Attention la liste des filtres prédéfinis peut changer selon les versions de Inkscape.
Astuce : pour connaitre le ou les filtres appliqués à un objet, sélectionnez le et produisez la commande Filtres / éditeur de filtres
Il existe aussi la commande Filtres/supprimer les filtres.

Le sous menu "couleur"

De haut en bas et de gauche à droite :
aucun filtre - duotone - fluorescence
lumière noire - trichrome - mélanger les opposés

Production de ce document Inkscape

Il ne faut surtout pas incorporer 6 fois l'image matricielle car alors le poids du document serait très très élevé.
Il suffit de l'incorporer une fois, de transformer l'image "rastérisée" en modèle et de cloner le modèle 6 fois.

Le code SVG optimisé (extraits)

Le sous menu "bosselage"

De haut en bas et de gauche à droite :
aucun filtre - bosselage bulleux - bosselage papier
cuir repousse - impression en relief - plastifier

Le sous menu "dessin et peinture d'image"

De haut en bas et de gauche à droite :
aucun filtre - crayon - litho
peinture à l'huile - poster brut - vieille carte postale

Le sous menu "flou"

Pour certains filtres "flous" il faut renseigner une boite de dialogue.

De haut en bas et de gauche à droite :
première rangée : aucun filtre - estompage du pourtour de 10 - evanescence -
deuxième rangée : flou double - flou : horizontal de 2 et vertical de 4 - nettoyage des bords

Ombrage des objets

Nous allons utiliser le sous menu "Ombres et lueurs".

Le sous menu "Ombres et lueurs"

Dans l'image ci-dessus nous avons appliqué à chaque rectangle vert citron un filtre appartenant à la catégorie "ombres et lueurs".

De haut en bas et de gauche à droite :
• aucun filtre - découpe et flou
• dedans et dehors - émergence
• incrustation - ombre et lumière
• ombre portée avec des décalages positifs - ombre portée avec des décalages négatifs

L'option "ombre portée" est la plus intéressante ! C'est avec cet item que l'on peut produire véritablement un ombrage d'objet.
Mais il faut renseigner une boîte de dialogue ...
Pour le rectangle de gauche les décalages H et V sont positifs alors qu'ils sont négatifs dans le rectangle de droite.
Sinon les valeurs absolues sont identiques : 10px tant pour le rayon du flou, le décalage horizontal et vertical.

Ici les ombres portées sont de couleur noire à demi transparente (code RVBA : 0,0,0,122) et sont extérieures
Il est possible de paramétrer la couleur de l'ombrage et sa transparence donc le code RVBA du floutage.

Ombres portées

Il est important de bien savoir paramétrer la boîte de dialogue relative à l'option "ombre portées"
Pour l'instant nous n'avons utilisé que l'onglet "options" de cette boîte de dialogue. Mais il y a un deuxième onglet "couleur du flou".
Ci-dessous un document Inkscape avec 4 rectangles rouges (code RGB : 255,0,0 ou #FF0000)

• premier rectangle : aucun filtre
• trois autres rectangles : dans l'onglet "couleur de flou" j'ai coché "utilisez la couleur de l'objet".
  Donc l'ombre est de couleur rouge à demi transparente (code RVBA : 255,0,0,127).

Pour le dernier rectangle et dans l'onglet "options" j'ai remplacé la proposition par défaut (extérieur) par "intérieur".

Comment ombrer du texte ?

Une ombre portée peut s'appliquer à tout objet y compris une zone de texte.
Ci-dessous un document Inkscape avec du texte ombré (ombre portée) :

Inkscape : éditeur de filtres

Vous pouvez créer vos propres filtres grâce à la commande Filtres/Editeur de filtre.
Le plus simple est d'utiliser la matrice de couleurs.

Les filtres de couleur : primitive feColorMatrix

Ci-dessous un document Inkscape avec six fois la même image : un filtre de couleurs appliqué à chaque copie sauf la première.

La matrice de couleurs ("feColorMatrix") peut avoir différents types (matrix, saturate, hueRote et LuminanceToAlpha).

Les différents filtres appliquées ci-dessus :
• deuxième image : type "hueRote" ("décalage de teinte") avec une valeur de 90 (dégrés)
• troisième image : type "hueRote" ("décalage de teinte") avec une valeur de 180
• quatrième image : type "hueRote" ("décalage de teinte") avec une valeur de 270
• cinquième image : type "saturate" ("saturation") avec une valeur de 0 ; donc nuances de gris
• sixième image : type "luminanceToAlpha" ("luminance vers opacité") donc production d'un "négatif"

Utilisation de l'éditeur de filtres

Je vous communique ci-dessous et à titre d'exemple, la procédure pour appliquer à une image un filtre basé sur la primitive feColorMatrix de type hueRote (rotation) avec une valeur de 90 (degrés) :
• sélectionnez l'image puis produisez la commande Filtres/Editeur de filtre ...
• cliquez sur "nouveau" ; un nouveau filtre appelé "filtre1" est créé
• sélectionnez "Matrice de couleurs" dans la liste déroulante
• cliquez sur "ajouter un effet"
• dans la liste déroulante légendée "type" des paramètres de l'effet sélectionnez "décalage de teinte"
• via le curseur produisez la valeur "90" puis cochez "filtre1" ; l'image est verdie.

Appliquer plusieurs filtres à un même objet

Ci-dessous un document avec une image incorporée.

Cette dernière a bénéficié de trois filtres :
• un flou gaussien de 2
• un décalage de teinte
• une ombre portée extérieure

J'ai utilisé l'éditeur de filtres pour accumuler ces différents filtres au même objet.