Change Image Size

These are notes on the Adobe video.

Resize an Image

Open resize.jpg from the downloadable practice files for this video. In most cases you will want to start with an image that is larger or at least not a lot smaller than the resized image you need. This is because if you enlarge the image a lot, it can look blurry.

If you click and hold on the document size at the lower left, you will see the dimensions of this image (1800 pixels wide, 1200 pixels high) and the resolution (100 pixels/inch).

Choose Image > Image Size, which will open the Image Size dialog box. You can drag the lower right hand corner to make it bigger. On the left you will see a preview of the image and on the right, the controls for changing image size. To resize for the web, here are some things to check:

When you are done, choose File > Save As, to avoid changing the original.

Set the resolution

Open Resolution.jpg. Choose Image > Image Size. The Image Size dialog box shows the dimensions of the image as 1800 pixels wide by 1200 pixels high. However, if you were going to print this image, you would measure its size in inches. Since the resolution is 100 pixels per inch (which applies both vertically and horizontally), this means that the image would print as 18 inches wide and 12 inches high. Change the units in the height and width from pixels to inches, and the height and width number will adjust based on the resolution.

The resolution you choose will depend partly on what printer you use. For an ink jet printer, you might choose 300 pixels/inch.

You want to make sure than the resample box is unchecked because we don't want to change the total number of pixels in the file (since it will be printed, so we don't need to worry much about file size).

So you can change the resolution in the dialog box to 300 pixels per inch and the height and width figures will adjust automatically.

Crop and Straighten an Image

Open Crop_Straighten.jpg. Select the Crop Tool (first column, third from the top). You can drag in from the side or the corners.

Expand the Canvas

There may be cases where you want to expand the canvas beyond your original image in order to add text or other content to your original design. Open Expand_Canvas.jpg

Choose Image > Canvas Size. This is different than Image Size; Canvas Size doesn't change the size of your image, it just allows you to add additional space around the image. The dialog box that shows will, by default, show size in inches. If you are preparing an image for the web, you will want to change the units to pixels; changing either height or width will change the other dimension as well.

If you know the absolute size you want to end up with, you can enter it, but often you will want to check the relative box which sets the height and width to 0, and now you can type in the number of pixels you want to add for height and/or width. Suppose you enter 400px for the width and nothing for the height. When you click OK, Photoshop will add half of the pixels on the left hand side and half on the right hand side.

Suppose you want to add them just on one side, say the right side. Click the arrow on the left hand side in the Anchor section. This tells Photoshop to anchor the image to the left side of the canvas and hence pixels will be added to the right. This time specify 800 pixels and you will see that they are added on the right.

So far the canvas extensions have all been white. But you can control the color of your canvas extensions, using the canvas extension menu. If you are not on a Background layer, the canvas extension menu will not show up and your extension will be transparent and will appear as a grey and white checkerboard in Photoshop.

Revised: November 18, 2019. Comments to Bill Pegram, wpegram@nvcc.edu