How to Create a Fog Effect in Photoshop

Advertisement

In this lesson, you will learn step by step how to create a fog. We will also add a picture fantasy character which will be walking on our landscape.

Final Image Preview

How to Create a Fog

Resources

Step 1

Start by opening forest image. Go to Image > Image size to reduce photo size to 1000px width and 669px height.

How to Create a Fog 1

Step 2

To create a sense of dense fog on the distance and dispersion on the foreground, we will make a few layers of fog, but with different gradations of saturation. Create a new layer (press Shift+Ctrl+N) and fill it with white color by using Paint Bucket Tool, then set up opacity to 95% for current layer. After that we need to create mask for current layer. Use Select > Load Selection to select layer content, then use Layer > Layer Mask > Reveal All to create mask for all layer. Now remove selection with Ctrl+D and move to the next step. Select the Gradient Tool and fill our layer with linear black-and-white gradient as you can see on the picture below:

How to Create a Fog 2

Step 3

Select the Eraser Tool (Soft Brush, Size: 100px, Opacity: 20%) and make a few strokes with brush on Layer Mask area and paint over the nearest tree and stone, the middle and foreground.

How to Create a Fog 3

Step 4

To achieve the effect of realistic fog (the fog has the ability to climb and irregularly travel along the ground) first of all press D to set up foreground and background colors black and white, then create a new layer and apply Filter > Render > Clouds:

How to Create a Fog 4

Step 5

After applying filter to layer, change layer mode to Screen and set up opacity to 40%.

How to Create a Fog 5

Step 6

We are now going to add goddess picture. Open the picture and copy it to our main canvas. Then use Edit > Free Transform to reduce picture of Goddess a little bit and move it left like on my screenshot, which you can see below:

How to Create a Fog 6

Step 7

Duplicate goddess current layer with Layer > Duplicate Layer (or press Ctrl+J) and hide the bottom copy (click on the eye, which indicates layer visibility). Go to upper copy and change blending mode to Screen for this layer.

How to Create a Fog 7

Step 8

Now we need to create mask for current layer. Use Select > Load Selection to select layer content, then use Layer > Layer Mask > Reveal All to create mask for all the layer. Now remove selection with Ctrl+D and select the Brush Tool (Opacity: 45%) with soft round brush and paint background area with black color.

How to Create a Fog 8

Step 9

Go back to the hidden copy of layer and make it visible again. Use Select > Load Selection to select layer content, then use Layer > Layer Mask > Reveal All again to create mask for all layer. Now remove selection with Ctrl+D and select the Brush Tool (Opacity: 61%) with soft round brush and paint background area with black color again.

How to Create a Fog 9

Final Image

Set opacity to 34% up for current layer and we are done with our tutorial.

How to Create a Fog

Keep on experimenting and you will get different techniques and effects.

Advertisement


  • Hoffman

    wonderful xD thanks for tut.

  • Reji Koshy

    Very good

  • Carlo

    Really good!!!

    Thanks, it was very helpful.

  • ALYAS

    This very good creation, thanks a lot !

  • Sushini

    wow its really nice.

  • Mandar D

    It’s very nice tutorial….!!!

  • Navven B.S

    This is nice creation, thanks it was very helpful

  • Name (required)

    After reading few of the tutorials i am thinking to write one tutorial for photoshopstar. This one will be my first guest post for a design blog.

  • http://www.google.com jyoti

    thats amazing

  • Bob

    Really great effect thank you.

  • Bill Skeat

    Help: Got as far as Step 5. Could not find screen Looked in both layer and filter-no screen. Would like to use this neat technique on several pictures.

    Would appreciate someone pointing out what I am not doing correctly.

    Thanks.

  • chris

    inspiring piece of art

  • Amarjeet Singh

    This art is very Good. Thank you very much for this tutorials.

  • ali

    in the name of god
    very good

    regards,Ali Soltani

  • Deepak

    Exceeeeeeeeeelent…………………

    Really Good work with effects

  • http://photoshopstar Ankush

    its very nice way to learn photoshop.
    excellant

  • prabhuti sutar

    wow its really nice.

  • Tina Albert

    Nice work, but the legs of the fairy are missing, it is visible in the real pic though. Adding it too would have made the pic fantastic! otherwise, great work!!

    • Airton Marques

      That’s because she is no fairy