Articles

Comment créer un effet de réflexion d’eau réaliste dans Photoshop

Dans ce tutoriel, nous allons créer un effet de réflexion d’eau réaliste. Vous devriez être en mesure de reproduire cet effet sur d’autres photos en utilisant les techniques présentées ici.


Ce tutoriel Photoshop utilise des techniques assez avancées mais les explications détaillées à chaque étape devraient permettre aux débutants de s’y retrouver.

Image finale

Comme toujours, voici l’image finale que nous allons créer :

Ressources

  • Castle

Étape 1

Ouvrons l’image du château. Cette image est assez grande alors réduisons un peu la taille. Appuyez sur Ctrl + Alt + I pour ouvrir la fenêtre Taille de l’image et utilisez les paramètres indiqués ci-dessous :

Étape 2

Sélectionnez l’outil Recadrage et faites glisser les poignées supérieure et inférieure afin de supprimer la marque de l’auteur ainsi que les pixels supplémentaires dans les marges supérieure, gauche et droite.(Ne vous inquiétez pas, c’est parfaitement légal. Vous pouvez honorer l’auteur en créant un lien vers son site web ou cette image particulière).

Étape 3

Dupliquez le calque d’arrière-plan en appuyant sur Ctrl + J. Nommez ce calque « Reflet ».

Étape 4

Augmentons maintenant la taille de la toile (nous devons placer notre reflet quelque part). Appuyez sur Ctrl + Alt + C pour ouvrir la fenêtre Taille du canevas et choisissez les paramètres indiqués ci-dessous.

Cliquez sur le calque « Reflet » afin de le rendre actif et appuyez sur Ctrl + T pour entrer dans la transformation libre. Faites un clic droit sur l’image et choisissez « Flip Vertical ». Appuyez sur Entrée une fois que vous avez terminé.

Étape 5

Sélectionnez l’outil de déplacement (V) et avec le calque « Réflexion » toujours sélectionné, cliquez et faites glisser vers le bas tout en maintenant Shift afin de déplacer le calque vers le bas comme indiqué dans l’image ci-dessous.

Ceci pourrait déjà être considéré comme un reflet mais il semble assez irréaliste parce que l’eau est beaucoup trop calme et il n’y a pas d’ondulations. Nous allons aborder ces problèmes dans les étapes suivantes.

Étape 6

Maintenant, nous devons créer des ondulations. Pour ce faire, nous aurons besoin d’une texture spéciale ressemblant à des ondulations que nous pourrons ensuite appliquer sur le calque de réflexion. Commençons à travailler sur notre texture en créant un nouveau document (Ctrl + N), 4000 x 4000.

Ajoutons un peu de Bruit. Choisissez Filtre > Bruit > Ajouter du bruit et utilisez les paramètres indiqués ci-dessous.


Nous avons besoin d’un grain plus grossier afin d’obtenir des ondulations. Nous allons utiliser une astuce qui consiste à flouter la couche de bruit et ensuite augmenter le contraste. Appliquez un flou gaussien de 5px (Filtre >Flou >Flou gaussien).


Maintenant choisissez Image >Réglages >Courbes et faites glisser les curseurs à gauche et à droite vers la pointe.

Chez Filtre >Galerie de filtres et dans le dossier Esquisse sélectionnez le filtre Bass Relief. Utilisez une valeur de 2 pour le détail et 2 pour le lissage. Nous pouvons voir maintenant comment cette texture commence à ressembler à des ondulations. Mais attendez, nous n’avons pas encore terminé.


Appliquez un flou de mouvement de 35px (Filtre > Flou > Flou de mouvement) afin d’obtenir des vagues plus lisses et plus allongées.

Étape 7

Nous voulons faire correspondre la texture des ondulations à notre couche de réflexion. Pour y parvenir, nous devrons déplacer temporairement la texture sur notre document original (le document du château). Alors que dans le document de la texture, sélectionnez tout en appuyant sur Ctrl + A et copiez en appuyant sur Ctrl + C. Sélectionnez notre document original et appuyez sur Ctrl + V pour coller.


Nouveau transformons cette texture d’ondulations afin d’obtenir la même perspective que dans notre document. Appuyez sur Ctrl + T pour entrer dans Free transform.

Réduisez la hauteur de la texture pour l’adapter à la moitié inférieure de l’image.

Cliquez avec le bouton droit de la souris dans la limite de la transformation et sélectionnez Perspective. Faites glisser les poignées supérieures vers l’intérieur et les poignées inférieures vers l’extérieur afin d’obtenir une transformation comme la mienne ci-dessous.

Vérifiez que les limites supérieures du calque de texture ne dépassent pas les limites supérieures du calque « Reflection ». Pour un alignement plus facile, assurez-vous que vous avez Snap actif (View > Snap). Appuyez sur la touche Entrée après avoir terminé.

Étape 8

Dans la palette des calques, cliquez sur le calque de texture que nous venons de transformer à l’étape précédente pour vous assurer qu’il est actif. Maintenant, Ctrl-cliquez sur le calque « Réflexion » pour créer une sélection de ses pixels. Appuyez sur Ctrl + J pour dupliquer la sélection (tout en restant sur le calque de texture). Nommez ce nouveau calque « Texture » et supprimez le calque précédent (Calque1).

Afin de vous assurer que vous avez suivi mes étapes correctement Ctrl-cliquez sur le calque « Réflexion » et après cela Ctrl-cliquez sur le calque Texture. La zone sélectionnée devrait rester la même. Si elle est plus grande, alors vous avez fait une erreur et vous devriez refaire les étapes.


Cliquez avec le bouton droit sur le calque « Texture » dans la palette des calques et dans le menu déroulant choisissez Dupliquer le calque, définissez la destination comme un Nouveau document. Donnez-lui un nom approprié et appuyez sur Ok.

Etape 9

Vous remarquez qu’il y a une zone transparente dans la partie supérieure de notre texture. Nous devons nous en débarrasser et pour ce faire, nous allons choisir Image > Trim . Sélectionnez Transparent Pixels et appuyez sur OK. Enregistrez la texture (Ctrl + S) quelque part sur votre ordinateur (rappelez-vous où).

Étape 10

Fermez le document de texture (Ctrl + W) et revenez à notre document original. Désactivez la visibilité du calque « Texture » en cliquant sur la petite icône en forme de globe oculaire à gauche de sa vignette.

Étape 11

Cliquez avec le bouton droit sur le calque « Réflexion » dans la palette des calques et dans le menu déroulant choisissez Convertir en objet intelligent.

Avec le calque « Réflexion » sélectionné choisissez Filtre > Galerie de filtres. Sélectionnez le filtre Verre (dans le dossier Distorsion). Remarquez qu’à côté du nom de la texture, il y a une petite icône. Cliquez sur cette icône et appuyez sur « Load Texture ». Sélectionnez la texture que vous avez sauvegardée précédemment (la texture de l’étape 9).

Choisissez une plus grande valeur de Distorsion si vous voulez un effet plus prononcé. Pour plus de subtilité, sélectionnez une valeur plus faible (6-7). Ce qui est bien avec les Smart Objects, c’est que vous pouvez modifier les paramètres de vos filtres à tout moment. Comme vous pouvez le constater, nous avons déjà obtenu un bel effet. Cependant, nous pourrions encore ajouter quelques améliorations.

Étape 12

L’eau a une certaine qualité de réflexion et notre réflexion manque de cette qualité. Vous vous souvenez du calque « Texture » que nous avons désactivé à l’étape 17 ? Rallumez sa visibilité en cliquant sur l’icône de l’œil (plus exactement là où se trouvait l’icône de l’œil).

Changez son mode de mélange en Lumière douce et abaissez l’Opacité à 18% et remarquez comment le calque « Réflexion » a gagné cette qualité de réflexion.

Étape 13

En général, l’eau a la couleur/teinte du ciel. Faisons cela dans notre image. Sélectionnez l’outil Pinceau (B) et faites un Alt-clic quelque part sur le bleu du ciel afin d’échantillonner une couleur (échantillonner une couleur signifie que toute couleur se trouvant sous la pointe de l’échantillonneur devient la couleur de premier plan).

Créer un nouveau calque (Ctrl + Shift + Alt + N) et remplissez le calque avec la couleur de premier plan (Alt + Backspace). Nommez ce calque « Couleur ».

Déplacez le calque « Couleur » juste en dessous du calque « Texture » (en cliquant et en faisant glisser). Après cela, clipsez le calque « Couleur » sur le calque « Réflexion » en maintenant la touche Alt et en cliquant juste entre les deux calques dans la palette des calques.

Cliquer un calque sur un autre signifie que le calque supérieur ne sera visible qu’à travers les pixels du calque inférieur.


Appuyez sur D pour rétablir les couleurs par défaut et sur X pour passer de l’une à l’autre.

Ajoutez un masque de calque au calque « Couleur » en choisissant Calque > Masque de calque > Révéler tout. Sélectionnez l’outil de dégradé (G) et dans la barre d’options supérieure, sélectionnez l’option Avant-plan vers Arrière-plan.

Etape 14

Cliquez sur le masque de calque et, l’outil de dégradé étant toujours sélectionné, maintenez la touche Maj et faites glisser vers le bas comme indiqué dans l’image ci-dessous. Cette étape fera en sorte que la couleur ne sera pas visible dans la partie supérieure de l’image et deviendra progressivement plus visible dans les parties inférieures.


Baissez l’Opacité du calque « Couleur » à 12%.

Etape 15

Presque terminé ! Faisons quelque chose pour améliorer l’apparence de l’image globale. Un peu de correction des couleurs serait juste ce dont cette image a besoin. Créez un nouveau calque de réglage des courbes (Calque > Nouveau calque de réglage > Courbes).




Étape 16

Afin de renforcer le contraste, ajoutez un calque de réglage Noir & Blanc en choisissant Calque > Nouveau calque de réglage > Noir & Blanc. Changez le mode de mélange de ce calque en Lumière douce et abaissez l’opacité à 46%.

Étape 17

Nous y sommes presque. L’image semble trop symétrique car nous avons retourné verticalement le calque d’origine. De plus, il y a de vilains artefacts de pixels dans la partie inférieure de l’image (nous les avons créés lorsque nous avons appliqué le filtre Glass au calque Reflection). Afin de résoudre ces deux problèmes, recadrons notre image et débarrassons-nous d’une partie de la partie inférieure.

Étape 18

Enfin, ajoutons un effet Vignette. Créez un nouveau calque (Ctrl + Shift + Alt + N) et remplissez-le de blanc (avec le blanc comme couleur de premier plan, appuyez sur Alt + Backspace). Choisissez Filtre > Correction de l’objectif et, dans l’onglet Personnalisé, faites glisser le curseur Quantité de vignette vers la gauche. Appuyez sur OK et changez le mode de mélange du calque en Multiplier.

Vous remarquez que le calque « Couleur » est un peu trop intense ? Baissons son Opacité de 12% à 7%.