Give a new turn to your IT career with latest crm certification. These ccna voice tutorial and mcse 2003 guide will help you to learn best web designing skills to follow.

In this tutorial, I will show the steps I took to create this really cool, watercolour style “City on Cloud” Artwork in Photoshop. I was experimenting the new brushsets and textures I downloaded today and thought I could combine them together and see what result they can bring :)

Along the way, we will be using a lot of photo manipulation techniques such as masking, filter effects, layer blending options, and custom brushsets.

This is an intermediate tutorial and some steps can be a bit tricky, but why not have a try :)

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

city on cloud flatten 500x291 Design an Awesome Watercolour Style City on Cloud Artwork 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 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Ok let’s get started!

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

Dirt Brushsets

Cloud Brushsets

Cloud Texture 1

City

Stroke Brushsets

Step 1

Create a new document sized 1200px * 700px with White Background. Create a new layer on top of the background layer called “background texture”, and load the Dirt Brushsets into Photoshop, choose a mixture of those brushes and paint over this newly-created layer:

Make sure to set the brush flow and opacity to around 30-40% and colour to be Black, since we only want a light cover of the dirt texture as a background:

Create a new layer called “cloud 1″, paint some cloud over this layer using the Cloud Brushset we downloaded, in the position as shown below: (apply a slightly darker brush comparing with the previous step)

1 paint cloud 500x279 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Step 2

Load the “Cloud Texture 1″ image into Photoshop. Copy and paste the entire image onto our document and name this layer as “Cloud Texture 1″:

2 drag 500x290 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Apply the following layer mask onto this “cloud texture 1″ layer:

2 mask 499x283 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

and you will have the following effect:

2 effect 500x279 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Duplicate this cloud texture layer twice as shown below:

2 layer 2 500x152 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Change the blending mode of the “Cloud Texture 1 copy 2″ layer to “Soft Light“, and you will have the following effect:

2 effect 3 500x286 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Add a new Curves Adjustment layer on top of all previous layer with the following settings:

2 curve Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

and you will have the following effect:

2 effect 2 500x288 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Step 3

Load the City image into Photoshop, copy and paste the whole image onto our document and name the new layer “city”, position it as shown below:

3 copy 500x291 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Add a layer mask to this layer, on the mask, erase the outer portion of the city image by using a soft, round brush, mixing with the cloud brush we just download for edge effects:

3 mask 500x291 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Here is what I have after the erasing:

3 effect 500x288 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

I decided to alter the Hue and Saturation of the city layer a bit, so I added a new Hue and Saturation adjustment layer with the following settings: (be sure to tick “use previous layer to create clipping mask” option when adding the adjustment layer)

3 hue Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

and here is the effect so far:

3 effect 2 500x286 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Step 4

Duplicate the “city” layer once and drag the duplicated layer to the top, change its blending mode to “Screen”, you will have the following effect:

4 effect 500x280 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Then I add a new Black and White adjustment layer with the following settings:

4 bw Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

change the blending mode of this black and white adjustment layer to “Multiply”, and you will have the following effect:

4 effect 2 500x283 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Step 5

Duplicate the “city” layer three times, apply the following layer blending option to each duplicated layer:

5 layer 500x163 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

On the “City copy 2″ layer, go to Filter > Artistic > Watercolor and apply the following settings:

watercolour 500x351 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

On the “City copy 4″ layer, change the layer blending mode to “soft light”, and apply the following layer mask (use the Stroke Brushsets to paint the edges)

5 mask 500x284 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

You will see now we have the right side of the image highlighted, therefore adding more depth to the image:

5 effect 500x289 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Step 6

To add more cloud effect on the bottom part of image, we can duplicate the “Cloud texture” layer twice and drag both duplicated layer to the top, change their layer blending mode “overlay”, and you will have the following effect:

6 drag 500x273 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

To add some more watercolour effect onto the effect, we can simply create a new layer (set blending mode to “overlay”), and grab the “Stroke Brush” we downloaded, paint over the new layer with a light grey colour:

6 effect 500x284 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

Step 7

For final adjustments, I added some floral brush painting and a new Color Balance layer with the following settings:

7 col1 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

And add the following mask to this colour balance adjustment layer:

7 mask 500x290 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

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

city on cloud flatten 500x291 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop

That’s it for this tutorial! Hope you enjoy it! Drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!