by ʇolɐǝz ǝɥʇ qoq

Submit your Photo
Hall of Fame

Please participate in Meta
and help us grow.

Photography Stack Exchange is a question and answer site for professional, enthusiast and amateur photographers. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

How can I create a photo that would blur the layers behind it in Photoshop? I need this for my website and I'll explain it a bit more below...

So lets say that I've got a background layer in Photoshop of Mario. I create a new layer and create an image that will blur the background of Mario. How can I create that "blur-image"?


share|improve this question

closed as off topic by Rowland Shaw Apr 12 '12 at 7:39

Questions on Photography Stack Exchange are expected to relate to photography within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

This is more of a photoshop than a photography question. You need to find something like 'Gaussian Blur' option in photoshop and apply that to the layer you want to blur. – Vikas Apr 2 '12 at 9:34
@Vikas Well it's not that I need that background of Mario because the background is supposed to be my website and the "blur-image" is supposed to blur my website, but I suppose this is not yet possible. – ZyteX Apr 2 '12 at 9:40
You will need to do this with some kind of javascript, not a blurred photo (what happens if the photo is a different size to the user's browser?). – ElendilTheTall Apr 2 '12 at 10:13
Here:… – mattdm Apr 2 '12 at 17:09
up vote 0 down vote accepted

Sounds like what you need is a JavaScript library to do image blurring on the site. A quick google search found this option. The link points to a demonstration page showing how you can blur an image with JavaScript.

share|improve this answer

You can't make an image that will blur another image by overlaying it.

You can make a semi-transparent image that will lower the contrast of the underlaying image (i.e. a milky/smoky overlay). That works because you can do the adjustment on each separate pixel. You can't do blurring the same way, because there each pixel will be affected by the surrounding pixels.

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.