www 101

All you need to know about the internet

Have a Question?

If you have any question you can ask below or enter what you are looking for!

How to Create a Crime Encounter Photo Manipulation With Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial I’ll show you how to use Adobe Photoshop to create a dramatic night scene. You’ll learn how to combine several stock images into a cohesive scene, increase the depth, add rain using rain brushes, paint raindrops, make dramatic light and color, and more.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Build the Base Environment

Step 1

Create a new 2000 x 1231 px document in Photoshop with the given settings:

new file

Step 2

Open the street 1 image. Drag this image into the main document using
the Move Tool (V). Place it on the left half of the white canvas.

add street 1

Step 3

Go to Filter > Blur > Gaussian Blur and set the Radius to 7 px. This step is to add some depth to the scene.

street 1 gaussian blur

Step 4

Go to Layer > New Adjustment Layer > Curves and set it as Clipping
Mask
.  Decrease the lightness, and on this layer mask, activate the
Brush Tool (B)
and choose a soft round one with black color (soft black
brush). Use this brush to erase the middle of the street, especially the ground and the
details which are towards the light as well.

street  1 curves
street curves 1 masking

Step 5

We need to reduce the light of the lamps, so create a new layer and use a
soft brush with the color #625448 and Opacity about 30-35% to paint
around the lamps.

street 1 reduce lamp light

Step 6

Create a new layer, change the mode to Overlay 100%, and fill with 50% gray:

Dodge Tool new layer

Select the Dodge Tool (O) with Midtones Range and Exposure about 10-15% to
paint more light for some details of the building below the lamps. You
can see how I did it with Normal mode and the result with Overlay mode.

Dodging normal mode
dodging overlay mode

Step 7

Drag the street 2 image into our document and set it below the street 1 image.
Place the part with the light in the top right of the canvas as the
screenshot below shows.

add street 2

Step 8

Apply a Gaussian Bur of 4 px to this street layer to give it some softness.

street 2 gaussian blur

2. How to Retouch the Man in the Foreground

Step 1

Drag the man 1 image into our working document and click the second
icon at the bottom of the Layers panel to add a mask to this layer. Use a
medium-soft black brush to remove the dark background and reveal the
streets.

add man 1
man 1 masking

Step 2

Make a Curves adjustment layer (set it as Clipping Mask) to reduce the
highlight on the man, especially the cheeks and shirt. On this layer
mask, use a soft black brush to erase the dark effect on the shadow
areas or any details you feel are too dark.

man 1 curves 1
man 1 curves 1 masking
man 1 curves 1 masking result

Step 3

Create another Curves adjustment layer to bring more light to the shadow
areas of the man. Paint on the highlight areas so they won’t be
affected by this adjustment layer.

man 1 curves 2

Step 4

Add a new layer, change the mode to Overlay 100%, and fill with 50% gray.
Select the Dodge and Burn Tool to refine the light and shadow on the
man, especially to increase the expression in his eyes.

man 1 DB normal mode
man 1 DB overlay mode

Step 5

Make a new layer and use a small medium-soft white brush to paint light
on the bottom of the man’s eye ( the one in the shadow area). Lower the
Opacity of this layer to 50% and use a layer mask to make it fade into
the eyes.

eye highlight showing
eye highlight result

Step 6

Create a new layer and use a small hard brush with the color #9e9e9e to paint more beard for the man.

man 1 beard

3. How to Add the Policeman 

Step 1

Cut out the policeman from the man 2 image and add him to the street
background. Set this layer below the man 1 layer and apply a Gaussian
Blur
of 7 px to match his blur and softness with the street.

add cop man

Step 2

To make a shadow for this man, create a new layer under the man’s layer.
Hold Control and click the man layer to load his selection.

load cop selection

Fill this layer with the color #0f0f0f and flip it vertically (Edit >
Transform > Flip Vertical
). Use the Free Transform Tool (Control-T)
to enlarge the top of the shadow and change the direction of the shadow a
bit to fit the direction of the lamps.

cop shadow transforming

Step 3

Apply a Gaussian Blur of 7 px to this layer and use a layer mask to reduce the visibility of the top of the shadow.

cop shadow masking

Step 4

Create a new layer above the policeman layer, change the mode to Overlay
100%
, and fill with 50% gray. Use the Dodge Tool to paint more light for
some details of the man’s contour, and use the Burn Tool to strengthen the
shadow on the gun and one of his trouser legs.

cop man DB

4. How to Paint the Rain and Raindrops

Step 1

Make a new layer on top of the layers. Change the foreground to white
and the brush to the rain ones. Select a rain brush with a medium
intensity to spot over the canvas. After that, convert this layer to a
Smart Object. Here is my choice:

rain brush

Step 2

Apply a Gaussian Blur of 5 px to the rain layer. On the filter mask, use
a soft black brush to recover the rain on the man and some on the
street, leaving some blurred rain on the background to fit the softness of this place.

rain gaussian blur
rain filter mask masking
rain filter masking result

Step 3

Create a new layer and use a small medium-soft white brush to paint some
raindrops on the man’s face. The light on the drops should follow the
light of the background.

paint rain drops

5. How to Make the Final Adjustments

Step 1

Create a Gradient Map adjustment layer on top of the layers and pick the colors #1f1203 and #2c85e9.

whole scene gradient map

Step 2

Add a Color Balance adjustment layer and change the Midtones and Highlights settings:

whole scene color balance midtones
whole scene color balance  highlight

Step 3

Make a Curves adjustment layer to increase the scene’s contrast.

whole scene curves 1

Step 4

To change the light and color of the street background, use the Lasso
Tool (L)
to select this area and set the feather for this selection to
50:

street selection

Go to Layer > New Adjustment Layer > Channel Mixer and alter all the Red, Green and Blue values:

channel mixer 1 red
channel mixer 1 green
channel mixer 1 blue

Step 5

Load
the Channel Mixer layer mask by holding Control and clicking the mask
thumbnail. Create a Color Balance adjustment layer with this selection
to strengthen the gold light.

whole scene color balance 2 midtones
whole scene color balance 2 highlight

Step 6

Make another Channel Mixer adjustment layer and alter the Blue values to change the blue on the right to green.

channel mixer 2

Step 7

Create a new layer and use a soft brush with the color #140908 to darken
the left edge of the scene. Lower the Opacity of this layer to 50% so
the effect appears subtler.

darken edges
darkened edges result

Step 8

Add another Curves adjustment layer to darken and change the color of
the whole scene a bit. On the layer mask, paint over the man 1 area so
it won’t be affected by this adjustment layer.

whole scene curves 3
whole scene curves 3 masking result

Congratulations, You’re Done!

I hope that you’ve enjoyed the tutorial and learned something new for
your own projects. Feel free to share your results or leave comments in
the box below. Enjoy Photoshopping!

final result