Smoke Text Effect in Photoshop | Text Manipulation | Photoshop Tutorial

Updated: Jul 10

In this tutorial , you will learn how to create this Smoke text effect in Photoshop. So just follow the steps and learn this easy method to create it for yourself . So let's get started!


Smoke text effect in Photoshop
Smoke Text Effect in Photoshop





  • Youtube Video :-


Steps on how to create Smoke text effect in Photoshop :-


  • So the first step is to create a new document , so for that go to File and then select new over there


File in Photoshop
Click on File

Steps to create new document in Photoshop
Select new from Pop up
  • After that set the dimensions in the Pop up as follows :- Width : 1280px , Height , 720px , Resolution : 150px/inch , Background : Transparent and then click on Ok.


Steps to create new document in Photoshop
Setting Dimensions
  • Now set the foreground color as Black and then fill the document using that color using Paint bucket tool


Select foreground color as Black in Photoshop
Select foreground color as Black

Paint bucket tool icon in Photoshop
Paint bucket tool icon

Filling the document with Black color in Photoshop
Fill the document by clicking on it

  • After that create a duplicate of the layer by pressing CTRL + J


Shortcut to create a duplicate layer in Photoshop
Press CTRL + J to create duplicate
  • Now go to Filter and then Render and then select Clouds over there


How to select clouds in Photoshop
Select Clouds
  • Then reduce the opacity of the layer to 10%


How to reduce opacity of layer in Photoshop
Reduce opacity of the layer to 10%

After reducing opacity
  • Now set the Foreground color as white


Set foreground color White
  • Select Horizontal type tool and then select any font of your choice and set its appropriate size


Horizontal type tool in Photoshop
Horizontal type tool icon

How to set a font and it's size in Photoshop
Set any font of your choice and set it's appropriate size
  • After that click anywhere on the document and then start typing your text


Text in Photoshop
Click anywhere on the document and type in your text
  • Now place the text properly using move tool


Move tool icon in Photoshop
Move tool icon

Place text properly using move tool in Photoshop
Place text in the center using move tool
  • Now create a new layer by clicking on create new layer icon


Create new layer icon in Photoshop
Create new layer icon
  • Then drag the newly created layer below text layer


Swapping layers in Photoshop
Placing newly created layer below text layer
  • Now select brush tool and then set the foreground color as white


Brush tool icon in Photoshop
Brush tool icon

Set the foreground color as white
  • After that click on Toggle brush panel icon


Toggle brush panel icon in Photoshop
Toggle brush panel icon
  • Then select any smoke brush (After selecting a brush and clicking it in the document it will give the smoke effect of that shape) , so change it's size and even rotate it if necessary for best effect


Select any smoke brush in Photoshop
Select any smoke brush

How to change size of brush and rotate it in Photoshop
Icons to rotate brush and change it's size
  • After that click on the document using it which will give the smoke effect (Note : if the smoke effect is not proper then you can CTRL + Z which will revert the previous step and then you can place it again )


Click on the document using brush which will give smoke effect

Finally after placing it properly
  • Now after the smoke has been placed properly over the text then press CTRL and click on newly created layer icon


How to get a selection of the layer in Photoshop
Press CTRL and click on the newly created layer
  • This will give you selection of this layer i.e Smoke


How to get selection of a layer in Photoshop
Selection of smoke
  • Then make the text layer active and then press ALT and click on add layer mask icon which will give text better effect


Activate a layer in Photoshop
Click on Text layer to make it active

Add layer mask icon in Photoshop
Press ALT and click on Add layer mask icon


After pressing ALT an clicking on Add layer mask icon
  • Now to make it look even better select brush tool and brush as Soft round


Brush tool icon in Photoshop
Brush tool icon

Soft round brush in Photoshop
Select brush as Soft round
  • Now to remove the some parts of the text make the foreground color as black and then click and hover over the parts of the text using brush to remove it and if you want to bring back parts of the text then make the foreground color as white and then click and hover over the parts using brush to bring it back which will give you best smoke text effect


Set the foreground color as Black to remove parts of text

Click and hover over parts of text to remove it

Set the foreground color white to bring back some parts of the text

Click and hover over text to bring it back

  • Now click on Add layer style icon and then select Blending options over there


Select blending options in Photoshop
Click on Add layer style icon and select Blending options over there
  • Then in the pop up click on Drop shadow and set the following , Blend mode : Multiply , Opacity : 75% , Angle : 90deg , Distance : 5px , Spread : 0% , Size : 5px and then click on Outer glow and set the following , Blend mode : Screen , Opacity : 30% , Color : White , Spread : 0% , Size : 5px and then click on Ok


Drop shadow in photoshop
Click on Drop shadow and set the following

Outer glow in Photoshop
Click on Outer glow and set the following

So this will give you your Smoke text effect in Photoshop !


Smoke text effect in Photoshop
Smoke Text Effect

So that's it guys! So now if you guys liked this tutorial then hit the like button also share it to the ones who might be interested in such tutorials!


Youtube Video :-



Related :-



1,540 views0 comments

Recent Posts

See All