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 6349 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.

Set the blend mode of the Blurry Background layer to Screen.

Set the blend mode of the Bokeh Photoshop Overlay 1 layer to Screen.

add bokeh to photo in photoshop

Download More Bokeh Textures for Free

Here are some of the most beautiful bokeh textures that are available for free. You can try different bokeh colors and shapes.

Add Sunlight Effect in Photoshop

To make the image more shiny and add more light you can use this Sunlight Overlay texture. Simply add the image in a new layer and set the blend mode to Screen. You can place the sun image whereever you want it to be.

add sunlight to photo in photoshop

Animated Sunlight Photoshop Premium Action

Congratulations, You Made It!

Here is the final result for the bokeh effect Photoshop tutorial that I hope you all enjoyed practicing. This is a simple Photoshop tutorail for beginners and a good Photoshop exercise for newbies.

how to add bokeh effect to photo in photoshop

You can also check out these premium Photoshop actions for creating cool Bokeh effects right now!

Download Bokeh Photoshop Action

bokeh photoshop action

Download Animated Bokeh Lights Photoshop Action

bokeh photoshop action

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
This set contains 20 label brushes available for free download. All the labels from this pack have a...
Must have collection of broken glass textures ready to be used in your Photoshop manipulations. This...
Learn how to create a retro comics effect in Photoshop in just a few easy steps. For the comic book ...
Learn how to create a Easter grass planet in Photoshop from this new tutorial for beginners. You can...

      Fur and Knitted Fabric Photoshop Actions
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
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