Thursday, January 12th, 2012

Ten best Photoshop shortcuts

Photoshop has a huge range of shortcut keys for speeding up your day. Here are my ten best shortcut keys that I suggest you add to your Photoshop toolkit:

Find the sizing handles

When you paste a layer or selection into a Photoshop image – if it is larger than the current image it can be difficult to find the sizing handles.

To find them, press Ctrl + T, then Ctrl + 0 (zero) or on the Mac – Command + T, Command + 0. This selects Transform and sizes the image inside the window so you can see the sizing handles.

Flatten layers but keep them too

Sometimes you need, for example, to flatten the layers in an image to sharpen the result but you don’t want to get rid of the layers either. Here’s how to have your cake and eat it too (or more accurately, flatten your layers and keep them too).

Add a new empty layer to the top of the layer stack, click in it and press Ctrl + Alt + Shift + E (Command + Option + Shift +E on the Mac). This adds a flattened version of the image to the new layer but leaves the layers intact too.

Fill a layer

To fill an empty layer with the current foreground or background color use Alt + Delete or Option + Backspace on the Mac to fill the layer with the Foreground color or Ctrl + Delete or Command + Backspace on the Mac or to fill with the Background color.

Select a color from the image

When you’re working with a Photoshop brush and you want to sample a color from the image, instead of clicking the Eyedropper tool and then the Brush tool again, you can do it with a keystroke.

Hold the Alt the key (Option on the Mac) to switch temporarily to the Eyedropper tool and click to select a new foreground color. Let go the Alt/Option key to return to the brush.

Move a selection

Moving a selection is notoriously cumbersome without this keystroke: to move a selection while you are still drawing it, press and hold the Spacebar. Continue to hold the it while you move the selection and let it go when the selection is in the correct place.

Adjusting brush size

When you’re using a brush as an eraser, to paint with or in any tool that uses brushes, you can size the brush up or down using the [ and ] keys on the keyboard. In Photoshop CS5, you can hold the Alt key and the right mouse button (on the Mac use the Control + Option keys) and drag up to increase or decrease brush hardness and drag left and right to size the brush.

Scrubby sliders

Not technically a keystroke but a “must know” tool are scrubby sliders. In Photoshop CS3, and later, most options in most dialogs that can be adjusted using a slider can also be adjusted using a scrubby slider. Scrubby sliders appear as a hand with a pointing finger icon when you hold your mouse over the slider name. Drag on the name to adjust the slider value.

Zoom and Move with dialogs open

When a dialog such as the Layer Style dialog is open you can access the Zoom and Move tools by using Ctrl (Command on the Mac) to zoom in and Alt (Option on the Mac) to zoom out of the document. Use the spacebar to access the Hand tool to move the document around.

Hidden tools

Tools that share a tool palette position and a shortcut keystroke letter can be easily selected using the keystroke letter. So, for example, to access the Mixer Brush which shares a tool position with the Brush tool and if the Mixer Brush is hidden, press B to get the Brush tool. The press Shift + B until the Mixer Brush appears. In a similar way press M to get the Rectangular Marquee tool and Shift + M to get the Elliptical Marquee tool.

Precise and crosshair cursors

Finally, not so much a keyboard shortcut as something that can go horribly wrong –  pressing the Caps Lock key switches the Brush cursor into precise mode. This is a small crosshair cursor and hides the actual size of the brush. To return to the regular normal or standard brush tip, press the Caps Lock key again.

If I were helping a new user learn Photoshop, these are ten keystrokes I’d be teaching them. Do you agree or what keystrokes do you think are the most important to learn in Photoshop?

Helen Bradley

Tuesday, January 25th, 2011

Color an object to match an exact color in Photoshop

Completed image color matched to a selected=

Finished project: a garage door color matched to a selected Pantone color. Image (c) Sarej, sxc.hu.

One issue that a lot of people face is matching color in Photoshop. You may have a Pantone color that you want to match to or some other color and you want an image to be colored this way.

The solution is to start with a Grayscale version of the image, so desaturate the image to start with and make sure it is light enough to take your color – so if you want to use a light color brighten it to suit.Image of desaturated image ready to apply color to it

Now add a new fill color layer to the image by choosing Layer > New Fill Layer > Solid Color and click Ok.

Set the solid color to the RGB or CMYK values of the color that you want to match. Set the Blend Mode for the layer to Color.

Color blended layer showing initial recoloring of subject to match a pantone color

I chose Pantone 359C which has RGB values of 161, 216 & 139.

Right now you’ll have a reasonable match for the color but not as good a one as you can get.

To improve it, select the Color Sampler Tool, which sits under the Eyedropper tool in the tool palette, and click in an area of the image that you want to be that particular color.

Because the grayscale values will vary, you need to identify a place in the image that you want the color to be exactly your chosen color. Around it, the other tones in the image will vary as they should – some will be lighter and some will be darker. Click on that point to add a color sample point.

Image showing color sample point in place we want to exactly match the Pantone color

Now add a curves adjustment layer by choosing Layer > New Adjustment Layer > Curves. Click Ok to create the curve adjustment. If you’re using Photoshop CS3 or earlier, Ctrl + Shift + Click (Command + SHift + Click on the Mac) on the color sample point to mark this point on the curve in the Red, Green and Blue channels.

If you’re using CS4 or later, the functionality of the curves dialog has changed. In this case, you should use the On Image Adjustment tool, which is the tool in the top left corner of the curves dialog, which has a hand on it. Click this, then Ctrl + Shift + Click (Command + Shift + Click on the Mac) on the sample point to add the marker to the Red, Green and Blue channels.

Image showing marking color sample point on the RGB curves

Now select the Red channel, click on the marker you just added and adjust the Output value to the Red value of the RGB color number that you want to match. Repeat this for the Green and the Blue channels. Then close the dialog. In my case I’ve set the Red output value for this selected point to 161, the Green to 216 and the Blue to 139 to match the Pantone color values. If you are trying to match a CMYK value then you’d do the same thing but for the Cyan, Magenta, Yellow and Black channels.

Image showing curves dialog and adjusting the Red green and blue curves to match the RGB values of the chosen Pantone or CMYK color

To remove the Color Sample Point, select the color sample tool and hold Alt as you hover over the sample point. It turns into an icon like a pair of scissors which you then click to remove the sample point.

You will end up with an image where, at your designated point, the color is exactly as you wanted it to be.

Thanks to blog reader Lesley Clarke for posing the question.

Helen Bradley