Create Gloomy House Scene in Photoshop

Create Gloomy House Scene in Photoshop
step18a

Step 19

Now we will work on the upper window of the house. We will add some light coming from the window. To do this, firstly create a new layer above the house layer. On this layer, create a square selection and fill (Shift+F5} the selection with white color. Name this layer white.
step19a
Next, go to filter > blur > Gaussian blur to give this white square more subtle white. I used a setting of 3.7 pixels.
step19b
Finally, create a new layer above the white layer. On this layer paint the frame for the window.
step19c
Here is the result of the scene with gloomy and misty nuance in it.
step19d

Step 20

For the next and last steps, we will give some contrast to the gloomy scene by adding light coming from the window and do some tweak on lightning for the whole scene. Firstly, we should reduce the gloomy effect a bit. To do this, go select the brightness/contrast layer created in the previous step 12. Give this adjustment layer a layer mask. With a very soft round brush, mask areas around the brightest cloud, window, and lawn under the window as indicated in the red spot in the screenshot below:
step20a
Here is the result.
step20b

Step 21

Start to add light coming from the window. Create a new layer above all the other layers. Name this layer light. Take a very soft round brush set to a low opacity of about 5-15%. With orange color, paint the light around the window. We can lessen the light by reducing the opacity of this layer if we paint too strong. Color: #FD9601
step21a

Step 22

Create another new layer above the light layer. Fill this layer with black and set its blending to color dodge. On this layer, paint yellow color around the window. Use a very soft round brush set to a very low opacity of about 3-5%. Stroke yellow color gently to the part where needed. Here is the result of this layer in normal blending.
step22a
Here is the effect of this layer after setting the blending mode to color dodge. We can lessen the effect by reducing the opacity if we stroke too strong.
step22b

Step 23

Proceed to create a window with light to the scene. This process is repeating steps like the ones done in previous steps to create light on the main window. Firstly, create a new layer above all the other layers. On this layer, make square selection filled with white. Then give this layer Gaussian set to around 3-4 % radius.
step23a
Next, on a new layer, paint the frame for the window.
step23b
After that, create another new layer on which we will paint a very soft orange color on the window.
step23c
Finally again on a new layer filled with black and set to color blending, paint a very soft yellow on the window. Select all the window layers, hit Ctrl+G to group them in a folder. Name this group window.
step23d

Step 24

Duplicate the window folder four times. Move the duplicates to the parts where needed to add more windows for the house.
step24a

Step 25

In this step, we will add some highlights to some parts where needed. Create a new layer on the topmost position in the layer panel. Fill this new layer with 50% grey (#808080). Set this layer to overlay. On this layer, paint a very soft yellowish-orange color around the bricks around the main window. Here the normal blending of this layer I created.
step25a
The result should be like this in overlay blending. We can reduce the opacity of this layer to lessen the effect in case of stroking the color too much.

Pages: 1 2 3 4 5

Dark Conceptual Portraits Course (71% Off)
Sponsored

Discover how to create stunning photo manipulations in Photoshop. In this course, you'll learn everything from photographing models to creating dark conceptual artworks. If you enjoy our photo manipulation tutorials, you will absolutely love this course.

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