1.1 how to crop and resize images in adobe photoshop

HUI129: Computer-Aided Industrial Design Coursework

graphics editing techniques in photoshop

class 1: 9/10

class 2: 9/17

class 3: 9/24

graphics editing techniques in illustrator

class 4: 10/1

class 5: 10/8

rhinoceros 3.D. modeling and techniques

I: interface, toolbars, drawing in Rhino
II: precision modeling
III: editing geometry

how to crop and resize images

resize an image

>
>

to begin, open the Resize.jpg image from the downloadable files folder.
first, investigate the current size of the image. ideally, the image size should be smaller than the target size of 900 pixels wide.
in the status bar located at the bottom of the document window, click and hold the document size information.

the document size window indicates a width of 1800 pixels. once the tutorial is complete, it should look like this:

to resize the image, select the Image menu in the toolbar, then select Image Size to open the Image Size dialogue box.

before continung, ensure that the link icon is engaged to lock the aspect ratio. then, make sure the unit of measurement is set to Pixels.

change the width of the image from 1800 pixels to the target width of 900 pixels. the height should change proportionately.

the Resolution of the image may remain untouched, as the photo is being resized for web (rather than for print) and is unconsequential for our use.

now that the image has been successfully resized, select Save As from the File option in the toolbar to rename the file in order to preserve the original image. once the file is renamed, click OK to save.

set the resolution

>
>

to begin, open the Resolution.jpg image from the downloadable files folder.
image resolution is important when sizing an image for print, and can be accessed in the Image Size dialogue box.

the resolution of an image determines the number of pixels contained within a tangible unit of measurement, and its value varies depending on its intended use;

eg.

the width of the image is 1800
the height of the image is 1200

dividing each dimension by 100, we can deduce that the current image will print at 18x12in.

>

>

when preparing an image for print, the unit of measurement should be set to Inches or some other arbitrary tangible unit of measurement.

ensure that the Resample box is unchecked to avoid altering the total number of pixels in the image.

the width and height of the image should change proportionately, and indicates the size at which the image will print.

now that the image has been successfully resized, it is ready to be saved and printed at a width and height of 6 by 4 inches, with 300 pixels per inch.

crop and straighten an image

>
>

>

to begin, open the Crop_Straighten.jpg image from the downloadable files folder.
the crop tool is one of the most useful commands in adobe photoshop, allowing the user to trim unwanted portions from the image and straighten it to improve the composition.
locate and select the crop tool from the lefthand toolbar.

the crop box will appear around the image edge and can be transformed with these commands:

move

resize

rotate

before finalizing a crop, deselect the Delete Cropped Pixels checkbox to preserve the full image.

the rotate tool is one way to straighten an image.
another way is with the Straighten tool.

select the Straighten tool from the top toolbar, then drag along a straight surface and release.

once you’re happy with your crop, press ENTER to finalize it.

I used the rule of thirds to achieve this result as my final composition.

expand the canvas

>
>

to begin, open the Expand_Canvas.jpg image from the downloadable files folder.
as opposed to Image Size, modifying the Canvas Size does not change the dimensions of the image itself, but adds space around the image.

click the Image option from the menu bar, then select Canvas Size to summon the Canvas Size dialogue box.

if for web use, change the unit of measurement to pixels.

click the Relative checkbox to enable it.

>

>

the width and height dimensions should become 0.

rather than calculating the total desired New Size of our image, we can simply give the amount of space we wish to add.

replace the Width field with 400, then click OK to add 200 pixels to either side of the canvas. the result should look something like this.

if you wish to add space to a specific part of the canvas, rather than have it be evenly distributed, use the Anchor tool in the Canvas Size dialogue box.

you can also modify the Canvas extension color.

expand to the right

once the canvas has been expanded 800 pixels to the right, and the image is ready to be saved.

exercise from 2017 Adobe Creative Cloud Photoshop Tutorial Article Change the Image Size. https://creativecloud.adobe.com/cc/learn/photoshop/web/image-resizing-basics.

In accordance with Section 107 of the Copyright Act of 1976, “fair use” allows the use of copyrighted materials for purposes of education and instruction.