Advertisement
  1. Design & Illustration
  2. Text Effects
Design

How to Create a Hookah Smoke Text Effect in Adobe Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:
This post is part of a series called Alice in Wonderland Week.
Create Two Colorful Children's Book Illustrations in Illustrator
How to Create a Wonderland Photo Manipulation With Adobe Photoshop
Final product image
What You'll Be Creating

This tutorial will show you how to use Photoshop's work paths, brush settings, and layer styles to create a quick Alice in Wonderland shisha smoke text effect. Let's get started!

This text effect was inspired by the many Layer Styles available on GraphicRiver.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Create the Background and Text Layers

Step 1

Create a new 850 x 850px document. Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, choose Solid Color, and use the Color #0f0e11.

Solid Color

Step 2

Create the text, each letter in a separate layer, using the font Multicolore, and change the Size to 200 pt.

Create the Text

Step 3

Place each letter's text layer in a group with the letter's name.

Group the Text Layers

2. How to Create and Save Work Paths

Step 1

Pick the Pen Tool and choose the Path option in the Options bar, and create a work path inside each of the letters you have.

Click once to add corner points, click-drag to add smooth curve points, and Command-click outside the path once you finish it.

You can use the Direct Selection Tool (A) to select and adjust any anchor point as well as its direction points and handles if needed.

Create the Work Path

Step 2

In order to save a work path and reuse it, open the Paths panel, and double-click the Work Path tab to enter a name for the path you want to save.

Name the path Center and hit OK.

Save the Work Path

Step 3

Click the Create new path icon at the bottom of the Paths panel to add a new path tab.

Use the Ellipse Tool with the Path option to create a couple of ring shapes around the letters you have, and save the new path tab with the name Rings.

Add Ring Paths

3. How to Modify and Save a Brush Tip

Step 1

Pick the Brush Tool and open the Brush Settings panel.

Choose the Soft Round tip, check the Build-up and Smoothing boxes, and use these settings:

Brush Tip Shape

Brush Tip Shape

Shape Dynamics

Shape Dynamics

Scattering

Scattering

Texture (Use the Clouds pattern).

Texture

Transfer

Transfer

Step 2

Click the Create new brush icon in the bottom right corner of the panel to save the modified brush tip, and name it Smoke.

Create New Brush

4. How to Stroke a Work Path

Step 1

Select the Center tab in the Paths panel, pick the Path Selection Tool, and click on the first letter's work path to select it.

Hide the text layer, and create a new layer on top of it with the letter's name.

Select a Work Path

Step 2

Set the Foreground Color to any color you'd like to stroke the path with. The color used here is #d57187.

It is important to save the colors you use as you'll need them later on.

Pick the Brush Tool (B), and hit the Return key to stroke the selected work path.

Stroke the Work Path

5. How to Create a Simple Smoke Style

Double-click the stroked path layer's group to apply the following layer style:

Step 1

Add an Inner Shadow with these settings:

  • Opacity: 35%
  • Distance: 0
  • Size: 7
Inner Shadow

Step 2

Add an Inner Glow with these settings:

  • Opacity: 75%
  • Color: #c2bdbd
  • Source: Center
  • Size: 16
Inner Glow

Step 3

Add a Satin effect with these settings:

  • Blend Mode: Multiply
  • Color: #c3c3c3
  • Opacity: 50%
  • Angle: 20
  • Distance: 194
  • Size: 183
  • Contour: Rounded Steps
  • Check the Invert box
Satin

Step 4

Add an Outer Glow with these settings:

  • Opacity: 53%
  • Color: #e34065
  • Size: 25
  • Range: 100%

The Color here should correspond to the one you chose for the original brush tip color, so you should choose a different one if you are using other brush tip colors.

Outer Glow

Step 5

Right-click the styled group, and choose Copy Layer Style. Then select the rest of the groups you have, right-click any of them, and choose Paste Layer Style.

Copy and Paste the Layer Style

Step 6

Repeat the same steps to stroke the rest of the work paths you have.

After that, for each group, double-click it to adjust the Outer Glow effect's Color to one that matches the brush tip color used for the letter in the group.

The other brush colors used here are #054ae3, #41a614, and #f1a327.

Stroke the Work Paths

6. How to Warp Objects

Step 1

Select the stroked letter's layer, press Command-T to enter Free Transform Mode, and click the Warp icon in the Options bar.

Warp Mode

Step 2

Click-drag the small sections to warp the letter and get a more dynamic effect, and hit the Return key to commit the changes.

Warp the Text

Step 3

Repeat that for the rest of the letters.

Warp the Text

7. How to Add Smoke

Step 1

Next, use the Real Smoke and Smoke Out Brush Set tips to add smoke to the letters you created.

Add the smoke on as many new layers as needed, and use the same color as the letter you're adding the smoke to.

Use different brush tips with very small tip sizes to get the best results.

Add Smoke to the Letters

Step 2

If you feel the brushes are too sharp, you can go to Filter > Blur > Gaussian Blur, and use a Radius value you like to soften the tips a little bit.

Gaussian Blur

Step 3

Create a new layer on top of the Solid Color layer, name it BG Smoke, and use some large smoke brushes to add colored smoke around the text.

Right-click the BG Smoke layer and choose Convert to Smart Object.

Add Background Smoke

Step 4

Blur the smoke quite a lot, and reduce its layer's Opacity to around 30%.

Background Smoke Layer Settings

8. How to Make Final Adjustments

Step 1

Add the Noisy Black Texture 4 image on top of the BG Smoke layer, resize it as needed, and change its layer's Blend Mode to Color Dodge and its Opacity to 50%.

Add a Background Texture

Step 2

Add the Snow Texture VI 5184 x 3456 Pixels image on top of all layers, resize it as needed, and change its layer's Blend Mode to Screen and its Opacity to 10%.

Add a Texture Overlay

Step 3

Go to Filter > Pixelate > Mezzotint, and change the Type to Long Strokes.

Mezzotint

Step 4

Add a Vibrance adjustment layer on top of all layers, and change the Vibrance value to -5.

Vibrance

Step 5

Add a Color Lookup adjustment layer on top of all layers, choose the 3Strip.look table from the 3DLUT File menu, and change the layer's Opacity to 35%.

Color Lookup

Congratulations, You're Done!

In this tutorial, we created a simple background and a couple of grouped text layers for the text letters we have.

Then, we created work paths for the letters, modified a simple brush tip, and stroked the work paths to create the main smoke effect.

After that, we styled the letters to enhance the smoke effect, warped them to get a more dynamic result, and added more smoke brushes for a more detailed outcome.

Finally, we added some textures and global adjustment layers to finish off the effect.

Please feel free to leave your comments, suggestions, and outcomes below.

Final Result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.