Smoke Type in Photoshop in 10 Steps


Last week I decided to upgrade to the new Adobe CS4 apps, as usual I did my backups and of course I forgot very important things, such as my Photoshop Brushes and Patterns. I hate when that happens, but it does happen all the time. So I had to look for my brushes and I found some really cool new ones and decided to play a bit with them and with the new Adobe Photoshop CS4.

In this tutorial I will show you how to create a smoke typography effect playing with some brushes and adjustment layers. It's a very easy tutorial and you will be able to do the whole process in 5-10 minutes.

Step 1

Open Photoshop and create a new document, I used 1920x1200 pixels. Then apply a gradient, you could fill it with a gradient or apply a Layer Style. I used the layer style, Gradient Overlay. Use Radial for the Style and #07090a - #202b35 for the colors.

Step 2


dd some text in white then go to Filter>Blur>Motion Blur. Use 90º for the Angle, and 40 pixels for the Distance.

Step 3

Now go to Filter>Distort>Wave. use 3 for the Number of Generators, 10 and 346 for the Wavelength, and 5 and 35 for the Amplitude.

Smoke Typography

Step 4

Go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius. Then group the layer and rename the folder's Blend Mode to Color Dodge. You will get a nice light effect.

Step 5

Create a new layer on top of the others and go to Filter>Render>Clouds, make sure you had black and white for the background and foreground colors, then change the Blend Mode to Color Dodge and go to Layer>Layer Mask>Reveal All. With a very soft brush, 0% hardness and black color, hide some areas of the clouds layer. Use the image below for reference.

Step 6

Create a new Folder on the Layers' Palette. Change the folder's Blend Mode to Color Dodge and add a new layer in it. Then use the Smoke Brushes from Qbrushes . Select white for the color and paint over some letters. If you think the brush is not very bright, just click twice.

Step 7

Paint a few more smokes like the image below.

Step 8

Create a new layer beneath the other layers but in front of the Background layer. Fill this layer with black and go to Filter>Texture>Texturizer. Use 100% for the Scaling and 4 for the Relief. For the Texture use Canvas and Light use Top. That will add a nice texture to the image but you will need to change the opacity to 10%.

Step 9

This is a nice new feature in the new Photoshop CS4, actually there's nothing new just the Adjustments palette, but it's very useful because you can edit all the image adjustments like Levels, Hue & Saturation, Curves in that palette. However it just adds a Adjustment Layer, that could be done in the previous versions too.
Anyway, on top of the other layers just add the Invert adjustment. You can go to Layer>New Adjustment Layer>Invert. It will be the same. You will get a very nice effect, like burning paper.

Conclusion

One of the best things in Photoshop is the Brushes Engine and all the things we can create with brushes. With so many excellent sites with Brushes like Brusheezy, Tutorial9, QBrushes, DeviantArt, and PSDTUTS we can find practically all sorts of effects and elements ready to be used in our designs. That means we can focus on ideas rather than figure out ways to recreate things. Also we have 2 very different effects with just one adjustment layer, the Invert. Once again, it's all about playing. I hope you enjoyed this quick tutorial, and let me know if you have any questions.


Click here for full preview of the Dark version and here for the Light version
 

Download the Photoshop File

Creating Smoke


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.

The PSD file can be downloaded.

Collection of High Quality Photoshop Smoke Brushes

Collection of High Quality Photoshop Smoke Brushes

In this collection of Photoshop brushes, we are showcasing 14 of the best sets of smoke brushes to enhance your design projects.

Best WordPress Themes

 

Particle Smoke Brushes

Particle Smoke adds a whole new effect and explosion to our most popular Real Smoke Photoshop brushes. From a distance it looks like smoke. Up close, a swarm of atoms are blasting and bouncing off each other. Download this huge set of 148 high resolution Photoshop Brushes. These brushes may be used for commercial or non-commercial work.


 

Smoke Brushes

 Vol 1 . Works with photoshop 7.  Smoke brushes from stock photos.


 

Real Smoke Brushes

Create abstract art with this set of 108 Photoshop brushes of real smoke. These naturally shaped smoke brushes can be used individually or stacked on top of another. Feel free to use these brushes for commercial artwork.


 

Revnart Smoke

Revnart Smoke Brushes for Photoshop CS3 This brushes pack contains 30 high resolution brushes from 800 to 1500 pixels. There are different versions of smoke, pack is completely free for both free and commercial use.


Vocanic Brush Set 1

 

Volcanic – Brush Set #1.   Includes: 5 Defined Brushes for your use of creativity Made in Photoshop CS3.


Smoke and Fire Brushes

 

Great collection of smoke brushes that can also be used as fire.


Smoke Brushes

 


Smoke Brushes Set 2

 


Smoke Brushes Set 3

 


Smoke Brushes

 


Smoke Brushes Collection

 

There are nearly 40 brushes in this set. Most of them are in max. size ( 2500 ) and the rest are really big as well.


High Resolution Photoshop Smoke Brush Set

 

A high resolution smoke Photoshop brush pack. The brush pack enables any one with knowledge within Photoshop to be capable to create a great design using cool smoke affects. The brush is available for free and has been released under the creative commons license.


Smoke Brushes

 

Awesome set of 21 High quality Smoke Brushes in High resolution (2000px) for Photoshop


Smoke Brushes

 

Made with Photoshop CS3 and CS4 should also work with Elements.

Web Stats

AddFreeStats.com Free Web Stats!Web Stats
Twitter Delicious Facebook Digg Stumbleupon Favorites More