Photoshop Photo Mount Corners Effect Tutorial

Photo Mount Corners - Part 1 - Creating The Photo Mount

Learn Photoshop with Photoshop Effects Tutorials at Photoshop Essentials.com

Step 7: Draw A Diagonal Selection Through The Center Of The Square

Select the Polygonal Lasso Tool from the Tools panel. By default, it's hiding behind the standard Lasso Tool, so click on the Lasso Tool, then keep holding your mouse button down until a fly-out menu appears. Choose the Polygonal Lasso Tool from the menu:

Photoshop Polygonal Lasso Tool. Image © 2010 Photoshop Essentials.com.
Click and hold on the Lasso Tool, then select the Polygonal Lasso Tool from the list.

With the Polygonal Lasso Tool selected, click below and to the left of the bottom left corner of the square to set a starting point for the selection, then click above and to the right of the top right corner of the square. This draws a diagonal line through the square's center. Click above and to the left of the top left corner of the square, then back on the original point below and to the left of the square to complete the selection:

Drawing a diagonal selection through the square. Image © 2010 Photoshop Essentials.com.
Draw a selection that divides the square diagonally.

Step 8: Delete The Selected Area

Once again press Backspace (Win) / Delete (Mac) to delete the selected area of the square. Then press Ctrl+D (Win) / Command+D (Mac) to remove the selection outline:

The diagonal section of the square has been deleted. Image © 2010 Photoshop Essentials.com.
The square is now just a sliver of its former self.

Step 9: Select The Remaining Part Of The Square

Hold down your Ctrl (Win) / Command (Mac) key and click directly on Layer 1's preview thumbnail in the Layers panel:

Clicking on the preview thumbnail for Layer 1. Image © 2010 Photoshop Essentials.com.
Hold Ctrl (Win) / Command (Mac) and click on the preview thumbnail.

This instantly loads a selection outline around the contents of the layer, which in our case is the remaining part of the square:

The remaining part of the square is selected. Image © 2010 Photoshop Essentials.com.
A selection outline appears around the black area.

Step 10: Contract The Selection Outline

Just as we did earlier, we need to make this new selection outline smaller. Rather than using Transform Selection though, go up to the Select menu, choose Modify, and then choose Contract:

Go to Select > Modify > Contract. Image © 2010 Photoshop Essentials.com.
Go to Select > Modify > Contract.

When the Contract Selection dialog box appears, enter 8 pixels (which will contract the edges of the selection outline by 8 pixels), then click OK to exit out of the dialog box:

The Contract Selection dialog box. Image © 2010 Photoshop Essentials.com.
Contract Selection reduces the size of a selection outline by the amount you specify.

The selection outline now appears smaller inside the shape. We're going to copy this smaller area to a new layer:

The selection outline has been contracted by 8 pixels. Image © 2010 Photoshop Essentials.com.
Once again, the selection outline was resized without affecting the pixels inside of it.

Step 11: Copy The Selection To A New Layer

Go up to the Layer menu at the top of the screen, choose New, then choose Layer via Copy:

Go to Layer > New > Layer via Copy. Image © 2010 Photoshop Essentials.com.
Go to Layer > New > Layer via Copy.

You can also press the keyboard shortcut Ctrl+J (Win) / Command+J (Mac). Either way copies the selected area to a new layer which Photoshop names "Layer 2":

Go to Layer > New > Layer via Copy. Image © 2010 Photoshop Essentials.com.
The new layer appears above Layer 1.

Step 12: Add A Bevel And Emboss Layer Style

The basic shapes for our photo mount are in place, so let's give them a little detail and definition. With Layer 2 selected, click on the Layer Styles icon at the bottom of the Layers panel:

The Layer Styles icon in the Layers panel in Photoshop. Image © 2010 Photoshop Essentials.com.
Click on the Layer Styles icon.

Choose Bevel and Emboss from the list of layer styles that appears:

Choosing a Bevel and Emboss layer style. Image © 2010 Photoshop Essentials.com.
Click on Bevel and Emboss.

This opens Photoshop's Layer Style dialog box set to the Bevel and Emboss options in the middle column. Change the Style option to Pillow Emboss, then set the Size to 3 px and the Soften amount to 5 px:

The Bevel and Emboss options in the Layer Styles dialog box. Image © 2010 Photoshop Essentials.com.
The Bevel and Emboss options.

Click OK when you're done to close out of the dialog box. The smaller shape now has some subtle highlights around the edges as if it's embedded within the larger shape:

A Bevel and Emboss layer style has been applied to the smaller shape. Image © 2010 Photoshop Essentials.com.
The smaller shape now appears embedded in the larger shape.

New! Download our Photoshop tutorials as convenient, print-ready PDFs!

Go to page: 1 | 2 | 3