In this tutorial, I will show you the process of creating this “Urbanized” photo manipulation in Photoshop. The concept behind this work is that human is increasing living in a confined urban space and being consumed by the endless expansion of the cities.

I used 3 elements in this manipulation to represent the theme “Urbanized”:

  1. Human Portrait
  2. Urban Street Sign and Building
  3. Scraps

This is an intermediate level tutorial so some steps can be tricky, but why not have a try!

Note: The Photoshop tutorial is done in CS6 – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

urbanized digital art flatten 540x700 The Creation Process of Urbanized Photo Manipulation in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 The Creation Process of Urbanized Photo Manipulation in Photoshop

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Model

Urban Street

Scrap

Grunge Brushset (Pick one set from the list)

Step 1

Create a new document sized 950px * 1230px with black background. Load the model image into Photoshop and cut out the model part, paste it onto our document. Adjust the size to fit our canvas:

1 sel 550x358 The Creation Process of Urbanized Photo Manipulation in Photoshop

I wanted to smooth out the skin a bit, by applying the following Surface Blur setting:

1 sur The Creation Process of Urbanized Photo Manipulation in Photoshop

1 sur apply 550x506 The Creation Process of Urbanized Photo Manipulation in Photoshop

and here is the effect so far:

1 effect1 550x423 The Creation Process of Urbanized Photo Manipulation in Photoshop

Step 2

You can use the grunge brushset you download as eraser, remove the red (mask) past of the human layer:

2 mask 544x700 The Creation Process of Urbanized Photo Manipulation in Photoshop

As you can see, I deliberately applied the erase around the cheek, and the shoulder area: (This will make way for our next step, which is to add the building and scrap texture around the model)

2 grunge 550x330 The Creation Process of Urbanized Photo Manipulation in Photoshop

2 shoulder 550x208 The Creation Process of Urbanized Photo Manipulation in Photoshop

Add the following adjustment layers as clipping masks to this model layer:

Black and White

2 bw The Creation Process of Urbanized Photo Manipulation in Photoshop

Levels

2 lvs The Creation Process of Urbanized Photo Manipulation in Photoshop

and you will have the following effect so far:

2 effect1 The Creation Process of Urbanized Photo Manipulation in Photoshop

Step 3

We will add some city settings into the image. Load the city image into Photoshop and select the left portion as shown below:

3 sel 550x584 The Creation Process of Urbanized Photo Manipulation in Photoshop

Copy and paste the selection over to our document, place it on the right side of the canvas, and put the layer below the model layer.

Then, add the following adjustment layers as clipping masks to this new building layer:

Black and White

3 bw The Creation Process of Urbanized Photo Manipulation in Photoshop

Layer mask on this black and white adjustment layer:

3 bw mask The Creation Process of Urbanized Photo Manipulation in Photoshop

Levels

3 lvs1 The Creation Process of Urbanized Photo Manipulation in Photoshop

Go back to the city image and select the shop sign:

3 sel 2 550x260 The Creation Process of Urbanized Photo Manipulation in Photoshop

Copy and paste the selection to our document and place it down the bottom right, and set the blending mode to “Overlay”:

3 paste 2 550x288 The Creation Process of Urbanized Photo Manipulation in Photoshop

Step 4

We can add the scrap texture into our image. Load the Scrap stock into Photoshop and use the Quick Selection tool to select a piece as shown below:

4 sel1 550x298 The Creation Process of Urbanized Photo Manipulation in Photoshop

Copy and paste the selection over to our document, use the Warp option in the Free Transform Tool to adjust its shape as shown below:

4 paste 2 550x513 The Creation Process of Urbanized Photo Manipulation in Photoshop

Once you’re happy with the shape, add the following Levels adjustment layer as clipping mask to this scrap layer:

4 lvs The Creation Process of Urbanized Photo Manipulation in Photoshop

And this is the you should be aiming to achieve:

4 effect The Creation Process of Urbanized Photo Manipulation in Photoshop

We can go back to the Scrap stock image and select a few small pieces of the scrap, and paste them back to our document. This gives the image a break-apart effect:

4 small 550x377 The Creation Process of Urbanized Photo Manipulation in Photoshop

Step 5

We’re almost done! To add some final touches to the photo, I flattened the image and duplicated the background layer, apply the following Smart Sharpen filter to the duplicate layer:

5 smart sharpen 550x346 The Creation Process of Urbanized Photo Manipulation in Photoshop

Apply the following layer mask to this sharpened layer to hide some parts of it:

5 mask1 540x700 The Creation Process of Urbanized Photo Manipulation in Photoshop

Apply the following adjustment layers to add some color to the image:

Selective Color

5 sel reds The Creation Process of Urbanized Photo Manipulation in Photoshop

5 sel white1 The Creation Process of Urbanized Photo Manipulation in Photoshop

5 neu The Creation Process of Urbanized Photo Manipulation in Photoshop

5 blacks The Creation Process of Urbanized Photo Manipulation in Photoshop

Color Balance

5 col bal The Creation Process of Urbanized Photo Manipulation in Photoshop

Optional Step: I added a bigger sign on top, with the “Overlay” layer blending mode:

5 overlay 550x293 The Creation Process of Urbanized Photo Manipulation in Photoshop

and here is the final effect: (click to enlarge)

urbanized digital art flatten 540x700 The Creation Process of Urbanized Photo Manipulation in Photoshop

Hope you enjoy this tutorial and find it useful. Drop me a comment below if you have any question.

Till next time, have a great day!