Home > Tutorials > Create a smoky typography in Photoshop

Create a smoky typography in Photoshop


In this tutorial, I will show you how to create a smoke typography effect playing with some brushes and adjustment layers. This effect is very easy to produce and once done, looks stunning. It also uses the cloud rendering which is a very under-appreciated modification in PS 🙂  It just requires a few steps and you have yourself a new wallpaper.

Step 1
Open Photoshop and create a new document, I used 1920×1200 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
Add some text in white and rasterize it (right click the layer in the palette and rasterize type) then go to Filter>Blur>Motion Blur. Use 90º for the Angle, and 40 pixels for the Distance.

2After applying the motion blur, it must look something like this:

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.


Step 4
Go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius. Then create a group (right below the layer palette, you can see the folder icon, click on it) and drag and drop the the layer into the group and change the folder’s Blend Mode to Color Dodge. You will get a nice light effect.


Make sure only the text layer is inside the group and not the background as well.


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(feathered edges), around 300 px, 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 for a few other letters to get an image similar to the one above. This depends on how you want the smoky effect to look like.

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

Using the Hue/Saturation option in the layers option, you can manipulate the image however you want. It all depends upon your creativity.

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 devising ways to recreate things. So, if you have any questions, let me know.

Click on the image below for a full view :


Categories: Tutorials
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: