Raconter des histoires avec des ombres dans Photoshop

Écrit par Steve Patterson.

Dans ce Tutoriel Photoshop Effects , nous apprendrons comment créer une image qui vaut mille mots en ajoutant une ombre différente derrière quelqu'un sur une photo, comme pour impliquer que la personne sur la photo deviendra un jour l'image dans l'ombre. Ou peut-être qu'ils sont vraiment l'image dans l'ombre mais qu'ils parviennent à la cacher à tout le monde, une sorte de scénario 'Dr. Jekyll et Mr. Hyde'. Ou, comme dans le cas de l'image que j'utiliserai dans ce didacticiel, peut-être que la personne s'imagine comme l'image dans l'ombre.



C'est un effet très amusant et populaire à créer dans Photoshop, et vous vous souviendrez peut-être l'avoir vu il y a quelques années dans les affiches promotionnelles de 'Star Wars, Episode I - La Menace Fantôme', où un Anakin très jeune et innocent Skywalkwer projetait l'ombre de Dark Vador derrière lui. Heureusement, vous n'avez pas besoin d'être un magicien des effets spéciaux pour créer le même effet avec vos propres images. Tout ce dont vous avez besoin est une copie de Photoshop et un peu d'imagination.

Voici l'image que j'utiliserai pour ce tutoriel Photoshop :





  Tutoriel Adobe Photoshop Image des effets Photoshop L'image originale.

De toute évidence, ce petit gars se voit comme un super héros puissant, alors aidons-le en projetant une ombre de super héros sur le mur derrière lui :

  Tutoriel Adobe Photoshop Image des effets Photoshop Le résultat final.

Ce tutoriel provient de notre Effets photo série. Commençons!



Étape 1: Faites une sélection autour de la personne

Avec votre image ouverte dans Photoshop, utilisez l'outil de sélection de votre choix (outil Lasso, outil Lasso magnétique, Outil stylo , etc.) pour dessiner une sélection autour de la personne :

  Tutoriel Adobe Photoshop Image des effets Photoshop. Utilisez l'outil Lasso, l'outil Plume ou un autre outil de sélection Photoshop de votre choix pour dessiner une sélection autour de la personne sur la photo.

Étape 2: Copier la sélection dans un nouveau calque

Si nous regardons dans notre palette Calques, nous pouvons voir que nous n'avons actuellement qu'un seul calque, le Arrière plan calque, qui contient notre image :



  Tutoriel Adobe Photoshop Image des effets Photoshop. La palette Calques de Photoshop montrant l'image sur le Arrière plan couche.

Nous devons copier la personne sur la photo sur son propre calque au-dessus du Arrière plan couche afin que nous puissions glisser une ombre derrière eux, ce que nous ferons dans un instant. Puisque nous avons déjà dessiné une sélection autour d'eux, tout ce que nous avons à faire est d'utiliser le raccourci clavier, Ctrl+J (Gagner) / Commande + J (Mac) et Photoshop copiera la sélection sur un nouveau calque. Rien ne semblera être arrivé à l'image elle-même, mais si nous regardons à nouveau dans la palette Calques, nous pouvons voir qu'une copie du garçon (dans mon cas) se trouve maintenant sur un nouveau calque, que Photoshop a nommé 'Calque 1' :

  Tutoriel Adobe Photoshop Image des effets Photoshop. Appuyez sur 'Ctrl+J' (Win) / 'Commande+J' (Mac) pour copier la personne sur un nouveau calque.

Étape 3: Ouvrez la photo contenant la personne ou l'objet que vous souhaitez utiliser pour l'ombre

Pour créer l'effet d'ombre, vous aurez besoin d'une deuxième image contenant tout ce que vous souhaitez utiliser comme ombre, qu'il s'agisse d'une personne ou d'un objet quelconque. Je veux donner au garçon une ombre de super héros, donc je vais utiliser cette image ici qui devrait bien fonctionner :

  Tutoriel Adobe Photoshop Image des effets Photoshop. Ouvrez l'image contenant la personne ou l'objet que vous souhaitez utiliser comme ombre.

Étape 4: Faire une sélection autour de la personne ou de l'objet

Tout comme nous l'avons fait avec l'image d'origine lorsque nous avons dessiné une sélection autour de la personne sur la photo, nous devons dessiner une autre sélection, cette fois autour de la personne ou de l'objet de la deuxième image que nous voulons utiliser pour notre ombre. Alors encore une fois, utilisez l'outil de sélection de votre choix pour dessiner une sélection autour d'eux (ou lui):



  Tutoriel Adobe Photoshop Image des effets Photoshop. Toujours à l'aide de votre outil de sélection préféré, dessinez une sélection autour de la personne ou de l'objet que vous souhaitez utiliser comme ombre.

Étape 5 : Faites glisser la sélection dans l'image d'origine

Une fois que vous avez votre sélection autour de la personne ou de l'objet, sélectionnez le Outil de déplacement depuis la palette Outils :

  Tutoriel Adobe Photoshop Image des effets Photoshop. Sélectionnez l'outil de déplacement.

Vous pouvez également appuyer sur DANS sur votre clavier pour le sélectionner avec le raccourci. Ensuite, avec les deux images ouvertes dans leurs propres fenêtres de document séparées, cliquez simplement n'importe où dans la sélection et faites glisser l'image de la deuxième photo dans la fenêtre de document de l'image d'origine :

  Tutoriel Adobe Photoshop Image des effets Photoshop. Cliquez n'importe où dans la sélection avec l'outil de déplacement et faites-le glisser dans la fenêtre de document de l'image d'origine.

Lorsque vous relâchez le bouton de votre souris, vous verrez la sélection de la deuxième image apparaître dans l'image d'origine :



  Tutoriel Adobe Photoshop Image des effets Photoshop. La personne ou l'objet sélectionné à partir de la deuxième image apparaît maintenant à l'intérieur de la photo d'origine.

Vous pouvez fermer la deuxième fenêtre de document à ce stade, car nous n'avons plus besoin de l'ouvrir.

Il y a une chose que je veux régler ici avant de continuer. Le garçon sur la photo regarde vers la droite, mais mon super héros regarde vers la gauche. Je dois retourner le super héros pour qu'il regarde dans la même direction générale que le garçon. Pour ce faire, je vais simplement monter au Éditer menu en haut de l'écran, choisissez Transformer , puis choisissez Retourner horizontalement :



  Tutoriel Adobe Photoshop Image des effets Photoshop. Sélectionnez 'Retourner horizontalement' dans le menu Edition de Photoshop.

Lorsque je fais cela, Photoshop retourne le super héros pour moi afin que lui et le garçon regardent vers la droite :

  Tutoriel Adobe Photoshop Image des effets Photoshop. Le super héros fait maintenant face à la même direction que le garçon.

Étape 6 : Remplir l'image de l'ombre avec du noir

Puisque nous voulons utiliser l'image sélectionnée que nous venons de faire glisser dans le document comme une ombre, nous devons la remplir de noir. Pour ce faire, assurez-vous d'avoir le noir comme couleur de premier plan en appuyant sur la lettre sur votre clavier, ce qui réinitialise votre couleur de premier plan en noir et votre couleur d'arrière-plan en blanc, comme nous pouvons le voir dans les deux échantillons de couleur près du bas de la palette Outils (l'échantillon en haut à gauche est la couleur de premier plan et celui en bas à droite est le Couleur de l'arrière plan):



  Tutoriel Adobe Photoshop Image des effets Photoshop. Les échantillons de couleurs de premier plan et d'arrière-plan de la palette Outils affichent le noir comme couleur de premier plan et le blanc comme couleur d'arrière-plan.

Utilisez ensuite le raccourci clavier Maj+Alt+Retour arrière (Gagner) / Maj+Option+Suppr pour remplir la personne ou l'objet de noir :

  Tutoriel Adobe Photoshop Image des effets Photoshop. Appuyez sur 'Maj+Alt+Retour arrière' (Win) / 'Maj+Option+Suppr' (Mac) pour remplir la personne ou l'objet de noir.

Si nous avions simplement appuyé sur 'Alt + Backspace' (Win) / 'Option + Delete' (Mac), nous aurions rempli tout le calque de noir, mais en y ajoutant également la touche 'Shift', nous avons pu remplir uniquement la personne ou l'objet sur le calque (le 'contenu' du calque) avec du noir. Le reste de la couche est resté intact.

Étape 7 : Faites glisser l'image de l'ombre entre le calque d'arrière-plan et le 'calque 1'

Nous avons l'image que nous voulons utiliser comme ombre à l'intérieur de la photo originale et nous l'avons remplie de noir. Jusqu'ici, tout va bien, sauf bien sûr pour un petit problème. L'ombre est actuellement dans de face du garçon. J'ai besoin qu'il apparaisse derrière lui. C'est là qu'interviennent les couches.

Pour déplacer l'ombre derrière le garçon, tout ce que j'ai à faire est de faire glisser le calque de l'ombre sous le calque du garçon dans la palette Calques. Si je regarde dans ma palette Calques, je peux voir que j'ai maintenant trois calques - l'original Arrière plan calque en bas, la copie du garçon de la photo originale sur 'Calque 1', et l'image de l'ombre tout en haut sur 'Calque 2':

  Tutoriel Adobe Photoshop Image des effets Photoshop.

La palette Calques de Photoshop montrant nos trois calques.

La raison pour laquelle l'ombre apparaît devant le garçon dans le document est que son calque est au-dessus du calque du garçon, bloquant le garçon de la vue partout où les deux calques se chevauchent. Pour résoudre ce problème, tout ce que j'ai à faire est de cliquer sur 'Calque 2' dans la palette Calques et de le faire glisser sous le garçon sur 'Calque 1', ce qui le placera directement entre 'Calque 1' et le Arrière plan calque (Photoshop ne vous permettra pas de faire glisser des calques sous le Arrière plan couche, car cela n'aurait pas beaucoup de sens d'avoir quelque chose derrière l'arrière-plan). Cliquez sur 'Calque 2' et faites-le glisser vers le bas jusqu'à ce qu'une ligne horizontale noire apparaisse entre 'Calque 1' et le Arrière plan couche. Relâchez le bouton de votre souris lorsque cette ligne apparaît et Photoshop déplacera 'Calque 2' sous 'Calque 1':

  Tutoriel Adobe Photoshop Image des effets Photoshop. La palette Calques de Photoshop montrant nos trois calques.

Maintenant que le calque de l'ombre est sous le calque du garçon dans la palette Calques, si nous regardons en arrière dans l'image, nous pouvons voir que l'ombre apparaît maintenant derrière le garçon :

  Tutoriel Adobe Photoshop Image des effets Photoshop. L'ombre apparaît maintenant derrière le garçon dans l'image.

Étape 8 : Déplacez et redimensionnez l'ombre avec la transformation libre

Avec 'Calque 2' toujours sélectionné dans la palette Calques (le calque actuellement sélectionné est surligné en bleu), appuyez sur Ctrl+T (Gagner) / Commande + T (Mac) pour faire apparaître Photoshop Transformation libre boîte et poignées autour de l'ombre et déplacez-la en position en cliquant n'importe où à l'intérieur de la boîte de transformation libre (n'importe où sauf la petite icône de cible au centre) et en faisant glisser l'ombre en place avec votre souris. Vous pouvez redimensionner l'ombre en faisant glisser l'une des poignées. Pour contraindre les proportions de l'ombre lorsque vous la faites glisser plus ou moins, maintenez enfoncé Décalage et faites glisser l'une des poignées d'angle.

Si vous ne parvenez pas à voir toutes les poignées de transformation libre car certaines d'entre elles s'étendent au-delà des côtés de la fenêtre du document, appuyez sur F sur votre clavier pour passer votre mode d'écran à Mode plein écran avec barre de menus .

Si je regarde attentivement mon image, je peux voir que le bras gauche du garçon (son gauche, notre droit) est un peu plus haut que l'autre, mais le super héros a le bras opposé plus haut. Pour résoudre ce problème, je vais maintenir mon Ctrl (Gagner) / Commande , puis cliquez sur la poignée centrale gauche de la boîte de transformation libre et faites glisser vers le bas avec ma souris, ce qui fausser l'image, amenant le côté gauche du super héros en dessous du droit jusqu'à ce que ses bras soient plus alignés avec les bras du garçon :

  Tutoriel Adobe Photoshop Image des effets Photoshop. Maintenez 'Ctrl' (Win) / 'Commande' (Mac) enfoncé et faites glisser la poignée de transformation libre du milieu gauche pour incliner l'image et ramener le côté gauche de l'ombre du super-héros sous le côté droit.

Presse Entrer (Gagner) / Revenir (Mac) lorsque vous avez terminé d'accepter les transformations.

Étape 9 : Appliquer le filtre de flou gaussien à l'ombre

Maintenant que notre ombre est en place, il ne reste plus que quelques problèmes. L'une est que les bords de l'ombre sont beaucoup trop nets et l'autre est que l'ombre est trop sombre et intense. Ces deux problèmes sont facilement résolus, alors travaillons d'abord sur les bords. Avec 'Calque 2' toujours sélectionné dans la palette Calques, montez au Filtre menu en haut de l'écran, choisissez Se brouiller , puis choisissez Flou gaussien .

Cela fait apparaître la boîte de dialogue Flou gaussien. Nous allons adoucir les bords de l'ombre en les floutant, mais nous ne voulons pas trop flouter les bords, sinon nous perdrons trop de détails dans l'ombre et il sera difficile de distinguer la forme. Tout ce que nous voulons, c'est une quantité subtile de flou, alors réglez le Rayon valeur quelque part entre deux et 6 pixels, en fonction de la résolution de votre image. J'utilise une image basse résolution pour ce tutoriel, et pour moi, un rayon d'environ 2,5 pixels fonctionne bien :

  Tutoriel Adobe Photoshop Image des effets Photoshop. Appliquez le filtre Flou gaussien à l'ombre pour adoucir les bords.

Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue. Voici mon image après avoir adouci les bords de l'ombre avec Gaussian Blur :

  Tutoriel Adobe Photoshop Image des effets Photoshop. L'image après avoir adouci les bords de l'ombre avec le filtre Flou gaussien.

Étape 10 : Réduire l'opacité de l'ombre

Enfin, pour réduire l'intensité de l'ombre, il suffit de remonter jusqu'au Opacité dans le coin supérieur droit de la palette Calques et diminuez l'opacité du 'Calque 2'. Je vais baisser le mien à environ 35%:

  Tutoriel Adobe Photoshop Image des effets Photoshop. Réduisez l'opacité du 'Calque 2' pour réduire l'intensité de l'ombre.

Et avec ça, vous avez terminé! Voici, après avoir réduit l'opacité de mon ombre, voici mon résultat final 'Raconter des histoires avec des ombres':

  Tutoriel Adobe Photoshop Image des effets Photoshop. Le résultat final.