Create a Haunted House Scene with Photoshop

In this tutorial I’ll show you how to create a haunted house scene with Photoshop.

You’ll learn how to combine different images together, add moonlight and create a dark and haunting atmosphere.

Final Image

Create a Haunted House Scene with Photoshop

Tutorial Details

  • Program : Photoshop CS3+
  • Estimated Completion Time : 90 minutes
  • Difficulty : Intermediate

Resources

Step 1

Create a new document in Photoshop with the following settings:

Create a Haunted House Scene with Photoshop 1

Step 2

Open the sky image. Drag it into the white canvas using the Move Tool (V) :

Create a Haunted House Scene with Photoshop 2

Go to Filter > Blur > Gaussian Blur and set the radius to 4px to soften the sky a bit:

Create a Haunted House Scene with Photoshop 3

Step 3

Use an adjustment layer and set it as Clipping Mask to change the sky color a little. Go to Layer > New Adjustment Layer > Hue/Saturation :

Create a Haunted House Scene with Photoshop 4

Create a Haunted House Scene with Photoshop 5

Step 4

Use a Curves adjustment layer to darken the sky:

Create a Haunted House Scene with Photoshop 6

Step 5

Cut out the moon from the original image and place it onto the top middle of the sky:

Create a Haunted House Scene with Photoshop 7

Apply a Gaussian Blur of 4px to the moon:

Create a Haunted House Scene with Photoshop 8

Step 6

Create a Color Balance adjustment layer (set as Clipping Mask) to change the moon color:

Create a Haunted House Scene with Photoshop 9

Use a Curves adjustment layer to brighten the moon as it looks too dark now:

Create a Haunted House Scene with Photoshop 10

Step 7

To add a glowing effect to the moon, double click the moon layer, choose Outer Glow and Inner Glow :

Create a Haunted House Scene with Photoshop 11

Create a Haunted House Scene with Photoshop 12

Step 9

Make a Photo Filter adjustment layer (set as Clipping Mask) to change the house color:

Create a Haunted House Scene with Photoshop 15

Step 10

Use a Curves adjustment layer to darken the house. On its layer mask, use a soft black brush to erase the upper part as it gets light from the moon:

Create a Haunted House Scene with Photoshop 16

Add another Curves adjustment layer to darken the lower part of the house. On this layer mask, use a soft black brush to erase the selected parts below:

Create a Haunted House Scene with Photoshop 17

Step 11

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

Create a Haunted House Scene with Photoshop 18

Activate the Dodge Tool (O) with Midtones Range, Exposure about 10-15% to brighten some areas of the roof. You can see how I did in Normal mode and the result in Overlay mode:

Create a Haunted House Scene with Photoshop 19

Step 12

Isolate the crow from the original image and place him onto the roof:

Create a Haunted House Scene with Photoshop 20

Step 13

Use a Hue/Saturation adjustment layer (set as Clipping Mask) to desaturate the crow :

Create a Haunted House Scene with Photoshop 21

Step 14

Use a Curves adjustment layer to brighten the crow:

Create a Haunted House Scene with Photoshop 22

Step 15

Make a new layer with the settings as in step 11. Use the Dodge Tool to brighten the upper part of the crow:

Create a Haunted House Scene with Photoshop 23

Step 16

Double click the crow layer, choose Inner Shadow and pick white for the color of the shadow:

Create a Haunted House Scene with Photoshop 24

Create a Haunted House Scene with Photoshop 25

Step 17

To make a shadow for the crow, create a new layer under the crow layer. Hold the Cmd/Ctrl and click the crow thumbnail layer to load its selection:

Create a Haunted House Scene with Photoshop 26

Fill this selection with black and flip it vertically (Edit > Transform > Flip Vertical) . Move it under the crow’s feet and use the Free Transform Tool (Cmd/Ctrl+T) to tweak it as shown below:

Create a Haunted House Scene with Photoshop 27

Lower the opacity to 70% and use a layer mask to reduce the shadow intensity at the top:

Create a Haunted House Scene with Photoshop 28

Apply a Gaussian Blur of 3px to soften the shadow:

Create a Haunted House Scene with Photoshop 29

Step 18

Open the bats image. Isolate them from the background using the Magic Wand Tool (W) . Select different bats and add them to the sky and the roof, transform them if needed. Apply a Gaussian Blur of 4px to some of them to create depth for the scene:

Create a Haunted House Scene with Photoshop 30

Step 19

Add a bat to the lower left of the scene, increase its size and apply a Gaussian Blur of 8px to it:

Create a Haunted House Scene with Photoshop 31

Step 20

Select all the bat layers and press Cmd/Ctrl+G to make a group for them. Change the mode of this group from Pass Through (default group mode) to Normal 100% . Use a Hue/Saturation adjustment layer to desaturate the bats:

Create a Haunted House Scene with Photoshop 32

Step 21

Use a Curves adjustment layer to increase the contrast of the bats, especially the lower ones. On this layer mask, use a soft black brush to erase the bats in the sky to keep their lightness:

Create a Haunted House Scene with Photoshop 33

Create a Haunted House Scene with Photoshop 34

Step 22

Make another Curves adjustment layer to increase the light on the bats. On this layer mask, use a soft black brush to erase the lower part of the bats and leave the light visible on the upper side.

Create a Haunted House Scene with Photoshop 35

Create a Haunted House Scene with Photoshop 36

Step 23

Use a Levels adjustment layer to enhance the highlights on the bats:

Create a Haunted House Scene with Photoshop 37

Create a Haunted House Scene with Photoshop 38

Step 24

Cut out the tree and place it at the upper left of the scene, above the house:

Create a Haunted House Scene with Photoshop 39

Add a mask to this layer and erase the lower branches:

Create a Haunted House Scene with Photoshop 40

Step 25

Use a Curves adjustment layer (set as Clipping Mask) to darken the tree. On this layer mask, use a soft brush to erase the part near the crow and moon to keep the lightness there:

Create a Haunted House Scene with Photoshop 41

Step 26

Drag the sky 2 image into our working document:

Create a Haunted House Scene with Photoshop 42

Add a mask to this layer and use a soft black brush to remove the hard edges and reduce the sky intensity to create some mist to the scene:

Create a Haunted House Scene with Photoshop 43

Step 27

Use a Curves adjustment layer to darken the mist. On this layer mask, use a soft black brush to erase the following parts to make the effect there more visible:

Create a Haunted House Scene with Photoshop 44

Step 28

It’s time for coloring the scene. Create a Gradient Map adjustment layer on the top of the layers and change the mode to Soft Light 100% :

Create a Haunted House Scene with Photoshop 45

Create a Haunted House Scene with Photoshop 46

Step 29

Use a Color Balance adjustment layer to change the whole scene color:

Create a Haunted House Scene with Photoshop 47

Create a Haunted House Scene with Photoshop 48

Step 30

Make a Curves adjustment layer and decrease the lightness. On this layer mask, use a soft black brush to erase around the picture except the left side and a small area at the lower right of the house:

Create a Haunted House Scene with Photoshop 49

Create a Haunted House Scene with Photoshop 50

And We’re Done!

I hope that you enjoyed the tutorial.

Create a Haunted House Scene with Photoshop