Tutoriel PS : effet photo image dans l'image

Environ 15 min de lecture

Accueil/ Tutoriels PS/ Tutoriel PS : effet photo image dans l'image

Une image dans l'image, c'est en réalité un empilement de calques et un contrôle par masque. Réduisez une photo à l'intérieur d'une autre, ajoutez un masque et une ombre portée pour la profondeur, et l'ensemble se lit comme une photo dans la photo. Parfait pour des couvertures et des visuels sociaux, et pas si difficile à réaliser.

Étape 1 : Ouvrir votre photo

Ouvrez Online PS (zaixianps.cc) et cliquez sur Fichier → Ouvrir en haut à gauche (ou faites simplement glisser l'image dans l'espace de travail).

Étape 2 : Dupliquer le calque Arrière-plan

Dans le panneau Calques à droite, sélectionnez le calque Arrière-plan par défaut.

Faites glisser ce calque sur l'icône « Ajouter un nouveau calque » en bas du panneau (elle ressemble à une petite feuille de papier).

La copie apparaît au-dessus de l'original et s'appelle par défaut Copie d'arrière-plan.

Étape 3 : Renommer la copie en « Petit »

Double-cliquez sur le nom Copie d'arrière-plan, remplacez-le par Petit et appuyez sur Entrée.

Étape 4 : Masquer le calque Petit

Cliquez sur l'icône en forme d'œil devant Petit pour le masquer (nous n'avons pas besoin de le voir pour l'instant).

Nous le réafficherons plus tard.
Étape 5 : Sélectionner le calque Arrière-plan

Vérifiez que le calque Arrière-plan d'origine est toujours sélectionné (c'est celui que nous allons convertir en noir et blanc).

Étape 6 : Ajouter un calque de réglage Noir et blanc

En bas du panneau Calques, cliquez sur l'icône « Nouveau calque de remplissage ou de réglage » (le demi-cercle) et choisissez Noir et blanc dans la liste.

Un nouveau calque de réglage Noir et blanc 1 apparaît entre Arrière-plan et Petit — il n'affecte que le fond situé en dessous.

Étape 7 : Cliquer sur le bouton « Auto »

Dans le panneau Propriétés à droite (ouvert par défaut), trouvez le bouton « Auto » et cliquez dessus une fois.

Photoshop attribue une valeur de curseur pertinente à chaque couche de couleur pour que le résultat en noir et blanc paraisse naturel.

Pour affiner, faites simplement glisser les curseurs de couleur individuels (rouge, jaune, vert, etc.).
Étape 8 : Réafficher le calque Petit

De retour dans le panneau Calques, cliquez sur l'icône en forme d'œil devant Petit pour le réafficher.

L'image couleur d'origine réapparaît, désormais posée au-dessus du fond en noir et blanc.

Étape 9 : Choisir l'outil Rectangle

Dans la barre d'outils à gauche, trouvez l'outil Rectangle (raccourci U). Attention à ne pas prendre le « Rectangle de sélection » juste au-dessus — c'est bien l'outil de forme qu'il nous faut.

Étape 10 : Régler le mode sur « Forme »

Dans la barre d'options en haut de la page, passez Mode sur Forme (et non Chemin ou Pixels).

Étape 11 : Passer la couleur en noir

Cliquez sur la pastille Couleur de remplissage dans la barre d'outils pour ouvrir le sélecteur de couleur.

Réglez R, V et B sur 0 et validez — c'est du noir pur.

Étape 12 : Désactiver le contour

Les formes portent un contour noir de 1 px par défaut. Cliquez sur la pastille Couleur de contour, choisissez Aucun (l'icône barrée) en haut à gauche et appuyez sur Entrée.

Étape 13 : Dessiner le cadre de la forme

Cliquez sur le coin supérieur gauche du plan de travail comme point de départ, maintenez la souris et faites glisser vers le coin inférieur droit pour dessiner un rectangle. Relâchez pour terminer.

Pour déplacer la forme pendant le tracé, maintenez la barre d'espace et faites glisser.

Étape 14 : Redimensionner la forme si nécessaire

Comme la forme recouvre entièrement l'image derrière elle, vous pouvez baisser son opacité à 50 % pendant les ajustements (sélectionnez le calque de la forme et appuyez sur 5).

Faites ensuite glisser les poignées d'angle pour la mettre à l'échelle, puis appuyez sur 0 pour retrouver l'opacité pleine quand le résultat vous convient.

Étape 15 : Faire glisser le calque Petit au-dessus de la forme

Dans le panneau Calques, faites glisser Petit au-dessus de Rectangle 1 (le calque de la forme). Une ligne indicatrice bleue apparaît lorsque la position est bonne.

Étape 16 : Créer un masque d'écrêtage

Petit toujours sélectionné, ouvrez le menu des calques en haut à droite du panneau (trois lignes) et choisissez Créer un masque d'écrêtage (ou appuyez simplement sur Alt+Ctrl+G / Option+Cmd+G).

Le calque couleur Petit est maintenant découpé sur le rectangle, ne laissant autour de lui que le fond en noir et blanc.

Étape 17 : Sélectionner le calque de la forme

Dans le panneau Calques, cliquez sur Rectangle 1 (le calque de la forme) ; nous allons ensuite lui donner un contour et une ombre.

Étape 18 : Ajouter un contour blanc

En bas du panneau Calques, cliquez sur l'icône Style de calque (fx) et choisissez Contour.

Dans la boîte de dialogue qui apparaît :

  • Couleur : cliquez sur la pastille, R=255, V=255, B=255 → blanc.
  • Position : Intérieur, pour que le bord colle à l'intérieur de la forme.
  • Taille : à adapter à l'image ; ici j'utilise 40 px.
Un contour intérieur garde les angles du rectangle bien nets.
Étape 19 : Ajouter une ombre portée

Toujours dans la boîte de dialogue Style de calque, choisissez Ombre portée et réglez :

  • Angle : 135° (lumière venant du haut à gauche)
  • Distance : 50 px
  • Taille (adoucissement) : 15 px
  • Opacité : 35 %

Cliquez sur OK pour valider.

Étape 20 : Pivoter la forme (facultatif)

Vérifiez que Rectangle 1 est toujours sélectionné et que l'outil Rectangle est toujours actif.

Placez le curseur juste à l'extérieur d'un coin de la forme ; il se transforme en icône de rotation avec des flèches courbes aux deux extrémités.

Cliquez et faites glisser pour pivoter. Le calque couleur à l'intérieur garde son orientation — seul le cadre tourne.

Étape 21 : Derniers ajustements

Vérifiez qu'aucun sujet important n'est recadré ou masqué par l'ombre ; si c'est le cas, faites glisser à nouveau les poignées de la forme ou réajustez les valeurs de contour et d'ombre.

Quand tout vous convient, appuyez sur Entrée (Win) / Return (Mac) pour valider et quitter l'édition.

Enfin, enregistrez le résultat avec Fichier → Exporter sous → PNG/JPEG.

💡 Astuce : vous voulez plusieurs cadres image dans l'image d'un coup ? Dupliquez la forme (Ctrl+J), puis faites pointer le masque d'écrêtage de chaque copie vers un calque de couleur différent.


Références

  • Documentation officielle d'Adobe Photoshop
  • HTML5 et le traitement d'image front-end moderne
  • Online PS