• Home

Logo

Navigation
  • Home
  • Articles
    • Content Writing
    • Design
    • General
    • Internet Marketing
    • Social Media
    • Tools and Tips
    • Usability
    • Web Hosting Articles
  • Tutorials
    • AJAX Tutorials
    • ASP Tutorials
    • C# Tutorials
    • CGI and Perl Tutorials
    • CSS Tutorials
    • Flash Tutorials
    • HTML Tutorials
    • Illustrator Tutorials
    • Java Tutorials
    • JavaScript Tutorials
    • Linux Tutorials
    • Miscellaneous Tutorials
    • MySQL Tutorials
    • Photoshop Tutorials
    • PHP Tutorials
    • Python Tutorials
    • Wireless Tutorials
    • WordPress Tutorials
    • XML Tutorials
  • Scripts
    • AJAX Scripts
    • ASP Scripts
    • ASP.NET Scripts
    • CGI & Perl Scripts
    • Flash Scripts
    • Java Scripts
    • JavaScript Scripts
    • PHP Scripts
    • Python Scripts
    • Remotely Hosted
    • Tools and Utilities
    • XML Scripts
  • Answers
  • Online Services
  • Tools

Create Realistic Smoke in Photoshop

By Ades Tynyshev | on Jun 15, 2005 | 0 Comment
Photoshop Tutorials
  • Tweet
  • Share
  • Tweet
  • Share

Create Realistic Smoke

Note: This tutorial was done using Adobe Photoshop CS

Final Effect
This character’s name is Harvie Krumpet from www.harviekrumpet.com. Images used here are Copyright © of Adam Elliot/Melodrama Pictures

Download this image and open it in Photoshop. Create a new layer above the image and call it Smoke.

Set your Foreground and Background colors to Black & White respectively. Just press "D" for a quick set.

While your Smoke layer is selected go to Filter > Render > Clouds and get an effect as close as to this one, if you got a different one that is okay. Just press Ctrl+F to repeat the last performed Filter (Clouds filter in this case) until you get the desired effect.

Now still Smoke layer selected, click on the Add a Layer Style button and choose Blending Options.

In the Blending Options window locate the gradient bar, while holding the Alt key in your keyboard click in the middle inside the first gradient bar. After you click you should be able to see that the triangle slider has just split into two. Now hold and drag the slider towards the white area (to the right), while you are dragging this you should be able to see that black parts of your clouds are disappearing from the layer. Stop the slider towards the end, you need to decide yourself where to stop. Mine was around 0/180 (this can be seen from the highlighted area in the circle). Click OK once you are done.

Click here to see the whole Blending Options window.

Now your image should look close to this. You need to select the Erase tool with 10% Opacity and start erasing off the unwanted areas. Try to get rid of the smoke from the lower parts of the image.

Lastly to make the smoke more realistic we will change the Smoke Levels by going to Image > Adjustments > Levels. Move the right slider (white triangle) to the left, and middle slider (gray triangle) to the right a bit. You need to experiment a little bit to get the desired effect. As you see below my settings for Input Levels were 0 – 0.57 – 193.

That was it. I hope you enjoyed the tutorial. Let me know if you have any questions.

Share this story:
  • tweet

Author Description

No Responses to “Create Realistic Smoke in Photoshop”

You must be logged in to post a comment.

Connect With Us

RSSSubscribe 0Followers 497Likes
  • Popular
  • Recent
  • Comments
  • Creating Energy Spheres in Photoshop

    Apr 15, 2008 - 96 Comments
  • Easy Screen Scraping in PHP with the Simple HTML DOM Library

    Aug 6, 2008 - 20 Comments
  • Calculating date difference more precisely in PHP

    Mar 7, 2008 - 13 Comments
  • When Does Hosting Your Website in the Cloud Make Sense?

    Oct 8, 2010 - 2 Comments
  • Fun with the Microsoft Managed Extensibility Framework Part 2

    Oct 6, 2010 - 0 Comment
  • Fun with the Microsoft Managed Extensibility Framework Part 1

    Sep 22, 2010 - 0 Comment
  • Website Management on the go with the iPad

    I appreciated your post, but I was looking for something I didn't...
    November 24, 2012 - drmoderator
  • Creating Energy Spheres in Photoshop

    I'm a little stuck down here especially at the step of creating the...
    November 23, 2012 - sarah
  • Running background processes in PHP

    Can you give an example? As see it, you can use this only when you...
    November 16, 2012 - Shaked Klein Orbach
Developer Resources
  • Tutorial Directory
  • Learn HTML
  • Learn PHP
  • Learn CSS
  • Learn AJAX
  • Learn JavaScript
  • Learn Pear
  • White Papers
  • Resources
    • NetVisits Web Directory
    • Realtor Pixels
    • Answers On The Run
    • Ask A Geek
  • Recent Posts

    • When Does Hosting Your Website in the Cloud Make Sense?
    • Fun with the Microsoft Managed Extensibility Framework Part 2
    • Fun with the Microsoft Managed Extensibility Framework Part 1
    • Website Management on the go with the iPad
    • Code Contracts in C# 4.0 – Part 1

    Calendar

    June 2013
    M T W T F S S
    « Oct    
     12
    3456789
    10111213141516
    17181920212223
    24252627282930

    Recent Comments

    • drmoderator on Website Management on the go with the iPad
    • sarah on Creating Energy Spheres in Photoshop
    • Shaked Klein Orbach on Running background processes in PHP
    • Thomas Cuvillier on How To Upload Files Using PHP
    • rizal aditya on Extracting text from Word Documents via PHP and COM
    • Home
    © 2003 - 2013 DeveloperTutorials.com. All Rights Reserved. Privacy Policy.