Ce tutoriel étape par étape vous montre comment créer un effet de pluie dans Photoshop qui peut facilement être ajouté à n'importe quelle photo. Fonctionne avec n'importe quelle version de Photoshop. Pour tous les niveaux de compétence.
La plupart d'entre nous préféreraient éviter d'être pris sous la pluie si possible, surtout si nous avons nos caméras avec nous. Mais que faire si vous faites partie d'un grand nombre de personnes qui aiment prendre des photos de la météo? Même si la photographie météo n'est pas votre principal intérêt, il ne fait aucun doute que la pluie ajoute une toute nouvelle dimension à vos images. Alors, comment capturez-vous des photos de pluie sans mouiller votre appareil photo?
Facile! Attendez qu'il ne pleuve plus, prenez la photo, puis rajoutez la pluie en utilisant Photoshop, c'est exactement ce que nous allons apprendre à faire.
Cette version du didacticiel est destinée à Photoshop CS5 et versions antérieures. Les utilisateurs de Photoshop CC et CS6 voudront consulter notre tutoriel Photoshop Rain Effect entièrement mis à jour.
Voici la photo avec laquelle je vais travailler pour cet effet:
L'image originale.
Et voici la même image après avoir ajouté la pluie dans Photoshop. Ça descend vraiment là-bas!
Le résultat final.
Ce tutoriel est issu de notre série Effets photo. Commençons!
Comment créer un effet de pluie avec Photoshop
Étape 1: Dupliquez le calque d'arrière-plan
La première chose que nous devons faire pour cet effet est de dupliquer notre calque d'arrière-plan. Avec notre image ouverte dans Photoshop, nous pouvons voir dans la palette Calques que nous avons actuellement un calque, qui s'appelle Arrière-plan . Cette couche contient notre image originale:
La palette Calques dans Photoshop nous montre l'image originale sur le calque d'arrière-plan.
Nous devons créer une copie de cette couche, utilisons donc le raccourci clavier rapide, Ctrl + J (Win) / Command + J (Mac). Rien ne semble s'être produit dans la fenêtre du document, mais si nous regardons à nouveau dans notre palette Calques, nous pouvons voir que nous avons maintenant deux calques - le calque d'arrière-plan d'origine en bas, et une copie de celui-ci, que Photoshop a nommé " Couche 1 ", au-dessus:
Dupliquez le calque d'arrière-plan en appuyant sur "Ctrl + J" (Win) / "Commande + J" (Mac).
Étape 2: ajouter un espace de toile supplémentaire autour de l'image
La prochaine chose que nous allons faire est d'ajouter un espace de toile supplémentaire autour de l'image. La raison en est que nous allons utiliser le filtre "Motion Blur" sur l'image, et le filtre Motion Blur a tendance à rencontrer des problèmes lors du traitement des bords, donc nous allons faciliter les choses en lui donnant un peu plus d'espace sur les bords pour travailler. Vous verrez ce que je veux dire plus tard, mais pour l'instant, ajoutons un espace de toile supplémentaire. Avant de faire cela, réinitialisons nos couleurs de premier plan et d'arrière-plan dans Photoshop en appuyant sur D sur le clavier. Cela définit le noir comme couleur de premier plan et le blanc comme couleur d'arrière-plan. Nous pouvons le voir dans les échantillons de couleurs situés en bas de la palette d'outils:
Réinitialisez les couleurs de premier plan et d'arrière-plan.
Ajoutons maintenant notre espace de toile. Pour cela, nous utiliserons l' outil de recadrage . Sélectionnez-le dans la palette d'outils ou appuyez simplement sur C sur votre clavier:
Sélectionnez l'outil de recadrage.
Ensuite, avec l'outil de recadrage sélectionné, cliquez et faites glisser une sélection autour de l'image entière. Si vous travaillez avec votre image affichée dans une fenêtre de document, appuyez sur F sur votre clavier pour basculer Photoshop en mode plein écran avec la barre de menus, ce qui facilitera les choses. Cliquez ensuite à l'extérieur du coin supérieur gauche de l'image et faites-le glisser sous le coin inférieur droit.
Lorsque vous relâchez le bouton de votre souris, vous verrez de petites poignées carrées tout autour de l'image. Maintenez la touche Alt (Win) / Option (Mac) enfoncée et faites glisser la poignée gauche ou droite vers l'extérieur pour ajouter de l'espace des deux côtés de l'image. Maintenir la touche Alt ou Option indique à Photoshop de déplacer les poignées des deux côtés à la fois, ce qui nous facilite la tâche. Ajoutez un ou deux pouces supplémentaires sur les côtés. Faites ensuite la même chose pour le haut et le bas. Maintenez la touche Alt / Option enfoncée et faites glisser la poignée supérieure ou inférieure pour ajouter la même quantité d'espace au-dessus et au-dessous de l'image. Ne vous inquiétez pas d'ajouter trop d'espace, car nous le rognerons plus tard de toute façon. Pour l'instant, il vaut mieux en ajouter trop que pas assez:
Faites glisser les poignées pour ajouter plus d'espace de canevas autour de l'image.
Lorsque vous avez terminé de faire glisser les poignées, appuyez sur Entrée (Win) / Retour (Mac), et Photoshop remplira l'espace supplémentaire avec notre couleur d'arrière-plan actuelle qui est blanche:
Photoshop remplit l'espace supplémentaire avec la couleur d'arrière-plan actuelle.
Étape 3: ajouter un nouveau calque vierge
Nous devons ajouter un nouveau calque vierge à notre document à ce stade, donc avec le calque supérieur sélectionné dans la palette Calques (vous pouvez dire quel calque est sélectionné par lequel est mis en surbrillance en bleu), cliquez sur l'icône Nouveau calque bas de la palette Calques:
Cliquez sur l'icône "Nouveau calque" pour ajouter un nouveau calque vierge.
Photoshop nous ajoute un nouveau calque vierge au-dessus de nos deux autres calques. Encore une fois, rien ne semble être arrivé à l'image elle-même, et c'est parce que notre nouveau calque est actuellement vide, mais nous pouvons voir le nouveau calque en haut de la palette Calques. Photoshop le nomme "Layer 2":
Le nouveau calque vierge en haut de la palette Calques.
Étape 4: Remplissez le nouveau calque de noir
Nous allons remplir le nouveau calque de noir. Étant donné que le noir est actuellement notre couleur de premier plan, nous pouvons utiliser le raccourci clavier facile Alt + Retour arrière (Win) / Option + Supprimer (Mac), qui indique à Photoshop de remplir le calque avec notre couleur de premier plan.
L'image apparaîtra maintenant remplie de noir uni, cachant temporairement notre photo de la vue.
Étape 5: ajouter du bruit au calque
Montez dans le menu Filtre en haut de l'écran, choisissez Bruit, puis choisissez Ajouter du bruit . Cela fait apparaître la boîte de dialogue du filtre "Ajouter du bruit" de Photoshop. Faites glisser le curseur Quantité vers la droite pour ajouter beaucoup de bruit à votre image. Il n'y a pas de valeur exacte à saisir, il suffit d'ajouter beaucoup. Je vais faire glisser mon montant à environ 150%. Assurez-vous également que l'option Monochromatique en bas est cochée:
Ajoutez du bruit au calque rempli de noir.
Cliquez sur OK lorsque vous avez terminé pour appliquer le bruit à l'image et quitter la boîte de dialogue.
Étape 6: appliquer le filtre de flou gaussien au bruit
Nous devons ajouter une petite quantité de flou au bruit, alors revenez au menu Filtre et cette fois choisissez Flou puis Flou gaussien . Cela fait apparaître la boîte de dialogue du filtre "Flou gaussien". Tout ce dont nous avons besoin est une légère quantité de flou, alors entrez une valeur d'environ 0, 5 pour la valeur de rayon, puis cliquez sur OK pour quitter la boîte de dialogue:
Appliquez le filtre Flou gaussien au bruit.
Étape 7: ajouter un calque de réglage des niveaux
Rappelez-vous comment je viens de vous dire d'ajouter beaucoup de bruit à l'image? Eh bien, maintenant, nous en avons trop, mais nous allons résoudre ce problème en utilisant les niveaux. Nous allons cependant utiliser un calque de réglage afin de pouvoir revenir en arrière et modifier les paramètres des niveaux à tout moment. Nous voulons également nous assurer que notre couche d'ajustement des niveaux affecte uniquement la couche de bruit et n'a aucun effet sur les autres couches.Pour ce faire, maintenez enfoncée la touche Alt (Win) / Option et cliquez sur l'icône Nouveau calque d'ajustement à en bas de la palette Calques:
Maintenez la touche "Alt" (Win) / "Option" (Mac) et cliquez sur l'icône "New Adjustment Layer".
Faites ensuite glisser votre souris vers le haut et sélectionnez Niveaux dans la liste des calques de réglage:
Sélectionnez "Niveaux" dans la liste.
Puisque nous avons maintenu la touche Alt / Option enfoncée, Photoshop affichera la boîte de dialogue Nouveau calque avant d'ajouter le calque de réglage. C'est là que nous disons à Photoshop que nous voulons uniquement que ce calque de réglage des niveaux affecte le calque situé en dessous, qui sera le calque de bruit. Pour ce faire, cliquez à l'intérieur de la case à cocher à gauche de l'endroit où il est dit Utiliser le calque précédent pour créer un masque d'écrêtage :
Boîte de dialogue "Nouveau calque" de Photoshop.
Cliquez sur OK dans le coin supérieur droit pour quitter la boîte de dialogue et Photoshop ajoute le calque de réglage des niveaux pour nous. Cela fait également apparaître la boîte de dialogue Niveaux, que nous verrons ensuite.
Étape 8: Réduisez la quantité de bruit et augmentez son contraste
Nous allons utiliser les niveaux pour à la fois réduire la quantité de bruit que nous avons et augmenter le contraste dans le bruit qui reste. Avec la boîte de dialogue Niveaux ouverte, vous verrez un grand graphique dans la moitié supérieure. C'est ce qu'on appelle un histogramme . Nous n'avons pas besoin d'entrer dans les détails à ce sujet ici, mais directement sous l'histogramme, vous verrez trois curseurs - un noir à gauche, un blanc à droite et un gris au milieu. Cliquez sur le noir à gauche et commencez à le faire glisser vers la droite.
Ce faisant, vous commencerez à voir une partie du bruit disparaître dans l'image. Cliquez ensuite sur le blanc à droite et commencez à le faire glisser vers la gauche, ce qui augmentera le contraste du bruit qui reste:
Supprimez le bruit avec le curseur noir à gauche et augmentez le contraste avec le curseur à droite.
Ne vous inquiétez pas du curseur gris au milieu. Il se déplacera de lui-même lorsque vous tirerez les noirs et les blancs. Vous pouvez utiliser la capture d'écran ci-dessus comme guide sur la distance à parcourir pour déplacer les curseurs noir et blanc, ou simplement expérimenter par vous-même jusqu'à ce que votre image ressemble moins à un tas de bruit et plus à une nuit étoilée:
Réduisez la quantité de bruit dans l'image avec le curseur noir et augmentez le contraste du bruit avec le curseur blanc.
Cliquez sur OK dans le coin supérieur droit de la boîte de dialogue Niveaux lorsque vous avez terminé pour en sortir.
Étape 9: appliquer le filtre de flou de mouvement au bruit
Tout ce bruit qui reste à notre image va devenir notre pluie. Il ne ressemble pas encore beaucoup à la pluie, mais nous allons l'aider en appliquant le filtre "Motion Blur", qui va donner à notre pluie un peu de mouvement et de direction. Avant de pouvoir appliquer le filtre au bruit, nous devons d'abord le sélectionner dans la palette Calques, car nous avons actuellement le calque de réglage Niveaux sélectionné. Cliquez sur "Layer 2" pour le sélectionner:
Sélectionnez le calque de bruit dans la palette Calques.
Maintenant que nous avons sélectionné le bon calque, revenez au menu Filtre en haut de l'écran, sélectionnez Flou, puis sélectionnez Flou de mouvement, ce qui fait apparaître la boîte de dialogue "Flou de mouvement". Vous pouvez définir la direction de la pluie en ajustant l'option Angle . Je vais régler mon angle à environ 60 °. Entrez ensuite une valeur d'environ 50 pixels pour la distance, même si vous devrez peut-être expérimenter un peu avec cette valeur en fonction de la taille de votre image, mais 50 pixels fonctionnent bien pour une photo 4x6 standard:
Réglez la direction de la pluie dans l'option "Angle", puis réglez la "Distance" sur environ 50 pixels.
Cliquez sur OK pour quitter la boîte de dialogue.
Étape 10: Réajustez les curseurs noir et blanc dans les niveaux selon les besoins
Selon la distance parcourue précédemment par les curseurs noir et blanc dans la boîte de dialogue Niveaux, votre bruit peut maintenant avoir complètement disparu de votre image après avoir appliqué le filtre Flou de mouvement. Pour le ramener, il suffit de réajuster les curseurs en double-cliquant directement sur la vignette du calque de réglage Niveaux dans la palette Calques:
Ramenez la boîte de dialogue Niveaux en double-cliquant sur sa miniature dans la palette Calques.
Cela ramène la boîte de dialogue Niveaux, et puisque nous utilisons un calque de réglage, nous pouvons revenir en arrière pour réajuster les curseurs aussi souvent que nous le voulons sans endommager notre image. Vous devrez probablement faire glisser le curseur noir un peu vers la gauche pour ramener votre bruit à la vue, et vous souhaiterez peut-être faire glisser un peu plus le curseur blanc vers la gauche pour ajouter plus de contraste:
Faites glisser les curseurs noir et blanc plus vers la gauche pour ramener le bruit dans l'image.
Encore une fois, vous pouvez utiliser la capture d'écran ci-dessus comme guide, mais vous feriez mieux d'expérimenter avec les curseurs tout en gardant un œil sur votre image. Une fois que vous avez réussi à ramener le bruit, cliquez sur OK pour quitter à nouveau la boîte de dialogue. Votre image devrait maintenant ressembler à ceci:
Le bruit flou de mouvement est maintenant visible dans l'image.
Si vous regardez de près le long des bords supérieur et inférieur de l'image, vous verrez que les choses semblent un peu étranges, et c'est à cause du problème que j'ai mentionné au début du tutoriel avec le filtre Motion Blur ayant des problèmes autour des bords. Pas de soucis cependant car nous avons ajouté de l'espace supplémentaire autour des bords, donc aucune de ces zones problématiques n'affectera notre photo. En fait, nous allons le recadrer à la toute prochaine étape.
Étape 11: Recadrez l'espace de toile supplémentaire
Maintenant que nous avons appliqué notre filtre Motion Blur, nous pouvons supprimer l'espace de toile supplémentaire que nous avons ajouté plus tôt. Pour ce faire, faites un clic droit (Win) / Ctrl-clic (Mac) directement sur la vignette de "Layer 1" dans la palette des calques:
"Clic droit" (Win) / "Contrôle-clic" (Mac) sur la vignette du calque 1 dans la palette Calques.
Le calque 1 est la copie de notre calque d'arrière-plan et il contient notre image d'origine avant d'ajouter l'espace de toile supplémentaire. Lorsque vous cliquez avec le bouton droit sur (Win) ou faites un Ctrl-clic (Mac) sur sa miniature, vous verrez une sélection apparaître à l'intérieur du document qui est la taille exacte de notre image originale:
Une sélection apparaît à l'intérieur du document.
Il ne nous reste plus qu'à aller dans le menu Image en haut de l'écran et sélectionner Recadrer . Photoshop recadrera l'image autour de la sélection, supprimant l'espace de travail supplémentaire et ramenant notre image à sa taille d'origine.
Une fois l'image recadrée, appuyez sur Ctrl + D (Win) / Commande + D (Mac) pour supprimer la sélection de l'écran.
Étape 12: Changez le mode de fusion du calque de bruit en "écran"
Nous avons presque fini. Le seul problème qui reste est que la couche de bruit bloque toujours notre image d'origine de la vue. Pour la mélanger avec l'image et nous donner notre effet de pluie, tout ce que nous devons faire est de changer le mode de fusion de la couche de bruit. Sélectionnez le calque de bruit ("Calque 2") dans la palette Calques. Ensuite, montez dans le coin supérieur gauche de la palette Calques, cliquez sur la flèche pointant vers le bas à droite du mot "Normal", qui est le mode de fusion par défaut, et sélectionnez Écran dans la liste:
Modifiez le mode de fusion de la couche de bruit de "Normal" à "Écran".
Dès que vous changez le mode de fusion, la photo originale devient visible dans le document et notre bruit flou de mouvement devient la pluie!
Si vous souhaitez affiner l'effet de pluie, il vous suffit de double-cliquer à nouveau sur la vignette du calque de réglage Niveaux dans la palette Calques pour ramener la boîte de dialogue Niveaux et réajuster les curseurs noir et blanc jusqu'à ce que vous soyez satisfait du effet de pluie. Cliquez sur OK lorsque vous avez terminé pour en sortir.
Voici mon dernier effet pluie:
L'effet final.
Et voilà comment ajouter de la pluie à une photo dans Photoshop et éviter d'endommager votre appareil photo! Visitez notre section Effets photo pour plus de tutoriels sur les effets Photoshop!