fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

How to Add Bokeh Effect in Photoshop
Tutorials Photo Effects 4504 Views May 10th, 2017

In this Adobe Photoshop tutorial you will learn how to add bokeh effect to your photos using a premade bokeh background. Also we'll add a realistic sunlight and rays of light effect.


Learn how to make a Bokeh effect in Photoshop for your photos in just a few simple steps. All you have to do is to use a bokeh texture.

how to add bokeh effect to photo in photoshop

Open a new PSD file and add your photo in a new layer. For this tutorial I will use this Beautiful Autumn Tree stock image.

Download and add this bokeh background in a new layer and call it Bokeh Photoshop Overlay 1.

bokeh background

Add Bokeh Effect to Photo in Photoshop

Duplicate the Bokeh Photoshop Overlay 1 and call it Blurry Background. Duplicate the Blurry Background layer and call it Bokeh Photoshop Overlay 2.

Press Control-T to resize the Bokeh Photoshop Overlay 2 layer to around 50% depending on your image. Set the blend mode of the Bokeh Photoshop Overlay 2 layer to Screen.

Go to the Blurry Background layer and use the Filter > Blur > Gaussian Blur filter.

Part 1Part 2

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

No comment(s) for "How to Add Bokeh Effect in Photoshop"

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Over 30 free empty room backgrounds for Photoshop that you can download right now! This collection i...
Learn how to create a lace embroidery text effect in Photoshop using lace texture, sequins brushes a...
Learn how to create perler beads art in Photoshop from this quick tutorial. The perler beads are sma...
Learn how to create graffiti effect in Photoshop from these cool tutorials. To make a graffiti stree...

      3D Isometric Toy Bricks Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator