By Design Bundles
16 Apr 2018
3 Mins

Smoke Text in Photoshop

For this tutorial, you will need an image of Smoke to use as “Background”, and Marhaban Font from FontBundles.

1 - In Photoshop, open the image you chose.

2 - Create a “New Layer” (Shift + Command/Control + N) and name it “Black”. Make sure that black is your “Foreground” color and fill the Layer with it (Option/Alt + Delete/Backspace).

3 - Select the “Type Tool” (T), choose your font (we used Marhaban) and type your text. Use white as “Fill” color.

4 - Select the “Black” and “Text” layers, right-click on top of their thumbnails and choose “Convert to Smart Object”.

5 - Go to Filter > Distort > Wave and use the following values. Check the “Preview” window and if you don’t like the result click the “Randomize” button a few times until you are happy. Take into account that the results are random so if you like the text is better to stop.

6 -Go to Filter > Distort > Twirl and use an “Angle” of -57°

7 - Go to Filter > Blur > Motion Blur and use an “Angle” of 0° and a “Distance” of 100 Pixels.

8 - Change the “Blending Mode” of your Layer to “Color Dodge” and lower the “Fill” to 90%.

9 - Check out how your text looks against the “Smoke” and if necessary, double-click on top of a “Filter” and fix its values. In our case, we noticed that the “Motion Blur” was too much and reduced the “Distance” to 90 Pixels.

10 - Reduce the “Fill” a bit more (to 90%). Go to the “Adjustments Panel” and add a new “Color Lookup Adjustment Layer”, choose filmstock_50.3dl from the 3DLUT File option and lower the “Opacity” to 60%.

11 - Check out your work. Remember that since you are working on a “Smart Object” you can double-click on top of the image thumbnail and modify your text, etc.

by @lornacane

6 Related Photoshop Tutorials

Rainbow Cake Text Effect in Photoshop 3D Text

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

Watercolor Text Effect in Photoshop (Part 2)

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

Rainbow Cake Text Effect in Photoshop

In this tutorial, we are going to use the “3D Text” and “Patterns” created in Part 1 to add cake to your text.1 – Open the 3D text file you created in the first part of this tutorial. Delete the “Shadow” layer and merge all the other visible layers into a single ...

Puffy Sticker Text Effect in Photoshop

For this tutorial, we are using “Hamster” a free font from Artimasa.1 – In Photoshop, create a New Document. Select the “Gradient Tool” (G) and give the Background a fill of your liking. We used some shades of cyan, made it a “Radial Gradient” by clicking on the button in the ...

Watercolor Text Effect in Photoshop

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

Hologram Text Effect in Photoshop

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...