Adobe Photoshop Tutorial - Creating Photo Borders With Layer Masks And Photoshop Filters

Creating Photo Borders With Displacement Maps In Photoshop

Learn Photoshop with Photoshop Effects Tutorials at Photoshop Essentials.com

Step 17: Delete The Solid White Layer ("Layer 2")

To make our image look a little more interesting, let's first delete our solid white layer. Click on "Layer 2" in the Layers palette and drag it down on to the trash bin at the bottom of the palette:

Adobe Photoshop tutorial image.
Photoshop Tutorials: Drag "Layer 2" on to the trash bin at the bottom of the Layers palette.

You'll be left with only two layers in the Layers palette, and the Background layer will be selected:

Adobe Photoshop tutorial image.
Photoshop Tutorials: The Layers palette now shows only the original Background layer and "Layer 1".

Your photo border will also seem to have disappeared in your document window, but don't worry, it's still there. We just can't see it at the moment.

Step 18: Select The Eyedropper Tool

We're going to sample a color from the image. For that, we'll need the Eyedropper Tool, so select it from the Tools palette:

Adobe Photoshop tutorial image.
Photoshop Tutorials: Select the Eyedropper Tool from the Tools palette.

Step 19: Sample A Color From The Image

With the Eyedropper Tool selected, click on a color from the image that would work nicely as a color for the border. I'm going to sample a light brown color from the woman's hair:

Adobe Photoshop tutorial image.
Photoshop Tutorials: Click in the image to sample a color that would work well as a border color.

You'll see the color you've sampled appear in the Foreground color swatch near the bottom of the Tools palette:

Adobe Photoshop tutorial image.
Photoshop Tutorials: The sampled color appears in the Foreground color swatch in the Tools palette.

Step 20: Add A "Hue/Saturation" Adjustment Layer

With the Background layer selected in the Layers palette, click on the New Adjustment Layer icon at the bottom of the palette:

Adobe Photoshop tutorial image.
Photoshop Tutorials: Click on the "New Adjustment Layer" icon.

Then select Hue/Saturation from the list of adjustment layers that appears:

Adobe Photoshop tutorial image.
Photoshop Tutorials: Select "Hue/Saturation" from the list.

When the Hue/Saturation dialog box appears, select the Colorize option in the bottom right corner. This will colorize the border around your image using the color you sampled a moment ago. I'm going to darken my border as well by lowering the Lightness value in the dialog box down to around -60. Finally, I'm going to reduce the saturation of the border color just a little by lowering the Saturation value to around 20:

Adobe Photoshop tutorial image.
Photoshop Tutorials: Change the options in the "Hue/Saturation" dialog box circled above.

Click OK when you're done to accept the changes and exit out of the dialog box. If we look at our Layers palette now, we can see our Hue/Saturation adjustment layer sitting between the Background layer and "Layer 1":

Adobe Photoshop tutorial image.
Photoshop Tutorials: The Layers palette showing the adjustment layer between the two other layers.

And here's what my final border effect now looks like after colorizing and darkening my border:

Adobe Photoshop tutorial image.
Photoshop Tutorials: The final photo border result.

And there we have it!

Want an easier way to follow along with our tutorials? Download them as printable PDFs!

StumbleUpon Toolbar

del.icio.us

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