Not Your Everyday Banana

by Bart Arondson

submit your photo


Hall of Fame
View past winners from this year

Please participate in Meta
and help us grow.

Take the 2-minute tour ×
Photography Stack Exchange is a question and answer site for professional, enthusiast and amateur photographers. It's 100% free, no registration required.

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"?

Thanks!

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
2  
Here: stackoverflow.com/questions/5077759/… –  mattdm Apr 2 '12 at 17:09
add comment

2 Answers 2

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
add comment

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
add comment

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