Find out the real might of Photoshop filters and the techniques used to create abstract images. This section contains the most unexpected graphic results.  Home Photoshop Special Effects Design an Epic Sci-Fi Style Urban City Scene in Photoshop

Design an Epic Sci-Fi Style Urban City Scene in Photoshop


Ok let's get started!

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

Step 1

Create a new document sized 1200px * 1200px, fill the background layer with Black colour. Load the Ground stock image into Photoshop, select the lower half of the image with the Rectangular Marquee Tool, as shown below:

image 1

Copy and paste the selection onto our canvas, as shown below:

image 2

Erase the top edges of the texture, as shown below:

image 3

Name this layer as "Ground", apply the following Black and White adjustment layer to it:

image 4

and here is the effect so far:

image 5

Step 2

Load the City texture into Photoshop, select the building portion of the image as shown below:

image 6

Don't worry if the selection is not precise, this is not important in this tutorial.

Copy and paste the selection onto our canvas, resize and position the new layer as shown below:

image 7

Now we want to hide certain portion of the city building. So we can add the following mask to this city building layer:

image 8

As you can see, here we not only used a soft round brush, but also the Watercolor Brushes we downloaded before for the edges of the building, plus a feathered rectangular marquee tool:

image 9

and here is the effect after the masking:

image 10

Name this layer as "City", apply the following Black and White adjustment layer to it: (make sure to tick the "use previous layer as clipping mask" option)

image 11

and here is the effect so far:

image 12

Step 3

Load the Cloud Right stock image into Photoshop, copy the entire image, and paste it onto our canvas.

Put the new layer below the "City" layer, resize and position the new layer as shown below:

image 13

Add the following layer mask to this cloud layer:

image 14

Name this layer as "Cloud Right", apply the following Black and White adjustment layer to it: (make sure to tick the "use previous layer as clipping mask" option)

image 15

Duplicate this cloud right layer once, apply the following motion blur to the duplicated layer:

image 16

This will smoothen the cloud and add a bit more motion into the image.

Apply the same black and white adjustment layer as depicted in the original cloud right layer to the duplicated layer, reduce the opacity of the duplicate to around 40%, you will have the following effect:

image 17

Step 4

Load the Cloud Left texture image into Photoshop. Select a portion of texture with Lasso Tool (50px feather) as shown below:

image 18

Copy and paste the selection onto our canvas, put the layer above the "Cloud Right" layer, but below the "City" layer, resize it as shown below:

image 19

Erase the excessive portion with a soft brush as shown below:

image 20

Name this layer as "Cloud Left", apply the following Black and White adjustment layer to it: (make sure to tick the "use previous layer as clipping mask" option)

image 21

here is the effect so far:

image 22

Step 5

Load the Girl texture image into Photoshop. Use the Lasso Tool to make a selection around the girl and the snake, as shown below: (set feather to 40px)

image 23

Copy and paste the selection onto our canvas, put the new layer above all other layers, resize and position it as shown below:

image 24

Name this layer as "Girl", apply the following Black and White adjustment layer to it: (make sure to tick the "use previous layer as clipping mask" option)

image 25

and here is the effect so far:

image 26

Step 6

Load the Cloud Overlay texture image into Photoshop, copy and paste the entire image onto our canvas, as shown below:

image 27

Name this layer as "Cloud overlay", apply the following Black and White adjustment layer to it: (make sure to tick the "use previous layer as clipping mask" option)

image 28

Change the blending mode of this layer to "Screen" and opacity to 30%, you will have the following effect:

image 29

Cloud overlay is a perfect way to add lighting dynamics and increase the depth for your image. Experiment with it and you will find it very useful when it comes to add extra flavor to your design.

Step 7

Now we pretty much set the overall layout for this city scene. Now we add some more contrast and colour onto it to make it look sci-fi.

Add the following adjustment layers (and their relevant masks) on top of all layers:

Curves

image 30

Mask

image 31

Attention: for the following 2 colour balance adjustment layer, use the watercolour brushset on the mask for more painting and realistic effect.

Colour Balance Right (set blending mode to "soft light")

image 32

image 33

image 34

Mask

image 35

Colour Balance Rest of the image

image 36

image 37

image 38

Mask

image 39

Levels

image 40

Mask

image 41

and here is the effect so far:

image 42

Step 8

We're nearly finished! I decided to add more contrast to the left side of the image, especially on the left edge of the high-rise in the centre. So I further added the following two adjustment layers:

Hue and Saturation

image 43

Mask

image 44

Brightness and Contrast

image 45

Mask

image 46

and here is the effect so far:

image 47

You can see now the building is highlighted and as a result, the image has more lighting depth.

Step 9

I feel the right side of the image is a bit boring compare with the left. So I create a new layer on top the background layer, and use the water colour brush to paint some textures on the centre right portion, beneath the buildings:

image 48

And you will have the following effect as a result:

image 49

That's it for this tutorial! I sharpen the image with the "Reduce Noise" filter and add some abstract lines on the girl, and here is my final result: (click to enlarge)

Design an Epic Sci-Fi Style Urban City Scene in Photoshop

Lastly, I would like to stress that you will find the "Black and White" filter and the "Water Colour" style brushsets will be extremely useful when it comes to photo manipulation. Experiment with them :)

Till next time, have a great day!



Author's URL: psdvault
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Find out the real might of Photoshop filters and the techniques used to create abstract images. This section contains the most unexpected graphic results. More Special Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments ali June 15, 2010 says:
???? ?????
Reply
comments bgrafik April 17, 2010 says:
this is excellent, great work.
Reply
Add comments to "Design an Epic Sci-Fi Style Urban City Scene in Photoshop"

Captcha