Bokeh Background Effect with Tutorial Photoshop

Bokeh … derived from the Japanese word that means blur or fog. With this effect can be achieved most effectively through Photography, but as with anything, it can be falsified by Adobe Photoshop. There are a lot of bokeh backgrounds, textures, patterns and brushes are available for Photoshop, and of course, include a Tutorial in Photoshop.

Here I will be showing you how to create a ‘background bokeh effect’ to bring the foreground into sharper focus. This is a very easy tutorial and suitable for Photoshop beginners.

Here is the comparison before and after images:

Resources:

Flower image from stock.xchng

Bokeh brushes from obsidiandawn.com

Step 1

Open the Flower image, or the image you will be using

Duplicate the background layer

Rename this layer ‘greenery’

Step 2

You now have to separate the foreground from the background:

Select the Pen tool using the following settings:

Create a path around the flower

Right click within the path and select Make Selection

Set feather to 0 and click OK

Edit>Copy (Ctrl + C)

Edit>Paste (Ctrl + V)

Now use the Pen tool to ‘clean up’ the flower – remove any remaining parts of background between the petals.

Rename this layer ‘flower’

Step 3

Ctrl + Click on the thumbnail of the flower layer in the layers palette to select the pixels

Select>Modify>Expand – set to 1px, click OK

Make the greenery layer active

Select a green from around the edges of the flower for the foreground colour – I used #2F5316

Edit>Fill>Foreground Color

Ctrl + D to deselect

Filter>Blur>Gaussian Blur – set to 25px, click OK

Step 4

Create a new layer above the greenery layer

Rename this layer ‘bokeh’

Select the Brush tool and SS-Bokeh brushes

Set the foreground colour to one of the lightest greens from your background. I used #629046

Select a round, scatter Bokeh brush and reduce the size as necessary

Click on the canvas and change the brush and/or size until you are happy with the amount of bokeh circles you have

Filter>Blur>Gaussian Blur – set to 8px, click OK

Step 5

Double click on the bokeh layer in the layers palette to bring up the blending options and apply the following Inner Glow settings:

Reduce the layer opacity to around 45%, or whatever looks good to you

The finished project:

I hope you enjoyed this quick and ‘simple tutorial’. You can play around with other brushes and bokeh backgrounds and textures to achieve realistic effects or conceptual effects – the only limit with bokehis the imagination!

Source: http://www.graphix1.co.uk/2010/08/17/bokeh-background-effect-photoshop-tutorial

Technorati Tags: Bokeh,Background,Effect,Photoshop,Tutorial

Windows Live Tags: Bokeh,Background,Effect,Photoshop,Tutorial

WordPress Tags: Bokeh,Background,Effect,Photoshop,Tutorial

Blogger Labels: Bokeh,Background,Effect,Photoshop,Tutorial

Please share your comments with us below.