Scribd
Upload
38 views4 pages

Creating Rounded Corners On Photos

1. Open the photo in Photoshop and resize it properly for web use, ensuring it is no larger than 500 pixels wide or high. 2. Create a rounded rectangle around the edges of the photo using the Rounded Rectangle tool. Convert this to a vector mask to hide areas outside the rounded edges. 3. Save the rounded photo as a JPEG file for use on the web, using appropriate settings and naming conventions.

Uploaded by

soul
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
38 views4 pages

Creating Rounded Corners On Photos

1. Open the photo in Photoshop and resize it properly for web use, ensuring it is no larger than 500 pixels wide or high. 2. Create a rounded rectangle around the edges of the photo using the Rounded Rectangle tool. Convert this to a vector mask to hide areas outside the rounded edges. 3. Save the rounded photo as a JPEG file for use on the web, using appropriate settings and naming conventions.

Uploaded by

soul
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Creating Rounded Corners on Photos

Using Adobe Photoshop CS6

1. Open Adobe Photoshop CS6. Open the image to be rounded.

Before beginning, make sure the photo is sized properly for the Web by following these steps:
a. Open the original file.

b. If preparing a head shot, follow these steps.

i. Using the Crop tool ( ) and sizing handles, select the


portion of the photo to be the final head shot and hit
Enter on the keyboard or click the check mark in the tool

bar ( ) to accept the crop.


ii. Next, resize the image to be used as a profile head shot
by going to Image/Image Size on the tool bar.

iii. With Pixels selected as the unit


of measurement, type 175 as
the Width. The Height will
adjust. Click Okay.
iv. If the Height is not already 225
pixels, adjust the picture further
by going to Image/Canvas Size.
v. Use the Anchor feature to determine what part of the photo will be cut. Enter the Height of 225
pixels, then click OK and Proceed.

c. If preparing a general photo, follow these steps.


i. Once the image is open, go to Image/Image Size on the menu.
ii. Be sure Pixels is the unit of measurement. Look at the Width and Height to determine which
number is larger. Replace the larger number with 500 pixels. The other number will auto adjust
when the Constrain Proportions box is checked (checked by default). Click OK.

iii. Press Ctrl + Alt + 0 (zero) on the keyboard at the same time to view the photo at full size.
IMPORTANT: No photo uploaded to the CMS should ever be more than 500 pixels wide or high.
2. To round the corners on any photo, follow these steps:
a. Unlock the Background layer on the Layers Palette by double clicking it. Keeping the default Name is
fine. Click OK. Now this layer has no lock next to it and is editable.

b. Using the Rounded Rectangle tool, click and drag a selection around the edges of the photo.
NOTE: Be sure the tool bar settings look like this.

c. Select the Path Selection tool.


d. Place the mouse outside of the path drawn in the previous step. Right click and choose Create Vector
Mask. The part of the photo outside the rounded rectangle disappears.

3. Save the file for the web by going to File/Save for Web. All
photos should be saved as JPEG files (file extension .jpg). See
the screen shot below for settings that will be best in most
situations of saving photos for the web.

IMPORTANT: Be sure to name all images properly and refer


to the Web Services site for notes on how to do so at
http://www.winthrop.edu/web/filenaming/

You might also like