Creating Photo Borders with Photoshop's Brushes Tutorial

Creating Photo Borders With Photoshop's Brushes

Learn Photoshop with Photoshop Effects Tutorials at Photoshop Essentials.com

Step 3: Add A New Blank Layer Above "Layer 1"

Back in the Layers panel, you should see "Layer 1" highlighted in blue. This means the layer is currently selected. If it's not highlighted in blue, click on it to select it. We're going to place our photo border on its own layer above the image, which means we need to add a new blank layer. To do that, click on the New Layer icon at the bottom of the Layers panel. You'll find it directly to the left of the Trash Bin on the far right of the row of icons:

Clicking the New Layer icon in the Layers panel in Photoshop. Image © 2009 Photoshop Essentials.com.
Add a new blank layer by clicking on the New Layer icon in the Layers panel.

Nothing will appear to have happened in the document window since the new layer is blank, but we can see in the Layers panel that a new layer has been added above "Layer 1", which Photoshop has predictably named "Layer 2":

A new blank layer has been added in the Layers panel. Image © 2009 Photoshop Essentials.com.
Add a new blank layer by clicking on the New Layer icon in the Layers panel.

Step 4: Add A Selection Outline Around The Original Image

Next, we need to place a selection outline around our original image (as in, the image before we added the extra canvas space). Our original photo, without the extra canvas space, is sitting on "Layer 1". To quickly place a selection outline around it, hold down your Ctrl (Win) / Command (Mac) key and click on the preview thumbnail for "Layer 1" in the Layers panel. There's no need to select the layer first. Simply hold down Ctrl / Command and click on the preview thumbnail:

Clicking on the layer preview thumbnail in the Layers panel. Image © 2009 Photoshop Essentials.com.
Hold down Ctrl (Win) / Command (Mac) and click on the layer preview thumbnail for "Layer 1".

This places a selection outline, also known as "marching ants", around the photo in the document window:

A selection outline appears around the image in the document window. Image © 2009 Photoshop Essentials.com.
A selection outline appears around the image.

Step 5: Convert The Selection Outline To A Path

We need to convert the selection outline into a path. Once we have our path, we'll create our photo border effect by applying some brush strokes to it. To convert the selection outline into a path, switch over to your Paths panel. You'll find it grouped in with the Layers panel. Click on the name tab at the top to switch from the Layers panel to the Paths panel:

The Paths panel in Photoshop. Image © 2009 Photoshop Essentials.com.
Switch between panels that are grouped together, like the Layers, Channels and Paths panels, by clicking on their name tabs.

With the Paths panel now open, click on the Make work path from selection icon at the bottom of the Paths panel (third icon from the right):

Converting a selection to a path in Photoshop. Image © 2009 Photoshop Essentials.com.
Click on the "Make Work Path From Selection" icon to convert the selection to a path.

You'll see a new path named "Work Path" appear in the Paths panel. The term "Work Path" simply means that the path is temporary. We could make the path permanent if we wanted to by dragging it down on to the New Path icon at the bottom of the Paths panel (the icon directly to the left of the Trash Bin), but there's no need to do that for the effect we're creating:

A temporary work path appears in the Paths panel. Image © 2009 Photoshop Essentials.com.
Paths in the Paths panel look very much like layers in the Layers panel.

If we look back at our photo in the document window, we see that our selection outline has been replaced by a thin line. The line is our path, and in a moment, we're going to use it to create our photo border:

The selection outline has been converted into a path. Image © 2009 Photoshop Essentials.com.
A thin line (the path) now appears around the photo in place of the selection outline.

With our path in place, we're ready to create our photo border. We'll do that next!

Want an easier way to learn Photoshop? Download our tutorials as Print-Ready PDFs!

Go to page: 1 | 2 | 3 | 4 | 5