Thursday, December 31st, 2009

Photoshop – Recover an overexposed image

Blog reader Mark Mayer approached me recently to ask what he could do with some images which are overexposed. He asked “I am a point and shoot camera user and like many of my friends we often take pictures that have too much sun. Although I know taking a picture facing towards the sun isn’t ideal, it’s hard to always line up the right shot”.

Mark is right. Not all of us have great digital SLRs with us all the time and we’re not always able to move into the right place to take a shot. So, if you’ve got a less than well exposed image that you like, how will you fix it?

Here is a simple fix. Depending on how much time you’re willing to spend on the image you can stop after step 2 or go on. Even if you go all the way through the fix it will take you less than five minutes. So, in my book, that’s worth the effort.

Step 1

The simplest place to start salvaging an image like this is to make a duplicate of the background layer by right clicking the layer and choose Duplicate Layer. Set the layer blend mode to Multiply.

Step 2

If the fix is too much you can adjust the opacity of this top layer downwards to get the result you like.

However, you can get even better results with a mask. Read on…

Step 3

While the duplicate a layer and set the blend mode to Multiply method is a good way to salvage an overexposed image it doesn’t work perfectly on this image because the overexposure is more obvious in the areas where the sun’s rays are. If you’re prepared to do a little more work you can adjust the fix to suit the image. To do this, adjust the Opacity of the top layer back to 100%.

Set the foreground color to Black and hold the Alt key as you click on the Add Layer Mask icon at the foot of the Layers palette. This adds a black filled layer mask to the layer essentially removing the fix entirely.

Switch and make white your foreground color, select a very large very soft edge brush and click on the Mask in the Layers palette and begin to brush on the fix. You’ll want the fix to be less apparent around the edges of the image and more in the area where the sunbeam is.

Step 4

You can duplicate this layer again to make a slightly more intense fix but again limiting it to where the sun’s rays are most apparent. You can also adjust the opacity of the top layer downwards if you’re getting too much of a fix.

Step 5

Once you’ve done this, you can create a flattened version of the image by clicking on the topmost layer of the image and press Ctrl + Alt + Shift + E to create a new layer containing the image data. Duplicate this layer so that you have two identical layers at the top of the document.

Select the topmost layer and choose Filter > Other > High Pass. We will use the High Pass Filter to sharpen the image because the image has a lot of color noise in it. Using this tool we can limit the sharpening to just the edges in the image and avoid sharpening the noisy areas.

Watch the image in the Preview dialog and adjust the Radius down until you see a greyscale image and so you cannot see any color. A Radius value of around 1.5 is sufficient for this image. Click Ok.

Step 6

Set the layer blend mode of this top layer to Soft Light to complete the sharpening.

Next time you’re taking a photo like this in strong sunlight, consider removing your sunglasses and place them over the camera lens. This lets you use the polarizing sunglasses as a filter over the camera lens and should cut the glare. You can do this with a point and shoot camera and with a camera phone. If you’re getting results like these with a digital SLR you should purchase a polarizing filter to use as you will get much better results with it.

Thank you to Mark Mayer for the images and this question! If you have questions, send me your question and a problem image with permission to use it as an example on my blog and I’ll see what I can do.

Note: Original photos are © Mark Mayer.

Helen Bradley

Wednesday, May 27th, 2009

CD Inspiration – Police’s Synchronicity album cover

I love to browse the CD covers at my local secondhand music store – the cover images are a great resource when I’m looking for new ways to showcase my photos. As an added bonus, when you copy an effect you’ll find yourself developing new Photoshop skills along the way.

One recent burst of inspiration came from the album Synchronicity by The Police. The album shows three black and white collages stacked down the cover each covered with a splash of paint. Check it out here so you know what we’re aiming for:

While my solution does away with the collages – they really deserve a post of their own – it does mimic the basic design philosophy of the CD cover. Here’s how to create this effect – the key to getting the project done fast is some smart cropping, some layer alignment tricks and the Multiply blend mode.


Start by creating a square image the size of the final project. Mine is 1800 pixels x 1800 pixels at 300 pixels per inch in resolution and it has a transparent background.


Open the three images to use. You want photos that you can crop to a wide rectangle and which have good detail in the cropped area. Convert your images to grayscale using your favorite tool – I used the Black & White adjustment in Photoshop CS3 – in earlier versions use the Channel Mixer – enable the Monochrome checkbox and adjust the sliders to get a good grayscale.


Instead of simply cropping the images to size, we’ll adjust the cropped image resolution to match the final image at the same time. To do this, click the Crop tool and set the width to 5 inches, the height to 1.5 inches and the resolution to 300 pixels per inch. Drag a crop rectangle over the area of image to use and double click to crop it. Repeat for the other two images.


Flatten each image if it is not already flattened. Then drag and drop the three image layers into your main image. Position the layers in roughly in position. Add a new layer, fill it with white and drag it below the image layers.


Control + Click (Command + Click on the Mac) on the layer thumbnail for the white filled layer so its contents are selected. Control + Click on the other three layers (not the thumbnails, just the layers) so the layers are selected and not their contents. Choose Layer > Align Layers to Selection > Horizontal Selection – this aligns the layers with the images on them so they are centered in the image.


To distribute the layers vertically, select all three layers that have the images on them and choose Layer > Distribute > Vertical Centers so the spacing between the images is evened out.


Add a new layer (or drag the empty one from the bottom of the layer stack to the top). Select a bright yellow as the foreground color. Select the Brush too, add the Wet Media brushes and select the Oil Heavy Flow Small Tip brush. Adjust the brush size to around 400 pixels, set the Flow and Opacity to 100 each. In the Brushes palette, adjust the angle of the brush using the Brush tip shape options so it is aligned vertically and not at an angle.

Paint unevenly over the middle image. Repeat and paint cyan on the top image and red on the bottom one.

Set the blend mode for the paint layer to Multiply so you can see the image under the paint. Add some text using the same blue and red colors and you’re done.

Helen Bradley