Il existe dans SPIP un grand nombre de filtres permettant le traitement automatisé des images, et j’ai récemment eu a utiliser la fonction « image_masque » de SPIP afin de simuler dynamiquement l’utilisation d’un masque de type Photoshop.
Le principe est simple, on applique à l’image d’origine la fonction « image_masque » avec en paramètre le PNG24 du masque en question.
[(#FICHIER|image_masque{images/masque.png})]
Cependant la gestion des masques est différente. Pour simuler un masque Photoshop de ce style :
Il faut passer cette image à SPIP :
Attention donc à deux points, que j’ai mis pas mal de temps a saisir :
- Le noir du masque Photoshop (partie a rendre transparente) devient du transparent.
- Le blanc du masque Photoshop (partie a rendre visible) devient un gris moyen (#7f7f7f pour être précis).
Pour le masque SPIP, l’utilisation du blanc permettant d’éclaircir l’image et le noir de la foncer.
Voici donc un exmple de ce que permet de faire dynamiquement l’exmple ci-dessus :
Pour être complet la fonction SPIP « image_masque« , peu prendre trois autres paramètres. Le 1er étant le mode de masque, celui ci étant par defaut fixé à masque, mais pouvant aussi être fixé a :
- eclaircir
- obscurcir
- produit
- difference
Second exemple : Je rajoute un nouveau masque (representant une icone RSS en PNG24) en utilisant le mode normal qui permat de placer le masque par dessus l’image originale (pour plus d’informations : section Filtres).
[(#FICHIER|image_masque{images/masque.png}|image_masque{images/rss.png, mode=normal})]
Les deux autres paramètres permettent d’aligner le masque sur l’image de base grace aux paramtres : text-align (center / left / right) et vertical-align (middle / top / bottom).