Wednesday, February 10th, 2010

Kaleidoscope patterns

Helen Bradley

 Kaleidoscope patterns

If you are like me you had a kaleidoscope as a kid. You would look through one end and turn a dial and the world would be displayed as a mirrored fractured shape. Thanks to Photoshop you can create kaleidoscopes from your photos. Any image with interesting color and shapes will work just fine.

Step 1 Convert the background layer to a regular layer by double clicking it and click Ok.step1 710605 Kaleidoscope patterns

Step 2
Select the layer and use the Move tool to rotate to 60 degrees and position it over one corner of the image canvas making sure one side of the image sides crosses two sides of the canvas.step2 762455 Kaleidoscope patterns
Step 3
Use the Magic Wand tool to select the empty background, choose Select > Inverse to select the shape and choose Select > Modify > Contract and contract the shape by one pixel. Now choose
Image > Crop to crop the image to the shape itself. It is important to do this to remove the anti-aliasing that Photoshop applies to the image edge as it rotates it.step3 762493 Kaleidoscope patterns
Step 4
Duplicate the image layer.

Choose Image > Canvas size, click Relative and set the width to around 3 times the current image height (NOT its width), and the height to 2 times the current height. Select the middle top of the nine positioning boxes and click Ok.step4 708177 Kaleidoscope patterns
Step 5
Choose View > Snap to > All and make sure View > Snap is selected. Click the Move tool and the top layer of the image and drag the left edge over the right until the W: value is -100%. Ensure the piece is lined up against the edge of the piece on the layer below.step5 708273 Kaleidoscope patterns
Step 6
Merge these two layers by selecting the top one and press Control + E (Command + E on the Mac).

Duplicate this merged layer, select the top layer and choose Edit > Free Transform and, in the tool options area, select the middle bottom of the 9 point grid to fix the point around which the shape rotates. Set the Rotation to 30 degrees.step6 709890 Kaleidoscope patterns
Step 7
Press Control + J (Command + J on the Mac) and then Control + Shift + T (Command + Shift + T on the Mac). This duplicates the current layer and repeats the transformation on it.

Repeat this until the kaleidoscope is complete – four times in all. step7 710000 Kaleidoscope patterns
Step 8
Merge all the layers. Use the crop tool to select around the canvas. You can drag outwards if necessary to add back in any of the image that extends beyond the outside of the image canvas. step8 791606 Kaleidoscope patterns
Step 9a
Now you can get creative with the shape. For example, you can make a duplicate of the shape and place it in the middle of the original shape sizing this second version down to a small size and then cropping the final image to a square shape. Use the Alt and Shift keys (Option and Shift on the Mac) to size the shape down leaving the middle in the same place and in proportion.step9a 791686 Kaleidoscope patterns
Step9b
You can fill the middle with another kaleidoscope if desired. Here I used a Hue/Saturation adjustment layer to match the colors of the two kaleidoscopes better.step9b 777004 Kaleidoscope patterns
Step9c
You can select the shape and choose Edit > Define Pattern to make it a pattern. You can then fill a larger image with it so it displays as a repeating shape. step9c 777136 Kaleidoscope patterns
There are lots of creative ways you can use your Kaleidoscope.

Monday, February 1st, 2010

Lightroom: Controlling the Before and After

By Helen Bradleybefore after 775364 Lightroom: Controlling the Before and After

One of the nice things about Lightroom is that it lets you view before and after versions of your image. Lightroom can do this so easily because it does not make permanent changes to your image as you work on it. Instead, Lightroom keeps a log of the edits that you have made and only applies them to the image when you export the image.

Use the Before/After options in Lightroom to check that the changes you have made to your image to make sure that you’re headed in the right direction.

Here are some ways to harness the comparative Before/After power of Lightroom:

Step 1
If you are in the Develop module you’ll need to make sure that View Modes are enabled so that you can see the necessary icons. To do this, click the small triangle under the image to the right in the Develop module and choose View Modes.step1 775397 Lightroom: Controlling the Before and After
Step 2
You will now see a button which has Y|Y on it. Click this to see the before and after views of your image.step2 733926 Lightroom: Controlling the Before and After
Step3
From the dropdown list you can choose from multiple ways to see the before and after views. Before/After Left/Right shows the before and after views side by side – this works well for portrait orientation images.step3 733971 Lightroom: Controlling the Before and After
Step 4
The Before/After Left/Right Split shows a single version of the image split so that the left side of the image is the before view and the right side is the after view.step4 701115 Lightroom: Controlling the Before and After
Step 5
The Before/After Top/Bottom option shows the before image at the top and the after image at the bottom – this works well for landscape orientation images.step5 701157 Lightroom: Controlling the Before and After
Step 6
The Before/After Top/Bottom Split view shows a single version of the image split so that the top half is the before version and the bottom half is the after version.step6 764816 Lightroom: Controlling the Before and After
Step7
You don’t have to use the buttons, however, and any time as you’re working on an image you can switch between before and after view by pressing the backslash (\) key. The image displays an indicator in the bottom right corner if you are seeing the Before version – no indicator appears for the After version.step7 764856 Lightroom: Controlling the Before and After
Step8
Sometimes you’ll want a “somewhere between before and after”/after comparison – such as when you are sharpening an image. In this case you may want to compare the image before sharpening and after sharpening but the before/after options won’t allow for this.

There are two workarounds. One is to create a Virtual Copy before you apply the sharpening to the image. Right click the image and choose Create Virtual Copy. This is your new “before” image and you can now apply the sharpening to it. When you perform a Before/After comparison you will now see just the result of the sharpening and not the entire image correction. step8 736473 Lightroom: Controlling the Before and After
Step9
The second works well when you’ve already applied the changes and want to compare the after with a previous history state. Locate the history state in the History list that you want to compare the final version with. Right click it and choose Copy History Step Settings to Before. This changes the ‘Before’ view of the image so it looks like the current image on the screen. Click in the History to return to the adjustment you want to compare and now, when you compare before and after you’re really comparing after with something more meaningful.

When you copy the settings like this you’re not removing any history so you can still revert the image to an earlier version using the history list.step9 736515 Lightroom: Controlling the Before and After

Step 10
The Before/After view options are also selectable via shortcut keys and from the View menu.step10 726363 Lightroom: Controlling the Before and After

Saturday, January 23rd, 2010

Lightroom Presets

In an earlier post, I explained how to create a custom Lightroom preset that you could use to edit your photos in Lightroom. In addition to creating your own Lightroom presets you can download and install presets from the web into Lightroom so you can use them anytime you like.

step1 710249 Lightroom PresetsTo begin, you’ll need to locate some presets to use. A good place to start is at Adobe Exchange: http://www.adobe.com/cfusion/exchange/ and search for Lightroom presets. Download a set of presets to your computer. In most cases this requires you to download and save the file to your computer and then you need to unzip its contents. Place the unzipped files in a folder that you can find easily.

step2 710302 Lightroom PresetsOnce you have done this, launch Lightroom and click to open the Develop module. Choose User Presets and, if desired, create a new folder for the presets by selecting New Folder and type the folder name. I like to do this so I can keep my presets separate to other people’s.

step3 765621 Lightroom PresetsOnce you have created the new folder, right-click it and click Import. Navigate to where you saved the preset files you downloaded, select them and click Import. The presets will be added to your Lightroom Preset collection. Chances are that one will be applied to your image too! Press Control + Z (Command + Z on the Mac) to undo it.

step4 765664 Lightroom PresetsYou can rename a folder by right clicking it and choose Rename and you can also delete a folder if you decide you don’t like the presets or simply remove individual presets by right clicking the preset and click Delete.

step5 716316 Lightroom PresetsYou can also share your presets with others. To do this, right-click a preset that you have created and choose Export. It is exported by default with its current name with the extension LRtemplate which is the extension that identifies it as a preset. To share your presets with others you can either send them the LRtemplate file so that they can import it into Lightroom themselves or zip a number of presets into a single file of presets and distribute that.

Even if you do not want to create your own presets, you’ll find that there are plenty of cool presets available on the web that you can download and use.

Tuesday, January 19th, 2010

Split toning in Photoshop

By Helen Bradley

before after 739623 Split toning in PhotoshopSplit Toning is an effect which has its origins in the days of film and it involves tinting the highlights in a black and white image one color and the shadows another color. The best results are where you use opposite colors for each, such as yellow and blue, green and magenta and so on.

If you are a Lightroom user you’ve probably experimented with the very cool Split Toning tool in the Develop module. However, you can achieve a similar effect in Photoshop with just a little more work.

Here’s how to create the effect in Photoshop:

step1 739875 Split toning in PhotoshopStart by creating a black and white image using your favorite tool in Photoshop. I’m using Photoshop CS4 so I’m using the Black & White filter but you could use the Channel Mixer or Hue/Saturation and drag the Saturation slider into -100.

step2 793798 Split toning in PhotoshopTo create the split tone effect you can use a Color Balance adjustment layer as it lets you isolate the highlights and shadows in the image and to apply different colors to each. To start, choose Layer > New Adjustment Layer > Color Balance and click to select the Highlight tones. Now adjust the color sliders until you get a pleasing color in the image highlights.

step3 768338 Split toning in PhotoshopClick the Shadows tone selector to isolate the shadows in the image and adjust the color sliders to get a pleasing color in the Shadows.

step4 768382 Split toning in PhotoshopIf necessary you may want to select the highlights again and fine tune the color used so it complements the color you’ve chosen for the shadows.

step5 730624 Split toning in PhotoshopYou can consider your image done for now or you can apply a filter effect. Here I’ve created a flattened image layer by pressing Control + Alt + Shift + E (Command + Option + Shift + E on a Mac) and applied a Diffuse Glow filter (Filter > Distort > Diffuse Glow) to it before blending the layer back into the underlying image.

step6 730669 Split toning in Photoshop

Friday, January 15th, 2010

Photoshop: Painting a Photo

before after 797376 Photoshop: Painting a Photo

While Photoshop includes some filters you can use to apply a painted effect on your photos, you can also paint them yourself very easily. This way you can achieve a custom look as you paint.

The process involves using the little known Art History brush in Photoshop to do the work, here’s how:

step1 797589 Photoshop: Painting a PhotoOpen your image in Photoshop. You don’t need an image that is in sharp focus (which makes this process a good one for dealing with a slightly soft image), but it should be well exposed and have a good range of tones. If necessary, apply a Curves, Levels or Exposure adjustment to the image. Flatten the image.

step2 747506 Photoshop: Painting a PhotoIf you resize or crop the image, you must save it and reopen it – the Art History Brush won’t work if you don’t. Ditto, if you’re working in 16-bit mode you’ll get a program error if you try to use the History Brush so use Image > Mode and select 8-bit then save and reopen the file.

step3 747552 Photoshop: Painting a PhotoDuplicate the background layer of the image 4 times. Name your layers (from the bottom up): underpainting, detail, fine detail and color highlights. Hide the three top layers and select the underpainting layer.

step4 711487 Photoshop: Painting a PhotoSelect the underpainting layer’s contents by Control + clicking on the layer thumbnail (Command + Click on the Mac) and press the Delete key to remove everything from this layer. Deselect the selection by choosing Select > Deselect.

step5 762221 Photoshop: Painting a PhotoClick the Art History Brush (it shares a palette position with the History Brush Tool), select a brush shape to use and make it a fairly large size. Choose a Style such as Tight Short and an area value of around 50px and paint all over this layer. All you want right now is some general color but no detail at this stage.

step6 762264 Photoshop: Painting a PhotoClick the detail layer and turn its visibility on. Select its contents and delete them. Make your brush smaller in size and now paint on this layer to bring back some of the image detail. Experiment with different settings in the Art History Brush toolbar such as Dab, Curl and Tight. If you get an error stating that the brush won’t work because the history state doesn’t contain this layer, view the History palette using View > History and click in the left column opposite one of the Duplicate layer states to make it the one to paint from.

step7 715651 Photoshop: Painting a PhotoOnce you have some detail in the painting, click the fine detail layer, delete its contents and paint on this layer using a very small brush. This time focus on the elements you want to see in some detail such as the horse.

step8 715695 Photoshop: Painting a PhotoSelect the color highlights layer, make it visible, delete its contents and using a slightly smaller brush, this time just dab a few small scattered brush strokes on the image, you want a smattering of detail but not much at all. With the layer selected, choose Image > Adjustments > Hue/Saturation and drag the Hue slider a little to the left or tight and adjust the Saturation to a little higher value. This changes some of the color and detail in the image to give it a more painterly look.

step9 776273 Photoshop: Painting a PhotoWhen you have a result you like, select the top layer of the image and press Ctrl + Al + Shift + E (Command + Option + Shift + E on the Mac) to create a new layer with a flattened version of the image on it. Choose Filter > Texture > Texturizer and apply a Canvas texture to the image.

step10 776322 Photoshop: Painting a PhotoYou can back off the effect by decreasing the Opacity of the top layer to reveal some of the detail from the layers below.

Next time you’re looking to create a painting from an image, consider by passing the filter menu and use the Art History brush to make your own custom painting.

Wednesday, January 13th, 2010

New free Steampunk brushes

 

 New free Steampunk brushes

I just made a set of fun Photoshop steampunk brushes. They are made from clock parts and they have a photographic quality to them. The collection includes a range of gears and some funky metal bits too. They are sized upwards of 600 pixels and some are as large as 2400 pixels.

They are free brushes for personal use and an inexpensive commercial license is available.

You can download them from projectwoman.com.

Tuesday, January 12th, 2010

Lightroom Presets

presets before after 725503 Lightroom Presets

One of the cool things about Lightroom is its ability to store develop settings as Presets so you can use them again later to edit other images.

In addition to creating and saving your own presets, you can also download presets from the web and use them in Lightroom.

In this post, I’ll show you how to create a Lightroom preset and in a future post, I’ll show you how to download and install Lightroom presets you find on the web and also explain how you can share your own presets with others.

presets1 742074 Lightroom PresetsTo get started with presets in Lightroom, select an image in the Develop module which is ready for some creative attention. Just be aware of any settings you have already applied to the image as these will be included in the preset if you don’t specifically exclude them. If you have done a lot of work to get the image to this stage, export a copy and re-import it back into the catalog – there’s an option that does this in one step in the Export dialog. If you now select and work on the edited version, only the upcoming changes will be included in your preset.

presets2 742142 Lightroom PresetsNow you’re ready to work creatively on the image. For example, to split tone the image, start by increasing the Contrast in the image and reduce the Brightness a little to compensate. Adjust the Clarity to a high value so you get more sharply defined edges.

In the Split Toning options, for the Shadows click to select a dark blue/teal color and adjust its Saturation to suit. For the Highlights, select a mustard yellow and adjust its saturation to suit.

Adjust the Balance slider to favor the shadows or highlights as desired.

presets3 725546 Lightroom PresetsYou may want to decrease Saturation and Vibrance or tweak other color settings to get the result you want. Here I added a Vignette too.

presets4 786175 Lightroom PresetsTo save the settings as a preset, locate the Presets panel on the left of the Develop panel. Click the plus sign to the right of the word Presets to open the dialog.

Give the preset a name that describes what it does, in this case I called mine, ‘teal-blue split tone with vignette’. Disable any options that you don’t want stored with the preset – leaving selected only the options you have configured and want to use on every image.

For example, I set a Split Toning, added a Vignette and adjusted Brightness, Contrast, Clarity, Vibrance and Saturation.

When you’re done, click Create.

presets5 786267 Lightroom PresetsYou’ll now find your preset in the User Presets collection and you can click it to apply it instantly to any image in future.

In some instances you may need to edit the image after applying the preset to it to fine-tune the effect for that image.

presets6 754509 Lightroom PresetsIf you find that your Preset isn’t working quite as well as you imagined it would and if, for example, you always seem to make a particular change to the image after using it such as brightening it a little you can save an edited version of the preset without having to create it from scratch.

To do this, apply the preset and make your change. Then right click the preset and choose Update with Current Settings.

Select the settings to save in the preset and click Update. In future when you apply this to your images it will be applied using these new settings.

presets7 754550 Lightroom PresetsYou’ll also find that a number of Presets ship with Lightroom. These are in the Lightroom Presets list. Click on any of them to apply it to your image. To see how the image might look with a preset applied, make sure that the Navigator is visible so you can preview the effect without actually applying it to the image.

In later posts, I’ll look at downloading, installing, exporting and sharing Lightroom presets.

Sunday, January 10th, 2010

Photoshop: Selective fixes using masks

before after 799678 Photoshop: Selective fixes using masks

Sometimes a photo needs its tonal range fixed but some areas of the image may not need the same fix as others. Here’s how to limit the fix to a selected portion of an image using a mask.
starter 733912 Photoshop: Selective fixes using masksLook at this photo and noticed that on the left are the light and highlight areas and on the right are the dark areas. The camera has exposed primarily for the light areas in the image and the darks are very black. I need to fix each side of the image independently of the other. step1 749476 Photoshop: Selective fixes using masksStep 1
To fix the image make two copies of the background layer so that you do your work on duplicate layers. To do this, right click the Background layer in the Layers palette and choose Duplicate Layer and then repeat this step once more. Disable the visibility icon on the topmost layer and select the middle layer.step2 749523 Photoshop: Selective fixes using masksStep 2
To bring detail out of the shadows, choose Image > Adjustments > Shadows/Highlight and adjust the Shadows but leave the highlights untouched. Typically the default setting will be all you need. Ignore any effect this fix has to the lighter areas of the image. step3 713993 Photoshop: Selective fixes using masksStep 3
Now enable the visibility icon on the top layer and select it so you are working with this layer. Choose Image > Adjustment > Levels and adjust the levels to improve the contrast in the lighter areas of the image – ignore the darker areas as they have already been fixed. You can also adjust the saturation using Image > Adjustments > Hue/Saturation if desired.
step4 714040 Photoshop: Selective fixes using masksStep 4
The top layer contains the adjustment for the light values and the middle layer contains the adjustment for the dark values. To blend these layers, use a layer mask to selectively adjust the opacity of a layer.

Unlike the layer opacity slider which sets every pixel to the same opacity value, a mask lets you adjust the opacity selectively so one area can be 100% opaque and others can be partially or fully transparent.

To do this, click to select the topmost layer and click the Add Layer Mask button at the foot of the layer palette to add a white layer mask to this layer. When working with masks, “black conceals and white reveals” so the white mask reveals everything on the top layer and the image is unchanged. step5 734214 Photoshop: Selective fixes using masksStep 5
Set the foreground colour to black, select a round brush and set its Opacity to approximately 20%. Click in the mask to select it and paint over the dark areas of the image to reduce the layer opacity and to allow detail from the layer below to show through. Using a low opacity brush lets you reduce the opacity gradually.

Continue and paint over the area to make more transparent. It may help to turn the visibility of the top layer on and off to see what detail is available on the layer below that you may want to recover. Make sure to select the layer mask again before painting to reduce the layer opacity.

Friday, January 8th, 2010

Video! Painting with the Art History Brush in Photoshop

Here is a new video on painting with the Art History Brush in Photoshop:

A video on how to paint a photo using the Photoshop Art History Brush.

Wednesday, January 6th, 2010

Photoshop – Clip an image to a shape

shapedimage 761149 Photoshop   Clip an image to a shapeFor scrapbook projects, photo crafting and other creative uses you can achieve a cool effect for your photos by clipping your favorite images into shapes. Here’s how to do it:step1 761460 Photoshop   Clip an image to a shapeStep 1
Open an image and make the background layer a regular layer by double clicking it in the Layer palette and click Ok.

From the Photoshop’s Custom Shapes collection, select a shape and set the Shape tool to Fill Pixels in the Tool Options palette – ignore the color that you have selected for now. step2 711942 Photoshop   Clip an image to a shapeStep 2
Add a new layer to the image by choosing Layer > New > Layer and drag to create the shape on that layer. Use the Move tool to rotate the shape, size and move it. step3 712055 Photoshop   Clip an image to a shapeStep 3
Drag the background layer above the shape layer. Select the top layer and choose Layer > Create Clipping Mask to mask the image to the shape. step4 781179 Photoshop   Clip an image to a shapeStep 4
Add a drop shadow or other effect to the shape layer to set it aside from the background. You can also add a new background layer and fill it with a color or texture to show off the image.

If you drag the shape into a different position in the image using the Move tool or scale it, you will reveal more or less of the top image.

Monday, January 4th, 2010

Video – Fixing animal eyes in Lightroom

Here is a video presentation of a recent blog post on fixing animal eyes in Lightroom.

How to use the Adjustment Brush in Lightroom to fix dull and dark animal eyes.

I am working on changing the size of the videos. A few of these were made for a special job and they are different sizes than I would actually want to use in future. I am aiming for some that are taller than this and narrower so they fit in the post layout more comfortably.

Saturday, January 2nd, 2010

Photoshop – Cool fix for an underexposed image

fixed 755560 Photoshop   Cool fix for an underexposed image

My camera seems to shoot consistently on the side of underexposing images and while sometimes an exposure adjustment will solve the problem I often need a stronger fix.

This is when Lab color can help out. This color mode has special characteristics in that it can handle very bright colors differently than RGB mode does and it can be used to boost brightness in an image while at the same time ensuring that color isn’t lost when you do this using screen blend mode. Here is a simple fix for underexposed images – if you like it you can create it as an action so all you have to do is run the action then tweak the opacity of the top layer to get the result you want.

Step 1
step1 755808 Photoshop   Cool fix for an underexposed image

Right click the background layer of the image and choose Duplicate Image. Choose Image > Mode > LAB Color and select Don’t Flatten.

Step 2
step2 723118 Photoshop   Cool fix for an underexposed image

Choose Layer > New Adjustment Layer > Levels and click Ok twice. This applies a levels adjustment with no change to the image. Set the layer blend mode to Screen.

Step 3

step3 723160 Photoshop   Cool fix for an underexposed image

Select the Levels adjustment layer in the layer stack and choose Layer > Merge Down to merge this layer into the layer below. Choose Image > Mode > RGB Color and select Don’t Flatten to return to RGB Color with both layers intact.

Step 4
step4 770219 Photoshop   Cool fix for an underexposed image

Right click the top layer (it’s the duplicate background layer) and choose Duplicate Layer and click Ok.

Select the middle of the three layers and set its blend mode to Luminosity.

Select the topmost layer and set its blend mode to Color.

Adjust the opacity of the top layer until you get an acceptable amount of color in the image.

Friday, January 1st, 2010

All New! Video Tutorial, Fix a Sky in Photoshop

New for the New Year!
I am trialling some videos for the site and here is the first of them.

It is a video rendition of a recent post from my blog, but this time you get to see it in action rather than read about it.

This video shows a simple and effective way to replace a blown out sky in Photoshop without having to make a complex selection to do so.

Let me know by posting a comment if you like the concept of viewing video tutorials. I plan to offer a mix of both videos and text but I’d love to hear what you think.

Thursday, December 31st, 2009

Photoshop – Recover an overexposed image

before after 758924 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
step1 711006 Photoshop   Recover an overexposed image

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
step2 764641 Photoshop   Recover an overexposed image

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
step3 764774 Photoshop   Recover an overexposed image

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
step4 718023 Photoshop   Recover an overexposed image

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
step5 718149 Photoshop   Recover an overexposed image

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
step6 777417 Photoshop   Recover an overexposed image

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.

before after1 758993 Photoshop   Recover an overexposed image

Wednesday, December 30th, 2009

CD Inspiration: Nine Inch Nails

after 770872 CD Inspiration: Nine Inch NailsIn a previous post I drew inspiration from Police’s Synchronicity album cover to create a Photoshop project. This week the cover for the Nine Inch Nails album, Downward Spiral, caught my eye. If you want to see the original album cover, check it out here: http://www.musicdirect.com/products/images.php?i=-1&p=38059&h=75291 – I think it’s a great way to showcase a grungy image such as this graffiti. Here’s how to create the effect:

Step 1step1 770917 CD Inspiration: Nine Inch Nails
Open the image and crop it to a square shape.

Add a new layer by clicking the Add New Layer icon at the foot of the layers palette and use the rectangular marquee to drag over the bottom third of the image.

Fill this selection with white by setting the foreground color to white and press Alt + Backspace or Option + Delete on the Mac. Drag the Opacity slider down to around 60 percent so that you can see some of the image through it.

Step 2step2 750484 CD Inspiration: Nine Inch Nails
On a new layer, type one line of text in a sans serif font. I used Candara Regular and set the text color to a dark color sampled from the image itself.

Select the text, display the Character palette and drag on the Tracking slider to separate the letters so that they are spread out.

Step 3step3 750550 CD Inspiration: Nine Inch Nails
You’ll need two lines of text so you can position them to get the effect in the bottom right corner of the album cover. The second line of text is in lower case but the same font and it does not have so much tracking applied to it. Position the two lines of text in place.

Step 4step4 719767 CD Inspiration: Nine Inch Nails
To create the cutout you need to make a hollow rectangular selection which sounds easier to do than it is. Start by selecting the Rectangular Marquee tool and select around the first piece of text on the outer edge of what will become your final selection. Save this selection by choosing Select > Save Selection, type a name for the selection and click Ok. Choose Select > Modify > Contract and contract the selection by ten (or more) pixels depending on the size of your image.

Invert the selection by choosing Select > Inverse.

Choose Select > Load Selection, click the Intersect with Selection option, choose the channel that you just saved and click Ok.

This will select a small hollow rectangular shape on the image.

Step 5step5 719876 CD Inspiration: Nine Inch Nails
Click on the white layer in the layer palette to select it. Hold the Alt key (Option on the Mac) as you click on the Add Layer Mask icon at the foot of the layer palette to add a layer mask to the white layer. This shows a portion of the image through the white overlay.

Step 6step6 774978 CD Inspiration: Nine Inch Nails
Add a new layer and make sure it is selected. Select the Brush tool and select an interesting shaped brush such as the Heavy Smear Wax Crayon brush in the dry media brushes collection. With black paint, paint over the top left edge of the white overlay.

Step 7step7 775020 CD Inspiration: Nine Inch Nails
Add a new layer and select the Pen tool. Make sure that Paths is selected on the toolbar. Draw a few lines through your paintwork. Start by clicking and dragging the first point and then click and drag multiple times to create an organic curved line. Press Enter to finish the first line. Click on the Work Path in the Paths palette to select it and then draw a second line. Continue to draw all the lines you need.

Step 8step8 730974 CD Inspiration: Nine Inch Nails
View the Paths palette and make sure that you have a small hard-edged brush selected such as a 5-pixel brush and black paint. Click the Work Path to select it and click the Stroke Path with Brush icon at the foot of the Paths palette.

Because you are painting with black, this will give you some black lines through the painted shape.

Delete the path.

Step 9step9 731026 CD Inspiration: Nine Inch Nails

Add a small drop shadow to this layer by clicking the Add a Layer Style icon at the foot of the layer palette and choose Drop Shadow. You can choose a lighter color for the shadow but make sure to change the blend mode to Screen if you do so.

Right-click the Drop Shadow layer style and choose Create layer. This converts the shadow into a layer of its own that you can then select the shadow layer and remove some of the drop shadow by erasing over it with a ragged shaped and partially transparent brush.

Step 10step10 792920 CD Inspiration: Nine Inch Nails
To create a heavy black box, add a new layer and drag to create the outer edge of the box using the Rectangular Marquee tool. Fill the selection with black.

Choose Select > Modify > Contract and contract the shape by the number of pixels that you need to create the inner edge of the black border. Press the Delete key to remove the black fill from this selection.

Step 11step11 793002 CD Inspiration: Nine Inch Nails
Use the Text tool to add text inside the box. For this text I used Gil Sans MT Condensed as it is a good thick black font which can show a lot of text in a small space.

Because the text was placed on a very dark element in the background I’ve used a drop shadow set to a lighter color sampled from the image with its blend mode set to Screen. By setting the Distance to zero, and using comparatively large values for Size and Spread, the text can be more easily read.

Step 12step12 743350 CD Inspiration: Nine Inch Nails
Another line of text just below this box and stretched the full width of the box finishes the image. It has the same layer style applied to it as the previous layer so that it can be easily read. Instead of recreating the drop shadow layer style, right click the first text layer and choose Copy Layer Style and then right click the target layer and choose Paste Layer Style.

Reproducing interesting graphics that you see whether on album covers, in advertisements and other places is a great way to develop and polish your Photoshop skills.