Advertisement

Create a Dark and Rainy Crime Scene in Photoshop

by
Student iconAre you a student? Get a yearly Tuts+ subscription for $45 →

We can all imagine what a dark and rainy crime scene looks like. We have all scene them in television and movies. Today, we will learn how to use different tools and techniques to create a scene of our own in Photoshop.


Resources Used

You can download the following textures from the links below. Just sign up for free to download the image.


Step 1

First, create a new file with a size of 900 x 700 px and a resolution of 300 ppi.


Step 2

Next, open Brick.jpg then resize it and duplicate it as shown below. We did this because we need smaller looking bricks to be more realistic with this scale. Make sure to overlap each layers seamlessly so that it looks like as a one big wall. Merge all the layers and name it as "Wall."


Step 3

Desaturate the "Wall" layer. To do this go to Image > Adjustments > Desaturate or use the shortcut keys Shift + Cmd/Ctrl + U. After that, go to Image > Adjustments > Levels, Cmd/Ctrl + L and change the values with the ones indicated below.


Step 4

Next, use the Burn tool (O) as indicated below.


Step 5

Using the Rectangular Marquee tool (M), make a rectangle (a), then fill it #000000. Next, using a soft brush with #ffffff, apply subtle amounts in the areas indicated below, (b).

Using the Brush tool (B), make a curtain-like silhouette on the left-side of the rectangle.

After that, open the files Splattersmear.jpg and Splatterlong.jpg, then resize then inside the rectangle.


Step 6

Next, open the file Window.jpg. Using the Rectangular Marquee tool (M), select only the window from the image, (a). Next, using the Magic Wand tool (W), select the glass paneling of the window then hit delete (b), this will leave only the frame of the window, (c). Next, desaturate the image. To do this, go to Image > Adjustments > Desaturate or use the shortcut keys Shift + Cmd/Ctrl + U, (d). The final step is to change the Levels of the image, to do this go to Image > Adjustments >Levels, Cmd/Ctrl + L and change the values with the ones indicated below, (e).

Place the window frame as shown below.


Step 7

Next we'll add the garbage container, to do this open Garbagecontainers.jpg. Using the Pen tool (P), select the garbage container leaving the background behind, right-click and select Make Selection from the drop-down menu and from there change the feather radius to 0 px then hit OK, (a). Next by using the Burn tool (O), burn the areas indicated below, (b). The final effect should look like (c).

Place the garbage container in the lower right corner of our image. The final effect should look like the one shown below.


Step 8

Next is to add the Air conditioner. Open Aircon.jpg, using the the Pen tool (P) make a path all over the outline of the air conditioner including the support structure. Right-click and make a selection from the drop-down menu and press OK, (a). Next, using the Burn tool (O), burn the areas indicated below, (b). Finally, using the Brush tool (O), set to 20 px and hardness 90%, draw some shadows under the air conditioning and the support member. After that go to Filter > Blur > Gaussian Blur and apply the indicated value below, (c)

The final effect is shown below but the image looks rather flat, so for the following steps we need to add some shading and highlights.


Step 9

Using the Burn tool (O), burn the areas indicated below.

Next, using the Brush tool (B) with a size of 60 px and Hardness of 0%, brush the areas indicated below. After that, decrease its opacity level to 50%.


Step 10

Next, using the Polygonal Lasso tool (L), draw a shape like the one shown below, then using the Paint Bucket tool (G), fill the entire selection with #ffffff.

Now go to Filter > Blur > Gaussian Blur and change the value for the radius to 60 px.

Next, using the Eraser tool (E), erase the areas indicated below.

The final effect should look like the one shown below.

Next, we'll add some light rays for that extra effect. To do this, use the Pen tool to draw the paths which is then defined to use the Brush tool with a Master Diameter of 19 px and a Hardness of 0%.

Next, go to Filter > Blur > Gaussian Blur and change its radius to 20 px.

The final effect should look like the one shown below.

Next, by using the Brush tool (B) with a size of 15 px, draw some lines like as shown below.

Next go to Filter > Blur > Gaussian blur and change its radius to 30 px. After that decrease its opacity level to 40%.


Step 11

Next, create a new layer and fill it with #000000. Go to Filter > Render > Clouds. Set this layer's blend mode to Overlay.

So far so good, the final effect should look like the one shown below.

Next using the Brush tool (B) with color #000000, Master Diameter of 175 px and Hardness of 0%, brush the areas indicted below, then decrease its opacity level to 60%.

Add a new layer and fill it with #006773 then set its Blend mode to Soft Light and Opacity level to 50%.

The final effect should look like the one shown below.


Step 12

Next add a new layer and name it "Rain." Now using the Paint Bucket tool (G), fill the entire layer with #000000. Next, go to Filter > Render > Fibers and follow the indicated values as shown below.

Next, press Cmd/Ctrl + T to activate the resizing tool, rotate this layer to about 45 degrees as shown below. After that, set its Blend Mode to Overlay and decrease its Opacity level to 20%.

Note: If you would like to use another method to create rain, check out this tutorial How to Create a Photo Manipulation of a Flooded City Scene or this one How to Turn Humdrum Photos into Cinematic Portraits.


Final Image

That's it! I Hope you had fun producing our Crime Scene image.

Advertisement