Awesomedigitalbokeheffectin

Photoshop
by

ABDUZEEDO

Wed

/ /

, 09 24 2008 06:43

Our last Wallpaper of the Week was an image I had created using

Pixelmator

and I really liked the outcome

'

The best part about it

was that it was pretty easy to accomplish in Pixelmator

but I

decided for perspective s sake to create the same effect in

Photoshop

The process is easy as well

As in the previous tutorial

Photoshop

but with a few extra steps

I will show you how to create a digital bokeh effect

but this time in

The process is very easy and we will be using the super powerful Brush Engine

one of the

coolest things in Photoshop

STEP1
Create a new document in Photoshop

As usual I will use a nice scree resolution

the background layer with a very dark grey

color I used was

#262626.

not black

, 1920 1200

'

pixels

If you fill it with black the effect won t work

Fill

The

STEP2
Select the Ellipse Tool

Style

>

( ),
U

Blending Options

the size

and create a circle

Change the Fill Opacity to

Use black for the color

50%.
.

Inside for the Position and Black for the color

>

and go to Layer

After that select Stroke

Layer

Use

10

pixels for

STEP3

>

Select the ellipse and go to Edit

brush

Define Brush

'

Name your brush and that s done

Now we have a new

STEP4

>

Go to Window

'

Brushes

( 5).
F

size won t matter because you will change that when you use it

important

Chage the value to

100%.

Other dynamics

The first thing to do in the Brush Engine is to select our new Brush

After that

The Spacing

select theShape Dynamics

For the values use the image below

however

is very

then Scattering and

The

STEP5

'

Before we start painting our bokehs let s create a new layer and fill it with a colorful gradient
a new layer and used the layer styles to do that but feel free to do the way you are used to
settings are as follows

The colors I used are

Yellow

Blend Mode is Overlay Opacity is

(#00085),

Cyan

(#1

),

bdaeb

100%,

Purple

Style is Linear

(#9 3 81),
b

I created

My gradient

and the Angle is

Orange

(# 27 34).
d

45.

STEP6

'

Let s create a new Folder in our Layer Palette

Mode to Color Dodge

( ).
B

Rename the folder to Bokehs and change the Blend

Then create a new layer

choose white for the color and select theBrush Tool

Now just paint some ellipses with our custom brush

600 .
px

For this first layer use a big size

like

500

STEP7

> >

Go to Filter

Blur

Gaussian Blur

For this first layer use

20

pixels for the Radius

STEP8
.

Create another layer and paint more brushes

> >

that go toFilter

Blur

Gaussian Blur

Use

This time however use a smaller size for the brush

pixels for the Radius

After

STEP9
,

Create another layer and repeat the previous step

the Gaussian Blur to this layer as well

this time however use a much smaller brush

but use only

pixel for the Radius

Apply

CONCLUSION

'

Now just add your logo and that s it

We have a nice wallpaper

to show the power of the Brush Engine

for example

you

The idea of this tutorial was once again

,
.

You can try different shapes for this same effect

like hexagons

Also you can play a bit with the blurs to add more depth to the final design

Now it s up to

'

Click on the image for a full preview

VIDEOTUTORIAL
.

Below there is a quick video version illustrating the whole tutorial

Digital Bokeh in Photoshop from fabio sasso on Vimeo

DOWNLOADTHEPHOTOSHOPFILE
CLICKHERETODOWNLOADTHEPSDFILEUSEDFORTHISTUTORIAL

Editor

David Parrott

ABOUTTHEAUTHOROFTHISPOST