Photoshop CC Rounded Corners Photo Tutorial

In this tutorial we will create a rounded cornered photo effect in Photoshop CC. This is the effect we are trying to create.

Photoshop Rounded Corners Tutorial

This tutorial is also available as a pdf, you can download it here: Rounded Corner Photo Tutorial.

If you need a starting photoshop file, you can download ours here: Rounded Corners Photoshop File

So let’s get started, open the test file and you will notice that all we have is a background layer that has a colour fill of white and a layer that contains the photo we want to add the rounded corners to.

Layers Panel

Step 1

Select the rounded rectangle tool (shortcut “U”), make sure that you select “path” as the tool mode, enter “20px” as the radius.

Rounded Corners Rectangle Properties

Draw the rectangle shape on the photo.

Photo with path overlay

Step 2

Switch to the “paths” panel (Window -> Paths), select the path you have created and while holding the command key down click the “Add vector mask” button at the bottom of the panel.

Add vector mask

This will add a new vector mask to the paths panel.

The path panel

If you go to you layers panel you will also see that a vector mask has been added to the photo.

Layers panel with a vector mask added

 

and your image should now look like this:

Final rounded corner image

Step 3

To add the 2 pixel black border, double click to the right of the vector mask in the layers panel. Place a check in the “Stroke” checkbox, set the size to 2 and the colour to black. Click OK and you are done.

Adding a border

WANT TO WORK WITH FIRTH WEB WORKS?

Interested to find out what we can do for you? Fill out our Project Enquiry Survey and we will get back to you with a custom solution tailored to fill your unique needs.
Project Enquiry Survey
If you want to purchase a block of time for us to work on your website, click on the "Purchase Service Time" button.
Purchase Service Time
If you want to book a video conference call using Google Meet, click the "Book a Meeting" button below.
Book a Meeting

Leave a Reply

Your email address will not be published. Required fields are marked *

Firth Web Works ©2024 All Rights Reserved | Privacy Policy
Top homephoneenvelopechevron-downcross-circle linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram