Digital Bokeh in Photoshop - Screencast by Photo GuidesListThumbs

Digital Bokeh in Photoshop - Screencast by Photo Guides

December 13, 2009

One of the most popular tutorials I've ever written was the one for the image I use on my Twitter profile, that is a digital Bokeh effect created in Photoshop.

I have already published a tutorial on how to create that in Photoshop and Pixelmator, but I still receive quite a few emails from people asking me how to do that. So Ash Davies from Photo Guides recorded a screencast showing how to create the effect.

In photography, bokeh is one of the most incredible implementations of Aperture. The shallow depth of field causes any light in the background to blur into a floating orb. Bokeh is derived from the Japanese word ‘Boke’ which means blur or haze. In the late 1990s though, when ‘boke’ photography was becoming popular, the word was changed to ‘bokeh’ to help us english speaking people say it properly.

Screencast

Photoshopping Digital Bokeh from Ash Davies on Vimeo.

"I'm Ash Davies and I'm the owner and editor of Photo Guides. Photography and Photoshop are two great passions of mine, and Photo Guides is my source to share my knowledge, as well as my excuse to learn cool new stuff."

For more screencasts I highly recommend that you check out http://www.photoguides.net. Also if you want to see the writter versions of this tutorial, visit:

About the author

My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.

Sponsored Links:

More content from:

Help us to share this!

53 Comments

Hybrid5912/13/2009

En vidéo c 'est toujours mieux !
-------------
http://hybrid-creation.deviantart.com/

XXL_12/14/2009

And in english too ! ;)

Anonymous12/17/2009

This video is everytime good

i`ve been studying 4 years now xD

thetruth12/19/2009

nice layout
.
.
.
.
.
www.contestdesigns.com
design contests for cash!!!

Yoshiya12/13/2009

Great Tutorial!
I just did it and it looks beautiful!
Thank you!

Ash Davies12/13/2009

Thanks for allowing me to use your technique in my podcast, and thanks for sharing this :)

--
Ash Davies
http://www.photoguides.net

Mini-12/13/2009

How great is that? Very cool tutorial and design, this is one of the things I try to do. Thanks for the video :D

CSS Deluxe12/13/2009

Really good tut, abducted ^^

Edmond12/13/2009

Nice tutorial, but I think using lens blur instead of gaussian blur would give a more realistic result.

Brianzet12/13/2009

The brush preset'ing won't work in cs3..

late_cow12/13/2009

nice tut!
_______
http://lateant.deviantart.com/

thetruth12/19/2009

great tut i say
nice layout
.
.
.
.
.
www.contestdesigns.com
design contests for cash!!!

Anonymous12/13/2009

really great
thank for share

Helder12/13/2009

Great! I love this effect!

tommy199412/13/2009

thx for this great tut :)
such an easy job but a great outcome

zama12/13/2009

Fantastic o.O

Michael Hobizal12/13/2009

Hey I was really hoping for a tutorial for the winter season, I know it can be corny decorating a site for winter (especially falling snowflakes), maybe a tutorial on sleek and intelligent looks to dress up your site for the holidays.

m.a.Raihan12/14/2009

Awesome tuts
_______________
www.maraihan.com
http://d-guru.deviantart.com

Steffen12/14/2009

great stuff!

RL Creative12/14/2009

Awesome :) Always wanted to learn this technique, especially when it became so popular among designers. I thought that it is done using brushes but didn't even think about color dodge and overlay :) Awesome and so easy !!! :)

Vicky Tsavdaridou12/14/2009

Thank you very much!!!! it was great

Felipe Theossi12/14/2009

Very nice and simple...
I like this effect!

semmy @ minisite design12/14/2009

Hello really nice tutorial! I really like the effect! thanks for your post!

Felipe Mendes12/14/2009

Um dos melhores tutoriais que já vi. Parabéns!

Segue link com o meu resultado:
http://www.behance.net/Gallery/Digital-Galaxy/367139

Agustín12/15/2009

Excellent tutorial and so easy to follow.

Nindya12/15/2009

Thank you for the tutorial. Very easy to follow and a very great one :)

Allison 12/15/2009

Really good!! :)
Nice tutorial!

Thank you!

pagnil812/17/2009

I love this!

Kanya12/18/2009

it is awesome tuts
you make me WOW again thax!

Stylius12/18/2009

Very nice! Congratz!

Mahg12/18/2009

muy chulo, gracias

John12/19/2009

I did exactly the way the video showed me, but my brush came out too dark and I don't have that glow look on my stroke. I changed the circles to an Overlay and it was a little better but not like yours. Did I miss a step?

thetruth12/19/2009

great video!
.
.
.
.
.
www.contestdesigns.com
design contests for cash!!!

Ashcat12/19/2009

Very nice!!!
I made this tutorial and created a lovely bokeh.
Thanks a lot :)

Tahir12/23/2009

i try and i got iti love i this is onof the things i have trying for a lot o days i reaaly impress with u dear designer

Lulystar712/26/2009

hi hi!!

woow! this tuto is amazing! *o*!!
thank u so much :3!!

Bocaj81212/29/2009

Turned out totally Awesome! Much thanks.

Claudia01/04/2010

Perfect! Thank you!

Rhasta01/06/2010

Great Tutorial and too easy... Thanks.

Anthropoid01/18/2010

Nice and easy Effect, thxs :)

makkles01/21/2010

Nice tut and easy to follow.

Thanks and KIU. ;)

Laylson01/24/2010

Great tuto, Very nice work!!!!

Alan Horne02/04/2010

Fantastic tutorial, really loved this.

Put it to work in some effect on a design im doing just.

Andres Roget02/04/2010

Beautiful result!!, thanks for sharing

imagreencrayon02/05/2010

absolutely a great tutorial! thanks for showing me how to make beautiful bokeh!

PRATIK02/14/2010

thanks man its very help full tuts

STRAWxBARRY02/15/2010

Presetting the brush doesn't work for me in Photoshop CS4. Any help would be appreciated :-(

Sahus Pilwal02/18/2010

Nice vid Ash I'm following you on vimeo and signed up to your site . Your a very talented guy for 16 years old so keep up the good work!

szeeluu02/20/2010

Great tuts

MortalExtasy02/23/2010

mine wont let me make it into a brush....could you please email me on how to fix this??

Anonymous02/25/2010

Hi, thanks for the tutorial , it's great
i saw there were some complaints about not beeing able to save the brush preset in cs3
i use cs3 and had the same problem
i resterized the layer with the brush before trying to save the brush and it worked for me
hope it helps

Dim Geo03/10/2010

Excellent tutorial !!!

Photoshop Brushes

Post new comment

The content of this field is kept private and will not be shown publicly.