Photoshop Canvas Size Gripe and Fix

January 15, 2008 - 2:00am ||| 0 Comments | Add new

I have a gripe about Photoshop's Canvas Size dialog box (Image > Canvas Size), the feature you use to increase the editable area in an image. We're up to version 53 now, I believe, and there's still no Preview button. Not even in the Super Extended Extra Mega version.

Oh sure, it can count how many thousands of paramecium with three antennae are in a slide, but preview the amount of canvas I want to add to an image? Beyond its abilities.

Without the Preview checkbox, I have to know the exact measure of how much canvas area I want to add before I open the dialog box, and manipulate the old-timey "Anchor grid" interface to tell Photoshop where to put the extra space. If I click OK and see it's wrong, it's Undo and try again.

Don't get me wrong, sometimes I know exactly what I want. If I need another 10 pixels under a web graphic, or want to add a half-inch all the way around a scanned photo, the Canvas Size dialog box is the way to go.

The rest of the time, though, I need more flexibility. What's the solution? The Crop tool.

It sounds backwards to some users, I know, but the Crop tool is really a canvas manipulation tool. Normally, it makes the canvas smaller — that's what cropping is. But it can also make the canvas bigger, by cropping in the opposite direction. Using the Crop tool to add canvas area allows me to get a preview of what I'm doing so I can adjust it on the fly, by eye or numerically, whichever I prefer.

The Crop Tool … in Reverse
Here's how to do it. First, you need to enlarge the window containing your image so you can see the twilight zone — the amorphous grey area surrounding the image's existing canvas (editable area). You may need to zoom out (Command/Ctrl-hyphen) a few times first so the image gets smaller on screen, then make the window bigger, in order to see the surrounding grey area.

Next, figure out what color you want the added canvas to have. Do it now, because you won't be able to after you start with the Crop tool. If your image has a Background layer, the added canvas will be filled with the current background color, so change that color now if necessary, or just press "D" to make it the default White. If your image doesn't have a background layer, you don't need to choose anything, the added canvas will be transparent (filled with the checkerboard pattern).

Select the Crop tool and make sure the fields in the Options bar are all blank (so cropping doesn't also resample, for instance). If they're not, click the Clear button there.

Now drag the Crop tool so its marquee surrounds the image. Even if you start and end your drag in the middle of the grey area, it won't stay there — by default, it'll snap to the edges of the canvas. Not a problem.

As soon as you release the mouse button, you'll see that the crop marquee has handles. Here's where we put it in reverse. Instead of dragging a handle into the image to crop it, drag it *outside* of the image, into the grey area. That tells Photoshop you want to add canvas size. The grey area the crop marquee encompasses gets converted to additional canvas, filled with the specified background color or transparency, as soon as you press the Return/Enter key.

A bonus of this technique is that you can drag each side handle to add canvas to just that side of image. By using the Crop tool you're able to add a different amount of canvas to each side, something you can't do with the Canvas Size dialog box.

I could stop right there, but I won't. There's more!

Useful Tips for this Technique
The Info palette will tell you the width and height of the crop marquee (in other words, the canvas size), updating the readout as you drag the marquee handles, which is helpful if you know the total canvas size you're after. But it won't tell you how much you're adding to each side, it just shows the total width and height.

So if you need to add a precise amount of canvas to one or more sides, drag ruler guides out of the rulers (View > Show Rulers) and drop them into the grey area precisely where you want the canvas to grow to. You can do this while the crop marquee is active. The Info panel will tell you the position of the ruler guide as you drag it if you can't see the tick mark on the ruler itself. Then turn on Snap to Guides (View > Snap) and drag a crop marquee handle to the ruler guide.

To add the same amount of canvas to all four sides, hold down the Option/Alt and Shift keys as you drag a corner handle into the grey. To add the same amount of canvas to the top/bottom or left/right of an image, only hold down the Option/Alt key (no Shift) as you drag any handle.

There is no Undo while you're fiddling with the crop marquee. If you mess up, press the Esc key to cancel the operation, and start again with your initial drag of the Crop tool around the image.

There you go … as I said, in some cases, it'd be just as fast (or faster) to use the Canvas Size dialog box. But if you're pining for something more interactive and flexible, try the Crop tool in reverse.

Post new comment

The content of this field is kept private and will not be shown publicly.
By submitting this form, you accept the Mollom privacy policy.