Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Adobe Photoshop > Technique

  • Print
  • + Share This
This chapter is from the book

This chapter is from the book


In this section, we first explore some of the fastest ways to move around your image, including zooming in and out. Then we move on to moving pixels around both within your document, and from one document to another. It's funny, but we find that even expert users forget or never learn this basic stuff, so we urge you to read this section even if you think you already know all there is to know about navigating in Photoshop.


Images got pixels. Computer screens got pixels. But how does one type of pixel relate to the other type of pixel? When you display an image on your screen, Photoshop has to match image pixels to screen pixels (see Figure 2-2). The percentage in the title bar of the document window tells you how Photoshop is matching those pixels up.

Figure 2-2Figure 2-2 Matching pixels

The key to understanding this percentage stuff is to remember two things. First, at 100-percent view (otherwise known as Actual Pixels), each image pixel is represented by a single screen pixel. This view has nothing to do with how big the image will appear in print (or even on the Web, because different monitors have different resolutions). Second, at any percentage other than 100, you're probably not seeing a fully accurate view of your image.

At 400 percent, the image is magnified four times. At 50 percent, it's reduced by half, so you're only seeing half the pixels in the image because you're zoomed farther out and Photoshop has to downsample the image on the fly. When you're viewing at an integral multiple of 100 (meaning 25, 50, 200, 400 percent, and so on), Photoshop displays image pixels evenly. At 200 percent, four screen pixels (two horizontal, two vertical) equal one image pixel; at 50 percent, four image pixels equal one screen pixel, and so on.

However, when you're at any "odd" percentage, the program has to jimmy the display in order to make things work. Photoshop can't cut a screen pixel or an image pixel in half, so instead it fakes the effect using anti-aliasing. The moral of the story is always return to Actual Size (100 percent) view to peruse your image, particularly if you're trying to evaluate the effects of Unsharp Masking. By the way, while it's tempting to select Print Size from theView menu (in order to see how large the image will be on paper), this setting is only accurate on 72 pixels-per-inch monitors—in other words, on those old 13-inch Apple monitors and hardly anything else. We just ignore it.


Don't Use Image Cache for Histograms. When the "Use Image Cache for Histograms" option is turned on in the Preferences dialog box (Command-K), the histogram you see is a histogram of what you see on screen, not the histogram of your data. The anti-aliasing you get at any view other than 100 percent can produce a very smooth histogram when in fact your data is already severely posterized. We can't really envisage a situation where you need to see a histogram of the screen display instead of a histogram of your data, so leave this option turned off (as it is by default).


Don't Select the Zoom Tool. We never select the Zoom tool from the Tool palette. We can always get the Zoom tool temporarily by holding down Command-spacebar (to zoom in) or Command-Option-spacebar (to zoom out). Each click reduces from actual size to two-thirds (66.7 percent), to one-half (50 percent), to one-third (33.3 percent), and so on when zooming out, and magnifies in 100-percent increments when zooming in. (Actually, it jumps from 800 to 1200 percent, and from 1200 to 1600 percent, which is the maximum magnification available.)

You can also drag around an area with the Zoom tool. The pixels within the marquee are magnified to whatever arbitrary percentage best fills the screen.


Zoom with Keystrokes. If you just want to change the overall magnification of an image, press Command-plus (+) or Command-minus (-) to zoom in or out. We find this especially handy because it resizes the window at the same time if necessary. But if any palettes are open, this keystroke won't increase the document window beyond the edges of the palettes unless you click the Ignore Palettes checkbox in the Options bar while the Zoom tool is selected. The setting persists when you choose a different tool. To change it, select the Zoom tool again, and click to uncheck the Ignore Palettes checkbox. Note that adding the Option key to this mix tells Photoshop to zoom in or out without changing the size of the window.


Get to 100-Percent View Quickly. You can jump to 100-percent view quickly by double-clicking on the Zoom tool in the Tool palette. This is just the same as clicking the Actual Pixels button in the Options bar. or choosing Actual Pixels from the View menu. Faster still, press Command-Option-0 (zero).


Fit Window in Screen. Double-clicking on the Hand tool, on the other hand (no pun left unturned), is the same as pressing Fit on Screen in the Options bar when the Zoom tool or Hand tool is selected, or pressing Command-0 (zero)—it makes the image and the document window as large as it can, without going out of the screen's boundaries.


Zoom Factor. At the bottom-left corner of the window, Photoshop displays the current magnification percentage. This isn't only a display: you can change it to whatever percentage you'd like (double-click to select the whole field). Type the zoom percentage you want, then press Return or Enter when you're done. If you're not sure exactly what percentage you want, note that you can press Shift-Return instead of Return and the field remains selected after Photoshop zooms in or out, letting you enter a different value (see Figure 2-3).

Figure 2-3Figure 2-3 Zoom factor


If you're like most Photoshop users, you find yourself moving around the image a lot. Do a little here... do a little there... and so on. But when you're doing this kind of navigation, you should rarely use the scroll bars. There are much better ways.


Use the Grabber Hand. The best way to make a small move around your image is with the Grabber Hand. Don't choose it from the Tool palette. Instead, hold down the spacebar to get the Grabber Hand. Then just click and drag to where you want to go.


End Up Down Home. We like the extended keyboard—the kind with function keys and the built-in keypad. Most people ignore the very helpful Page Up, Page Down, Home, and End keys when working in Photoshop, but we find them invaluable for perusing an image for dust or scratches.

When you press Page Up or Page Down, Photoshop scrolls the image by almost an entire page's worth of pixels up or down. It leaves a small band of overlap, just in case. While there's no Page Left or Page Right button, you can jump a screen to the left or right by pressing Command-Page Up or Command-Page Down. You can scroll in 10-pixel increments by pressing Shift-Page Up or Shift-Page Down (or, again, add the Command key to go left or right).

Also note that pressing the Home button jumps you to the upper-left corner, and the End button jumps you to the lower-right corner of the document. David often uses this technique when using the Cropping tool. He lazily sets the cropping rectangle approximately where he wants it, then zooms in to the upper-left corner to precisely adjust that corner point. Then, with one hit of the End key, he's transported to the lower-right, where he can adjust that corner.


Use the Control Key on the Mac Standard Keyboard. If you have a Macintosh Standard Keyboard, you don't have the Page Up, Page Down, Home, and End keys, but you can use Control-key equivalents. Press Control-K (not Command-K) instead of Page Up, Control-L for Page Down, Control-A for Home, and Control-D for End. (Add the Command key to Control-K and Control-L to move left and right, and the Shift key to move the display in 10-pixel increments.)


Moving Among the Layers. The Grabber Hand and scroll bars only let you move around your image on a two-dimensional plane. What about moving into the third dimension—the layer dimension?

You can move among layers (without ever touching the Layers palette) by using keystrokes: Option-[ or Option-] (the square brackets) move to the previous or next visible layer (even if that layer is in a different layer set). If you add the Shift key to that, Photoshop jumps to the bottom or top layer (very helpful if you've got a mess o' layers).

One cool feature here is that if only one layer is visible when you press these keystrokes, Photoshop hides that layer and shows the next layer. This is great for cycling through a number of layers, though it gets confused and doesn't work when you have layer sets.

By the way, if you want to move the layers rather than just select them, you can press Command-Shift-[ and Command-Shift-] to move the selected layer to the bottom and top of the layers stack, respectively.


Faster Layer Selection. Perhaps the fastest way to select a layer is to select the Move tool and then turn on the Auto Select Layer checkbox in the Options bar. This way, you can switch to a layer simply by clicking with the Move tool on a pixel on that layer. If you don't have the Move tool selected when you want to switch layers, simply Command-click (which gives you the Move tool temporarily). On the other hand, we personally find Auto Layer Select somewhat infuriating because it's too easy to select the wrong layer. Instead, we like using the Move tool's context-sensitive menu.


Context-Sensitive Menus. When you Control-click (Macintosh) or click with the right mouse button (Windows), Photoshop displays a context-sensitive menu that changes depending on what tool you have selected in the Tool palette. We find the menu for the various painting tools pretty useless (though if you had to do a lot of painting, it might be helpful). But the menus you get when you Control-click (or right-mouse-button-click) with the Move tool and the selection tools are great.

The context-sensitive menu for the Move tool lets you choose a layer to work on. If you have four layers in an image, and three of them overlap in one particular area, you can Control-click (or right-mouse-button-click) on that area and Photoshop asks you which of the three layers you want to jump to. (Note that you can always get the Move tool's context-sensitive menu by Command-Control-clicking or, on Windows, clicking the right mouse button with the Control key held down.) The context-sensitive menu for the Marquee tool contains a veritable mish-mosh of features, including Delete Layer, Duplicate Layer, Load Selection, Reselect, and Color Range (we have no idea why they picked these and left other features out). Many of these features don't have keyboard shortcuts, so this menu is the fastest way to perform them.


Click on your Layer. Here's another way to select a different layer without clicking on it in the Layers palette: Command-Option-Control-click (with any tool; in Windows, you Control-Alt-click with the right mouse button). If you click on pixels that "belong" to a different layer than the one you're on, Photoshop jumps to that layer. For instance, if you've got a picture of your mom on Layer 3, and you're currently on the Background layer, you can Command-Option-Control-click (or Control-Alt-right-mouse-button-click) on your mom with the Move tool to jump to Layer 3.

This typically only works when you click on a pixel that has an opacity greater than 50 percent. (We say "typically" because it sometimes does work if the total visible opacity is less than 50 percent. See "Info Palette," later in this chapter.) If your mom has a feathered halo around her, you may not be able to get this to work if you click on the feathered part.

Navigator Palette

The Navigator palette acts as command central for all scrolling and zooming (see Figure 2-4). We rarely use this palette because we find that it's usually either too precise or not precise enough, and it takes too much mousing around. Of course, this is largely a personal bias on our part; if you find it useful, more power to you.

Figure 2-4Figure 2-4 Navigator palette

Most of the palette is occupied by a thumbnail of the image, with a red frame indicating the contents of the active window. (If your image has a lot of red in it, you might want to change the frame color by choosing Palette Options from the palette's popout menu). Dragging the outline pans the contents of the active window. Command-dragging lets you define a new outline, thereby changing the zoom percentage.

The percentage field at the lower left of the palette works exactly like the one at the lower left of the image window. Clicking the zoom-in and zoom-out buttons has the same effect as pressing Command-plus and Command-minus. David's favorite feature in this palette is the magnification slider, which lets him change the zoom level dynamically. It's not a particularly useful feature, but it's mighty fun.

  • + Share This
  • 🔖 Save To Your Account