Dans ce didacticiel Photoshop, nous allons apprendre à ajouter facilement une réflexion réaliste de l'eau à n'importe quelle photo. C'est un effet très facile à créer et vous pouvez l'ajouter à n'importe quelle photo que vous aimez, bien qu'il ait tendance à mieux fonctionner avec des images qui ne contiennent pas déjà d'eau. Nous utiliserons un filtre simple et une carte de déplacement pour créer l'effet d'ondulation de l'eau et une couche d'ajustement de teinte / saturation pour donner un peu de couleur à notre eau.
Remarque sur la version: ce didacticiel a été écrit pour Photoshop CS5 et versions antérieures. Les utilisateurs de Photoshop CC et CS6 voudront consulter notre tout nouveau didacticiel sur l'effet de réflexion de l'eau.
Voici la photo avec laquelle je travaillerai tout au long de ce didacticiel:
L'image originale.
Et voici à quoi ressemblera notre image après avoir ajouté la réflexion de l'eau:
Le résultat final.
Ce tutoriel est issu de notre série Effets photo. Commençons!
Étape 1: Dupliquez le calque d'arrière-plan
Avec notre image nouvellement ouverte dans Photoshop, nous pouvons voir dans la palette Calques que nous avons actuellement un calque, le calque d'arrière-plan, qui contient notre image:
L'image d'origine sur le calque d'arrière-plan dans la palette Calques.
Nous devons dupliquer le calque d'arrière-plan, et nous pouvons le faire en utilisant le raccourci clavier Ctrl + J (Win) / Command + J (Mac). Maintenant, quand je regarde dans ma palette Calques maintenant, je peux voir que j'ai maintenant deux calques - mon calque d'arrière-plan d'origine en bas et un nouveau calque, "Calque 1", au-dessus qui est mon doublon:
Appuyez sur "Ctrl + J" (Win) / "Commande + J" (Mac) pour dupliquer le calque d'arrière-plan.
Étape 2: ajouter plus d'espace de canevas au bas du document
Nous allons ajouter notre réflexion d'eau sous l'image, alors ajoutons un espace de toile au bas de notre document pour faire de la place pour notre réflexion. Pour ce faire, allez dans le menu Image en haut de l'écran et choisissez Taille du canevas . Cela fera apparaître la boîte de dialogue "Taille du canevas" de Photoshop. La chose la plus simple à faire ici est d'ajouter deux fois plus d'espace de travail que ce que nous avons actuellement, mais nous voulons seulement qu'il apparaisse en bas du document, pas au-dessus ou de chaque côté, nous devons donc dire à Photoshop exactement où nous voulons que cet espace de toile supplémentaire disparaisse.
Tout d'abord, entrez 100 pour la hauteur et définissez la mesure en pourcentage, comme indiqué en rouge ci-dessous. Laissez l'option Largeur définie sur 0. Assurez-vous ensuite que l'option Relative est cochée, ce qui indique à Photoshop de nous donner 100% plus d'espace de canevas que ce que nous avons déjà. Sous l'option "Relative" se trouve une grille de carrés 3x3. C'est ici que nous indiquons à Photoshop où nous voulons placer notre espace de travail supplémentaire. Cliquez à l'intérieur du carré au milieu de la rangée du haut (à nouveau comme indiqué ci-dessous). Cela indique à Photoshop de ne placer aucun espace de travail supplémentaire au-dessus du document et de le placer en bas:
Ajoutez plus d'espace de canevas à l'aide de la boîte de dialogue "Taille du canevas".
Cliquez sur OK pour quitter la boîte de dialogue et Photoshop ajoutera l'espace de travail supplémentaire au bas de l'image:
X
La hauteur du document a maintenant été doublée et l'espace de travail supplémentaire a été ajouté en bas.
Étape 3: retourner la couche supérieure verticalement
Afin de créer notre réflexion, nous devons retourner notre image à l'envers, alors faisons-le. Le calque supérieur étant sélectionné dans la palette Calques, accédez au menu Edition en haut de l'écran, choisissez Transformer, puis choisissez Retourner verticalement . Photoshop retournera l'image à l'envers dans le document:
Allez dans Edition> Transformer> Retourner verticalement pour retourner l'image sur le calque supérieur à l'envers.
Étape 4: faites glisser l'image retournée vers le bas du document
Nous avons besoin que l'image retournée soit au bas du document, alors prenez votre outil de déplacement dans la palette d'outils, ou appuyez sur V sur votre clavier pour le raccourci:
Sélectionnez l'outil Déplacer.
Ensuite, avec l'outil Déplacer sélectionné, cliquez à l'intérieur du document et faites glisser l'image retournée vers le bas jusqu'à ce que le haut de celui-ci soit aligné avec le bas de l'image d'origine au-dessus. Maintenez la touche Maj enfoncée pendant que vous faites glisser pour vous assurer que vous faites glisser vers le bas en ligne droite:
Faites glisser l'image retournée sous l'original.
Étape 5: ajouter un nouveau calque vierge
Maintenant que nous avons notre image inversée en place, nous pouvons commencer à créer notre effet d'ondulation de l'eau. Tout d'abord, nous devons ajouter un nouveau calque vierge en haut de la palette Calques, donc avec "Calque 1" toujours sélectionné, cliquez sur l'icône Nouveau calque en bas de la palette Calques:
Ajoutez un nouveau calque vierge au document.
Étape 6: Remplissez le nouveau calque de blanc
Nous allons remplir notre nouveau calque vierge de blanc. Si le blanc n'est pas actuellement votre couleur d'arrière-plan, appuyez sur D sur votre clavier, ce qui réinitialisera les couleurs d'avant-plan et d'arrière-plan de Photoshop, ce qui rendra votre couleur d'avant-plan noire et blanc votre couleur d'arrière-plan. Utilisez ensuite le raccourci clavier Ctrl + Retour arrière (Win) / Commande + Suppr (Mac) pour remplir le nouveau calque avec la couleur d'arrière-plan (blanc). Votre document sera rempli de blanc uni.
L'image entière est maintenant remplie de blanc.
Étape 7: appliquez le filtre «Motif en demi-teintes» pour créer des lignes horizontales en noir et blanc
Montez dans le menu Filtre en haut de l'écran, choisissez Esquisse, puis choisissez Motif de demi-teintes . Cela amène la galerie de filtres de Photoshop (dans Photoshop CS et supérieur) définie sur les options de filtre "Motif de demi-teintes" à droite, avec un grand aperçu de l'effet à gauche. Nous allons utiliser ce filtre pour ajouter une série de lignes horizontales noires et blanches à l'image. Ces lignes vont devenir nos ondulations d'eau. Plus nous avons de lignes, plus nous aurons d'ondulations.
Tout d'abord, nous voulons nous assurer que nous créons des lignes et non des points ou des cercles, alors définissez l'option Type de motif sur Lignes . Nous contrôlons le nombre de lignes en ajustant l'option Taille . Des valeurs plus faibles nous donnent plus de lignes, car nous réduisons la taille de chaque ligne, et des valeurs plus élevées nous donnent des lignes moins nombreuses mais plus épaisses. Je vais définir ma valeur de taille sur 7, ce qui, je pense, convient le mieux à mon image. Vous voudrez peut-être expérimenter cette valeur par vous-même. L'option Contraste en dessous détermine la netteté des bords des lignes. Des valeurs plus basses vous donnent des lignes plus douces, des valeurs plus élevées blanches vous donnent des lignes de bord dur. Définissez cette valeur sur 50 pour donner à vos lignes des arêtes vives. Nous allons les adoucir nous-mêmes avec le filtre Flou gaussien dans un instant:
Ajustez les options du filtre Motif de demi-teintes pour créer une série de lignes noires et blanches à travers l'image.
Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue et Photoshop remplira l'image de haut en bas avec vos lignes en noir et blanc:
L'image est maintenant remplie de lignes horizontales noires et blanches.
Étape 8: appliquer le filtre "Flou gaussien" aux lignes
Avant de pouvoir utiliser nos lignes noires et blanches comme des ondulations d'eau, nous devons les lisser et créer de jolies transitions entre elles. Pour ce faire, remontez à nouveau dans le menu Filtre, choisissez Flou, puis choisissez Flou gaussien, ce qui fait apparaître la boîte de dialogue "Flou gaussien". Gardez un œil sur votre image et faites glisser le curseur en bas de la boîte de dialogue pour augmenter la valeur du rayon jusqu'à ce que les lignes aient un bord très doux. J'utilise une petite image pour ce tutoriel, donc pour moi, une valeur de rayon d'environ 4 pixels fonctionne bien. Si vous utilisez une image plus grande et haute résolution, vous devrez définir la vôtre sur une valeur plus élevée:
Utilisez le filtre Flou gaussien pour lisser les bords des lignes.
Cliquez sur OK pour quitter la boîte de dialogue et appliquer le flou aux lignes.
Étape 9: Dupliquez le calque de lignes en tant que nouveau document
Nous allons créer un tout nouveau document à partir de notre couche de lignes, que nous utiliserons ensuite comme carte de déplacement pour nos ondulations d'eau. Avec le calque de lignes sélectionné, allez dans le menu Calque en haut de l'écran et sélectionnez Dupliquer le calque, ce qui fait apparaître la boîte de dialogue "Dupliquer le calque". Dans les options "Destination", cliquez sur la flèche pointant vers le bas à droite de l'option Document et définissez-la sur Nouveau, ce qui créera un nouveau document Photoshop à partir de notre calque:
Réglez l'option "Document" dans la boîte de dialogue "Duplicate Layer" sur "Nouveau".
Cliquez sur OK pour quitter la boîte de dialogue et votre calque s'ouvrira dans un nouveau document à l'écran.
Étape 10: Enregistrez le nouveau document et fermez-le
Ce nouveau document que nous avons créé va devenir notre carte de déplacement, mais avant de pouvoir l'utiliser, nous devons l'enregistrer. Nous allons également le fermer après l'avoir enregistré, car nous n'aurons plus besoin de l'ouvrir, et le moyen le plus simple d'accomplir ces deux tâches est de simplement fermer le document. Lorsque vous essayez de le fermer, Photoshop vous propose de sauvegarder le document avant de le fermer. Cliquez sur Oui :
Choisissez "Oui" lorsque Photoshop vous demande si vous souhaitez enregistrer le document avant de le fermer.
Photoshop affichera la boîte de dialogue Enregistrer sous . Vous pouvez nommer votre nouveau document comme bon vous semble. Je vais nommer le mien "ondulations d'eau". Assurez-vous de l'enregistrer en tant que fichier Photoshop .PSD, car ce sont les seuls fichiers que Photoshop peut utiliser comme carte de déplacement. Vous voudrez probablement enregistrer le document sur votre bureau, car nous devrons le retrouver dans un instant.
Étape 11: Supprimer le calque de lignes
Maintenant que nous avons utilisé nos lignes noires et blanches pour créer le fichier que nous utiliserons comme carte de déplacement, nous pouvons nous en débarrasser. Pour ce faire, cliquez simplement dessus et faites-le glisser sur l'icône de la corbeille au bas de la palette des calques:
Cliquez et faites glisser le calque de lignes ("Calque 2") sur la corbeille au bas de la palette Calques pour le supprimer.
Étape 12: fusionner les deux couches sur une nouvelle couche
Avant de pouvoir utiliser notre carte de déplacement, nous devons fusionner nos deux couches d'image sur une nouvelle couche au-dessus d'elles. Pour ce faire, avec "Couche 1" sélectionné, utilisez le raccourci clavier Maj + Ctrl + Alt + E (Win) / Maj + Commande + Option + E (Mac). Rien ne semble s'être produit dans le document, mais si nous regardons dans la palette Calques, nous pouvons voir que les deux calques ont été fusionnés sur un nouveau calque en haut:
Les deux calques sont maintenant fusionnés sur un nouveau calque, "Layer 2".
Étape 13: Utilisez le filtre «Déplacer» pour créer les ondulations de l'eau
Nous sommes prêts à créer nos ondulations d'eau en utilisant la carte de déplacement que nous venons de créer. Avec le nouveau calque fusionné sélectionné dans la palette Calques, revenez au menu Filtre en haut de l'écran, choisissez Déformer puis choisissez Déplacer .
Cela fait apparaître la boîte de dialogue du filtre "Déplacer" de Photoshop. C'est là que nous déterminons la force de notre effet d'entraînement, et nous le faisons avec l'option Échelle horizontale en haut. Je vais régler le mien sur une valeur de 4, ce qui me donnera un effet d'entraînement réaliste. Vous voudrez peut-être expérimenter cette valeur avec votre propre image. Un réglage trop élevé créera trop de distorsion horizontale et vous perdrez le réalisme.
Nous n'avons pas besoin de distorsion verticale pour créer notre effet, alors définissez l'option Échelle verticale sur 0 . Assurez-vous également que Stretch To Fit et Repeat Edge Pixels sont sélectionnés:
Accédez à Filtre> Déformer> Déplacer pour afficher la boîte de dialogue Déplacer.
Cliquez sur OK dans le coin supérieur droit de la boîte de dialogue et Photoshop vous demandera quel fichier vous souhaitez utiliser comme carte de déplacement. Choisissez le fichier que vous venez d'enregistrer il y a un instant, que j'ai enregistré sur mon bureau en tant que "water-ripples.PSD", puis cliquez sur Ouvrir. Photoshop appliquera ensuite la carte de déplacement à l'image entière, créant nos ondulations d'eau:
L'image après application de notre carte de déplacement avec le filtre "Déplacer".
Étape 14: Cachez les ondulations sur le dessus avec un masque de calque
Bien sûr, nous avons actuellement un léger problème. Nous avons ajouté notre effet d'ondulation de l'eau à l'image entière, et nous ne le voulions que dans la moitié inférieure. Nous pouvons résoudre ce problème facilement en utilisant un masque de calque. Tout d'abord, faites un Ctrl-clic (Win) / Commande-clic (Mac) directement sur la vignette du "Calque 1" dans la palette Calques pour placer une sélection autour de l'image inversée au bas du document:
"Clic droit" (Win) / "Contrôle-clic" (Mac) directement sur la vignette du calque 1 dans la palette Calques pour placer une sélection autour de l'image inversée.
Vous verrez une sélection apparaître autour de la moitié inférieure de l'image dans votre document. Maintenant, avec le calque fusionné toujours sélectionné, cliquez sur l'icône Masque de calque au bas de la palette Calques:
Cliquez sur l'icône "Masque de calque" pour ajouter un masque de calque au calque fusionné en haut de la palette Calques.
Photoshop ajoutera un masque de calque au calque fusionné, et comme nous avions une sélection autour de la moitié inférieure de notre document lorsque nous avons ajouté le masque de calque, seule la moitié inférieure du calque fusionné reste visible. La moitié supérieure est masquée, supprimant les ondulations d'eau indésirables de cette partie de l'image:
L'effet d'entraînement est désormais masqué dans la moitié supérieure de l'image après l'application du masque de fusion.
Étape 15: appliquer le filtre "Flou gaussien" au masque de calque
Avant d'ajouter notre touche finale en colorant l'eau, adoucissons un peu le bord du masque de calque afin qu'il n'y ait pas une ligne de démarcation aussi dure entre l'image du haut et l'eau du dessous. Nous utiliserons le filtre Flou gaussien pour cela, et puisque nous voulons l'appliquer au masque de calque, nous devons d'abord sélectionner le masque. Nous pouvons le faire en cliquant sur la vignette du masque de calque dans la palette Calques:
Tutoriels Adobe Photoshop: cliquez sur la miniature du masque de calque dans la palette Calques pour sélectionner le masque de calque.
Vous pouvez dire que le masque de calque est maintenant sélectionné par la zone de surbrillance blanche autour de sa miniature. Nous allons appliquer le filtre Flou gaussien au masque, alors revenez au menu Filtre, sélectionnez Flou à nouveau, puis sélectionnez Flou gaussien . Lorsque la boîte de dialogue apparaît, cliquez simplement sur OK pour appliquer la même valeur de rayon que nous avons utilisée précédemment.
Étape 16: Coloriser l'eau avec une couche d'ajustement de teinte / saturation
Terminons les choses maintenant en ajoutant juste un soupçon de bleu à notre eau, et nous utiliserons une couche d'ajustement Teinte / Saturation pour cela. Nous voulons que le calque de réglage n'affecte que la moitié inférieure de l'image où se trouvent les ondulations de l'eau, alors maintenez enfoncée la touche Alt (Win) / Option (Mac), cliquez sur l'icône Nouveau calque de réglage au bas de la palette Calques, puis sélectionnez Teinte / Saturation dans la liste des calques de réglage:
Maintenez la touche "Alt" (Win) / "Option" (Mac), cliquez sur l'icône "Nouveau calque de réglage", puis faites glisser votre souris sur "Teinte / Saturation" pour le sélectionner.
En maintenant "Alt / Option" enfoncé, ceci indique à Photoshop d'afficher la boîte de dialogue Nouveau calque avant d'ajouter le calque de réglage. Sélectionnez l'option Utiliser le calque précédent pour créer un masque d'écrêtage en cliquant dans la case à gauche:
Sélectionnez l'option "Utiliser le calque précédent pour créer un masque d'écrêtage" dans la boîte de dialogue "Nouveau calque".
Cette option indique à Photoshop que nous voulons que le calque de réglage affecte uniquement le calque directement en dessous dans la palette Calques, et puisque le calque en dessous est le calque contenant nos ondulations d'eau, seules les ondulations d'eau seront colorisées, ce que nous voulons . Cliquez sur OK pour quitter la boîte de dialogue.
Cela fera apparaître la boîte de dialogue Teinte / Saturation. Nous voulons coloriser notre eau, donc la première chose que nous voulons faire ici est de sélectionner l'option Coloriser dans le coin inférieur droit. Sélectionnez ensuite la couleur souhaitée pour votre eau en faisant glisser le curseur Teinte en haut. Je vais faire glisser mon curseur vers la droite pour une valeur d'environ 218, ce qui, je pense, est une bonne couleur pour mon eau:
Utilisez la boîte de dialogue Teinte / Saturation pour coloriser l'eau.
Cliquez sur OK pour sortir de la boîte de dialogue et vous verrez que votre eau sur le fond a maintenant été colorisée, mais la couleur est beaucoup trop forte pour le moment.
Étape 17: réduire l'opacité du calque de teinte / saturation
Pour réduire l'intensité de la couleur que nous venons d'ajouter à l'eau, tout ce que nous devons faire est d'aller jusqu'à l'option Opacité dans le coin supérieur droit de la palette Calques et de réduire la valeur d'opacité. Je vais abaisser le mien jusqu'à environ 25%, ce qui ajoute une quantité de couleur beaucoup plus réaliste à l'eau:
Baissez l'opacité du calque de réglage jusqu'à ce que l'eau ait seulement une touche de couleur.
Une fois que vous avez réduit l'opacité du calque de réglage pour réduire l'intensité des couleurs de l'eau, vous avez terminé! Voici mon résultat final de "réflexion sur l'eau":
L'effet final.
Juste pour le plaisir, voici un autre exemple du même effet exact appliqué à une image différente. La seule chose que j'ai modifiée ici, c'est que j'ai ajouté seulement la moitié de l'espace de canevas sous l'image d'origine (j'ai défini la valeur "Hauteur" dans la boîte de dialogue Taille du canevas à 50% au lieu de 100%). Tout le reste a été fait exactement de la même manière:
Un autre exemple d'image utilisant le même effet.
Et nous l'avons là! Voilà comment ajouter un effet de réflexion d'eau à une image avec Photoshop! Visitez notre section Effets photo pour plus de tutoriels sur les effets Photoshop!