How to Add a Border to a Shape in Photoshop

With Adobe Photoshop CC, you can add borders to frame any object in your canvas or frame the entire canvas. As you might expect, Photoshop has some great features to create borders that go beyond a basic line around your picture. For a more creative border, consider creating faux matting around your picture, or use a clipping mask to add a border made of flowers or a photo of real wood.

...
Give your work a touch of class with faux matting inside the frame.
credit: Screenshot courtesy of Adobe.

Framing an Object in a Layer

Step

Click the New Layer icon at the bottom of the Layers panel for the border. Drag the new layer so it's above the layer you want framed. If the layer you are framing has transparent pixels and you want the frame to have a background or matting, then drag the new layer below the layer to be framed.

...
Add a new layer to the canvas.
credit: Screenshot courtesy of Adobe.
...
Select a shape for your border.
credit: Screenshot courtesy of Adobe.

Step

Select the Rectangle Tool in the Toolbox to create a rectangular frame. If you want the frame to be another shape, click and hold the Rectangle Tool and select a different shape. For a border with rounded corners, for example, use the Rounded Rectangle Tool. You can even have a bunny-shaped or dog-shaped border if you click the Custom Shape Tool and then select a shape from the Options bar.

...
Drag the cursor over the canvas to create the shape.
credit: Screenshot courtesy of Adobe.

Step

Drag the shape tool across the canvas so it frames your image. Resize the shape as needed by dragging any corner.

...
Select a fill for your image.
credit: Screenshot courtesy of Adobe.

Step

Click the Fill menu in the Options bar. If you want a background color or pattern for the image, you can select that here. If you want only a border without a fill, click the None icon (the first one in the drop-down menu with a horizontal line through it). Click the Stroke menu and select a color or pattern for the border.

...
Set the size of the border.
credit: Screenshot courtesy of Adobe.

Step

Click the Stroke Width menu. Specify a size for the border. Borders are centered on the shape's outline so as you increase the width, the border may overlap the image you're framing. If this happens, resize the border by dragging a corner.

...
Use a clipping mask to create a border from a photo.
credit: Screenshot courtesy of Adobe.

Step

Use a clipping mask to create a decorative border if preferred. Use No Fill and a wide stroke width and then insert a photo directly above the shape's layer. Make sure the photo completely covers the shape's border and then select Create Clipping Mask from the Layers menu.

Framing the Entire Picture

Step

Crop the canvas if needed by selecting the Crop Tool from the Toolbox. Drag the tool over the canvas and then drag the image to reposition it within the crop marks if needed. Use the Options bar to change the aspect ratio if desired.

...
Crop the image.
credit: Screenshot courtesy of Adobe.
...
Increase the canvas size.
credit: Screenshot courtesy of Adobe.

Step

Click the Image menu and select Canvas Size. Note that the current canvas size is displayed at the top of the Canvas Size window. Make sure the Relative option is checked and then enter the size of frame you want, multiplied by two. If you want a 1-inch border, for example, increase the height and width by 20 pixels. Click the Canvas Extension Color menu and select a color for the frame. Click OK.

Step

To add the appearance of matting to the frame, increase the canvas size by only a narrow margin. In our example, it's 0.5 inches.

...
A black border with faux matting.
credit: Screenshot courtesy of Adobe.

Step

Open the Canvas Size window a second time to add a second border to the image. In our example, we're adding a 1-inch black border around the orange matting, so we increase the canvas size by 2 inches for both the height and width.