[Apprenti] Créer un cadre contenant de la transparence

Bonjour et bienvenue dans ce tutoriel, à la base entièrement rédigé par Pomme-Kiwi. Ses images ayant disparu, je me suis donc permis de refaire ce tutoriel.

Nous allons apprendre à faire des cadres transparents autour de nos créations. Cette manipulation est assez simple, nous allons de suite voir comment nous y prendre !

1/ Créer le cadre

On commence par ouvrir son image dans photoshop, voici celle que je vais utiliser :


Je commence par double-cliquer sur le calque de l'arrière-plan pour le déverrouiller. A la fenêtre qui s'ouvre, on clique sur OK.


Je crée à présent une sélection qui se situe à quelques pixels des bords de l'image, de cette façon :


Peu importe si la largeur entre la sélection et le bord de l'image n'est pas exactement le même partout, cela ne se verra plus par la suite.

On inverse ensuite la sélection : Sélection → Intervertir, soit le raccourci Ctrl+Maj+I.


On appuie sur la touche Suppr, et le contour de l'image va être supprimé ! Il ne reste plus qu'à enregistrer l'image au format .png qui lui, supporte la gestion de transparence. Si vous souhaitez une image en jpeg, alors au lieu d'appuyer sur Suppr, remplissez le contour de la couleur de fond de votre site...


N'hésitez pas à changer la forme de votre cadre, grâce aux différents outils de sélection !

2/ Jouer avec les modes de fusion

Voici un petit exemple pour vous parler de la transparence grâce aux modes de fusion: on peut même dire qu'il s'agit ici de semi-transparence, puis que les bordures ne sont pas totalement effacées.

Reprenons l'image de départ. Je sélectionne toute mon image (Ctrl+A) et je vais dans Edition -> Contour. Je choisis de faire un contour de 5px environ, de couleur noire (mais vous pouvez choisir la couleur qui vous convient), sur un nouveau calque.


Il ne reste plus qu'à modifier le mode de fusion du calque où se trouve le contour.

Je vais donc modifier le mode de fusion en Incrustation, mais il est possible d'en choisir d'autres!


Le tour est joué ! Voici le tutoriel de Fuyaya à propos des modes de fusion.


Ce tutoriel est à présent terminé !

Post pour éventuels ajouts.

merci pour ce tutoriel !