Le style de calque Ombre portée de Photoshop peut être idéal pour ajouter des ombres simples à des images ou du texte, leur donnant l'impression de flotter légèrement au-dessus de leur arrière-plan, mais lorsqu'il s'agit de créer des ombres plus réalistes de personnes ou d'objets, l'ombre portée standard ne suffit pas. Dans ce didacticiel, nous allons découvrir un moyen simple de créer un effet d'ombre projeté réaliste!
Voici la photo que j'utiliserai pour ce tutoriel:
L'image originale.
Voici à quoi cela ressemblera avec l'ombre appliquée:
Le résultat final.
Comment créer une ombre réaliste
Étape 1: Sélectionnez la personne ou l'objet
Avant de pouvoir ajouter une ombre à une personne, nous devons d'abord la sélectionner. À l'aide de l'outil de sélection de votre choix (outil Lasso, outil de sélection rapide, outil Plume, etc.), dessinez une sélection autour de la personne (ou de l'objet) sur la photo. Lorsque vous avez terminé, vous devriez voir un contour de sélection autour d'eux. Ici, j'ai sélectionné la fille:
Sélectionnez la personne ou l'objet sur la photo.
Étape 2: copier la sélection vers un nouveau calque
Une fois la personne ou l'objet sélectionné, appuyez sur Ctrl + J (Win) / Commande + J (Mac) sur votre clavier pour copier rapidement la sélection dans un nouveau calque. Rien ne se passera dans la fenêtre du document, mais si nous regardons dans le panneau Calques, nous voyons que Photoshop a copié la sélection dans un nouveau calque nommé "Calque 1" au-dessus du calque d'arrière-plan:
La sélection apparaît sur un nouveau calque au-dessus du calque d'arrière-plan.
Étape 3: ajouter de l'espace de toile supplémentaire si nécessaire
Selon votre image, vous pouvez ou non avoir besoin de cette étape, mais dans mon cas, j'ai besoin d'ajouter un espace de toile supplémentaire pour faire de la place à l'ombre. La façon la plus simple d'ajouter de l'espace de travail supplémentaire est d'utiliser l' outil de recadrage de Photoshop. Je vais le sélectionner dans le panneau Outils:
Sélection de l'outil de recadrage.
Pour mieux voir ce que je fais, je vais sortir de la fenêtre du document et passer au premier des modes plein écran de Photoshop en appuyant sur la lettre F de mon clavier. Ensuite, avec l'outil de recadrage actif, je clique dans la zone grise au-dessus et à gauche du coin supérieur gauche de l'image, et avec mon bouton de la souris enfoncé, je vais faire glisser vers la zone grise en dessous et vers le à droite du coin inférieur droit:
Faites glisser l'outil de recadrage en diagonale sur toute l'image.
Lorsque je relâche le bouton de ma souris, une bordure de recadrage apparaît autour de l'image, avec des poignées (petits carrés) sur les quatre côtés et dans chaque coin. J'ai besoin d'ajouter plus d'espace de toile à gauche de la photo, je vais donc cliquer sur la poignée gauche et la faire glisser vers l'extérieur:
Ajouter plus d'espace sur la gauche en faisant glisser la poignée de recadrage gauche.
Je vais appuyer sur Entrée (Win) / Retour (Mac) pour accepter le recadrage (même si ce que nous faisons ici est vraiment l' opposé exact du recadrage), auquel cas Photoshop ajoute l'espace supplémentaire à gauche de l'image et le remplit de blanc (la couleur d'arrière-plan par défaut). Je vais appuyer sur F sur mon clavier plusieurs fois jusqu'à ce que je revienne à la fenêtre de document:
Étant donné que ma couleur d'arrière-plan est blanche (la couleur par défaut), Photoshop remplit le nouvel espace de canevas avec du blanc.
Étape 4: ajouter un nouveau calque vierge sous le calque 1
Maintenez la touche Ctrl (Win) / Commande (Mac) enfoncée et cliquez sur l'icône Nouveau calque en bas du panneau Calques:
Cliquez sur l'icône Nouveau calque tout en maintenant la touche Ctrl (Win) / Commande (Mac).
Cela indique à Photoshop non seulement d'ajouter un nouveau calque au document comme il le ferait normalement, mais également d'ajouter le nouveau calque sous le calque actuellement sélectionné (calque 1), ce qui le place entre le calque 1 et le calque d'arrière-plan:
Le nouveau calque apparaît entre les deux calques d'origine.
Étape 5: dessiner un dégradé sur le nouveau calque
Créons un nouveau fond pour l'effet en utilisant un dégradé, ce qui lui donnera un peu de profondeur. Cliquez sur l' échantillon de couleur de premier plan en bas du panneau Outils. Par défaut, il devrait afficher du noir:
Le noir est la couleur de premier plan par défaut.
Cela ouvre le sélecteur de couleurs de Photoshop où nous pouvons choisir une nouvelle couleur de premier plan. Choisissez un gris clair. Si vous souhaitez utiliser la même nuance de gris que j'utilise, entrez 70 % pour la valeur B (B signifie Brightness) à droite. Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs:
Réglez la valeur de luminosité (B) sur 70% pour un gris clair. H (teinte) et S (saturation) devraient rester à 0%.
Ensuite, sélectionnez l' outil Dégradé dans le panneau Outils. Nous utiliserons l'outil Dégradé plusieurs fois pour cet effet:
Sélectionnez l'outil Dégradé.
Avec l'outil Dégradé actif, faites un clic droit (Win) / Ctrl-clic (Mac) n'importe où dans la fenêtre du document pour afficher rapidement le sélecteur de dégradé et assurez-vous que le tout premier dégradé - Premier plan à l'arrière - plan - est sélectionné en cliquant sur sa vignette (la première à gauche, rangée du haut). Appuyez sur Entrée (Win) / Retour (Mac) lorsque vous avez terminé pour fermer le sélecteur de dégradé:
Sélectionnez le dégradé du premier plan au fond.
Ensuite, cliquez près du bas du document, maintenez la touche Maj enfoncée et faites glisser vers le haut jusqu'à ce que vous soyez juste au-dessus du centre horizontal de l'image. Maintenir la touche Maj enfoncée pendant que vous faites glisser contraint vos mouvements, ce qui facilite le déplacement vertical:
Faites glisser la zone de transition pour le dégradé gris à blanc.
Relâchez le bouton de votre souris et Photoshop dessine le dégradé, qui devient le nouvel arrière-plan de l'image:
Le dégradé subtil ajoute un peu de profondeur à l'image.
Étape 6: ajouter un nouveau calque au-dessus du dégradé
Cliquez à nouveau sur l'icône Nouveau calque en bas du panneau Calques (pas besoin de maintenir la touche Maj enfoncée cette fois):
Cliquez à nouveau sur l'icône Nouveau calque.
Un nouveau calque vierge apparaît au-dessus du calque dégradé:
Le calque 3 apparaît au-dessus du dégradé.
Étape 7: charger une sélection autour de la personne ou de l'objet
Maintenez la touche Ctrl (Win) / Commande (Mac) enfoncée et cliquez directement sur la miniature d'aperçu du calque supérieur dans le panneau Calques. Ne sélectionnez pas le calque, cliquez simplement sur sa vignette:
Maintenez la touche Ctrl (Win) / Commande (Mac) enfoncée et cliquez sur la vignette d'aperçu du calque 1.
Cela charge instantanément une sélection autour du contenu du calque. Ici, nous pouvons voir que la fille sur ma photo est maintenant sélectionnée:
Un contour de sélection apparaît autour de la personne ou de l'objet que nous avons sélectionné pour la première fois à l'étape 1.
Étape 8: Remplissez la sélection de noir
Montez dans le menu Edition en haut de l'écran et choisissez Remplir :
Allez dans Edition> Remplir.
Lorsque la boîte de dialogue Remplir apparaît, remplacez l'option Utiliser en haut par Noir, puis cliquez sur OK pour fermer la boîte de dialogue:
Définissez Utiliser sur Noir, puis cliquez sur OK.
Cela remplit la sélection de noir. Nous ne pouvons pas le voir pour l'instant dans la fenêtre du document car l'image du calque 1 le bloque de la vue, mais nous pouvons le voir dans la vignette d'aperçu du calque dans le panneau Calques:
Nous pouvons voir le contenu d'un calque dans sa miniature d'aperçu même lorsque nous ne pouvons pas le voir dans la fenêtre du document.
Étape 9: déformer l'ombre en position
La zone que nous venons de remplir de noir deviendra notre ombre. Tout d'abord, nous devons le remodeler et le déplacer en position, et nous pouvons le faire en utilisant la commande Distorsion de Photoshop. Allez dans le menu Edition, choisissez Transformer, puis choisissez Distorsion :
Allez dans Edition> Transformer> Distorsion.
Remodelez la zone remplie de noir en cliquant sur la poignée de transformation supérieure et en la faisant glisser vers le bas en diagonale, à gauche ou à droite (selon votre image), jusqu'à ce qu'elle ressemble davantage à l'ombre de la personne ou de l'objet:
Faites glisser la poignée de transformation supérieure pour déformer l'ombre en forme.
Vous devrez peut-être également corriger la partie inférieure de l'ombre en faisant glisser les poignées d'angle inférieures. Dans mon cas, le bas de l'ombre ne correspondait pas tout à fait aux chaussures de la fille, j'ai donc fait glisser la poignée de transformation en bas à droite vers le haut et vers la droite jusqu'à ce que tout semble bien:
Faites glisser les poignées du coin inférieur si nécessaire afin que le bas de l'ombre s'aligne avec la personne ou l'objet.
Lorsque vous avez terminé, appuyez sur Entrée (Win) / Retour (Mac) pour accepter la transformation et quitter la commande Distorsion. Votre ombre devrait maintenant ressembler à ceci:
La forme initiale de l'ombre est maintenant en place.
Étape 10: appliquer un léger flou
Les bords de l'ombre semblent un peu trop nets et nets, nous allons donc lui appliquer un léger flou. Allez dans le menu Filtre, choisissez Flou, puis choisissez Flou gaussien :
Allez dans Filtre> Flou> Flou gaussien.
Cela ouvre la boîte de dialogue Flou gaussien. Augmentez le rayon à environ 1, 5 pixel pour un effet de flou très subtil, puis cliquez sur OK pour quitter la boîte de dialogue. Les bords de l'ombre seront plus doux:
Une valeur de rayon d'environ 1, 5 pixels est tout ce dont nous avons besoin pour commencer.
Étape 11: Utilisez le mode Masque rapide pour sélectionner progressivement l'ombre
Pour qu'une ombre semble réaliste, les bords doivent devenir progressivement plus doux à mesure qu'elle s'éloigne du sujet. Pour créer cet effet de flou progressif, nous allons à nouveau nous tourner vers le filtre Flou gaussien, mais d'abord, nous allons créer une sélection en utilisant le mode Masque rapide de Photoshop.
Sélectionnez à nouveau l' outil Dégradé dans le panneau Outils, puis appuyez sur la lettre D de votre clavier pour réinitialiser les couleurs de premier plan et d'arrière-plan de Photoshop à leurs valeurs par défaut (le noir sera la couleur de premier plan, le blanc la couleur d'arrière-plan). Ensuite, appuyez sur la lettre Q de votre clavier pour passer en mode Quick Mask. Rien ne semble encore différent dans la fenêtre du document. Avec l'outil Dégradé actif, cliquez près du bas de l'ombre et faites-le glisser en diagonale vers le haut, comme suit:
Faites glisser un dégradé diagonal du bas vers le haut de l'ombre.
Relâchez le bouton de votre souris en haut de l'ombre et une superposition de masque rapide rouge à transparent apparaît sur l'image. La partie transparente en haut de l'ombre représente la zone entièrement sélectionnée. Le rouge au bas de l'ombre n'est pas sélectionné du tout, tandis que la zone entre les deux devient de plus en plus sélectionnée à mesure que la couleur rouge s'estompe progressivement en transparence:
À mesure que la couleur passe du rouge au transparent, la zone devient progressivement plus sélectionnée.
Appuyez sur la lettre Q de votre clavier pour quitter le mode Quick Mask et revenir en mode normal. La superposition de masque rapide rouge à transparent sera remplacée par un contour de sélection d'aspect standard qui ne semble rien faire de plus que diviser l'ombre en deux, seule la moitié supérieure étant sélectionnée. Ce n'est qu'une illusion malheureuse de la part de Photoshop. Photoshop ne peut afficher que les contours de la sélection autour des pixels sélectionnés à 50% au moins. Donc, même s'il semble que nous n'ayons vraiment rien accompli ici, ce filtre de flou gaussien est sur le point de prouver le contraire:
Photoshop ne peut pas afficher avec précision les contours de sélection autour des pixels qui ne sont que partiellement sélectionnés.
Étape 12: appliquer à nouveau le filtre de flou gaussien
Étant donné que le filtre Flou gaussien était le dernier filtre que nous avons utilisé, nous pouvons le réactiver rapidement en appuyant sur Ctrl + Alt + F (Win) / Commande + Option + F (Mac) sur le clavier. Cette fois, lorsque la boîte de dialogue apparaît, augmentez la valeur du rayon à environ 10 pixels, puis cliquez sur OK pour en sortir:
Augmentez la valeur du rayon à 10 pixels environ.
Appuyez sur Ctrl + D (Win) / Commande + D (Mac) pour supprimer le contour de sélection, et nous voyons dans le document que les bords de l'ombre apparaissent désormais progressivement plus doux de bas en haut:
Les bords des ombres semblent désormais plus réalistes.
Étape 13: ajouter un masque de calque
L'ombre doit disparaître lorsqu'elle s'éloigne du sujet, ce qui est facile à faire avec un masque de calque. Cliquez sur l'icône Masque de calque en bas du panneau Calques. Une vignette de masque de calque remplie de blanc apparaîtra à droite de la vignette d'aperçu du calque d'ombre:
Une vignette de masque de calque apparaît après avoir cliqué sur l'icône Masque de calque.
Étape 14: définir la couleur de premier plan sur un gris foncé
Nous ne voulons pas que l'ombre disparaisse complètement, alors cliquez sur l'échantillon de couleur d'arrière-plan dans le panneau Outils, qui devrait actuellement être noir (les couleurs d'avant-plan et d'arrière-plan par défaut sont inversées lorsqu'un masque de calque est sélectionné):
Cliquez sur l'échantillon de couleur d'arrière-plan (celui en bas à droite).
Lorsque le sélecteur de couleurs apparaît, choisissez un gris foncé en définissant la valeur B (luminosité) sur 30%. Laissez les options H (teinte) et S (saturation) définies sur 0%. Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs:
Choisissez un gris foncé pour la couleur d'arrière-plan.
Étape 15: dessiner un dégradé à travers l'ombre sur le masque de calque
Ensuite, avec l'outil Dégradé sélectionné, cliquez à nouveau près du bas de l'ombre et faites-le glisser en diagonale vers le haut, comme nous l'avons fait il y a un instant en mode Masque rapide. La différence ici est que nous dessinons le dégradé sur le masque de calque:
Dessinez un dégradé blanc à gris foncé du bas vers le haut de l'ombre.
Relâchez le bouton de votre souris en haut de l'ombre. Puisque nous avons dessiné le dégradé sur le masque de calque, pas sur l'image elle-même, nous ne voyons pas réellement le dégradé dans le document. Au lieu de cela, nous voyons l'effet du dégradé sur le masque de calque, l'ombre s'estompant progressivement à mesure qu'elle s'éloigne du sujet:
L'ombre s'estompe progressivement.
Étape 16: abaisser l'opacité de l'ombre
Enfin, diminuons l'opacité de l'ombre pour qu'elle n'apparaisse pas aussi sombre près du sujet (car les ombres sont toujours quelque peu transparentes). Vous trouverez l'option Opacité dans le coin supérieur droit du panneau Calques. Abaissez-le légèrement à environ 85% :
Baissez l'opacité du calque d'ombre à 85%.
Et avec ça, c'est fini! Voici l'effet final "ombre portée":
Le résultat final.