How to make an inner shadow around a page in Photoshop CS2?


I'm working on a web site and want to create a bounding-shadow effect around the whole site, like in the image below. Can anyone point me in the right direction? I've tried inner-shadow but it doesn't quite do it, since the shadow in my example isn't consistent. Any ideas? Thanks for your help!

image with encroaching shadows at edges

10/14/2011 5:25:00 PM

Accepted Answer

Your question is a bit ambiguous, since it's not clear whether or not you want the uneven vignette effect in your example.

The example was created by adding a 50% Grey layer in Overlay mode above the image, then darkening it around the edges with either the Burn tool or a black brush set to a low opacity. It looks like there was some noise added to the layer too, before or after the burning step.

For an even effect, don't use Inner Shadow, which is directional. Instead, use Inner Glow. Change its blend mode to Overlay, color to black, and size and spread to taste.

10/15/2011 4:57:00 AM

That would seem to be more of a vignette look than anything. When you say " the shadow in my example isn't consistent", do you mean you are looking for something less consistent around the edge?

You could try creating an outline around the border (select all -> stroke) and then adding or subtracting to the thickness at certain points. Then, when you apply your shadow it would be working off the stroke you created. You could even go back and, using the brush tool, add or subtract areas to get that uneven look.