Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters.  Home Photoshop Photo Editing Creating a Digital Bokeh Effect

Creating a Digital Bokeh Effect


Final Result:

image 1

A) Creating a Bokeh Brush

Step 1:

In order to create the bokeh effect, we'll first need to create a bokeh brush. Create a new document 500 X 500 pixels in size and with a transparent background. Then create a perfect circle by selecting the Elliptical Marquee Tool and holding down the Shift key. Fill it with any color.

image 2

Step 2:

Go to Edit - Stroke and set the Inside stroke to black 8 px. It will look like this.

image 3

Lower the Opacity to 50% to get a more transparent look instead of a solid bokeh brush.

image 4

Step 3:

Now that we've created the brush, go to Edit>Define Brush Preset, name your brush "BOKEH" and save it. You can now see the newly created brush in your Brush Panel (Windows - Brushes).

image 5

image 6

B) Setting the Brush

Step 1:

Change the brush settings to as shown below:

image 7

image 8

image 9

image 10

C) Creating Bokeh Effects

Step 1:

Before we start painting our bokeh, let's create a new layer ( 900x900 ) and fill it with a colorful gradient. I created a new layer and used the layer styles (Layer >Layer Style>Blending Options) to do this, but feel free to do it any way you prefer. Here's how my document looks like so far.

image 11

Step 2:

Create a new layer and name it Bokeh 1. Select the Brush Tool (B) and set its color as white. Now simply paint some circles with your custom brush. Use a big brush size for this first layer. Then change the Blend Mode to Color Dodge.

image 12


After that, go to Filter - Blur - Gaussian Blur. Set to 18 pixels.

image 13


Create another layer and repeat the previous step. However, use a much smaller brush this time.

image 14


Repeat the same steps for the different layers of bokeh effects until you get the results that you like.

image 15


Step 3:

Lastly, adjust the colors to enhance the bokeh effects.

image 16


Play around with the Brush Size, Brush Color, Blend Modes and Blur Radius to get your ideal results.

image 17


Here are a few other bokeh samples I tried out.

image 18


Image ID: 501849Lev Dolgatshjov 123RF.com

image 19


Image ID: 5826697Alexander Yakovlev 123RF.com

Creating a Digital Bokeh Effect



Author's URL: 123rf
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters. More Photo Editing Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: