8 Photoshop Bokeh Brushes

These 8 bokeh brushes were used to create the MediaLoot Ultimate Bokeh Background Pack (pictured above). With a little configuration and some practice, you’ll be able to use these brushes to create your very own bokeh backgrounds and customize them for any project necessary.

Usage Instructions

Note that it is important to follow these instructions in order to get the proper effect from these brushes. The brush shapes themselves are only half of the effect, so make sure to read through this before getting started. If you aren’t familiar with using Photoshop brushes, don’t worry—it’s really not too difficult.

Using the Brushes:

  1. Save the resource file and extract the ABR file to a directory you can remember
  2. Open an existing Photoshop file or create a new document
  3. Find the brush palette, or open it by going to Window >> Brushes
  4. In the upper right of the brush palette there is a small down arrow next to a set of lines, this is the extended menu.
  5. Click on the extended menu and find the option to “Load Brushes”
  6. Find the extracted ABR file and click okay. This should populate the brush palette with your new styles.
  7. Create a new layer, and then select the brush tool and then move on to the next set of instructions.

Getting the Bokeh Effect:

  1. Open the brush menu again (if it isn’t still open) and click on the extended menu
  2. At the top of the menu, click on “Extended View”—this will show a new set of options in the brush palette
  3. Click on “Shape Dynamics” and set the options to: Size Jitter, 100%
  4. Click on “Scattering” and set the options to: Scatter, both axes, 1000%
  5. Click on “Other Dynamics” and set the options to: Opacity Jitter, 100%
  6. Now your brush is ready to go. Only a few more steps left!
  7. Create a new layer and add a gradient background with a few colors (whatever you want)
  8. Create a new layer and set the layer style to “Color Dodge”
  9. Pick the brush tool again and set it to white with 50% opacity
  10. Drag the brush across your new layer. You should see the bokeh effect appear before your eyes :-)
  11. Create more bokeh highlight layers with different sizes, and then add some Gaussian blur to your taste
  12. Download the PSD file from the “Ultimate Bokeh Background Pack” to see mroe examples

Paid License

By purchasing or downloading this item you are agreeing to abide by all terms and conditions laid out in the MediaLoot License Agreement. View the full license >

Single Purchase


  • Get instant access to this item after purchase
  • Stored in your Medialoot account to re-download when you'd like
  • Simple, flexible license that gives you powerful options for your design

Join Medialoot Premium


  • Get instant access to this item plus all of our other resources
  • Updates for your products as long as you're a member
  • Simple, flexible license that gives you powerful options
  • Unlimited access to Medialoot's entire collection with subscription
  • New items added regularly, and we love member suggestions
  • Cancel your membership anytime and for any reason
Join Now

More from Graphic Art » Brushes


  • Reply »
    Yigit Ozdamar

    Yigit Ozdamar

    Hey, this is amazing! I think i am gonna use it for my design!

    Mar 23, 2010 at 5:45 pm
  • Reply »
    Dambar thapa

    Dambar thapa

    Woo its cool

    Mar 24, 2010 at 3:16 am
  • Reply »
    saud alkhamis

    saud alkhamis

    nice ^^

    Apr 21, 2010 at 3:15 pm
  • Reply »
    Türkçe Rap

    Türkçe Rap

    thank you ;)

    Sep 14, 2010 at 1:20 pm
  • Reply »


    Sure makes life easier :D

    Oct 11, 2010 at 8:21 am
  • Reply »
    Black Skin

    Black Skin

    Super Brushes. What I need!

    Feb 6, 2011 at 4:28 pm
  • Reply »


    Nice brush pack. But I’m not sure that bokeh is still a trend or if it’s going out of fashion. I haven’t seen many new websites created recently using bokeh. What do you think?

    Mar 10, 2011 at 9:06 pm

Leave a comment

Tag Cloud

Don't Miss Another Freebie - Sign Up for Our Newsletter!

Make sure you don't miss out on future free resources by signing up for our weekly newsletter.

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource


Attribution for free resources must be provided in conjunction any time the freebie is used, on the same page where the resource appears on your design. Or, you can purchase a premium version of the free resource.

See all