[TUTO] Photoshop : créer des cadres pour vos images

[TUTO] Créer des cadres pour vos images.

Avec Photoshop on peut créer une multitude de formes de cadres.



1 – Cadre automatique, avec les scripts inclus dans Photoshop
2 - Cadre simple, en noir, en blanc ou en couleur :
21 - Cadre simple, dans l’image et dans le même calque
22 - Cadre simple, dans l’image mais sur un calque différent
23 - Cadre simple, à l’extérieur de l’image et dans le même calque
24 - Cadre simple, à l’extérieur de l’image mais sur un calque différent
3 - Cadre rempli d'une couleur, d'un dégradé ou d'un motif
31 - Cadre avec une couleur
32 - Cadre avec un dégradé
33 - Cadre avec un motif
34 - Modifier un calque de remplissage
4 - Cadre avec des options de fusion
5 – Cadre double ou multiple
6 - Cadre découpé, avec un filtre (+ masque)
7 - Cadre découpé, manuellement (+ masque)



Mise à jour :
- 15-12-06 : ajout de la rubrique 7

...d'autres méthodes de cadres seront ajoutées ultérieurement...

1 – Cadre automatique, avec les scripts inclus dans Photoshop :

Photoshop inclus des scripts dans la palette Scripts.
Les scripts (appelés aussi Action) servent à automatiser des tâches (commandes successives).

Nous allons nous servir de ces scripts pour créer des cadres, automatiquement.

- afficher la palette Scripts (Fenêtre / Scripts)
- puis cliquer sur la petite flèche en haut à droite et dans le menu qui s'affiche, sélectionner tout en bas la ligne "Cadres"


- maintenant cliquer sur la petite flèche en début de ligne "cadres" pour faire apparaitre tous les scripts contenus dans l'ensemble Cadres


- pour tester les scripts cadres de Photoshop :
- ouvrir une image
- dans la palette Calques, faire un double-clic sur l'arrière-plan pour le transformer en calque.
- dans la palette scripts sélectionner par exemple la 1ere ligne "Cadre effet pointilliste"
- appuyer sur l'icône Exécuter la sélection, tout en bas de la palette Scripts


- pour retrouver l'image d'origine (et tester un autre script) : appuyer sur la touche F12.

Note : certains scripts ne fonctionnent pas ou demande une préparation particulière.

2 - Cadre simple, en noir, en blanc ou en couleur :

Il y a 4 cas possibles :
Le cadre coupe une partie de l'image : soit dans le même calque soit sur un calque différent.
Le cadre est à l'extérieur de l'image : soit sur le même calque soit sur un calque différent.

Le cadre peut être soit noir, soit blanc soit en couleur.
Rappel :
- pour rétablir les couleurs par défaut (noir et blanc) : touche D.
- pour inverser la couleur de premier-plan et d’arrière-plan : touche X
- pour choisir une couleur : clic sur la vignette en bas de la palettes des outils et choisir une couleur au choix, on peut également utiliser la pipette I pour prendre une couleur directement dans l’image.


21 - Cadre simple, dans l’image et dans le même calque :

Cette méthode permet de créer un cadre dans l’image : le calque se superpose à l’image en cachant une partie de celle-ci.

avant / après


- ouvrir une image
- choisir la couleur de premier-plan, ce sera la couleur du cadre
j'ai choisi du blanc, donc j'appuie sur la touche X pour inverser les couleurs par défaut (noir et blanc)

- puis Edition / Contour


Choisir la taille de la bordure en pixels, en fonction de l’image et de la largeur désirée.
il suffit de taper directement un chiffre/nombre, pas besoin d’écrire le "px" .
La couleur de premier-plan est automatiquement choisie, mais vous pouvez en changer en cliquant sur la vignette de couleur.

Si la commande est grisée c’est soit que vous avez oublié de transformer l’arrière-plan en Calque (double-clic sur l’arrière-plan dans la palette des Calques), soit que vous n’êtes pas en Image / Mode / couleurs RVB.

Vous pouvez aussi choisir la position de la bordure : intérieure, centre ou extérieure.


avec un cadre en couleur


22 - Cadre simple, dans l’image mais sur un calque différent :

avant / après


Dans cette méthode le cadre coupe une partie de l’image tout autour, mais il est sur un autre calque que celui de l'image.
Cette méthode est très utile pour appliquer directement un effet, ou une couleur. Elle nous servira dans les méthodes suivantes.

- ouvrir une image


- créer un nouveau calque vide : cliquer en bas de la palette sur l’icône Créer un calque.
- appuyer sur la touche D, pour rétablir les couleurs par défaut.
- appuyer sur les touches Ctl + Retour arrière, pour remplir le calque avec la couleur de premier-plan (blanc).
- Edition / Contour et choisir la largeur du cadre (en pixels)


- prendre la baguette magique W et cliquer dans le blanc, puis touche Suppr du clavier
- Ctrl + D pour dé-sélectionner.

Pour changer la couleur du cadre :
- maintenir la touche Ctrl et cliquer sur la vignette du cadre dans la palette Calques, pour le sélectionner
- choisir une couleur de premier plan, puis Alt + Retour arrière pour remplir le cadre avec cette couleur.


A la différence de la méthode 21, ici le cadre est sur un calque séparé, il est donc très facile de le re-colorier ou de le modifier à volonté.


23 - Cadre simple, à l’extérieur de l’image et dans le même calque :

image de départ


- ouvrir une image
- Image / Taille de la zone de travail
- cocher la case "Relative position", puis choisir les dimensions du cadre, et sa couleur.



cadre à l'extérieur sur le même calque


24 - Cadre simple, à l’extérieur de l’image mais sur un calque différent :

image de départ


- ouvrir une image
- faire un double-clic sur l'arrière-plan, pour le transformer en calque
- Image / Taille de la zone de travail
- dans la fenêtre qui apparait, cocher la case "Relative position", puis choisir une hauteur et une largeur identique pour le cadre.

- Ctrl + clic sur la vignette du calque pour sélectionner l’image
- Ctrl + Maj + I, pour inverser la sélection
- choisir la couleur de premier-plan (couleur du cadre)
- cliquer sur Nouveau calque, en bas de la palette des Calques
- Alt + Retour arrière pour remplir le cadre avec la couleur, puis Ctrl + D pour dé-sélectionner.

cadre à l'extérieur sur un calque séparé

Vous pouvez re-sélectionner le cadre pour changer éventuellement la couleur.

3 - Cadre rempli d'une couleur, d'un dégradé ou d'un motif :

Pour appliquer cette méthode il faut d’abord avoir fait la rubrique 22 ou 23 : un cadre sur un calque séparé.
Le cadre étant séparé de l’image il est aisé de lui appliquer une couleur, un dégradé ou un motif.

Nous allons ajouter un Calque de remplissage à ce cadre.
L’avantage du Calque de remplissage, c’est qu’après avoir fait un choix et valider la fenêtre, il est possible de le modifier à tout moment : il suffit de faire un double-clic sur la vignette de ce calque de remplissage pour accéder à la fenêtre de départ.

- sélectionner le cadre : maintenir la touche Ctrl puis cliquer sur la vignette du calque dans la palette Calques.
- cliquer sur l’icône Calque de remplissage, en bas de la palette des Calques.

Vous avez accès à 3 sortes de remplissage : avec une couleur unie, un dégradé ou un motif.


31 - Cadre avec une couleur :

avant / après


- après avoir choisi Couleur comme calque de remplissage, il suffit de sélectionner la couleur désirée.


32 - Cadre avec un dégradé :

avant / après


- après avoir choisi Dégradé comme calque de remplissage, cette fenêtre s’ouvre

Vous pouvez changer le dégradé en cliquant sur la petite flèche en haut à droite,
puis cliquer à nouveau sur la petite flèche noire, ou vous pouvez changer d’ensemble de dégradés (des ensembles sont inclus dans Photoshop, tout en bas de la liste)


Vous pouvez également charger des dégradés présent sur votre ordi (fichier .grd)
Pour en télécharger d'autres rendez-vous sur mon site, par exemple !
Photoshoplus : dégradés

- quand le dégradé est choisi, dans la 1ere fenêtre vous pouvez également choisir le Style du dégradé (linéaire, radial, angle, réfléchi ou losange), ainsi que l’angle, l’échelle et aussi inverser le sens du dégradé.


33 - Cadre avec un motif :

avant / après


- après avoir choisi Motif comme calque de remplissage, cette fenêtre s’ouvre :


- choisir le motif et éventuellement l’échelle du dégradé, afin de l’adapter aux dimensions de l’image.
- vous pouvez changer de motif en cliquant sur le petite flèche à droite du motif



34 - Modifier un calque de remplissage :

Pour modifier un calque de remplissage, il suffit de
- faire un double-clic sur la vignette du calque de remplissage

4 – Cadre avec des options de fusion :

A partir de notre cadre sur un calque séparé (méthode 22 ou 24), nous pouvons ajouter des options de fusion.
Vous pouvez aussi partir de la méthode 3, en ayant ajouté une couleur, un dégradé ou un motif à votre cadre.
Avec les options de fusion on a accès à encore plus d’options permettant de donner un léger relief, de mettre une ombre, d’ajouter une lueur, une autre couleur, etc...

Image de départ

cadre vert sur un calque séparé

- sélectionner le calque du cadre puis activer les options de fusion :
- double-clic à l’extrême droite du calque

ou menu Calques / Style de calque / Options de fusion

Le menu des options de fusion est très riche, par exemple pour faire :
- un léger relief au cadre, choisir Biseautage et estampage et régler les paramètres suivant l’image.

ici réglages par défaut

Vous pouvez à tout moment modifier les options de fusion du calque : il suffit de double-cliquer en bout de ligne à droite, sur l'icône


Pour supprimer les options de fusion d’un calque : clic droit sur le calque et choisir "Effacer le style de calque".

Autres choix :


avec une ombre portée (135°) et incrustation de motif (papier couleur)


ombre interne et lueur externe

5 – Cadre double ou multiple :

Cette méthode est plus complexe que les autres, mais utilise le même principe de départ que la méthode 23 : cadre sur un calque séparé, à l’extérieur de l’image.

Nous allons faire un cadre double, mais vous pourrez par la suite faire un cadre triple ou plus.
- ouvrir une image
- faire un double-clic sur l’arrière-plan pour le transformer en calque

Création du 1er cadre intérieur :
- Image /Taille de la zone de travail : cocher "Relative position", puis choisir la largeur/hauteur du cadre.


- Ctrl + clic sur la vignette du calque, pour sélectionner l’image
- Ctrl + Maj + I, pour inverser la sélection
- cliquer en bas de la palette des Calques sur l’icône Créer un nouveau calque
- Ctrl + Retour arrière pour le remplir de blanc (on pourra changer la couleur après).


Création du 2eme cadre :
- Ctrl + clic sur la vignette du calque du cadre blanc, pour le sélectionner
- Image /Taille de la zone de travail : cocher "Relative position", puis choisir la largeur/hauteur du cadre.

Comme ce 2eme cadre est le dernier, nous allons utiliser le "fond" pour le créer :
- créer un nouveau calque
- avec la souris, déplacer ce calque tout en bas de la palette Calques
(pour qu'il soit derrière les autres - visuellement)
- Alt + Retour arrière pour le remplir de noir


Ensuite il suffit de soustraire la surface des 2 autres calques :

- Ctrl + clic sur la vignette du calque de l’image, pour sélectionner l’image
- sélectionner le calque du cadre noir (la sélection clignote toujours)
- touche Suppr du clavier : cela fait un "trou" dans le cadre noir

Pareil avec le 1er cadre blanc,
- Ctrl + clic sur la vignette du cadre blanc
- sélectionner le calque du cadre noir
- touche Suppr du clavier

Nous avons maintenant 1 image et 2 cadres externes.


Vous pouvez sélectionner les cadres et les colorier ou les "décorer" à votre guise.


cadre 1 : blanc avec biseautage et cadre 2 avec couleur + motif

Pour faire un 3eme cadre, rien de plus simple : après avoir créé le 1er cadre il suffit de continuer avec un 2eme.
Et pour le 3eme vous suivez exactement la fin de la méthode : par soustraction des autres calques.

Cadre triple

cadre 1 : couleur jaune + motif, cadre 2 : couleur verte + dégradé et cadre 3 couleur rouge

6 - Cadre découpé, avec un filtre (+ masque)

Nous allons "découper" le cadre à l’aide d'un Filtre de Photoshop, en utilisant le mode masque.

Création du cadre :
- ouvrir une image
- faire un double-clic sur le calque d’arrière-plan pour le transformer en calque
- Ctrl + clic sur la vignette du calque pour sélectionner l’image
- créer un nouveau calque
- Edition / Contour : cocher Intérieur et choisir la largeur du cadre (vous pourrez changer la couleur ultérieurement) puis dé-sélectionner Ctrl + D

cadre blanc sur un calque séparé

Création du cadre découpé :
- Ctrl + clic sur le calque du cadre
- passer en mode Masque, touche Q
- afficher la palette Couches (Fenêtre / Couches)
- dans la palette Couches, tout en bas, la couche "Masque" est sélectionnée : cliquer sur la petite flèche en haut à droite


et choisir Options de masque
- sélectionner la case "Zones sélectionnées"
La sélection du mode masque est maintenant inversée


- Filtre / Déformation / Océan : régler l’intensité et l’amplitude en fonction de l’image
- repasser en mode normal, touche Q
- inverser la sélection : Ctrl + Maj + I
- touche Suppr du clavier puis dé-sélectionner Ctrl + D


Vous pouvez bien sûr utiliser d’autres Filtres, par exemple :
- Contours : aérographe ou effet pointilliste
- Déformation : océan ou verre
- Esquisse : contour déchiré, craie/fusain ou plume calligraphique


avec Contour / aérographe


avec esquisse / contour déchiré

7 - Cadre découpé, manuellement (+ masque) :

Nous allons "découper" le cadre manuellement avec le pinceau , en utilisant le mode masque.

Le début est identique à la méthode 6 (cadre découpé avec un filtre de Photoshop) sauf qu'ensuite on utilise le pinceau.

Création du cadre :
- ouvrir une image


- rétablir les couleurs par défaut en appuyant sur la touche D
- puis inverser ces couleurs en appuyant sur la touche X (le blanc est maintenant au 1er plan)

- faire un double-clic sur le calque d’arrière-plan pour le transformer en calque
- Ctrl + clic sur la vignette du calque pour sélectionner l’image
- créer un nouveau calque
- Edition / Contour : cocher Intérieur et choisir la largeur du cadre (vous pourrez changer la couleur ultérieurement) puis dé-sélectionner Ctrl + D


Création du cadre découpé :
- Ctrl + clic sur le calque du cadre pour le sélectionner (il clignote)
- Ctrl + Maj + I, pour inverser la sélection
- passer en mode Masque : touche Q

cadre sur un calque séparé, en mode masque

- prendre l’outil pinceau B
- faire un clic droit dans l’image et choisir une forme de pinceau fantaisie de votre choix.
Pour rappel vous pouvez changer d’ensemble de pinceau en cliquant en haut à droite sur le petite flèche noire
Là vous avez le choix entre charger des ensembles prédéfinis, en bas de ce menu ou charger des ensembles de formes (brushes, fichier .abr) présents sur votre disque dur, en choisissant Charger les formes.

ici j’ai choisis l'ensemble Effets spéciaux, en bas du menu

- choisir une forme de pinceau de votre choix (dans l'ensemble que vous avez chargé) - ici j’ai sélectionné la 1ère forme : fleur.
- ajuster sa taille (dans le menu du clic droit)
- vous pouvez également modifier les préférences de la forme, en affichant la palette Formes :


- le calque du cadre étant sélectionné dans la palette Calques,
- peignez le long du bord intérieur du cadre (masque) tout autour de l’image


L'avantage du mode masque c'est que pour annuler partiellement l'effet du pinceau il suffit d'inverser la couleur noire et la couleur blanche.
En effet lorsque l'on peint avec le blanc, sur un masque, on enlève de l'image et lorsque l'on peint avec du noir on remet de l'image.
Faites l'essai pour bien mémoriser cette technique.

- revenez en mode standard, en appuyant sur la touche Q : la sélection clignote


- Ctrl + I pour inverser la sélection
- appuyez plusieurs fois sur la touche Suppr du clavier
- Ctrl + D pour désélectionner


Pour changer la couleur du cadre il suffit de faire un Ctrl + clic sur le calque du cadre et de choisir de remplir avec une autre couleur (ou un dégradé ou un motif).

autres images :

avec une autre forme :


avec une autre forme :


avec une autre forme et un fond dégradé :