1. Home
  2. Design School
  3. Bokeh Effect in Photoshop

Bokeh Effect in Photoshop

Posted on 8th May 2017
1- Open Photoshop.


2- Open your photo.


3- Create a new layer.


4- Select the brush tool and select a brush without soft edges.


5-  Select the brush panel and select the brush tip shape option. Set Spacing to 150%


6- Select the shape dynamics. Change the size jitter to 40% and leave everything else at 0%.


7-  Select the scattering option. Make sure you check both axels and then change the scatter to approx 250% count to 1% and jitter to 0%.


8- Select Transfer. Change the opacity jitter to 50%


9- Select the create new brush option at the bottom of the window. Name the brush and select ok.


10- Increase or decrease the brush size to your needs and click and drag over your image. the odd shape circles will appear.


11- Once you have finished adding your bokeh effect, right click on your layer and convert to a smart object.


12- Change the blending mode to overlay.


13- we now need to add a slight blur. Go to Filter > Blur > Gaussian blur.


14- Set the radius to around 1.5 px. Select Ok.


15- Create a new layer.


16-  Adjust the brush size, this time to a lager size than before. Repeat steps 10- 14 to add the larger Bokeh effect.


17- Select your background image. right click and convert to a smart object.


18-  We need to give the background a slight blur too. Go to Filter > Blur > Gaussian Blur.


19-  The Bokeh effect is complete.

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image