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:
* the software used in this tutorial is Adobe Photoshop CS6, but you can use CS3+ versions as well.
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.
- 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.
- Place the “Light/Bokeh Texture 21″ on top of the Background, then change its layer’s Blend Mode to Overlay.
- 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).
* You can use a different font size, but you’ll need to change the other values used accordingly.
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: Change the Size to 25, and the Spacing to 95%.
- Shape Dynamics: Change the Size Jitter to 45.
- Scattering: Change the Scatter to 95%, and check the Both Axes box.
- Color Dynamics: Check the Apply Per Tip box, and change the Foreground/Background Jitter to 100%.
- Transfer: Change the Flow Jitter to 100%.
- 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.
- 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.
- 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.
- Double click the “Bokeh” layer to apply an Inner Glow effect, and just change the Source to Center, so that the glow illuminates from the center instead of the edges.
- This should add a nice glow to the bokeh text.
- 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.
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.
And there you have it! Your awesome bokeh text effect
Hope you enjoyed the tutorial and found it helpful.