Design a Rusty Old Building with Dusky Sky In Photoshop

Design a Rusty Old Building with Dusky Sky In Photoshop

Posted on January 17th, 2009 under Abstracts,Photo Effect

In this tutorial, I will show you the steps I used to design this rusty old building with dusky sky in Photoshop. In order to balance the image and make it not too dark, I also added some fresh grass textures on top of it.

Along the way, we will be using lots of layer blending and image adjustment techniques. Also some basic image transformation techniques will be used to create depth, as well as an interesting way to render some dynamic lighting effect.

Here is a preview of the final image for this tutorial:

final 21 500x483 Design a Rusty Old Building with Dusky Sky In Photoshop

Ok let’s get started!

Step 1

Create a new document sized 1000px * 800px, fill the background layer with Black.

Download the following textures from CG Textures and we will use them later on in this tutorial. It might be a good idea to make a new folder and put those textures into it.

Old Building

buildingsderelict0001 m 380x700 Design a Rusty Old Building with Dusky Sky In Photoshop

Rust

rustmixed0058 1 s 472x700 Design a Rusty Old Building with Dusky Sky In Photoshop

Dusk

fullskiesdusk0031 1 s 500x127 Design a Rusty Old Building with Dusky Sky In Photoshop

Grass

grass0035 m 500x332 Design a Rusty Old Building with Dusky Sky In Photoshop

Step 2

Load the “Old Building” image into Photoshop, then use the Move Tool (V) to drag the entire image onto our document, resize it to the centre of the canvas:

1 drag 500x401 Design a Rusty Old Building with Dusky Sky In Photoshop

Name this layer as “Old House”. Use the Eraser Tool (E) with the following settings, remove the sharp edges of the building:

2 eraser Design a Rusty Old Building with Dusky Sky In Photoshop

2 effect3 499x476 Design a Rusty Old Building with Dusky Sky In Photoshop

Step 3

Now we can add a bit of lighting contrast to the old house. I would like the upper side of the image to be brighter than the bottom part of the image.

Still on the “old house” layer, apply the following Curves Adjustments (Ctrl + M):

3 curve Design a Rusty Old Building with Dusky Sky In Photoshop

Then apply the following Levels Adjustment settings (Ctrl + L):

3 levels Design a Rusty Old Building with Dusky Sky In Photoshop

Then apply the following Black and White Adjusments (Ctrl + Alt + Shift + B):

3 bw Design a Rusty Old Building with Dusky Sky In Photoshop

The effect so far will look like this:

3 effect3 499x423 Design a Rusty Old Building with Dusky Sky In Photoshop

Step 4

Now we can give this old house some angle and perspectives so it looks not so boring and still.

I used the Free Transformation Tool (Ctrl + T) and apply Distort, Perspecitve and Scale techniques and make the image looks like this:

3 distort 499x409 Design a Rusty Old Building with Dusky Sky In Photoshop

By doing so you can also expend the depth of the image so later on you will have greater flexibility to add more stuff onto it.

Step 5

Load the “Rust” image into Photoshop, select the centre portion of the image as shown below:

4 select 491x700 Design a Rusty Old Building with Dusky Sky In Photoshop

Copy and paste the selection back to our document, this will automatically create a new layer. Name it as “rust texture” and free transform it until it cover the old building:

4 distort 500x441 Design a Rusty Old Building with Dusky Sky In Photoshop

Then apply the following Curves Adjustments (Ctrl + M) on this layer:

4 curve 2 Design a Rusty Old Building with Dusky Sky In Photoshop

Then change the layer blending mode to “Soft Light” and you will have the following effect:

4 effect3 500x382 Design a Rusty Old Building with Dusky Sky In Photoshop

Step 6

The is an Optional Step: To further enhance the rusty effect, duplicate the “rust texture” once and go to Filter > Brush Storkes > Dark Stroke and apply the following settings:

5 dark 500x237 Design a Rusty Old Building with Dusky Sky In Photoshop

Reduce the opacity of the duplicated layer to 60% and you will have the following effect:

5 effect3 500x397 Design a Rusty Old Building with Dusky Sky In Photoshop

Step 7

It still look a bit boring if there is just a building ono the canvas, then I thought: why not add some sky and cloud texture on top of building?

Load the “Dusk” image into Photoshop, select the centre portion of the image as shown below:

6 select 2 500x183 Design a Rusty Old Building with Dusky Sky In Photoshop

Copy and paste the selection to our document and name the layer as “dusk sky” and rotate and position the image as shown below:

6 rotate 500x396 Design a Rusty Old Building with Dusky Sky In Photoshop

Then apply the following Levels Adjustments settings:

6 levels Design a Rusty Old Building with Dusky Sky In Photoshop

And you the effect so far will look like this:

6 effect3 500x410 Design a Rusty Old Building with Dusky Sky In Photoshop

Step 8

We can now add some freshness into the image and it will somehow balance the feel of the image a bit so it won’t look too dark.

Load the “Grass” image into Photoshop. Select a random portion of it as show below:

7 select 500x362 Design a Rusty Old Building with Dusky Sky In Photoshop

Copy and paste the selection onto our document and name the layer as “grass texture”. Resize and position it as shown below:

7 resize 500x430 Design a Rusty Old Building with Dusky Sky In Photoshop

Use the Eraser Tool with a big round brush, set the flow and opacity to 60% and 0% hardness, gently erase the centre portion of the grass texture so it reveal the old house:

7 eraser1 500x447 Design a Rusty Old Building with Dusky Sky In Photoshop

I also duplicated the grass layer a couple of times and used the Clone Stamp Tool on the duplicated layer just to increase the density of the grass:

7 grass density Design a Rusty Old Building with Dusky Sky In Photoshop

Step 9

To further enhance the lighting contrast and create some dynamic light for the image, we can create a new layer and use the Lasso Tool with a 40px feather, draw a few joint selection and fill them with Black and render some cloud:

8 cloud 500x485 Design a Rusty Old Building with Dusky Sky In Photoshop

Then apply the following Lens Flare Settings:

8 lens flare1 Design a Rusty Old Building with Dusky Sky In Photoshop

Then Apply the following Levels Adjustments:

8 levels Design a Rusty Old Building with Dusky Sky In Photoshop

8 after level 500x537 Design a Rusty Old Building with Dusky Sky In Photoshop

Then change the layer blending of this layer to “soft light” and you will have the following image:

8 effect4 500x481 Design a Rusty Old Building with Dusky Sky In Photoshop

Then you can duplicate the lighting layer a few times and drag it to different positition where you want to add more light:

8 effect 21 500x397 Design a Rusty Old Building with Dusky Sky In Photoshop

Ok that’s it for this tutorial! The rest is left upon your own creativity :)

Below is my final image for this tutorial: (I added some more lighting effect and used some brushes I downloaded from qbrushes.com)

final 21 500x483 Design a Rusty Old Building with Dusky Sky In Photoshop

Hope you enjoy this tutorial and find it useful and inspirationa!

If you have any questions, just drop me a comment :)

Cheers and have a nice day!

Fresh Posts from PSD Vault

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 55 Create a Magical Photo Manipulation with Flowery Effect in Photoshop Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54
  • http://www.photoshoplady.com/forums/photo-editing-tutorials/212-design-rusty-old-building-dusky-sky-photoshop.html#post766 Design a Rusty Old Building with Dusky Sky In Photoshop – Photoshop Lady Forums

    [...] dynamic lighting effect. Here is a preview of the final image for this tutorial: Please click here to view this tutorial. Thanks very much and have a nice day! PSD Vault – My Online Photoshop [...]

  • http://www.psaddict.com psaddict
  • http://www.frmtr.com fenerlialex

    Wanderful..:)

  • JoJ

    Nice tutorial, I followed along with my own pics and textures and came up with a decent final:

    result: http://photos-h.ak.fbcdn.net/photos-ak-snc1/v2120/69/53/646088225/n646088225_1433335_8478.jpg

    Still warming up to photoshop a little bit, as you can probably tell.

  • http://www.psdvault.com James

    Nice work joj!!

  • http://yahoo tripti

    intelligent

  • http://yahoo tripti

    how sweet

  • admin

    @tripti: thanks :)

  • http://www.uprinting.com/Business-Cards.html Business Cards

    I really enjoyed reading your tutorial. Even if I can’t practice right away, it’s always a delight to read and see what techniques you use. Thanks for sharing this!

  • http://www.miraztutorials.com huwaw69

    i always see that color effect on your other images effect.. hahaha you must really love that color…

  • http://www.yukaricaglar.org yukaricaglar

    good article thanx a lot

  • http://www.ay-isigi.net ay-isigi

    tanks for everything :)

  • http://www.otomasyoncu.gen.tr selim

    thanks good visual show :)

  • http://www.mixsound.net dj remixleri

    good thanx :)

  • http://www.mixsound.net dj remixleri

    bravo thanx

  • http://www.mixsound.net/?tag=demet-sagiroglu-silkelen-2009-full-orjinal-album Demet Sağıroğlu – Silkelen 2009 Full Orjinal Albüm

    bravo thanx

  • http://www.supercan.net Süpercan

    thanks for good article

  • http://www.tedavirehberi.net tedavi rehberi

    have been removed a great job with photoshop. I can only appreciate such excellent drawings. I know a little bit jealous (:

  • http://www.sevgix.net Sevgi

    Thanks for good article

    Sevgi,Sevgi Sözleri,Sevgi AŞk,Aşk,Aşk Sözleri,Sevgi Şiirleri Sevgi mesajları

  • http://www.sinema3.com günlük film izle

    Thanks for good information. günlük film izle , günlükfilm

  • http://www.yemektr.net Yemek Tarifleri

    thanks for information.

  • http://www.forumtik.net murat

    thanks for post…

    thnks

  • http://www.aslanmax.org Aslan Max

    thnks..

    very very a nice blog…

  • http://www.17ps8.com white

    i like the style it remind me of the film 2012

  • http://Website mareek

    why does the links goes to youtube.com?
    (sorry for my english; im german ;D )

  • James Qu

    @Mareek: this is an old post, the link is perhaps expired. will see if I can find the right link.

  • http://www.kabayem.gen.tr/ cihan

    I like very much thanx…