Ombre intérieure ou masque

Un visiteur m'a demandé quelques conseils sur un générateur de bordures, avec ombre, intérieure ou extérieure, qui fournit le code html de cette bordure.

Son usage est pour décorer les images d'un diaporama et je lui ai proposé de construire son diaporama, non pas par code html/CSS (et pourtant, j'aime bien !) mais en utilisant le logiciel gratuit Open Office Impress, équivalent de Office Présentation et de créer un masque sur chaque image pour obtenir le résultat qu'il souhaitait, du genre:

Si l'on veut mettre ce genre de masque sur plusieurs photos, il faut le créer en transparence (format PNG) et pour cela utiliser un logiciel de traitement d'image; Photofiltre permet de le faire par: Menu filtres/esthétique/contour progressif; avec the Gimp, on peut utiliser le menu filtres/decor/Fuzzy Border.
Les réglages sont à votre convenance.
Curieusement, sur the Gimp, j'ai créé une bordure floue et en annulant l'action, pour revenir en arrière (Ctrl + Z) la bordure floue est devenue diffuse et non sans intérêt: je vous invite à essayer !

Mais revenons à la création d'un masque personnel et à vos dimensions; pour cet exemple, je vais utiliser les dimensions souvent utilisées: 800x600px.

Ouverture de the Gimp/onglet Fichier/nouvelle image:800x600 et options avancées: remplir avec transparence/Valider.

Onglet filtre/decor/fuzzy border: choisir couleur, flou bordure (blur border), sans ombre (add shadow) et sans aplatir image (flatten image) et vous obtiendrez un masque transparent, avec une bordure floue, selon vos choix, que vous pourrez placer sur vos images.

Pas de souci particulier sur des images rectangulaires mais souci sur des rondes !

Sur the Gimp: une autre façon, aussi simple, pour faire un masque: ouvrir nouvelle image, fond couleur blanc/onglet sélection: tout/ onglet sélection: bordure: adoucir les bords/ coupez cette bordure: édition/couper: elle se colorera de la couleur d'arrière plan: à vous de choisir ce qui vous convient.

Rendez transparent la partie centrale, en couleur de premier plan par onglet Couleur/alfa vers couleur premier plan: blanc; votre masque est à exporter au format PNG.

Avec cette façon de faire, vous pouvez entourer vos images rondes avec un contour progressif.

Sur mon image rectangulaire, j'ai fait une sélection ovale/selection:bordure: adoucir les bords avec couleur d'arrière plan modifiée en noir; J'ai refait une sélection pour ne pas conserver le flou vers l'extérieur/ Edition: copier/Edition: coller comme une nouvelle image et vous voyez le résultat.