How to Drastically Change the Mood and Colour Tone of Your Image in Photoshop

In this tutorial, I will show you the method I use to drastically change the Mood and Colour Tones for your photo via Adobe Photoshop . Along the way, I will also demonstrate an interesting method of adding misty effect to your image.

This mood/colour tones changing method can be particularly useful for images that are reletively dark and lack of colour depth. We will be using a lof image adjustment tool, masking techniques and layer blending options. Have a go!

Here is a previous of the before and after effect:

Before

moutain-before

After

moutain-final-3

And alternative version with reduced colour saturation:

moutain-final-2

Ok let’s get started!

To complete this tutorial, you will the following stock:

Mountain

Cloud Brush

Step 1

Load the “Mountain” image into Photoshop, duplicate the background layer once.

Now we can see there are some hard rock/stone on the left bottom corner. Because the overall effect we would like to achieve for the final image is a soft, misty mountain scene,  we should first tackle this particular area of the photo.

So on the duplicated layer, go to Filter > Blur > Gaussian Blur, apply the following settings:

1-gau-blur

Stay on the duplicated layer, add a layer mask onto it and on the mask, grab the Eraser Tool with a soft round brush setting, gently eraser the following area:

1-eraser

Drop the layer opacity of this duplicated layer to 55%, you can see the left bottom cornor because softer:

1-effect

Step 2

Duplicate the background layer three times and drag all three duplicated layers above the previous blurred layer.

From bottom to top, change the blending mode of the first duplicated layer to “Color Dodge” and you will have the following effect:

2-effect-1

Change the blending mode the second duplicate layer to “Multiply” and you will have the following effect:

2-effect-2

On the third duplicated layer, change the blending mode to “Screen” and apply the following Gaussian Blur settings:

2-gau-blur

Again we add a layer mask to it, and use the Eraser Tool with a soft round brushset to erase the following area:

2-eraser

Drop the layer opacity to 75% and you will have the following effect so far:

2-effect-3

You can see now the overall image is much softer than the original and this is exactly what we want.

Step 3

Now we’re onto the interesting part of this tutorial – adding the Mist! The method I use here is simply the Gradient Fill tool :)

So we go to Layer > New Fill layer > Gradient Fill and add a new gradient fill layer with the following settings on top of all other layers:

3-gradient-fill

Duplicate this Gradient Fill layer Three Times.

On the first duplicated layer, apply the following layer mask:

3-mask-1

Change the blending mode of this layer to “Screen” and drop its opacity to 35%, you will have the following effect:

3-effect-11

On the second duplicated layer, apply the following layer mask:

3-mask-2

Change its blending mode to “Color Dodge” and opacity to 60%, you will have the following effect:

3-effect-21

On the third duplicated layer, apply the following layer mask: (Use the Cloud Brush we downloaded for some fine-tuning and create uneven effect)

3-mask-3

Change the layer blending mode to “Screen” and drop the opacity to around 70%, you will have the following effect:

3-effect-3

You will see now we have created some very realstic misty effect for our image.

Step 4

To add more depths to the image, we can add a new Curve Adjusment layer by going to Layer > New Adjustment Layer > Curves and apply the following settings:

4-curves1

Here is the effect after applying the Curves adjustment:

4-effect2

Optional: I feel the bottom part of the image is a bit dark, so I apply the following mask to this Curves adjustment layer:

4-mask

And here is the effect so far:

4-effect-2

Step 5

You may now think: umm, the top left part of the sky looks a bit empty! No problem, we can easily fix this by using the Cloud Brushes we download and add some cloud over there.

Use the Eyedropper Tool (I) and left-click the following spot:

5-eye

And grab any of those cloud brushsets you like and drop its opacity to 50% and flow to 50%, create a new layer and simply paint over the empty portion of the sky:

5-effect2

We can further adjust the colour balance of the image a bit. So go ahead and add a new Color Balance adjustment layer (Layer > Adjustment layer > Color balance) and apply the following settings:

Shadows

5-col-1

Midtones

5-col-2

Highlights

5-col-3

And here is the final effect:

5-effect-23

Ok that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are!

Here is my final image for this tutorial: (I slightly adjusted the colour contrast and add some more cloudy effect ) – Click to enlarge:

moutain-final-3

And alternative version with reduced colour saturation:

moutain-final-2

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

My name is James and I have been using Photoshop since version 5.0 (long time ago!). PSD Vault is my spare time hobby and I write majority of the Photoshop tutorials and articles here. I hope you enjoy my blog, and feel free to leave a comment or contact me if you have any questions.