Chapter 5: Applying Image-Editing Basics

9781118151730-co0501.tif

This chapter shows you how to fine tune your workspace to best arrange your open images. You also discover how to change the on-screen image size, set a print size, and change the print resolution.

Manage Open Images

Magnify with the Zoom Tool

Adjust the Image View

Change the On-Screen Image Size

Change the Image Print Size

Change the Image Resolution

Change the Image Canvas Size

Crop an Image

Rotate an Image

Undo Changes to an Image

Revert an Image

Manage Open Images

Each image you open in Photoshop Elements appears in its own window, and you can have multiple windows open at once. When viewing one image window at a time, tabs at the top of each window enable you to switch between images. Each tab lists the name of the image file, the current magnification, and the image mode.

Viewing one image at a time gives you the maximum space for viewing and editing an image. You can also use the Project Bin or Image menu to switch between different open images.

Manage Open Images

Using Tabs

9781118151730-fg0501.eps

001 In the Editor, open two or more images.

Note: For more on opening the Editor, see Chapter 1. For more on opening image files, see Chapter 2.

A The active or current image appears here.

B Each open image has its own tab, which displays its filename and magnification.

002 Click a tab for the image you want to view.

C The image appears as the active image. You can make changes to the active image by applying commands and effects.

Using the Project Bin

9781118151730-fg0502.eps

D By default, the Project Bin displays smaller versions, or thumbnails, of the images.

Note: See the tip on the next page for more on how to display other images in the Project Bin.

If the Project Bin is closed, you can click Window and then Project Bin to open it.

001 Double-click a thumbnail.

9781118151730-fg0503.eps

E The image appears as the active image.

Using the Window Menu

001 Click Window.

002 Click an image filename.

9781118151730-fg0504.eps

F The image appears as the active image.

G You can click 9781118151730-ma041.tif to close an image.

You can view multiple image windows at the same time by choosing a layout. Layouts enable you to display images as a grid, in vertical columns, or in horizontal rows. Viewing more than one image window at a time can be helpful when comparing images.

When viewing multiple images at once, only one of the windows is active. You can choose the active window by clicking its tab, clicking inside the window, or selecting the image from the Window menu. When you apply commands in Photoshop Elements, the commands act on the active image.

Using Layouts

9781118151730-fg0506.eps

001 Click the down arrow (9781118151730-ma013.tif).

Photoshop Elements displays a menu of layouts.

A The top row enables you to display images one at a time, as a grid, in vertical columns, or in horizontal rows.

002 Click a layout.

9781118151730-fg0507.eps

Photoshop Elements displays multiple windows, each with a different image.

9781118151730-fg0508.eps

003 Click 9781118151730-ma013.tif.

B The lower rows enable you to display a specific number of images at a time.

For example, selecting a 3 Up layout displays three windows, with an open image in each one.

004 Click a layout.

9781118151730-fg0509.eps

Photoshop Elements displays multiple windows at once, each with a different image.

C If you have more open images than windows, you can click tabs to switch between images.

Magnify with the Zoom Tool

You can change the magnification of an image with the Zoom tool. This enables you to view small details in an image or view an image at full size. Magnifying has no effect on the size of the actual saved image. Zooming in on an image can be helpful when you are making detailed selections with a selection tool, searching for imperfections in your image, or aligning layers precisely with one another. For more about making selections, see Chapter 6. For details about layers, see Chapter 8. You can also adjust the magnification of an image to an exact percentage using the field in the lower left corner of the image window.

Magnify with the Zoom Tool

Increase Magnification

9781118151730-fg0510.eps

001 In the Editor, click the Zoom tool (9781118151730-ma045.tif).

You can also press the z.eps shortcut key.

Note: For more on opening the Editor, see Chapter 1.

002 Click the image.

9781118151730-fg0511.eps

Photoshop Elements increases the magnification of the image. By default, the Zoom tool zooms in when you click the image.

The current magnification shows in the image title bar and Options bar.

A You can select an exact magnification by typing a percentage value in the Options bar or in the lower left corner of the image window.

Decrease Magnification

9781118151730-fg0512.eps

001 Click the Zoom Out button (9781118151730-ma046.tif).

You can also press and hold alt.eps (opt.eps on a Mac) to zoom out.

002 Click the image.

Photoshop Elements decreases the magnification of the image.

Magnify a Detail

9781118151730-fg0513.eps

001 Click the Zoom In button (9781118151730-ma047.tif).

002 Click and drag with the Zoom tool (9781118151730-ma045.tif) to select the detail.

The area appears enlarged on-screen.

The more you zoom in, the larger the pixels appear and the less you see of the image’s content.

Adjust the Image View

You can move an image within the window by using the Hand tool or scroll bars. The Hand tool helps you navigate to an exact area in the image by dragging freely in two dimensions. The scroll bars enable you to pan an image vertically or horizontally.

Using the Hand tool is helpful when you are working with a high-resolution image and want to examine details throughout the image at high magnification. The tool is also useful when you have a low-resolution monitor, which means there is a smaller area in which to display the Photoshop Elements workspace.

Adjust the Image View

Using the Hand Tool

9781118151730-fg0515.eps

001 In the Editor, click the Hand tool (9781118151730-ma048.tif).

You can also press the h.eps shortcut key.

Note: For more on opening the Editor, see Chapter 1.

Note: For the Hand tool (9781118151730-ma048.tif) to have an effect, the image must be larger than the image window.

9781118151730-fg0516.eps

002 Click and drag inside the image window.

The view of the image shifts inside the window.

Using the Scroll Bars

9781118151730-fg0517.eps

001 Click and hold one of the window’s scroll bar buttons (9781118151730-ma049.tif, 9781118151730-ma050.tif, 9781118151730-ma051.tif, or 9781118151730-ma052.tif).

9781118151730-fg0518.eps

The image scrolls in the direction you select — in this example, down.

Change the On-Screen Image Size

You can change the on-screen size of an image you are working with in Photoshop Elements to make it better fit the confines of your monitor when viewed at the same magnification. Shrinking an image can also lower its file size and make it easier to share via e-mail or on the web.

When you change an image’s on-screen size, you need to resample it. Resampling is the process of increasing or decreasing the number of pixels in an image. Enlarging or shrinking an image too much can cause a noticeable decrease in image quality, which you can notice by examining details using the Zoom tool.

Change the On-Screen Image Size

9781118151730-fg0520.eps

001 In the Editor, click Image.

Note: For more on opening the Editor, see Chapter 1.

002 Click Resize.

003 Click Image Size.

9781118151730-fg0521.eps

The Image Size dialog box opens, listing the width and height of the image in pixels.

You can also press alt.eps+ctrl.eps+i.eps (opt.eps+cmd.eps+i.eps on a Mac) to open the Image Size dialog box.

A To resize by a certain percentage, click the 9781118151730-ma020.tif and change the units to percent.

004 Click the Resample Image check box (9781118151730-ma023.eps changes to 9781118151730-ma024.eps).

Note: Of the options in the Resample Image menu, Bicubic Smoother is often better for enlarging, whereas Bicubic Sharper is better for shrinking.

9781118151730-fg0522.eps

005 Type a size or percentage for a dimension.

B You can click the Constrain Proportions check box (9781118151730-ma023.eps changes to 9781118151730-ma024.eps) to cause the other dimension to change proportionally.

006 Click OK.

C You can restore the original dialog box settings without exiting the dialog box by pressing and holding alt.eps (opt.eps on a Mac) and clicking Cancel, which changes to Reset.

9781118151730-fg0523.eps

Photoshop Elements resizes the image.

In this example, the image decreases to 50 percent of the original size.

Change the Image Print Size

You can change the printed size of an image to determine how it appears on paper. Print size is also called document size in Photoshop Elements. If you change the print size of an image with the resampling option checked, Photoshop Elements adjusts the number of pixels in the image but keeps the resolution the same. If the resampling option is unchecked, the resolution changes but not the number of pixels. Photoshop Elements also gives you resizing options when you print your image. You can either print it at actual size or you can choose from a list of common photo print sizes. For more about printing, see Chapter 17.

Change the Image Print Size

9781118151730-fg0525.eps

001 In the Editor, click Image.

Note: For more on opening the Editor, see Chapter 1.

002 Click Resize.

003 Click Image Size.

9781118151730-fg0526.eps

The Image Size dialog box opens, listing the current width and height of the printed image.

A You can click the 9781118151730-ma020.tif to change the unit of measurement.

B If you click the Resample Image check box, Photoshop Elements adjusts the number of pixels in the image to resize. Otherwise, it adjusts the resolution.

Note: For more on resolution, see the section “Change the Image Resolution.”

9781118151730-fg0527.eps

004 Type a size or percentage for a dimension.

C You can click the Constrain Proportions check box (9781118151730-ma023.eps changes to 9781118151730-ma024.eps) to cause the other dimension to change proportionally.

005 Click OK.

D You can restore the original dialog box settings by pressing and holding alt.eps (opt.eps on a Mac) and clicking Cancel, which changes to Reset.

9781118151730-fg0528.eps

Photoshop Elements resizes the image.

Note: Changing the size of an image, especially enlarging, can add blur. To sharpen a resized image, see Chapter 9.

Change the Image Resolution

You can change the print resolution of an image to increase or decrease the print quality. The resolution, combined with the number of pixels in an image, determines the size of a printed image. The greater the resolution, the better the image appears on the printed page — up to a limit, which varies with the type of printer you use and the paper on which you are printing.

For more about how the size of images is determined in Photoshop Elements, see “Change the On-Screen Image Size” and “Change the Image Print Size.”

Change the Image Resolution

9781118151730-fg0530.eps

001 In the Editor, click Image.

Note: For more on opening the Editor, see Chapter 1.

002 Click Resize.

003 Click Image Size.

9781118151730-fg0531.eps

The Image Size dialog box opens, listing the current resolution of the image.

A You can click the 9781118151730-ma020.tif to change the resolution units.

9781118151730-fg0532.eps

004 Type a new resolution.

B You can deselect the Resample Image check box (9781118151730-ma024.eps changes to 9781118151730-ma023.eps) to keep the number of pixels in your image fixed and change the printed dimensions. The print quality will change.

005 Click OK.

C You can restore the original dialog box settings by pressing and holding alt.eps (opt.eps on a Mac) and clicking Cancel, which changes to Reset.

9781118151730-fg0533.eps

Photoshop Elements adjusts the image resolution.

If you deselected the Resample Image check box, the number of pixels stays the same, as does the on-screen image size. Increasing the resolution makes the print size smaller, and decreasing the resolution makes it bigger.

Change the Image Canvas Size

You can alter the canvas size of an image to change its rectangular shape or add space around its borders. The canvas is the area on which an image sits. Changing the canvas size is one way to crop an image or add matting, which is blank space, around an image.

Photoshop Elements warns you when you decrease the dimensions of the image canvas because this deletes part of the image. You might want to increase the canvas size if you are making a collage of images and want the images to overlap one another. Increasing the canvas gives you space to add other images.

Change the Image Canvas Size

9781118151730-fg0534.eps

001 In the Editor, click Image.

Note: For more on opening the Editor, see Chapter 1.

002 Click Resize.

003 Click Canvas Size.

9781118151730-fg0535.eps

The Canvas Size dialog box opens, listing the current dimensions of the canvas.

A You can click the 9781118151730-ma020.tif to change the unit of measurement.

9781118151730-fg0536.eps

004 Type the new canvas dimensions.

B You can click an arrow (9781118151730-ma055.tif) to determine in which directions Photoshop Elements changes the canvas size. Clicking the square in the middle of the arrows crops the image equally on opposite sides.

005 Click OK.

Note: If you decrease a dimension, Photoshop Elements displays a dialog box asking whether you want to proceed. Click Proceed.

9781118151730-fg0537.eps

Photoshop Elements changes the image’s canvas size.

In this example, because the width is increased, Photoshop Elements creates new canvas space on the sides of the image.

Crop an Image

You can use the Crop tool to quickly remove unneeded space on the top, bottom, and sides of an image. Cropping is a great way to edit out unwanted background elements or reposition a subject in your photo. You can also rotate the cropping boundary prior to cropping, which enables you to rotate while you are cropping.

You can also crop an image by changing its canvas size. See the section “Change the Image Canvas Size” for more on setting a new canvas size. Another way is by selecting an area with a selection tool, clicking Image, and then clicking Crop. See Chapter 6 for more on making selections.

Crop an Image

9781118151730-fg0539.eps

001 In the Editor, click the Crop tool (9781118151730-ma114.tif).

Note: For more on opening the Editor, see Chapter 1.

002 Click and drag to select the area of the image you want to keep.

A You can set specific dimensions for a crop by using the Width and Height boxes in the Options bar.

9781118151730-fg0540.eps

003 Click and drag the side and corner handles (9781118151730-ma533.tif) to adjust the size of the cropping boundary.

You can click and drag inside the cropping boundary to move it without adjusting its size.

You can click and drag outside the cropping boundary to rotate the tool prior to executing the crop.

9781118151730-fg0541.eps

004 Click 9781118151730-ma003.tif or press ent.eps to accept the crop.

You can also double-click inside the crop area to crop the photo.

B To exit the cropping process, you can click 9781118151730-ma004.tif or press esc.eps.

9781118151730-fg0542.eps

Photoshop Elements crops the image, deleting the pixels outside the cropping boundary.

Rotate an Image

You can use the rotate actions on an image to turn it within the image canvas. If you import or scan a horizontal image vertically, you can rotate it so that it appears in the correct orientation.

You can also flip a photo to change the direction of the subject matter. Flipping it horizontally, for example, creates a mirror image of the photo. Rotating an image can add blank space around the sides. You can crop the image to remove this extra space. Note that rotating an image by something other than 90-degree multiples can decrease image quality slightly.

Rotate an Image

Rotate 90 Degrees

9781118151730-fg0544.eps

001 In the Editor, click Image.

Note: For more on opening the Editor, see Chapter 1.

002 Click Rotate.

003 Click 90° Left or 90° Right to rotate an image.

A To change subject direction, click Flip Horizontal or Flip Vertical.

9781118151730-fg0545.eps

Photoshop Elements rotates the image.

Rotate Precisely

9781118151730-fg0546.eps

001 Click Image.

002 Click Rotate.

003 Click Custom.

The Rotate Canvas dialog box opens.

004 Type an angle from –359.99 to 359.99.

005 Click a direction to rotate.

006 Click OK.

9781118151730-fg0547.eps

Photoshop Elements rotates the image to your exact specifications.

Undo Changes to an Image

You can undo commands by using the Undo History panel. This enables you to correct mistakes or change your mind about operations you have performed on your image. The Undo History panel lists recently executed commands, with the most recent command at the bottom. In the Preferences dialog box, you can control how many commands Photoshop Elements remembers in the Undo History panel. Up to 1,000 commands can be remembered. To undo just a single command, you can use the Undo button located at the top of the Photoshop Elements interface or press ctrl.eps+Z (cmd.eps+Z on a Mac). After you undo a command, you can execute the same command again using the Redo command.

Undo Changes to an Image

9781118151730-fg0549.eps

001 In the Editor, click Window.

Note: For more on opening the Editor, see Chapter 1.

002 Click Undo History.

The Undo History panel opens, listing recently executed commands.

003 Click the History slider (9781118151730-ma056.tif) and then drag it upward.

A Alternatively, you can click a previous command in the Undo History panel.

9781118151730-fg0550.eps

B Photoshop Elements undoes the previous commands.

C You can click and drag the slider down to redo the commands.

Revert an Image

You can revert an image to the previously saved state. This enables you to start your image editing over. After you revert an image, you can still change your mind and switch back to the unreverted state by clicking Edit and then Undo Revert.

An alternative to reverting all at once is undoing commands. The Undo History panel enables you to roll back your image-editing work by undoing a set number of commands. See “Undo Changes to an Image” for details.

Revert an Image

9781118151730-fg0551.eps

001 In the Editor, click Edit.

Note: For more on opening the Editor, see Chapter 1.

002 Click Revert.

9781118151730-fg0552.eps

Photoshop Elements reverts the image to its previously saved state.

A To return to the unreverted state, click Undo (9781118151730-ma053.tif).