Mobile app version of vmapp.org
Login or Join
Jennifer810

: How to get bokeh images to use in web design? I'm looking for online resources, image libraries, Photoshop actions, tools, or any other means of getting or designing bokeh images (those highly

@Jennifer810

Posted in: #Images #ResourceRecommendations #WebsiteDesign

I'm looking for online resources, image libraries, Photoshop actions, tools, or any other means of getting or designing bokeh images (those highly blurred pictures, with colorful circles) for use as backgrounds in web design.



Here are some relevant use cases for the aesthetics I want to recreate. One example from that site:



I tried searching these bokeh-like pictures on Google, Flickr, Dribble, Stock Image, but most of them have very low resolutions. I'm looking for pictures that share the same attributes as those relevant cases I linked above: not too bright (just so I can use any kind of text on top of that layer and still manage to make it readable) and with people on it, although highly blurred.

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Jennifer810

4 Comments

Sorted by latest first Latest Oldest Best

 

@Yeniel278

If you don't want or cannot create such images on your own, here are a few resources where you may find free bokeh images:

Bokeh images on Flickr with Creative Commons CC-By license:
www.flickr.com/search/?q=bokeh&l=commderiv&ct=0&mt=all&adv=1
These image require attribution, so they may not be suited for your templates ... depending on if you find a way to give credits.

Public domain bokeh images on Pixabay:
pixabay.com/en/photos/?q=bokeh
These images are completely free - also for commercial use. But you don't have such a huge choice as on Flickr. I'm one of the founders of Pixabay.

10% popularity Vote Up Vote Down


 

@Sims5801359

DIY with a long and "fast" lens; that is, one with a wide aperture. If your friend has an SLR with a big lens; that's the one you want. Set it to portrait mode and shoot.
Load Photoshop and run "Lens Blur" on an existing picture, but you'll have to make a selection first. I suggest going the other route, since this takes more time and finesse to look convincing.

10% popularity Vote Up Vote Down


 

@Vandalay110

Make them yourself!

I don't know what your strengths are or what kind of software you use, so this answer might not be what you're looking for. I dabble in photography and I do graphic design for a living, and I don't typically purchase stock photography. So when I look at that gallery of blurred backgrounds, I start to look at how I can make it myself.

So, if you have access to a DSLR, this site shows how you can create custom bokeh shapes. Bokeh light tends to be round or polygonal because of the shape of the aperture mechanism (thanks, Wikipedia), but you can change it by fashioning a lens cover in the shape of something like a heart. This site links to Flickr images of some custom bokeh, as well as a gallery of people who experimented with this. There's even a kit for sale!

Taking good photos is much better than taking mediocre photos and making them work in Photoshop. But some of us are mediocre photographers or can't find exactly the right photo we want to work with, so why not find an image you like and try to get the effect you want? There are lots of blurs to work with (Lens blur is probably what you want), and if you study good bokeh, you can work to duplicate the effects. Stock photography tends to be a one-size-fits-all solution anyways, so it's good to customize.

10% popularity Vote Up Vote Down


 

@Kevin459

If you're a photographer here's a great article on how to accomplish bokeh backgrounds:
www.photoble.com/photography-tips-tricks/how-to-7-quick-tips-to-create-bokeh-with-digital-camera
If you want to take an existing photo and make it have a bokeh like background here's a tutorial:
alfoart.com/bokeh_effect_1.html
...and here's a bunch more:
www.photoshopwebsite.com/photoshop-tutorials/15-bokeh-effects-photoshop-tutorials-100bokeh-brushes-for-free-download/

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme