Submit Your Article
Home Articles News Tutorials Videos Add An Article
Topics: Design Photoshop Programming PHP CSS Java Database Web Development Javascript Ajax
– Close + Open

Find Out More About DevWebPro!

Sign up for the newsletter


» Terms & Conditions

Welcome to the New DevWebPro!

DevWebPro Includes:
  Hundreds Of Tutorials   Developer News
  Unique Gadget Videos   Tons of Topics to Discuss
  Expert Advice   We Will Publish Your Articles

Realistic Fog

By: Chris G
Tuesday, May 29th, 2007
Text: Decrease Font Size Increase Font Size | Print Print Article | Share: Delicious Digg StumbleUpon Post to Twitter Post to Facebook

Create realistic fog in your images using Photoshop.

1.) Open an image of your choice

2.) Click the New Adjustment Layer icon and select Hue/Saturation

3.) Apply the following settings

4.) Next, click the Add layer mask button

5.) Select the gradient tool and make sure black is the foreground color and white is the background

6.) Fill the image from bottom to top with gradient

7.) Select the Rectangle Marquee Tool and apply the following setting

8.) Make a selection somewhere near the center of the image

9.) Create a new layer above the background layer

10) Select Filter > Render > Clouds to fill the selection with clouds. Press Ctrl+D to deselect.

11.) Select Edit > Transform > Perspective. Drag the corner handles until you have something like this:

11.) Select Edit > Transform > Scale. Change the Width setting in the toolbar (W:) to 1000%

12.) Right click the layer thumbnail and select Blending Options.
In the dialog box, alt+click the black slider at the left

13.) The slider will split in half, slide to the right as below

Feel free to adjust the opacity or blend options to your liking.

Topics: , ,

About the Author:

Leave a Comment

DevWebPro is an iEntry Network ® publication - © 1998-2010 All Rights Reserved