Effet de reflet d’eau dans Photoshop CC et CS6

Comme nous allons le voir, il y a trois parties principales pour créer l’effet de réflexion de l’eau. Nous commencerons par créer le reflet de base lui-même en faisant une copie de notre image, en la faisant glisser sous l’original, puis en la retournant pour que l’image du bas reflète l’image du haut. Nous ajouterons un flou de mouvement et même une teinte bleutée pour que le reflet ressemble davantage à de l’eau.

À partir de là, nous créerons une carte de déplacement, un type de document spécial dans Photoshop que nous pouvons utiliser pour plier, déformer et remodeler notre image. Et enfin, nous prendrons notre carte de déplacement et l’appliquerons au reflet de l’eau pour créer des vagues et des ondulations réalistes ! Nous ajouterons même une ombre le long du rivage pour donner l’impression qu’il se jette dans l’eau. Il y a beaucoup d’étapes, mais comme toujours, je vous guiderai à travers chacune d’elles pour que vous puissiez facilement suivre, même si vous êtes un débutant.

Voici un exemple de ce à quoi ressemblera l’effet de réflexion de l’eau lorsque nous aurons terminé. À la fin, je vous montrerai comment expérimenter l’effet pour obtenir les meilleurs résultats avec votre image :

Commençons !

Téléchargez ce tutoriel sous forme de PDF prêt à être imprimé !

Comment créer une réflexion d’eau dans Photoshop

Pour ce tutoriel, j’utilise Photoshop CC mais chaque étape est compatible avec Photoshop CS6.

Etape 1 : Ouvrez votre image

Ouvrez l’image où vous voulez ajouter votre réflexion d’eau. Voici l’image que je vais utiliser (photo de coucher de soleil

d’Adobe Stock):

Étape 2 : déverrouiller le calque d’arrière-plan et le nommer  » Photo « 

Dans le panneau Calques, nous voyons l’image sur le calque d’arrière-plan. Le calque Arrière-plan est verrouillé, indiqué par l’icône de verrouillage à son extrême droite. Nous devons le déverrouiller pour pouvoir placer d’autres calques en dessous, et nous pouvons le faire simplement en le renommant. Double-cliquez sur le nom  » Arrière-plan  » :

Photoshop ouvre la boîte de dialogue Nouveau calque. Nommez le calque « Photo », puis cliquez sur OK:

De retour dans le panneau Calques, le calque d’arrière-plan est maintenant le calque  » Photo  » et l’icône de verrouillage a disparu :

Étape 3 : Dupliquer le calque et le nommer  » Reflet « 

Faites une copie du calque. Nous allons utiliser la copie pour créer le reflet de l’eau. Maintenez enfoncée la touche Alt (Win) / Option (Mac) de votre clavier pendant que vous cliquez et faites glisser le calque  » Photo  » vers le bas sur l’icône Nouveau calque en bas du panneau Calques :

Lâchez le bouton de votre souris, puis relâchez votre touche Alt / Option. Photoshop ouvre la boîte de dialogue Dupliquer le calque. Nommez le calque  » Reflection « , puis cliquez sur OK :

Le calque  » Reflection  » apparaît au-dessus du calque  » Photo  » :

Étape 4 : convertir le calque  » Réflexion  » en un objet intelligent

Convertir le calque  » Réflexion  » en un objet intelligent en cliquant sur l’icône de menu dans le coin supérieur droit du panneau Calques :

Choisissez Convertir en objet intelligent dans le menu :

Une icône d’objet intelligent apparaît dans le coin inférieur droit de la vignette d’aperçu du calque « Réflexion », nous indiquant que le calque est désormais un objet intelligent. Tous les filtres que nous appliquons au calque seront maintenant appliqués en tant que filtres intelligents modifiables :

Étape 5 : Ajouter plus d’espace de toile sous la photo

Ajouter plus d’espace de toile sous la photo pour faire de la place au reflet de l’eau. Montez dans le menu Image de la barre de menu et choisissez Taille du canevas :

Dans la boîte de dialogue Taille du canevas, réglez la largeur sur 100 pour cent et la hauteur sur 200 pour cent. Ne cochez pas la case Relative. Pour ajouter tout l’espace supplémentaire sous la photo, cliquez sur la case supérieure centrale dans la grille d’ancrage, puis cliquez sur OK pour fermer la boîte de dialogue :

Photoshop ajoute l’espace supplémentaire sous l’image. Si l’espace supplémentaire déborde de votre écran, appuyez sur Ctrl+0 (Win) / Command+0 (Mac) sur votre clavier pour choisir la commande Ajuster à l’écran de Photoshop :

Étape 6 : Déplacer l’image  » Reflet  » dans l’espace ajouté

Déplacez l’image  » Reflet  » sous la photo principale et dans le nouvel espace de la toile en sélectionnant l’outil Déplacement dans la barre d’outils :

Appuyez et maintenez votre touche Shift pendant que vous cliquez et faites glisser l’image vers le bas dans la nouvelle zone de la toile. La touche Shift limite la direction dans laquelle vous pouvez vous déplacer, ce qui facilite le glissement droit vers le bas :

Étape 7 : Retourner l’image verticalement

Retourner l’image sur le calque  » Réflexion  » verticalement pour que le reflet de l’eau reflète la photo au-dessus. Montez dans le menu Édition de la barre de menu, choisissez Transformer, puis choisissez Retourner à la verticale :

Après avoir retourné le calque « Reflection », l’image du bas reflète maintenant celle du haut :

Relié : Créer un effet d’image miroir avec Photoshop

Étape 8 : Faites glisser le calque  » Réflexion  » sous le calque  » Photo « 

Dans le panneau Calques, cliquez sur le calque  » Réflexion  » et faites-le glisser vers le bas sous le calque  » Photo « . Lorsqu’une barre horizontale blanche apparaît sous le calque  » Photo « , relâchez le bouton de votre souris pour déposer le calque  » Réflexion  » en place :

Étape 9 : ajouter un flou de mouvement à la réflexion

Ajouter un peu de flou de mouvement à la réflexion de l’eau en utilisant le filtre flou de mouvement de Photoshop. Avec le calque  » Reflet  » toujours sélectionné, allez jusqu’au menu Filtre dans la barre de menu, choisissez Flou, puis choisissez Flou de mouvement :

Dans la boîte de dialogue Flou de mouvement, réglez l’Angle à 90°, puis réglez la Distance à quelque part entre 10 et 20 pixels selon la taille de votre image (les images plus grandes auront besoin de plus de flou). J’opte pour 20 pixels. Cliquez sur OK pour fermer la boîte de dialogue :

Voici l’effet avec une quantité subtile de flou de mouvement ajoutée à l’eau. Après avoir appliqué le filtre de flou de mouvement, vous pouvez remarquer une ligne horizontale qui traverse le centre du document, entre la photo principale et l’image de réflexion. C’est un artefact du filtre Flou de mouvement, et nous le nettoierons plus tard. Ignorez-la pour l’instant :

Dans le panneau Calques, le filtre Flou de mouvement apparaît comme un filtre intelligent sous le calque  » Réflexion « . Si vous souhaitez modifier la quantité de flou, double-cliquez sur les mots  » Flou de mouvement  » pour rouvrir la boîte de dialogue du filtre et ajustez la valeur de la distance selon vos besoins :

Étape 10 : Ajouter un calque de remplissage de couleur bleue unie

Puisque l’eau a tendance à paraître bleue, ajoutons une teinte bleutée à la réflexion. Cliquez sur l’icône Nouveau calque de remplissage ou de réglage au bas du panneau Calques:

Choisissez Couleur solide en haut de la liste:

Dans le sélecteur de couleurs, choisissez un bleu sourd en réglant la valeur R sur 40, la valeur G sur 110 et la valeur B sur 185, puis cliquez sur OK pour fermer le sélecteur de couleurs :

Après avoir ajouté le calque de remplissage, le reflet de l’eau dans la moitié inférieure du document est temporairement couvert par du bleu solide :

Étape 11 : faites glisser le calque de remplissage sous le calque  » Reflet « 

La raison pour laquelle il est recouvert de bleu est que Photoshop a ajouté le calque de remplissage, nommé  » Color Fill 1 « , entre les calques  » Photo  » et  » Reflet « . Cliquez sur le calque de remplissage et faites-le glisser vers le bas, sous le calque « Reflection ». Cela va masquer le calque de remplissage bleu, permettant à la réflexion de l’eau de réapparaître. Nous ramènerons la couleur bleue dans un instant :

Étape 12 : Sélectionner le masque de calque Smart Filter

Ainsi, ajustons l’apparence du flou de mouvement dans le reflet de l’eau afin que l’effet de flou s’estompe au fur et à mesure qu’il s’éloigne du rivage. Sélectionnez le masque de calque Smart Filters en cliquant sur la vignette du masque de calque à gauche des mots  » Smart Filters  » :

Étape 13 : dessiner un dégradé de noir à blanc sur le masque de calque

Choisissez l’outil Dégradé dans la barre d’outils :

Dans la barre d’options, cliquez sur la petite flèche à droite de l’échantillon de couleur du dégradé, puis choisissez le dégradé Noir à Blanc en double-cliquant sur sa vignette (troisième en partant de la gauche, rangée supérieure). Cela sélectionne le dégradé et ferme le sélecteur de dégradé :

Toujours dans la barre d’options, assurez-vous que le style de dégradé Linéaire est sélectionné en cliquant sur son icône (directement à droite du nuancier de couleurs du dégradé) :

Cliquez au bas du document pour définir un point de départ pour le dégradé. Maintenez le bouton de votre souris enfoncé et faites glisser vers le haut jusqu’au milieu (vers le haut de l’image de réflexion de l’eau). Maintenez votre touche Shift pendant que vous faites glisser pour faciliter le glissement vertical droit vers le haut :

Lâchez le bouton de votre souris pour terminer le dégradé. L’effet de flou de mouvement s’estompe maintenant progressivement en allant du haut du reflet de l’eau vers le bas :

Étape 14 : Charger le masque de calque en tant que sélection

Maintenant que nous avons estompé l’effet de flou de mouvement, estompons le reflet de l’eau lui-même pour qu’il se fonde dans notre calque de remplissage bleu. Pour ce faire, nous allons ajouter une copie exacte de notre masque de calque au calque  » Reflet « . Maintenez enfoncée la touche Ctrl (Win) / Command (Mac) de votre clavier et cliquez sur la vignette du masque de calque Smart Filters. Cela charge le masque de calque en tant que sélection (un contour de sélection apparaîtra dans le document):

Étape 15 : ajouter un masque de calque au calque « Reflection »

Vérifiez que le calque « Reflection » est sélectionné, puis cliquez sur l’icône « Ajouter un masque de calque » en bas du panneau Calques :

hotoshop convertit le contour de la sélection en un nouveau masque de calque, ce qui nous donne un masque identique avec le même dégradé noir à blanc sur le calque « Réflexion » :

Avec le masque de calque ajouté, le reflet de l’eau s’estompe maintenant progressivement de haut en bas dans le bleu de notre calque de remplissage Solid Color :

Étape 16 : Diminuer l’intensité du bleu

Si le bleu semble trop fort, vous pouvez l’estomper dans le panneau Propriétés de Photoshop. Assurez-vous que la vignette du masque de calque sur le calque  » Réflexion  » est sélectionnée. Ensuite, dans le panneau Propriétés, diminuez la valeur de la densité en faisant glisser le curseur vers la gauche. Plus vous la diminuez, plus la couleur bleue s’estompe. Je vais abaisser la mienne à 50% :

Et maintenant le bleu de l’eau est plus subtil :

Étape 17 : Combiner le calque  » Reflet  » et le calque de remplissage dans un Smart Object

Nous devons combiner le calque  » Reflet  » et le calque de remplissage situé en dessous en un seul Smart Object. Le calque « Reflection » étant sélectionné, appuyez sur la touche Maj et maintenez-la enfoncée, puis cliquez sur le calque de remplissage. Cela sélectionne les deux calques à la fois:

Cliquer sur l’icône de menu en haut à droite du panneau Calques:

Choisissez Convertir en objet intelligent:

Les deux calques apparaissent maintenant dans le panneau Calques sous la forme d’un seul objet intelligent nommé « Reflection » :

Téléchargez ce tutoriel sous forme de PDF prêt à être imprimé !

Étape 18 : Créer un nouveau document de même taille

Pour que le reflet ressemble davantage à de l’eau, nous allons lui ajouter des ondulations à l’aide d’une carte de déplacement. La carte de déplacement doit être un document Photoshop séparé, et il doit être de la même taille que notre document actuel. Assurez-vous que l’objet intelligent  » Réflexion  » est sélectionné dans le panneau Calques, puis allez dans le menu Sélectionner et choisissez Tout. Cela place un contour de sélection autour de l’image entière :

Go up to the Edit menu and choose Copy to copy the image to the clipboard:

To create the new document, go up to the File menu and choose New:

This opens the New Document dialog box. Since we copied our image to the clipboard, Photoshop automatically sets the Width, Height and Resolution of the new document to the same values as the original document. Click Create (Photoshop CC) or OK (CS6) to create the document:

Step 19: Add Noise

The first thing we’ll do with our displacement map is add some noise. In the new document, go up to the Filter menu, choose Noise, and then choose Add Noise:

In the Add Noise dialog box, set the Amount to 400%, and then choose Gaussian and Monochromatic at the bottom. Click OK to close the dialog box. Photoshop fills the document with noise (little black and white dots):

Step 20: Add Blur To Soften The Noise

Soften the noise using the Gaussian Blur filter. Go up to the Filter menu, choose Blur, and then choose Gaussian Blur:

In the Gaussian Blur dialog box, set the Radius value to 2 pixels and then click OK:

Step 21: Apply « Emboss » To The Red Channel

Open the Channels panel by clicking its tab next to the Layers panel:

Click on the Red channel to select it:

Go up to the Filter menu, choose Stylize, and then choose Emboss:

In the Emboss dialog box, set the Angle to 90°, the Height to 1 pixel and the Amount to 500%. Click OK:

Step 22: Apply « Emboss » To The Green Channel

Click on the Green channel to select it:

Go back up to the Filter menu, choose Stylize, and once again choose Emboss. Laissez la Hauteur définie sur 1 pixel et le Montant à 500%, mais modifiez l’Angle à 180°. Cliquez sur OK:

Étape 23 : Sélectionner le canal RVB et rouvrir le panneau des calques

Cliquez sur le canal RVB en haut pour le sélectionner. Cela permet de réactiver les trois canaux de couleur (rouge, vert et bleu) :

Puis revenez au panneau Calques en cliquant sur son onglet :

Étape 24 : déverrouiller le calque d’arrière-plan

Nous devons déverrouiller le calque d’arrière-plan pour pouvoir le remodeler. Dans Photoshop CC, il suffit de cliquer sur l’icône du verrou. Dans Photoshop CS6, maintenez votre touche Alt (Win) / Option (Mac) enfoncée et double-cliquez sur le calque d’arrière-plan. Cela renomme le calque  » Calque 0  » et l’icône de verrouillage disparaît :

Étape 25 : Zoom arrière depuis le document

Dans un instant, nous allons remodeler l’image, mais pour cela, nous aurons besoin de beaucoup d’espace. Maintenez enfoncée la touche Ctrl (Win) / Command (Mac) de votre clavier et appuyez plusieurs fois sur la touche moins (-) pour effectuer un zoom loin du document jusqu’à ce que l’image apparaisse très petite au centre :

Étape 26 : Transformer la perspective de l’image

Aller dans le menu Édition, choisir Transformer, puis choisir Perspective :

Cliquez sur la poignée dans le coin inférieur gauche ou droit et faites-la glisser loin de l’image. Plus vous faites glisser, plus l’effet de perspective que vous créerez sera important :

Il n’y a pas de valeur spécifique à utiliser, mais si nous regardons dans ma barre d’options, nous voyons que j’ai fait glisser la valeur de la Largeur (W) à environ 3000%. Appuyez sur la touche Enter (Win) / Return (Mac) de votre clavier pour accepter la transformation :

Étape 27 : zoomer sur le document

Pour zoomer à nouveau sur l’image, appuyez à nouveau sur la touche Ctrl (Win) / Command (Mac) de votre clavier et maintenez-la enfoncée, et cette fois, appuyez sur le signe plus (+) à plusieurs reprises. At this closer view, we can see the perspective effect we’ve created, and the image looks a lot like water ripples gradually moving further off into the distance:

Step 28: Crop The Image

To keep the file size small and avoid any problems when we go to save it as a displacement map, crop away the hidden pixels on the sides. Go up to the Select menu and choose All. A selection outline appears around the image:

Go up to the Image menu and choose Crop. It won’t look like anything has happened, but all of the hidden areas on the sides are now cropped away:

To remove the selection outline, go back up to the Select menu and choose Deselect:

Related: Comment recadrer des images dans Photoshop CC

Étape 29 : mettre à l’échelle la hauteur de l’image

Enfin, puisque la carte de déplacement doit affecter uniquement le reflet de l’eau dans la moitié inférieure du document, mettons à l’échelle la hauteur de l’image. Cela permettra également de renforcer encore plus l’effet de perspective. Montez dans le menu Édition et choisissez Transformer librement :

Cliquez sur la poignée supérieure et faites-la glisser vers le bas jusqu’au centre du document. Une fois que vous êtes proche du centre, il devrait s’enclencher en place. Appuyez sur la touche Enter (Win) / Return (Mac) de votre clavier pour l’accepter :

Étape 30 : Enregistrer la carte de déplacement en tant que fichier .PSD de Photoshop

Nous avons créé la carte de déplacement et nous sommes prêts à l’enregistrer. Montez dans le menu Fichier et choisissez Enregistrer sous :

Dans la boîte de dialogue Enregistrer sous, nommez le fichier  » carte de déplacement  » et enregistrez-le sur votre Bureau ou à un autre endroit où vous pourrez le retrouver facilement. Assurez-vous que le format est défini sur Photoshop afin que le fichier soit enregistré en tant que fichier .PSD, puis cliquez sur Enregistrer. Si Photoshop vous demande si vous voulez activer la compatibilité Maximize pour le fichier, cliquez sur OK :

Étape 31 : Passez à votre document principal

Retournez à votre document de réflexion sur l’eau en cliquant sur son onglet :

Si vous voyez toujours le contour de sélection autour de l’image depuis que nous l’avons copiée, montez dans le menu Sélectionner et choisissez Désélectionner :

Étape 32 : appliquer le filtre de déplacement

Appliquer la carte de déplacement au reflet de l’eau. L’objet intelligent  » Reflet  » étant sélectionné dans le panneau Calques, montez dans le menu Filtre, choisissez Déformer, puis choisissez Déplacer :

Ceci ouvre la boîte de dialogue Déplacer. En haut se trouvent les options Échelle horizontale et Échelle verticale. Ces deux options contrôlent à quel point la carte de déplacement va plier, déformer et remodeler l’image. L’option Horizontal Scale contrôle la largeur de la déformation et l’option Vertical Scale contrôle la hauteur. Pour créer les ondulations de l’eau, vous obtiendrez généralement de meilleurs résultats en utilisant une valeur d’échelle horizontale faible et une valeur d’échelle verticale élevée. Les valeurs exactes dont vous avez besoin dépendront principalement de la taille de votre image mais aussi de votre sujet, vous voudrez donc expérimenter.

Dans mon cas, je vais régler l’Échelle horizontale sur 10 et l’Échelle verticale sur 80. Laissez la carte de déplacement définie sur Étirer pour ajuster et les zones indéfinies définies sur Répéter les pixels de bord, puis cliquez sur OK :

Choisissez votre carte de déplacement à l’endroit où vous l’avez enregistrée, puis cliquez sur Ouvrir :

Photoshop applique la carte de déplacement au reflet de l’eau, et avec cette image, les paramètres que j’ai choisis créent un bel effet d’ondulation subtil :

Étape 33 : expérimenter avec les paramètres de déplacement

Dans le panneau Calques, le filtre Déplacement apparaît comme un filtre intelligent sous l’objet intelligent  » Réflexion « . Pour essayer différentes valeurs d’Échelle horizontale et verticale, double-cliquez sur le mot  » Déplacer  » pour rouvrir la boîte de dialogue :

Cette fois, je vais laisser l’Échelle horizontale réglée sur 10 mais je vais augmenter l’Échelle verticale à 120. Notez que je travaille avec une image assez grande. Les images plus petites auront généralement besoin de valeurs plus petites pour obtenir les mêmes résultats :

Cliquez sur OK pour fermer la boîte de dialogue. Photoshop vous demandera de resélectionner votre carte de déplacement. Et ici, nous voyons que cette fois, la valeur Échelle verticale plus élevée crée des rides d’eau plus fortes et plus évidentes :

Étape 34 : étirer le Smart Object  » Reflet  » vers le haut

Si nous regardons le long du haut du reflet de l’eau, là où les deux images se rencontrent, nous voyons quelques artefacts bleus causés par la carte de déplacement :

Pour les nettoyer, assurez-vous que l’objet intelligent « Reflet » est sélectionné dans le panneau Calques, puis allez dans le menu Édition et choisissez Transformer librement :

Photoshop vous préviendra que tous les filtres intelligents que vous avez appliqués seront désactivés pendant que vous êtes en mode Transformer. Cliquez sur OK:

Cliquez sur la poignée supérieure et faites-la glisser légèrement vers le haut pour étirer l’image de réflexion de l’eau jusqu’à ce que les artefacts bleus soient cachés derrière l’image principale. Appuyez sur la touche Entrée (Win) / Retour (Mac) de votre clavier lorsque vous avez terminé :

Étape 35 : Recadrer l’image

Vous pouvez également remarquer quelques zones problématiques tout en bas de la réflexion de l’eau, encore une fois causées par la carte de déplacement. Ou, vous pouvez simplement vouloir recadrer une partie du reflet. Dans les deux cas, sélectionnez l’outil de recadrage dans la barre d’outils :

Photoshop place une boîte de recadrage autour de l’image. Cliquez sur la poignée inférieure et faites-la glisser vers le haut pour recadrer le bas du reflet. Press Enter (Win) / Return (Mac) when you’re done to crop the image:

Step 36: Add A Shadow Along The Shoreline

Finally, to complete the water reflection effect, add a shadow along the shoreline to give it some depth, as if the ground slopes into the water. Select the « Photo » layer in the Layers panel:

Add a new layer above it by clicking the New Layer icon:

Select the Rectangular Marquee Tool from the Toolbar:

Drag out a rectangular selection around the shoreline:

Fill the selection with black by going up to the Edit menu and choosing Fill:

In the Fill dialog box, set Contents to Black and then click OK:

The selection is now filled with black:

Remove the selection outline by going up to the Select menu and choosing Deselect:

Soften the edges by going up to the Filter menu, choosing Blur, and then choosing Gaussian Blur:

In the Gaussian Blur dialog box, drag the Radius slider towards the right until the edges appear nice and soft. Pour une image plus grande, une valeur comprise entre 30 et 40 pixels fonctionne bien. Pour les images plus petites, essayez 15-20 pixels. Cliquez sur OK pour fermer la boîte de dialogue :

Voici le résultat après l’adoucissement des bords :

Enfin, diminuez l’opacité de l’ombre pour la fondre dans l’image. L’option Opacité se trouve dans le coin supérieur droit du panneau Calques. Je vais abaisser la mienne à 50 % :

Et avec ça, nous avons terminé ! Voici, après avoir fondu l’ombre dans le rivage, mon effet final de reflet d’eau:

Et voilà ! C’est ainsi que vous pouvez ajouter un reflet d’eau réaliste à une image avec Photoshop ! Pour pousser l’effet encore plus loin, essayez d’ajouter de la pluie à votre image, puis d’ajouter un arc-en-ciel ! Visitez notre section Effets photo pour plus de tutoriels sur les effets Photoshop !

.