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

Firth Web Works ©2018 All Rights Reserved | Privacy Policy
homephoneenvelope
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram