Create Gloomy House Scene in Photoshop

Create Gloomy House Scene in Photoshop
step6a
Here is the result I created after cleaning the twigs on the roof, replacing the lower window with the upper one, adding some shadow on some areas where needed. To add some shadow, we can paint over the part where the shadow should fall. Follow the original house image to define it. Use black color stroked with a very soft round brush with low opacity of 10-15%. After finding the desired result, select all the house layers and hit Ctrl+E to merge them into a single layer. Name the layer house.
step6b

Step 7

Now we will add a background for the scene. Firstly we should erase the cloud background of the original image as indicated in the redlined part.
step7a
Again to do this purpose, take the pen tool (P). Select the mentioned part to be erased. After selecting the part, hit del on the keyboard to delete it. Here are the results for your inspiration.
step7b

Step 8

We will give the house a more sharpening look. To do this, give this layer some filter: an unsharp mask. While being active on the house layer, go to filter > sharpen > unsharp mask. Set the filter like the one shown in the screenshot.
step8a
step8b
We have this result.
step8c

Step 9

Proceed to add some cloud texture for the background of the scene. Open the cloud image in the document. Position the cloud layer below the house layer.
step9a
Take the free transform tool (Ctrl+T). Scale the image to the size needed. We will take the brightest part of the cloud used as the cloud texture for the background. After scaling, place the brightest cloud in the upper position behind the left part of the roof’s house. Here is the result we have for inspiration.
step9b
Duplicate (Ctrl+J) the cloud layer. Move the duplicate to the position where the brightest cloud of the image is in the upper position behind the right part of the roof’s house.
step9c
Here is the result we should have:
step9e
Duplicate (Ctrl+J) the cloud layer once again and place the duplicate to cover the blank part with a cloud texture. This is the result I created. Select all the cloud layers and hit Ctrl+G to group them into a folder. Name this folder/group cloud BG.
step9f

Step 10

Next, we will fix the tree beside the house. We will add leaves for the tree.
step10a
To add the leaves for the tree, we will paint them for it using the brush (B) provided in photoshop. Take the brush tool (B) and open the brush panel to set the shape of the brush shape. Follow the setting as below:
step10b
step10c
step10d
step10e
step10f
After setting the brush, set the foreground color to #006113 and the background to #174f01. Create a new layer by hitting Shift+Ctrl+N. Name this new layer leaves. On this layer, stroke the brush on parts where the leaves should be added. Try to vary the size of the brush to get the desired result. Here is the result for your inspiration.
step10g

Step 11

Now we will set the overall color for the scene. Create a new layer (Shift+Ctrl+N) above all the layers. Fill the layer (by hitting Shift+F5) with a solid color of #09425f. Name this layer blue.
step11a
Set this layer to soft light blending at 100% opacity.
step11b
Duplicate (Ctrl+J) this blue layer. Set the duplicate to color blending at 100% opacity. This will give the scene an overall blue tone.
step11c
We should reveal the green color of the lawn and leaves a bit. To do this, we should give the duplicate layer a layer mask. Mask some part around the lawn and leaves.

Pages: 1 2 3 4 5

90% Off Cyberpunk Preset Bundle
Sponsored

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

11 comments on “Create Gloomy House Scene in Photoshop”

  1. How do I "Mask some the edges of this layer"? I have cut out the section of grass as instructed, but there is a line on the edge of the cut out that I have not been able to remove or blend so the line is not seen. Guidance would be appreciated.

  2. Step 21 - #fdg601? (cs 5.1 doesn't appear to be taking the 'g' in this color?) is this my mistake?

    1. I believe that's a 9 - not a g.

      Sorry for the confusion! I'll update step 21 to clear things up.

  3. I am working on this tutorial and thus far this is great!!!! I do have a few little questions and that is like in step 28 where the value in the radius appears to be 3,7 ? what is that suppose to be with a comma between the two numeric values?

    1. It should actually be a period; not a comma. So the correct value is 3.7 and not 3,7.

Leave a Reply

Your email address will not be published.

cross