Utilisation des filtres dans Inkscape pour la manipulation d'images
Les filtres constituent une partie intégrante de la spécification SVG, offrant des possibilités infinies pour altérer l'apparence graphique des images. Un effet de filtre est défini comme une série d'opérations graphiques appliquées à une image source afin de produire un résultat modifié. Ce résultat remplace l'image source originale sur le périphérique cible.
Du point de vue de la conception, cela signifie des possibilités illimitées pour modifier l'apparence graphique de parties de nos images. Certains points importants en découlent : ils nécessitent un élément graphique pour commencer, ils dépendent fortement du moteur de rendu et des capacités de rendu de l'appareil cible, et les filtres sont procéduraux.
En Inkscape, vous pouvez sélectionner n'importe quel objet de votre document et y ajouter un filtre. Dans le contexte SVG, cela signifie que chaque élément graphique sélectionnable dans l'arbre XML peut être filtré. Les plus audacieux peuvent ajouter un filtre à un calque (groupe) dans Inkscape, l'enregistrer comme modèle par défaut et faire des farces aux autres utilisateurs en leur réservant un comportement totalement inattendu.
Fonctionnement des filtres dans Inkscape
Les filtres dans Inkscape sont appliqués sur des objets vectoriels, leur conférant des caractéristiques similaires à celles des images matricielles. Des exemples typiques d'effets de filtre incluent le flou, les ombres et les lueurs.
Il est important de noter que le résultat d'un filtre n'est pas automatiquement découpé à la forme de la zone d'effets de filtre. De plus, certains éléments des filtres, tels que les sous-régions de primitives de filtre et la propriété enable-background, ne sont pas entièrement pris en charge par l'interface graphique d'Inkscape.
Les différents moteurs de rendu peuvent varier dans leur implémentation du processus décrit dans le filtre utilisé. L'apparence exacte peut différer entre un navigateur web et Inkscape, et le rendu peut consommer trop de ressources pour qu'un SVG se charge correctement.
Malheureusement, le format PDF ne prend pas en charge le filtrage. Par conséquent, pour partager ou imprimer des images filtrées, la rastérisation des objets filtrés est la seule méthode pour préserver leur apparence.
Grâce à leur nature procédurale, les images peuvent être rendues à n'importe quelle résolution. Cela vous libère des contraintes de taille d'image spécifiques, contrairement aux éditeurs d'images matricielles. Tout est censé être rendu en direct, à la volée. Cet avantage a un coût en termes de temps de rendu et de ressources utilisées.
Lorsque vous travaillez avec Inkscape, il est conseillé de surveiller la ligne d'indication en bas de l'écran. La sélection d'un objet affiche s'il y a un filtre appliqué. Par exemple, un objet représentant un robinet, s'il s'agit d'un groupe, peut avoir un filtre appliqué nommé "rouillé". La boîte de sélection peut ne pas toucher les bords des limites visuelles de l'objet par défaut, ce qui peut être déroutant. Il est souvent utile de passer en modes de rendu différents pour mieux comprendre la structure d'un document. Pour basculer entre les modes de rendu, appuyez sur Ctrl + 5 sur le pavé numérique.
Application et édition des filtres dans Inkscape
La manière la plus directe d'appliquer un filtre à un objet sélectionné est de passer par le menu Filtres situé en haut. Ce menu contient un grand nombre de filtres intégrés. Cependant, en raison des limitations de cet élément de menu, il n'est pas très pratique pour choisir un filtre, car il n'y a pas d'indication visuelle intégrée de l'effet d'un filtre sur un objet de prévisualisation, ni d'option pour parcourir tous les filtres comme pour la prévisualisation d'une police de caractères.
Il est souvent une question de chance de trouver un filtre approprié du premier coup. Soit il faut appliquer les filtres un par un sur l'objet sélectionné et annuler chaque fois si le résultat n'est pas satisfaisant, soit il faut consulter une image guide où tous les filtres sont affichés en action. Le manuel actuel, qui n'est pas encore à jour, consacre 19 pages à leur présentation.
L'Éditeur de Filtres
L'interface de l'éditeur de filtres est en cours de développement, ce qui signifie que certaines parties de ce guide pourraient devenir obsolètes rapidement. L'éditeur est basé sur des nœuds, bien que cela ne soit pas immédiatement évident. Il peut être difficile de suivre la structure d'un filtre complexe, comme "Métal Érodé", ce qui justifie la nécessité d'une refonte.
Il est plus utile d'avoir ce panneau détaché, et il n'y a aucune prévisualisation intégrée. Lors de la création d'un filtre personnalisé à partir de zéro, la majeure partie de l'éditeur de filtres est grisée, seul le bouton "Nouveau" est actif. Cette section du panneau répertorie toutes les définitions de filtres intégrées au document, similaires aux dégradés ou aux marqueurs personnalisés.
Si un filtre intégré a été appliqué, il apparaîtra ici. Les flous gaussiens, utilisés via le curseur du panneau remplissage et contour ainsi que différents modes de fusion, sont censés apparaître ici également. Cependant, il semble y avoir une régression par rapport à la version 0.48 dans la version 0.92.
Les définitions de filtres sont listées dans l'ordre de leur création. Vous pouvez les renommer, les supprimer et les dupliquer, mais le glisser-déposer n'est pas fonctionnel pour la réorganisation.
En cliquant sur "Nouveau", une boîte apparaît avant le nom du filtre et un numéro après, sous le symbole #. Ce dernier indique combien d'objets ont ce filtre appliqué. La case à cocher permet d'activer ou de désactiver un filtre pour un objet sélectionné.
Quelques notes importantes :
- Une définition de filtre peut être vide, ce qui signifie que si vous l'appliquez à votre objet sélectionné, il sera rendu invisible.
- Vous ne pouvez pas ajouter plus d'un filtre au même objet. C'est un inconvénient majeur, vous ne pouvez pas combiner deux filtres avec l'éditeur actuellement. La seule solution de contournement est de grouper l'objet filtré, vous pouvez alors ajouter un autre filtre au groupe (ce qui peut compliquer les transformations).
Une fois la définition du filtre créée, vous pouvez l'éditer sans qu'elle soit appliquée à un objet. Les options de nettoyage du document suppriment tous les filtres inutilisés.
Le bouton "Ajouter un effet" permet d'ajouter une primitive de filtre qui modifiera l'apparence de l'objet filtré. Pour le premier filtre, essayons le remplissage par inondation (flood fill), en le sélectionnant dans la liste.
Les primitives de filtre
La primitive de filtre feFlood remplit la région avec une couleur et une opacité données. Elle est généralement utilisée comme entrée pour d'autres filtres afin d'appliquer une couleur à un graphique.
Cela équivaut à une base pour le remplissage par godet, à la différence près que vous devez définir les limites de la région remplie. Une fois l'effet ajouté, les paramètres apparaissent en bas, et la structure de la chaîne de filtres en haut. Par défaut, le remplissage par inondation est réglé sur noir uni. N'oubliez pas qu'il n'aura aucun effet tant que vous n'aurez pas coché la case correspondante dans la liste des filtres à gauche !
Après application, un rectangle noir devrait être rendu. Il est légèrement plus grand que la boîte englobante précédente de l'objet.
Paramètres généraux des filtres
L'onglet "Paramètres généraux du filtre" contient quatre champs numériques où vous pouvez saisir des valeurs. La ligne "Coordonnées" définit la position (x,y) du coin supérieur gauche de la zone filtrée par rapport à la boîte englobante d'origine de l'objet, tandis que la ligne "Dimensions" définit la largeur et la hauteur, relatives à la boîte englobante d'origine. C'est une partie assez importante, car les effets qui dépassent les limites d'origine peuvent être coupés si la zone filtrée est définie trop petite.
Si l'effet est utilisé pour générer une texture pour l'objet, les valeurs par défaut sont généralement suffisantes.
Configuration du filtre "Flood Fill"
En revenant aux paramètres de l'effet Flood Fill, il existe deux options pour modifier la sortie. Un curseur permet de régler l'opacité de la couleur entre complètement transparent et opaque, représentée par une valeur entre 0 et 1. Cliquer sur la Couleur de remplissage ouvre un panneau de sélection de couleurs, avec plusieurs entrées. Les noms de couleurs hexadécimales et les valeurs RVB sont les mêmes que dans le panneau remplissage et contour, cependant la roue HSL n'est pas basée sur 0-255 : la teinte a une échelle de 0 à 360, tandis que la saturation et la luminosité peuvent être réglées entre 0 et 100.
Une fonctionnalité importante est qu'il existe également un outil pipette inclus dans le panneau, qui peut prendre n'importe quelle partie de l'écran comme référence. Changeons le noir par défaut en rouge.
La partie la plus importante de l'édition de filtres est de connecter les effets en une chaîne qui définit le processus de rendu. Avec seulement un Flood Fill ajouté, il est listé dans la rangée supérieure. L'éditeur actuel liste les primitives de filtre ajoutées les unes après les autres. La dernière ligne de cette liste sera rendue à l'écran. Notez qu'en ajoutant simplement de nouvelles primitives de filtre à la liste, elles ne créeront pas nécessairement une chaîne de haut en bas.
Cas d'utilisation et exemples
Il est possible de créer des effets originaux avec Inkscape, comme un effet de mosaïque sur des photos. Cet effet est simple à réaliser, mais il convient de savoir comment s'y prendre pour obtenir un meilleur résultat.
Pour donner un aspect plus réaliste à vos illustrations, ou pour les mettre en valeur, vous pouvez appliquer une ombre portée. Appliquer un effet de lumière à un élément de votre logiciel Inkscape peut lui donner un aspect brillant ou le rendre plus visible.
Le système de déformation par enveloppe dans Inkscape vous permet de modifier vos formes, tracés ou objets, en leur appliquant une forme prédéfinie ou en la modifiant librement.
Application d'une ombre portée
Une ombre portée peut être appliquée à tout objet, y compris une zone de texte. Le plus simple est d'utiliser la matrice de couleurs.
Application d'un filtre de couleur
Sélectionnez l'image, puis utilisez la commande Filtres > Éditeur de filtre.... Via le curseur, produisez la valeur "90" puis cochez "filtre1" ; l'image prend une teinte verte.
Il est possible d'utiliser l'éditeur de filtres pour accumuler différents filtres sur le même objet. Par exemple, pour certains filtres "flou", il faut renseigner une boîte de dialogue. Nous allons utiliser le sous-menu "Ombres et lueurs". Il y a un deuxième onglet "couleur du flou". Dans l'onglet "couleur de flou", il est possible de cocher "utilisez la couleur de l'objet".
Simulation d'un effet "rusty" (rouillé)
Un exemple concret montre un objet sélectionné qui est un groupe et qui possède un filtre nommé "rusty". La boîte de sélection ne touche pas les bords de l'objet, ce qui est dû au fait que la boîte de sélection visuelle est définie par défaut. Il est possible de basculer entre les modes de rendu pour mieux comprendre la structure du document.
Limitations et considérations futures
À l'heure actuelle (version 0.45 et ultérieures), seul le flou gaussien est pleinement implémenté. Bien que les spécifications définissent de nombreux autres effets et que d'autres programmes puissent les gérer, Inkscape ne peut pas encore les rendre.
Les filtres de remplissage (Fill Paint) et de contour (Stroke Paint) d'images d'entrée ne fonctionnent pas, bien qu'ils soient utilisables dans le dialogue des effets de filtre. Il n'y a pas d'interface graphique pour définir la propriété enable-background. Les sous-régions de primitives de filtre ne fonctionnent pas non plus, et il n'y a pas d'interface graphique pour elles.
Dans les préférences d'Inkscape, un réglage contrôle la qualité de rendu des filtres. Même une faible qualité produit souvent un rendu suffisant, mais cela prend beaucoup moins de temps à rendre.
Il y a de nombreuses parties dans le code de filtrage marquées avec "TODO", indiquant des domaines à améliorer.
Le changement des paramètres d'effet et la création d'ensembles similaires peuvent être effectués dans un éditeur spécialisé. Il serait bénéfique de disposer d'une bibliothèque d'effets, permettant aux développeurs de créer un petit ensemble d'effets couramment utilisés (comme l'ombre portée, la lueur extérieure/intérieure, etc.) à l'aide de fenêtres supplémentaires pour ajuster les paramètres d'effet.
Le format PDF ne prenant pas en charge les filtres, la rastérisation est nécessaire pour préserver l'apparence lors de l'impression ou du partage.
Pour les utilisateurs sans expérience technique, la gestion des effets SVG peut être complexe. Des outils visuels et des prévisualisations plus intuitives amélioreraient grandement l'expérience utilisateur.
Les filtres d'inkscape
tags: #inkscape #filtre #image