+ webdesign portfolio
+ designer's boutique
+ poserstudios
+ artworks
+ tutorials & articles
     
 
Creating a fog effect

Tutorial realized the 11th of March 2004.
Skill level required : beginners
Tools needed : Photoshop


00. Introduction

In this tutorial I will show you an easy way to create fog to add some mood to your illustrations.The tutorial has been written by using Photoshop 7, some differences may appear with the tools used if you use a previous version.




01. file preparation

An advice before starting working on your illustration : work on a large file. My example has been done on a 1000x1000 pixels wide file, and has been cropped to 500x500 (which is very small).

Open your render and create a new layer over it. Fill it with white.




02. fog structure

We're going to create fake clouds using a Photoshop filter.
Got to Filter > Render > Difference Clouds.
You should have something looking like this (see screen capture).

You can give this texture more contrast. Go to Image > Adjustments > Brightness/Contrast and drop up the contrast setting.

 

01


02

[ click to enlarge]


03. merging

Now lower the opacity of the fog layer to 60% (this value can depend on the effect you want) in your layer palette - see screen capture 01.

Pick your Erase tool with a large smooth round brush (I took a 300 px) and carefully erase a bit of the texture, in various places, especially on the top, depending on how your scene is built.

It looks a bit gray (see capture 02). This could be useful for smog scenes, but for this one I wanted a natural fog.



 

01

[ click to enlarge]

02

[ click to enlarge]





04. correcting / adjusting

To adjust the color of your fo layer, go to Layer > New adjustment layer > Hue saturation.
Make sure the option "Associating to layer" is checked (capture 01).

I did a nice frosty fog on this image using the following settings (make sure the Redefine option is checked) - see capture 02. You can play with these settings how much you want / need.



Haut de la page

 
(c) Corinne Stoppelli - ExileDesigns 2004 . It is forbidden to copy the content of this page (partial or complete) without written authorization.