Languages

Top Navigation

Creating Smoke

March 22, 2007 from

Some time ago I had posted an article showing how to create a smoke effect in photoshop, and to achieve that I used a photo of smoke and some photoshop filters. However, some people had said at the time that I should have done the smoke as well and it´s exactly what I will show on this post right now.

I had previously thought about what would be the best way to create smoke in photoshop, and I’ve read some tutorials online and watched some episodes of the amazing pixelPerfect podcast, to find a good and easy solution for the matter at hand.

Actually it was easier than I had expected.

1 - Create some Shapes: I created some random shapes.

Create some random shapes

2 - Apply a Gaussian blur on each shape

Create some random shapes

3 - Using the liquify filter

Create some random shapes

4 - Positioning the shapes

Create some random shapes

5 - Adding some colors

Use the Hue/Saturation with the colorize selected to add some colors
Add a background color on the layer of the shape, otherwise the Hue/Saturation won't work

6 - Creating a cloud behind the smoke

Creating the cloud
Set a feather with a high value, like 40 to 80, and after that apply the hue/saturation on the cloud too

7 - Adding a gradient to create an atmosphere

Create some random shapes
The gradient will give a atmosphere and more depth to the image

Final Result

Create some random shapes

The whole process took me about 30 to 40 minutes tops, it’s pretty simple, although it can be quite hard to create a natural smoke with the liquify filter, the best thing to do is to play with the brushes and with the tools to achieve the desired effect.

http://abduzeedo.com/files/imagecache/img690x320/originals/joomp_wall.png

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Super Easy Neon Style in Photoshop
Super Easy Neon Style in Photoshop
This past Friday was the Abduzeedo meetup here in my hometown of Porto Alegre. It was really cool, we had a lot of fun and a lot of beers! When I was leaving I noticed the neon sign outside the pub and it really inspired me to create a tutorial on how to acheive that type of effect in Photoshop. In this tutorial I will show you how to create a nice light effect in Photoshop. We will use Layer Styles and Blend Modes to simulate a neon text effect.

Try this Wallpaper

Wallpaper of the Week #149 by Adam Spizak
Wallpaper of the Week #149 by Adam Spizak
The wallpaper of this week is an image created by Adam Spizak, an illustrator and designer with almost 13 years of experience in both online and print design. His main inspiration comes from music and books. For more information about Adam visit his Web site at http://www.artisnavi.com/ Desktop Version

Book Suggestion

Book Suggestion: Cradle to Cradle - Remaking the Way We Make Things
Book Suggestion: Cradle to Cradle - Remaking the Way We Make Things
The book suggestion of this week is the next one in my list and I will start reading it this weekend. It's called Cradle to Cradle: Remaking the Way We Make Things. I have been waiting to read this book for a while. I got it a few weeks ago as a present and now it's the right time. Below I will list some info about the book.