Sign Up Now
Twitter Facebook Flickr Buzz
PhotoshopSociety.org
 
Search:   
 
Social Networks

LOGIN     

Go
Forgot Password? Go Join Now
Sign Up for Starter's Pack (Free)
Call (800) 223-8720
Email custserv@photoshopsociety.org
 
Need Web Solutions? Get Free Sample Issue

Inside Photoshop: Search Articles

  Search Library:  
 
2018 |  2017 |  2016 |  2015 |  2014 |  2013 |  2012 |  2011 |  2010 |  2009 |  2008 |  2007 |  2006 |  2005 | 
 

Don't wait for the weather blanket your image with fog in Photoshop

Added on Monday 20th of December 2010 09:11 am EST
 

Sure! There are different ways you can add fog to an image in Photoshop. How much control you need over the fog placement will determine which method you use, but we’ll show you two ways to get you started.

 

To follow along with our example, download the file fog.zip from the URL given at the beginning of this article, extract the file fog.psd, launch Photoshop, and open the file shown in Figure A. (Images provided by PhotoSpin. Some images modified for educational purposes.)

Figure A:

Article figure image

Fog with a gradient mask

The first fog method we’ll show you is one that will place a blanket of fog over your image. You’ll apply a Color Fill layer with a Layer Mask to do this effect.

 

To blanket your image with fog:

1.

Click on the Create New Fill Or Adjustment Layer button located at the base of the Layers panel and choose Solid Color from the pop-up menu.

2.

In the Pick A Solid Color dialog box, enter 255 in the R, G, and B text boxes, and click OK.

3.

Lower the Layers panel Opacity slider to 65%, as shown in Figure B.

Figure B:

Article figure image

 

Article figure image

1.

Select the Color Fill Layer Mask thumbnail so it’s active.

2.

Choose the Gradient tool from the Tools panel.

3.

Select the Black To White gradient preset, and then click on the middle of the image—around the top of the bridge. Drag down and release the mouse for a gradient like the one shown in Figure C. Your image now has a misty fog layer!

Figure C:

Article fig...</em></i></b></font></div>
				<div class=