Bokeh, a style originally from Japan that describes an out of focus area of a image/photograph that is used to draw your eye to the subject of the image. This extremely popular photography technique creates surreal and beautiful images, either naturally or using programs like Photoshop. The light and tonal patterns created are often very unique, giving the image or design an extra added depth.
Below, take a look at a collection of 50 awesome photographs, websites, textures and tutorials that all use the Bokeh style. When you are done, drop me a comment and let me know what you think.
Photography
Here are some wonderful examples of Bokeh in photography. Some are achieved with the camera, others are done post production with Photoshop. All are amazing and great examples of this unique style.
Example of Bokeh Photography – Garden Fireworks
Example of Bokeh Photography – Let’s Watch Together
Example of Bokeh Photography – Bokeh Christmas Tree
Example of Bokeh Photography – Dancing in the Bokeh Sky
Seaview St – Chatham, Cape Cod
Example of Bokeh Photography – Seaview St – Chatham, Cape Cod
Example of Bokeh Photography – Cookie Splash
Bokeh Drop
Example of Bokeh Photography – Bokeh People
Example of Bokeh Photography – Slow Down
Example of Bokeh Photography – Take Me Away From Here
Example of Bokeh Photography – Je suis…
Example of Bokeh Photography – Plaza Lights
Example of Bokeh Photography – Kev
Example of Bokeh Photography – Pink
Example of Bokeh Photography – alejandrohdezruiz
Example of Bokeh Photography – Little Fireflies
Example of Bokeh Photography – Water Bokeh
Websites
Below is a list of some great websites that use the Bokeh style in various places but most frequently as backgrounds. This style adds an extra layer of depth and texture to the overall design. The multi size and opaqueness of the circles and shading help the content areas to stand out.
Example of Bokeh Website – Eighty8Four
Example of Bokeh Website – Sony CES
Example of Bokeh Website – Pixel Pleasure
Example of Bokeh Website – SoSo Juicy
Example of Bokeh Website – Le-Marquis
Example of Bokeh Website – IconDock
Example of Bokeh Website – Sephora Claus
Example of Bokeh Website – Razoo
Example of Bokeh Website – Envato
Example of Bokeh Website – CauseCast
Newcastle Web Design and Development
Example of Bokeh Website – Newcastle Web Design and Development
Example of Bokeh Website – Lisa Maya
Textures
Download these great textures to use on your website designs. They are great to use for backgrounds and accents to bring out important content.
Bokeh Textures – Lost and Taken
Blue Feathery Bokeh Textures
Bokeh Textures – Bokeh Stock Texture
Bokeh Textures – 10 Texture Pack
RedwolfStock518 Bokeh Textures
Bokeh Textures – Redwolf518stock’s Bokeh Textures
High Resolution Bokeh Texture (5 Textures)
Bokeh Textures – High Resolution Bokeh Texture
Bokeh Textures – Multi Colored Bokeh Pack
Bokeh Textures – Light Textures
Bokeh Textures – Bokeh Hearts Texture
Free Pink & Silver Bokeh Textures
Bokeh Textures – Free Pink & Silver Bokeh Textures
Bokeh Textures – Bokeh Texture Pack 4
Bokeh Textures – Bokeh Dreamscape
Bokeh Textures – SloDive (11 Textures)
Bokeh Textures – Grungy Bokeh Textures
Grunge Bokeh
Tutorials
Learn how to reproduce many of the same techniques as seen above. Here are some of the best tutorials for Bokeh on the web.
Bokeh Tutorials – All About Bokeh Photography
Bokeh Tutorials – Do It Yourself Bokeh
Bokeh inspired Background / Bokeh Design Style
Bokeh Tutorials – Bokeh inspired Background / Bokeh Design Style
Awesome digital bokeh effect in Photoshop
Bokeh Tutorials – Awesome digital bokeh effect in Photoshop
Creating Faux Bokeh Backgrounds in Photoshop Tutorial
Bokeh Tutorials – Creating Faux Bokeh Backgrounds in Photoshop Tutorial
Bokeh Tutorials – Awesome Bokeh Effect
Drawing an Abstract Lightbulb
How to Create the Perfect Bokeh Effect
Bokeh Tutorials – How To Create The Perfect Bokeh Effect
