Google+

Simple Bokeh Text Effect

Bokeh, in Photography, is a word that describes “the way the lens renders out-of-focus points of light” Wikipedia.

It adds an absolutely stunning touch to photographs, and creates a really nice effect.

This tutorial is inspired by this technique, and will show you a super easy way to create a dazzling beautiful bokeh text effect, using a simple brush and a layer effect.

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CS6 Extended
  • Time : 0:20 – 0:35

Resources

Step 1

Create a new 1000 x 600 px document. Set the Foreground color to #271c2d and the Background color to #141416. Pick the Gradient Tool, choose the Foreground to Background, Radial Gradient, in the Options bar. Then click and drag from the center of the document to one of the corners to create the Background gradient.

Simple Bokeh Text Effect step 1

Place the Light/Bokeh Texture 21 on top of the Background, then change its layer’s Blend Mode to Overlay.

Simple Bokeh Text Effect step 1

Create the text in White using the font ETH, and open the Character panel (Window > Character). Set the font Size to 310 pt and the Tracking value to 70 (to avoid overlapping).

Simple Bokeh Text Effect step 1

* You can use a different font Size, but you’ll need to change the other values used accordingly.

Step 2

Pick the Brush Tool, choose a hard round brush, and open the Brush panel (Window > Brush) to change its Settings as below:

Brush Tip Shape

Simple Bokeh Text Effect step 2

Shape Dynamics

Simple Bokeh Text Effect step 2

Scattering

Simple Bokeh Text Effect step 2

Color Dynamics

Simple Bokeh Text Effect step 2

Transfer

Simple Bokeh Text Effect step 2

Step 3

Right click the text layer and choose Create Work Path. Then, make the text layer invisible by clicking the eye icon next to it.

Create a new layer on top of all layers and call it Bokeh, set the Foreground color to #f06eaa and the Background color to #6dcff6, and pick the Direct Selection Tool.

Simple Bokeh Text Effect step 3

Right click the work path and choose Stroke Path. Then, choose Brush from the Tool drop down menu, and make sure that the Simulate Pressure box is un-checked.

Simple Bokeh Text Effect step 3

This will stroke the path with the bokeh brush. If you don’t quite like how the stroke turned out, you can undo and stroke the path again. Each time you will get a different result.

When you like the result, hit the Enter/Return key to get rid of the path.

Simple Bokeh Text Effect step 3

Step 4

Double click the Bokeh layer to apply an Inner Glow effect:

  • Source : Center

This will make the glow illuminates from the center instead of the edges.

Simple Bokeh Text Effect step 4

This should add a nice glow to the bokeh text.

Simple Bokeh Text Effect step 4

Go to Filter > Blur > Gaussian Blur, and set the Radius value to 0.5. This will add a subtle blur to the bokeh, making it softer and more realistic.

Simple Bokeh Text Effect step 4

Step 5

Finally, the word LIGHTS is added using the font Neou (OT1), the font Size 66 pt, the color #e2d6e9, and the Tracking value 75.

Its layer’s Blend Mode is changed to Soft Light as well.

Simple Bokeh Text Effect step 5

And there you have it! Your awesome bokeh text effect :)
Hope you enjoyed the tutorial and found it helpful.