Create a rainy night scene in Photoshop

In this tutorial, I will show you how to create a rainy night scene in Photoshop. We will use the image of a rainy night street as the basis for our composition, then we will add a woman holding an umbrella and a bag in her hand. After that, we will write the woman into the scene, and you will learn how to paint the light and the rain effect using textures and brushes. Complete the lesson and create a nightly rainy scene using various collageing techniques.

1. Adding a rainy street

Step 1

Create a new document in Photoshop through the menu File> New (File> New) and specify the following values:

Step 2

Place the street image in the main document through the menu File> Place Embedded (File> Place embedded). After adding the street image to the main document, you may notice unwanted areas (highlighted in red circles) that I don’t like.

Create a new layer and name it. Cloning. Activate the tool Clone stamp tool (Stamp) (S). On the options panel, set the sample Current Below (Current and lower), as a sample, we will have only the image below, which is the street. Now stamp the unwanted parts. See below for how I converted this image.

Step 3

Create an adjustment layer Color balance (Color Balance) and change the color of the street using the following settings. You can create an adjustment layer by clicking the third icon at the bottom of the layers panel.

Result:

2. Adding a woman

Step 1

Separate the woman from the background and place it in the main document.

Step 2

You probably noticed that the umbrella is white, and I would like the umbrella to be dark blue or black, but it is white. I’m going to darken it by reducing the brightness. To do this, create an adjustment layer. Curves (Curves) and reduce the brightness using the following parameters. Do not forget to use this layer as a clipping mask for a woman (click on the icon highlighted in red).

Since we applied an adjustment layer to the umbrella Curves (Curves), then we need to remove the effect on the rest of the part highlighted in red. Select layer mask Curves (Curves) and erase the effect using a soft black round brush on the details highlighted in red. In addition, I reduced Opacity (opacity) adjustment layer Curves (Curves) up to 69%.

Result:

Step 3

Now add color to the woman using the adjustment layer. Color balance (Color Balance).

On the layer mask Color balance (Color Balance), I masked the effect (a little) on an umbrella with a soft round black brush.

Step 4

Create a new layer as a clipping mask for the layer with the woman. Now draw the reflected light from the street lights on the woman.

Basically, I used two colors: dark purple (# 37263f) and yellow (# a68d64). I walked in dark purple on the lower left side, because there is a dark blue light and, using yellow, drew the light on the model’s hands and on the package that she carries. All these highlights are drawn with a soft round brush with Opacity (Opacity) and Flow (Push) about 30-40%.

Below you can see what happened:

I changed the blending mode to Color dodge (Lightening basics) and reduced Opacity (Opacity) up to 62%. Opacity reduction depends only on you and on how much light you want to see. So if you want more light, increase the opacity or you can leave it 100% or vice versa.

Create a new layer as a clipping mask layer with a woman. Now change the blending mode to Overlay (Overlap) and using a soft white round brush, paint some more highlights.

If necessary, you can reduce the opacity of the layer.
Here is the result:

3. Adding Texture Rain

Step 1

Place texture rain in the main document. If you want to change the direction of the rain, you can turn the texture left or right with the transformation tools. Transform Tool (Transformation) (Ctrl + T).

Set the rain texture overlay mode to Screen (Screen) 100%.

Step 2

Use adjustment layer Levels (Levels) to control the visibility of the raindrops, and use this layer as a clipping mask. Remember, the more you drag the black slider to the right, the less visible the raindrops will be.

Here are the settings:

Result

Step 3

Use adjustment layer Color lookup (Color Search) and change the color and contrast of the entire scene.

Result:

Step 4

Create a new layer and name it. Blackout umbrella. Take a black soft round brush and paint over an umbrella to darken it. Do not forget to load the selection of the woman, to be sure that you do not draw on the background.

Create another layer and name it. Lightening umbrella. This time, change the blending mode to Overlay (Overlap) and using a soft round brush, paint a few highlights on the umbrella using white.

Draw a couple more highlights

Step 5

Create another layer and name it. Umbrella lighting. Paint the light using the white color on the left side of the umbrella and the color # babo7b on the right side.

Set the blending mode to Overlay (Overlap)

Step 6

Create an adjustment layer Curves (Curves) and reduce the brightness

On the mask of this layer, I removed the layer effect on the rest of the background, but left the effect on individual parts to darken it. Do not forget to use a soft round brush in black for masking.

4. Adding raindrops

Step 1

Now we are going to add raindrops hitting the umbrella, and also make a drop from the bag. To do this, I used an image raindrops, and you may notice that I have placed the image raindrops in the main document with overlay mode Screen (Screen).

Add a mask to the image raindrops, clicking on the second icon at the bottom of the layers panel. Now we will hide most of the bottom, which looks like glass, using a soft round brush in black.

Step 2

Now move it to the umbrella and don’t forget to set it up with the transformation tools. Transform Tool (Transformation) (Ctrl + T).

Similarly duplicate the layer raindrops several times and add raindrops around the umbrella. When adding drops, keep in mind that you need to adjust them according to the shape of the umbrella and do not add too many drops on the left side. Also, remember to use a layer mask to create a random effect and avoid a repetitive effect.

Here you can see what happened:

Step 3

Now you have a lot of layers with drops. Select all the layers with raindrops and press CTRL + E to merge them. Now use an adjustment layer. Hue/Saturation (Hue / Saturation) to change color.

Result

Step 4

Similarly, I added the effect of water on the package. Below you can see how I did it.

And here is the final result:

Like this post? Please share to your friends: