Learn to draw and modify rounded rectangles using this sample file.
Cartoon camper parked on grass with rounded rectangle shapes used for trees and shrubs.

Get to know the file

Open the edit-rounded-rectangles.psd file in Photoshop. See the Layers panel on the right side of your workspace. If you don't see it, go to Window > Layers. In the Layers panel, click the "Background" layer.

Layers panel is open, and blue-toned advertisement for camper and RV company is displayed in the workspace.

Draw a rectangle

Select the Rectangle Tool from the toolbar on the left side of your workspace. If you don't see the toolbar, go to Windows > Tools. Select white for the color fill from the Options at the top of your workspace. This specifies a white color fill for the rectangle. Select "No Color" for the stroke.

Notice that bright blue guides appear to help you position your rectangle. Place your cursor where the guides intersect at the top left corner. Click and drag from this corner to the bottom right corner, releasing your mouse to complete the rectangle.

Background layer is selected, rectangle tool is highlighted. Rectangle with white fill and no stroke appears behind camper

Add rounded corners from the Properties panel

Once you finish drawing your rectangle, notice that the Properties panel automatically opens. If you don't see it, go to Window > Properties. In the Properties panel, change the corner radius of your newly-drawn live rectangle. Enter "65 px" as the corner radius. The Properties panel applies the corner radius setting to all corners in your rectangle since the panel has linked corners (the chain icon) selected by default.

Properties panel is open. Corner radii are set to 65 pixels. The white rectangle now has rounded corners.

Apply a stroke

In the Properties panel, you can change the stroke and fill of your shape. Click the stroke color icon. In the color swatches panel that appears, select a light blue color to add a color stroke to the rectangle. Change the stroke width to "15 pt" to make the color stroke thicker.

Properties panel is open. A light blue stroke is added. The white rectangle now has a light blue outline.

Adjust an existing rectangle

To edit a rectangle that's already been drawn, you must first select it. Press "A" on your keyboard to select the Path Selection Tool, or click to select this tool from the toolbar. Click the "Rectangle - Location" layer so that you can activate that layer for editing.

Path selection tool is selected, Rectangle – Location layer is highlighted for editing.

Adjust an existing rectangle (continued)

Using the Path Selection Tool, click the light blue "Location" square. In the Properties panel, change the corner radius to "17 px" for all corners for this shape.

Properties panel is open, location icon is selected, corner radii are changed to 17 pixels. The icon’s corners are rounded


Select the other rectangles in the image to experiment with adjusting Live Shape properties. Try mixing and matching different corner radius values by clicking the link icon in the Properties panel. This allows you to toggle between editing each corner radius individually, or proportionally to each other.

The Live Shape properties panel is open. Corner radii may be edited proportionally to each other when link option is clicked.
Was this page helpful?