learn photoshop

  • top100
  • wallpapers
  • learn english
  • learn photoshop
  • healthy tips
  • photo to comment
  • software downloads
  • blog tricks and tips
  • learn hacking
  • top articlesphoto to comment

    Tuesday, 1 March 2011

    How to Create a Fog Effect in Photoshop


    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

    • Forest Path
    • Fantasy character

    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
    Posted by Bramhaji at 01:42
    Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
    Labels: world top designs step by step explanation

    No comments:

    Post a Comment

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Labels

  • digital photo essentials (5)
  • photo editing (9)
  • photo effects (9)
  • photoshop backgrounds (1)
  • Photoshop Text Effects Tutorials (9)
  • sample poster designs (1)
  • tips (12)
  • world top designs step by step explanation (22)

Search This Blog

Followers

Blog Archive

  • ▼  2011 (69)
    • ▼  March (37)
      • Making Creative Business Card
      • Creative menu for your website
      • Stylish Banner for your Website
      • Create Your Own Realistic View Stamp
      • Car Moving Effect
      • Recreating Apple Macintosh Logo
      • How to Create Skin for the Cube
      • Professional Designed Pseudo Vector Flyer for Nigh...
      • Professional Designed Banner
      • Creative Styling for Your Car
      • Add Your Face to Movie Poster
      • How to Put Lightning inside the Bottle
      • Learn How to Create Liquid Plastic Effect
      • Turning Photos into Oil Paintings
      • Final Image Preview
      • Creating Pseudo-vector Wallpapers for Desktop (Par...
      • Creating Fashion Contrast Photo Effect
      • Learn How to Create Watercolor Effect
      • Create Web 2.0 Style Logo with Photoshop
      • How to Create a Landscape Change Effect
      • How to Create a Fog Effect in Photoshop
      • How To Turn a New Photo Into an Old Photo
      • sample poster designs
      • photoshop backgrounds
      • Adobe Moved The 'Show Tool Tips' Option In Photosh...
      • Making Layer Styles Conform To Layer Masks
      • Adding More Canvas Space With The Crop Tool In Pho...
      • Switch Adjustment Layers From One Type To Another
      • Turn Photoshop's Font Preview Off To Improve Perfo...
      • save And Re-Use Text As A Custom Shape
      • Photoshop Text Tips, Tricks And Keyboard Shortcuts
      • How To Select All Text Layers At Once
      • Turn Your Mouse Wheel Into The Zoom Tool In Photos...
      • Showing More Than 10 Recent Files In Photoshop
      • Tired Of That Default Gray Pasteboard? Make It Any...
      • Need More Undo's In Photoshop? Just Add More Histo...
      • Reset The Preferences When You Start Up photoshop
    • ►  February (32)

About Me

Bramhaji
View my complete profile
Simple theme. Powered by Blogger.