Wednesday, February 29th, 2012

Adobe Launches Photoshop Touch for the iPad

Photoshop touch first looks opener Adobe Launches Photoshop Touch for the iPad

It has been a long time coming – way too long – but Adobe finally launched Photoshop Touch for the iPad.

I have reviewed it here for PC World and I wrote a how to for creatively editing images with it for Digital-Photography-School.com.

The app costs $9.99 so it isn’t cheap by iPad app standards but I think it is worth it. Downsides are non editable text, 1600 x 1600 px file size limit, no true editable masking tools and no adjustment layers. But it does have good layer tools (unlike Adobe Ideas you don’t have to shell out 99c for each new layer!), blend modes and it is easy to use.

Friday, September 23rd, 2011

Photoshop: Applying fixes using masks

before after e1315871525642 Photoshop: Applying fixes using masks

Sometimes a photo needs two opposing fixes applied to different areas of the image. This poses a dilemma – if you fix one area you’ll make the other areas far worse than they started out being and vice versa. The solution is to apply both fixes but to do this on different layers and to blend the results together using a mask. Here’s how to do it:

starter1 e1315871701701 Photoshop: Applying fixes using masks

Look at this photo – the sign in the middle is dark and hard to read and the area behind it is lighter than it should or could be. The camera has exposed primarily for the lighter areas in the image but the entire image needs work.

Step 1

Make multiple duplicate layers

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 a second time. Disable the visibility icon on the topmost layer and select the middle layer.
step11 e1315871542738 Photoshop: Applying fixes using masks

Step 2

Using Shadow/Highlights to lighten the darks

To bring detail out of the darker area in the sign, I’ll use the Shadow/Highlights tool. To do this choose Image > Adjustments > Shadows/Highlights and adjust the Shadows but leave the highlights settings untouched. Typically the default setting will be all you need but you can fine tune the settings using the sliders which appear when you click Show More Options if desired. Ignore the impact that this fix has on the lighter areas of the image.
step21 e1315871557433 Photoshop: Applying fixes using masks

If you prefer to use another tool for this fix, do so. The important thing is to fix the shadows and ignore any changes to the highlights.

Step 3

Levels to fix the highlights

Enable the visibility icon on the top layer and select the top layer – this hides all the changes you have made so far. Choose Image > Adjustment > Levels and adjust the levels to improve the contrast in the lighter areas of the image – this time ignore the darker areas entirely as they are not part of this fix. You can also adjust the saturation using Image > Adjustments > Hue/Saturation if desired.

step31 e1315871572956 Photoshop: Applying fixes using masks

Again, if you prefer to use another tool, do so. The important thing is to fix the highlights and ignore any changes to the shadows.

Step 4

Blending the results with a mask

The top layer contains the adjustment for the lighter areas of the image and the middle layer contains the adjustment for the dark areas of the image. To blend these layers, I’ll use a layer mask to selectively adjust the opacity of the top layer so I can see the fix applied on the middle layer through it.

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 add a mask to the top layer, first select the topmost layer and click the Add Layer Mask button at the foot of the layer palette. This adds 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.

step41 e1315871609269 Photoshop: Applying fixes using masks

Step 5
Set the foreground color to black, select a soft round brush and set its Opacity to approximately 20%. Click on the mask to select it – it will have a small border around it showing that you have it selected. Now paint over the darkest areas of the image to reduce the opacity of the top layer where you are painting – this reveals the fix from the layer below. Using a low opacity brush lets you reduce the opacity gradually to build up the effect.

Continue and paint over the darker areas of the image to reveal more of the layer below through the mask. It can help to see how much more detail you can still recover if you turn the visibility of the top layer on and off. Make sure to select the layer mask again before painting on the mask – if you don’t do this, you’ll paint on your image.

step51 e1315871597446 Photoshop: Applying fixes using masks

If you go too far, make white your foreground color and paint on the mask to bring back parts of the top layer of the image. This is one of the benefits of using a mask – simply by painting you can apply or remove the fix. You wouldn’t have this flexibility if you used the Eraser tool on the top layer, for example.

To finish, I rotated the image to straighten the sign and cropped it to remove the distracting elements on the left side of the image.

Tuesday, August 31st, 2010

Photoshop: Applying Fixes using Adjustment Layers and Masks

Photoshop fixing with adjustment layers and masks starter Photoshop: Applying Fixes using Adjustment Layers and Masks

Sometimes a photo need two opposing fixes applied to different areas of the image. This poses a dilemma – if you fix one area you’ll make the other areas far worse than they started out being and vice versa. The solution is to apply both fixes but to do this using adjustment layers and to blend the results together using a mask. Here’s how to do it:

Photoshop fixing with adjustment layers and masks step1 Photoshop: Applying Fixes using Adjustment Layers and Masks

To fix the background of the image, choose Layers > New Adjustment Layer > Levels and adjust the levels to improve the contrast in the lighter areas of the image. Ignore the darker areas of the image as they are not part of this fix.

If desired, you can also adjust the saturation using Layers > New Adjustment Layer > Hue/Saturation.

Photoshop fixing with adjustment layers and masks step2 Photoshop: Applying Fixes using Adjustment Layers and Masks

To bring detail out of the darker area in the sign you will use an additional adjustment layer. In the original blog post I used the Shadow/Highlights tool but this is one fix you cannot apply using an Adjustment Layer so you will have to use a different adjustment for this image. I will use a Curves adjustment layer here.

To do this choose Layers > New Adjustment Layer > Curves and adjust the darker end of the curve –on the left side. Drag upwards on the curve line to lighten the shadows.

If you prefer to use another tool, you can do so. However, the important thing is to fix the shadows and ignore any changes to the highlights.

Photoshop fixing with adjustment layers and masks step3 Photoshop: Applying Fixes using Adjustment Layers and Masks

The top adjustment layer contains the adjustment for the darker areas of the image and the bottom adjustment layer(s) contain the adjustment for the lighter areas of the image. To blend these layers, you will use the layer masks attached to the adjustment layers to selectively add the fixes to the image.

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

For this image, as I want to lighten the sign but not anything else, it will be quickest if I start by selecting the sign on the background layer.

Photoshop fixing with adjustment layers and masks step4 Photoshop: Applying Fixes using Adjustment Layers and Masks

Select the mask on the Curves layer. When you are working with masks remember that “black conceals and white reveals” so painting with white on the mask reveals the adjustment on this layer and painting with black on the mask hides the adjustment.

Press Control + Shift + I (Command + Shift + I on the Mac) to invert the selection so now we have everything except the sign selected. Set the foreground color to black and press Alt + Backspace (Option + Delete on the Mac) to fill the mask except where the sign is with black.

Press Control + D (Command + D) to deselect the selection.

Photoshop fixing with adjustment layers and masks step5 Photoshop: Applying Fixes using Adjustment Layers and Masks

If the fix looks too intense, you can adjust the opacity of the top Curves layer down a little.

When adjusting opacity you may find it easier to judge an ideal value if you drag the Opacity slider to zero and then increase the value until you find a good fix rather than dragging it down from 100% looking for the ideal setting.

Photoshop fixing with adjustment layers and masks step6 Photoshop: Applying Fixes using Adjustment Layers and Masks

If you want to remove the sign from the Levels adjustment you can do so using an inverse of the layer mask you have already created.

To copy and invert the mask, press Alt + Shift (Option + Shift on the Mac) as you drag the mask from one adjustment layer and drop it on top of the mask on another layer. When prompted to replace the mask, answer Yes. (If you simply want to copy a mask use Control + Alt or Command + Option instead).

If you do this, you’re removing the Levels fix from the pole and you may need to adjust the Opacity of the Curves adjustment layer to compensate for this.

Photoshop fixing with adjustment layers and masks step7 Photoshop: Applying Fixes using Adjustment Layers and Masks

You can also adjust  masks by painting on them in black, white or a shade of grey. Painting in black hides the fix on this layer, painting in white reveals the fix on this layer and painting in grey partially hides the fix.

Here I have Control + Clicked on the mask on the top Curves adjustment layer to select the white areas of the mask, then painted in grey on the mask to hide some of the lightening effect on the pole. By selecting the white area of the mask before painting I limit the paint to only the selected area which lets me work quickly.

If you go too far, switch colors and paint back the effect back.

To finish, I rotated the image to straighten the sign and cropped it to remove the distracting elements on the left side of the image.

Thursday, March 11th, 2010

Photoshop – Copy and Invert Masks

PS masks 285x300 Photoshop   Copy and Invert Masks

This is totally cool. I was playing around in Photoshop the other night and needed to duplicate a mask and then invert it. I remember that you can copy a mask using two fingers and the mouse button so that means it’s some combination of the Control, Alt and Shift keys – that’s all you really need to remember – the rest is experimentation.

Well, I did the two finger drag using Shift and Alt and this must be a keystroke combination I haven’t used before because lo and behold! it not only copies the mask but it inverts it too!

So, to copy a mask, drag it using Control + Alt (Command + Option on the Mac). To copy and invert the mask, Shift + Alt (Shift + Option on the Mac).

Friday, February 16th, 2007

Shameless Self Promotion

Ok, so it’s not exactly a tip of the day, but I already did today’s so I feel it’s justified.

I have lots of cool Photoshop tutorials around my site, check these out:

Photoshop Brushes tutorial
Learn how to create your own Photoshop Brushes

How to use Adjustment Layers
Make photoediting a simple and undoable process using Adjustment layers

Photoshop Gradients
Fix images and create colorful effects using Photoshop Gradients

Straighten an image in Photoshop, Elements and Paintshop Pro
Straighten your images with this simple to follow tutorial that covers the popular photoediting programs

Photoshop Shapes -New!
Helen Bradley explains how to use Photoshop Shapes to edit your photos and create fun shape overlays.

Create and use Photoshop Masks
Masks aren’t as hard as you think they are and this tutorial makes them simple to use.

Create seamless patterns in Photoshop
Whether you need them for the web or for a background for an Excel worksheet, here’s how to create great seamless patterns and we’ve included a mini tutorial on TV scan lines.

Color match photos in Photoshop
Even if your photos were taken in totally different lighting

Color Swatches in Photoshop
Create your own custom color swatches and use them in your photo editing work.

Ok, so that’s done, now back to the tips..