Photoshop How to

Add a bokeh effect to your images

Create out-of-focus highlights from scratch with a little help from Photoshop CS6’s new time-saving shortcuts, in this easy to follow, four-step tutorial.

Bokeh is a Japanese word that translates as blur or haze. In photography it is used to refer to the quality of the area beyond your depth of field that is out of focus.

The look of the bokeh effect is down to a number of factors, including the lens you’re using, your chosen aperture and how far your subject is from the background. In this tutorial, we explain how to use the time-saving shortcuts in Photoshop CS6 to create out-of-focus highlights in four easy steps.

Also read:

We walk you through how to create out-of-focus highlights in your images

01. Make a circle

Make a new document (File>New) and fill it with black. Create a new layer, then grab the Elliptical Marquee tool, hold down Shift and drag a circular selection. Go to Select>Modify> Feather. Set Radius 10px and then hit OK. Choose a bright foreground colour then hit Alt+Backspace to fill the circle.

02. Make quick copies

Grab the Move tool and check ‘Show Transform Controls’. Hold Alt and drag the circle to make a copy. Repeatedly Alt-drag the circles around to make more copies while varying colour and size. Press Cmd/Ctrl+U and adjust the Hue slider to change colours. Hold Shift and drag the corner of the bounding box to resize.

03. Add variety

For more variation, highlight different layers and hit 1-9 to quickly set a layer Opacity between 10-90%. Also, go to Filter>Blur>Gaussian Blur, set Radius 10px and hit OK. Hit Cmd/Ctrl+F to repeat the blur effect on other circles.

04. Group and dupe

Shift-click from top to bottom to highlight all the circle layers then choose Blend Mode: Linear Dodge (Add). Press Cmd/Ctrl+G to group the layers together, then hit Cmd/Ctrl+J to duplicate the group. Grab the Move tool, click the bounding box, then position and resize the new group. You can make further copies to build up the effect.

Get Practical Photoshop magazine!

This tutorial first appeared in Practical Photoshop magazine, the number one magazine for lovers of photography and image-editing. Whether you're looking for digital darkroom tips, or want to get creative, you should definitely check it out!

Now check out our massive list of 101 Photoshop tutorials!

Log in to Creative Bloq with your preferred social network to comment

OR

Log in with your Creative Bloq account

Social tabs

50K and
growing
Join our Facebook community

Discuss your projects. Win prizes. Get your hands on the best freebies. And much more!

115K across the
network
Follow us on Twitter

Follow us to keep up with the hottest news in 3D, web design, graphic design, and more!

RSS INSTANT
NEWS
Get instant news

Get our posts direct to your news reader of choice. We recommend Google Reader for beginners.

Get our newsletter!

Sign up to receive a summary of the week's hottest design news from around the web! (Coming soon.)

site stat collection