Background Image

Faking Mist/Fog in PhotoShop

Image

This is a simple tutorial for creating mist effect on a rendered image using Photoshop. It is based on the method Aaron Coon showed in his Architectural Wonder II contest entry.

Step One:
Let's start with this image of a water body reflecting a structure.

Image

Step Two:
Open the rendered image in Photoshop and create a new layer for mist. Using the rectangular marquee tool, let's draw a box for the mist. Go to filter / render / clouds to create the mist. Be sure to have black and white in the background and foreground color boxes.

Image

Step Three:
Now with the magic wand tool selected, right click on the fog layer and choose color range. Use the eyedropper to select the darkest area of black. Use the fuzziness slider to determine how much of the dark area to select. Go to select / feather, and specify a few pixels for the feather radius, this will help blur the edges of our selection. Now delete the selected dark areas.

Image

Step Four:
Using control+T to transform the layer, adjust the mist to fit the desired area. (Using ctrl+click, you can move the points for transformation individually)

Image

Step Five:
With a softened brush, erase the hard edges of the mist layer.

Image

Step Six:
With a gradient selection, erase or lighten some of the mist in the background to give it depth.

Image

Step Seven:
Go to Image/ Adjustments / Brightness/contrast to adjust the brightness and contrast of the mist.

Image

Example of Final Result: This is the final result Aaron achieved in his Architectural Wonder II contest entry.

fog-8_tn.jpg

Aaron Coon, ALA, ASAI
Conceptual Design Studio
www.cds-architect.com

Edited by Neha Kakkar.

Comments (0)

There are no comments posted here yet

Leave your comments

  1. Posting comment as a guest. Sign up or login to your account.
0 Characters
Attachments (0 / 3)
Share Your Location
Type the text presented in the image below

Print Email

{SCPinterestShare href=https://www.3dallusions.com/tutorials/2d-software/218-faking-mistfog-in-photoshop layout=standard image= desc= size=small}
Web Statistics
Web Statistics