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.

Écrit par Steve Patterson.

La plupart d’entre nous préféreraient éviter d’être pris sous la pluie si possible, surtout si nous avons nos appareils photo avec nous. Mais que faire si vous faites partie du grand nombre de personnes qui aiment prendre des photos de la météo ? Même si la photographie du temps n’est pas votre principal intérêt, il est indéniable que la pluie ajoute une toute nouvelle dimension à vos images. Alors, comment capturer des photos de la pluie sans mouiller votre appareil photo ? Attendez qu’il cesse de pleuvoir, prenez la photo, puis rajoutez la pluie à l’aide de Photoshop, ce qui est exactement ce que nous allons apprendre à faire.

Cette version du tutoriel est pour Photoshop CS5 et antérieur. 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 :

La photo originale.

L’image originale.

Et voici la même image après avoir ajouté la pluie dans Photoshop. C’est vraiment en train de tomber dehors !

Effet de pluie Photoshop. Image copyright © 2008 Photoshop Essentials.com.

Le résultat final.

Ce tutoriel fait partie de notre série Effets photo. Commençons !

Comment créer un effet de pluie avec Photoshop

Étape 1 : Dupliquer 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 des calques que nous avons actuellement un calque, qui est nommé Arrière-plan. Ce calque contient notre image originale :

Photoshop photo effects tutorial image.

La palette des calques dans Photoshop nous montrant l’image originale sur le calque Background.

Nous devons créer une copie de ce calque, alors utilisons le raccourci clavier rapide, Ctrl+J (Win) / Command+J (Mac). Rien ne semblera s’être produit dans la fenêtre du document, mais si nous regardons à nouveau dans notre palette des calques, nous pouvons voir que nous avons maintenant deux calques – le calque d’arrière-plan original en bas, et une copie de celui-ci, que Photoshop a nommée « Calque 1 », au-dessus de lui :

Photoshop photo effects tutorial image.

Dupliquez le calque d’arrière-plan en appuyant sur « Ctrl+J » (Win) / « Command+J » (Mac).

Étape 2 : Ajouter un peu d’espace de toile supplémentaire autour de l’image

La prochaine chose que nous allons faire est d’ajouter un peu d’espace de toile supplémentaire autour de l’image. La raison est que nous allons utiliser le filtre « Motion Blur » sur l’image, et le filtre Motion Blur a tendance à rencontrer des problèmes lorsqu’il traite les bords, donc nous allons lui faciliter les choses en lui donnant un peu plus d’espace autour des bords pour travailler. Vous verrez ce que je veux dire plus tard, mais pour l’instant, ajoutons un peu d’espace supplémentaire dans la toile. Mais avant cela, réinitialisons les couleurs d’avant-plan et d’arrière-plan dans Photoshop en appuyant sur la touche D du clavier. Cela définit le noir comme couleur d’avant-plan et le blanc comme couleur d’arrière-plan. Nous pouvons voir cela dans les nuanciers de couleurs près du bas de la palette Outils:

Photoshop photo effects tutorial image.

Réinitialiser les couleurs d’avant-plan et d’arrière-plan.

Maintenant, ajoutons notre espace de toile. Pour cela, nous allons utiliser l’outil de recadrage. Sélectionnez-le dans la palette d’outils, ou appuyez simplement sur C sur votre clavier:

Photoshop photo effects tutorial image.

Sélectionnez l’outil de recadrage.

Puis, 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 s’affichant à l’intérieur d’une fenêtre de document, appuyez sur F sur votre clavier pour passer Photoshop en mode plein écran avec barre de menu, ce qui facilitera les choses. Ensuite, il suffit de cliquer à l’extérieur du coin supérieur gauche de l’image et de faire glisser vers le bas 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. Si vous maintenez la touche Alt ou Option enfoncée, Photoshop déplace les poignées des deux côtés à la fois, ce qui nous facilite la tâche. Ajoutez un ou deux centimètres de plus 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 souciez pas d’ajouter trop d’espace, car nous le recadrerons plus tard de toute façon. Pour l’instant, il vaut mieux en ajouter trop que pas assez :

Photoshop photo effects tutorial image.

Glissez les poignées pour ajouter plus d’espace de toile autour de l’image.

Quand vous avez fini de faire glisser les poignées, appuyez sur Enter (Win) / Return (Mac), et Photoshop remplira l’espace supplémentaire avec notre couleur d’Arrière-plan actuelle qui est le blanc:

Photoshop photo effects tutorial image.

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 des calques (vous pouvez dire quel calque est sélectionné par celui qui est surligné en bleu), cliquez sur l’icône Nouveau calque en bas de la palette des calques :

Photoshop photo effects tutorial image.

Cliquez sur l’icône « Nouveau calque » pour ajouter un nouveau calque vierge.

Photoshop ajoute un nouveau calque vierge pour nous 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 vierge, mais nous pouvons voir le nouveau calque en haut de la palette des calques. Photoshop le nomme  » Calque 2  » :

Photoshop photo effects tutorial image.

Le nouveau calque vierge en haut de la palette des calques.

Étape 4 : Remplir le nouveau calque avec du noir

Nous allons remplir le nouveau calque avec du noir. Puisque le noir est actuellement notre couleur d’avant-plan, nous pouvons utiliser le raccourci clavier facile Alt+Backspace (Win) / Option+Delete (Mac), qui indique à Photoshop de remplir le calque avec notre couleur d’avant-plan.

L’image apparaîtra maintenant remplie d’un noir solide, cachant temporairement notre photo à la vue.

Étape 5 : Ajouter du bruit au calque

Allez 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 à entrer, il suffit d’en ajouter beaucoup. Je vais faire glisser mon montant jusqu’à environ 150 %. Assurez-vous également que l’option Monochromatique en bas est cochée :

Photoshop photo effects tutorial image.

Ajouter du bruit au calque rempli de noir.

Cliquez sur OK lorsque vous avez terminé pour appliquer le bruit à l’image et sortir de la boîte de dialogue.

Étape 6 : Appliquez le filtre flou gaussien au bruit

Nous devons ajouter une petite quantité de flou au bruit, alors remontez dans le 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, c’est d’une légère quantité de flou, alors entrez une valeur d’environ 0,5 pour la valeur Radius, puis cliquez sur OK pour sortir de la boîte de dialogue :

Photoshop photo effects tutorial image.

Appliquez le filtre flou gaussien au bruit.

Étape 7 : Ajoutez un calque de réglage des niveaux

Souvenez-vous comment je viens de finir de vous dire d’ajouter beaucoup de bruit à l’image ? Eh bien, maintenant nous en avons beaucoup trop, mais nous allons corriger cela en utilisant les niveaux. Nous allons utiliser un calque de réglage afin de pouvoir revenir en arrière et modifier les paramètres de Niveaux à tout moment. Nous voulons également nous assurer que notre couche d’ajustement Niveaux n’affecte que la couche de bruit et n’a aucun effet sur les autres couches, donc pour cela, maintenez votre touche Alt (Win) / Option enfoncée et cliquez sur l’icône Nouvelle couche d’ajustement en bas de la palette des couches :

Image du tutoriel d'effets photo de Photoshop.

Maintenez la touche « Alt » (Win) / « Option » (Mac) et cliquez sur l’icône « Nouveau calque de réglage ».

Puis faites glisser votre souris vers le haut et sélectionnez Niveaux dans la liste des calques de réglage:

Photoshop photo effects tutorial image.

Sélectionnez « Niveaux » dans la liste.

Puisque nous avons maintenu notre touche Alt/Option enfoncée, Photoshop fera apparaître 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 seulement que ce calque de réglage Niveaux affecte le calque 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 le masque d’écrêtage :

Image du tutoriel sur les effets photo de Photoshop.

La boîte de dialogue  » Nouveau calque  » de Photoshop.

Cliquez sur OK dans le coin supérieur droit pour sortir de la boîte de dialogue, et Photoshop ajoute le calque de réglage Niveaux pour nous. Il fait également apparaître la boîte de dialogue Niveaux, que nous examinerons ensuite.

Étape 8 : Réduire la quantité de bruit et augmenter son contraste

Nous allons utiliser Niveaux pour à la fois réduire la quantité de bruit que nous avons et augmenter le contraste du bruit qui reste. Lorsque la boîte de dialogue Niveaux est ouverte, vous verrez un grand graphique dans la moitié supérieure. Il s’agit d’un histogramme. Nous n’avons pas besoin d’entrer dans les détails 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.

Comme vous le faites, 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 :

Image du tutoriel sur les effets photo de Photoshop.

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 tout seul lorsque vous ferez glisser ceux du noir et du blanc. Vous pouvez utiliser la capture d’écran ci-dessus comme guide pour savoir jusqu’où 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 :

Image du tutoriel sur les effets photo de Photoshop.

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 en haut à droite de la boîte de dialogue Niveaux lorsque vous avez terminé pour en sortir.

Étape 9 : Appliquez le filtre flou de mouvement au bruit

Tout ce bruit qui reste dans notre image va devenir notre pluie. Cela ne ressemble pas encore beaucoup à de la pluie, mais nous allons l’aider en appliquant le filtre « Motion Blur », qui va donner à notre pluie un certain mouvement et une certaine direction. Avant de pouvoir appliquer le filtre au bruit, nous devons d’abord le sélectionner dans la palette des calques, puisque nous avons actuellement sélectionné le calque de réglage Niveaux. Cliquez sur le « calque 2 » pour le sélectionner :

Photoshop photo effects tutorial image.

Sélectionnez le calque de bruit dans la palette des calques.

Maintenant que nous avons le bon calque sélectionné, remontez dans le 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 dans laquelle la pluie tombe en ajustant l’option Angle. Je vais régler mon angle à environ 60°. Ensuite, entrez une valeur d’environ 50 pixels pour la Distance, bien que vous puissiez avoir besoin d’expérimenter un peu avec cette valeur en fonction de la taille de votre image, mais 50 pixels fonctionne bien pour une photo standard 4×6 :

Photoshop photo effects tutorial image.

Définissez la direction dans laquelle la pluie va tomber dans l’option « Angle », puis réglez la « Distance » à environ 50 pixels.

Cliquez sur OK pour sortir de la boîte de dialogue.

Étape 10 : Réajustez les curseurs de noir et de blanc dans Niveaux selon les besoins

Selon la distance à laquelle vous avez fait glisser vos curseurs de noir et de blanc dans la boîte de dialogue Niveaux plus tôt, votre bruit peut maintenant avoir complètement disparu dans votre image après avoir appliqué le filtre Motion Blur. 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 des calques :

Image du tutoriel sur les effets photo de Photoshop.

Retournez la boîte de dialogue Niveaux en double-cliquant sur sa vignette dans la palette des calques.

Ceci ramène la boîte de dialogue Niveaux, et comme 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 aurez probablement besoin de faire glisser le curseur noir un peu vers la gauche afin de ramener votre bruit à la vue, et vous voudrez peut-être faire glisser le curseur blanc un peu plus vers la gauche également pour ajouter plus de contraste :

Image du tutoriel d'effets photo de Photoshop.

Faites glisser les deux curseurs noir et blanc plus vers la gauche pour ramener le bruit en vue dans l’image.

Encore, vous pouvez utiliser la capture d’écran ci-dessus comme un guide, mais vous êtes mieux d’expérimenter avec les curseurs tout en gardant un œil sur votre image. Une fois que vous avez réussi à faire revenir le bruit, cliquez sur OK pour sortir de la boîte de dialogue. Votre image devrait maintenant ressembler à quelque chose comme ceci:

Photoshop photo effects tutorial image.

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 ont l’air un peu étranges, et c’est à cause du problème que j’ai mentionné au début du tutoriel avec le filtre Flou de mouvement ayant des problèmes autour des bords. Ne vous inquiétez pas, car nous avons ajouté de l’espace supplémentaire autour des bords, de sorte qu’aucune de ces zones problématiques ne va affecter notre photo. En fait, nous allons la recadrer dans la toute prochaine étape.

Étape 11 : Recadrer l’espace de toile supplémentaire

Maintenant que nous avons appliqué notre filtre Motion Blur, nous pouvons recadrer l’espace de toile supplémentaire que nous avons ajouté plus tôt. Pour ce faire, cliquez avec le bouton droit de la souris (Win) / Control-clic (Mac) directement sur la vignette du  » calque 1  » dans la palette des calques :

Image du tutoriel sur les effets photo de Photoshop.

« Clic droit » (Win) / « Control-clic » (Mac) sur la vignette du calque 1 dans la palette des calques.

Le calque 1 est la copie de notre calque d’arrière-plan et il contient notre image originale avant que nous n’ajoutions l’espace de toile supplémentaire. Lorsque vous faites un clic droit (Win) ou un Control-clic (Mac) sur sa vignette, vous verrez apparaître une sélection à l’intérieur du document qui a la taille exacte de notre image originale :

Photoshop photo effects tutorial image.

Une sélection apparaît à l’intérieur du document.

Tout ce dont nous avons besoin maintenant, c’est d’aller dans le menu Image en haut de l’écran et de sélectionner Recadrer. Photoshop recadrera l’image autour de la sélection, en supprimant l’espace de toile supplémentaire et en ramenant notre image à la taille qu’elle avait au départ.

Une fois que vous avez recadré l’image, appuyez sur Ctrl+D (Win) / Command+D (Mac) pour supprimer la sélection de l’écran.

Étape 12 : Changez le mode de mélange du calque de bruit en « écran »

Nous avons presque terminé. Le seul problème restant est que le calque de bruit bloque toujours notre image originale de la vue. Pour le fondre dans l’image et nous donner notre effet de pluie, tout ce que nous devons faire est de changer le mode de fusion du calque de bruit. Sélectionnez le calque de bruit (« Calque 2″) dans la palette des calques. Ensuite, montez dans le coin supérieur gauche de la palette des 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 :

Photoshop photo effects tutorial image.

Changez le mode de fusion du calque 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 voulez affiner l’effet de pluie, il suffit de double-cliquer une fois de plus sur la vignette du calque de réglage des niveaux dans la palette des calques pour faire réapparaître la boîte de dialogue Niveaux et réajuster les curseurs noir et blanc jusqu’à ce que vous soyez satisfait de l’effet de pluie. Cliquez sur OK lorsque vous avez terminé pour en sortir.

Voici mon effet de pluie final :

Image du tutoriel sur les effets photo de Photoshop.

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 d’effets Photoshop!

Articles

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.