How to create a Bokeh Effect Wallpaper with text in Photoshop?

In this tutorial, you will learn to create a Bokeh Effect Wallpaper with text in Photoshop CS6. Bokeh Effect is the way a camera lens treats out-of-focus points of light. The term “Bokeh” comes from the Japanese word and means “blur” or “blur quality”. Follow the steps below and create your own Boken Effect wallpaper. At the end of the post, you can find also the video tutorial. Good luck! 

Do you like this image? Check more images in the store.

Step 1:

Open a colorful image that you’d like to use to create your Bokeh effect. Set the resolution on your image 150px and the size of your picture.

Step 2:

Go to Filter->Blur->Gaussian Blur and set the Radius to 65px and press Okay.

Step 3:

We’ll darken the mid-tones by clicking on the adjustment layer and selecting Curves

Go to the center of the grid and pull it slightly down and to the right.

Step 5:

Create a new layer and open the Brush Tool. Open Brush Panel and set up:
Size: 125pxHardness: 100%Spacing: 80%

Click Shape Dynamics and make the:
Size Jitter: 50%

The control: FadeAngle

Jitter: 0%

Angle control: off

Go to Scattering. Make the Scatter 1000%. Count 1.

Step 6:

Now, randomly brush over your image. Change the Blend Mode to “Overlay” and reduce the opacity to 50%.

Go to Filter->Blur->Gaussian Blur. Blur it 16px and click Okay.

Step 7:

Click on the New Layer icon. Change the Blend Mode to “Overlay” and opacity to 50%, and randomly brush over the image.
Go to Filter->Blur->Gaussian Blur. Blur it 12px and click Okay.

Step 8:

Make a new layer, change Blend Mode to “Overlay” and opacity to 50%, and again randomly brush over the image.
Go to Filter->Blur->Gaussian Blur. Blur it 8px and click Okay.

Next, I’ll show you how to add Bokeh text.

Step 1:

Open your “Horizontal Type Tool” and choose the thin font. Set the size around 190px, and select the “sharp” option. Type out your text.

Step 2:

Click by the right button of the mouse on the text layer and choose an option Select Pixels

Click off the eyeball to the text layer to hide it. Create a new layer.

Step 3:

Open the Paths Panel and click on the icon of the upper right. Select Work Path and set 0.5px.

Step 4:

Open your Brush Tool and open the Brush Tool Panel. Click “Brush Tip Shape” and make the size 30px, spacing 80% and hardness 100%.

Select Shape Dynamics and set the size Jitter 50% and control Off. Minimum diameter 0%. Uncheck Scattering.

Click Color Dynamics->Foreground/Background Jitter set to 100%.


Opacity Jitter: 0%, control Off
Flow Jitter: 100%

Step 5:

Click on the icon at the upper right corner of the Paths panel and click Stroke Path.

Choose Brush and make sure that “Simulate Pressure” is not checked.

Step 6:

Open back the layers panel and change Blend Mode to Color Dodge. To hide the Work Path hit Cmd+H.

Create a copy of the layer. Choose Blending Options->Inner Glow and change the Blend Mode to Color Dodge, and opacity to 50%Source center and hit Okay. Go to Filter->Blur->Gaussian Blur. Blur it 4px and click Okay. Your Bokeh Effect Wallpaper is Ready!

You can see also the tutorial video below: