Create A Wood Picture Frame In Photoshop

Photoshop Frames - Create A Wood Picture Frame In Photoshop

Learn Photoshop with Photoshop Effects at Photoshop Essentials.com

Step 8: Deselect The Layer Mask And Select The Contents Of "Layer 2"

At the moment, our picture frame is looking a little flat. We need to give it some depth, and we can do that easily using Layer Styles, which we'll do in a moment. First though, we need to select the frame. Currently, we have the layer mask selected, not the layer itself. We can see which one we have selected by looking at the layer's thumbnails in the Layers palette. Whichever thumbnail has the white highlight box around it is the one that's selected. The layer mask thumbnail is currently showing the highlight box, which tells us that we have the layer mask selected. We need to have the contents of the layer (the frame) selected, so click on the layer's preview thumbnail to select the frame itself:

Adobe Photoshop tutorial image.
Photoshop Frames: Click on the preview thumbnail for "Layer 2" to select the contents of the layer and deselect the layer mask.

Step 9: Add A "Bevel and Emboss" Layer Style

With the frame itself now selected, click on the Layer Styles icon at the bottom of the Layers palette:

Adobe Photoshop tutorial image.
Photoshop Frames: Click on the "Layer Styles" icon at the bottom of the Layers palette.

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

Adobe Photoshop tutorial image.
Photoshop Frames: Select the "Bevel and Emboss" layer style.

This brings up Photoshop's Layer Style dialog box set to the "Bevel and Emboss" options in the middle column. In the "Structure" section at the top, change the Technique option to Chisel Hard, then raise the Depth value to around 150%:

Adobe Photoshop tutorial image.
Photoshop Frames: Set the "Technique" option to "Chisel Hard" and increase the "Depth" to "150%" in the "Bevel and Emboss" options.

Then, in the "Shading" options at the bottom of the dialog box, lower the Opacity of the Highlight Mode down to about 50%, then lower the Opacity of the Shadow Mode to around 60%:

Adobe Photoshop tutorial image.
Photoshop Frames: Lower the "Opacity" of the "Highlight Mode" to 50% and the "Shadow Mode" to 60%.

This gives our frame more of a 3D look to it:

Adobe Photoshop tutorial image.
Photoshop Frames: The picture frame now has a three-dimensional appearance.

Step 10: Add A "Color Overlay" Layer Style

If you're happy with the color of the picture frame, you can skip this next step. If, like me, you'd prefer a darker color to the wood, here's how to change it. Click directly on the words Color Overlay on the left of the Layer Style dialog box. Make sure you click directly on the words themselves and not just inside the checkbox. Clicking inside the checkbox will turn on the Color Overlay layer style but it won't give us access to the options for it. We want the options, so click directly on the words themselves:

Adobe Photoshop tutorial image.
Photoshop Frames: Click directly on the words "Color Overlay" on the left of the Layer Style dialog box.

This changes the middle column of the Layer Style dialog box to the Color Overlay options. To change the color of the frame, click on the color swatch to the right of the Blend Mode options:

Adobe Photoshop tutorial image.
Photoshop Frames: Click directly on the color swatch to the right of the "Blend Mode" options.

This brings up Photoshop's Color Picker. I want to change my frame color to a darker brown, so I'll choose that color from the Color Picker:

Adobe Photoshop tutorial image.
Photoshop Frames: Choose the color you want your frame to be from the Color Picker. Here, I'm choosing a dark brown.

Click OK to exit out of the Color Picker. You'll see the new color applied to your frame, but the frame now appears as a solid color. We've lost the wood texture. To bring the wood texture back, change the Blend Mode of the Color Overlay to Color Burn:

Adobe Photoshop tutorial image.
Photoshop Frames: To bring back the wood texture in the frame, change the "Blend Mode" of the Color Overlay layer style to "Color Burn".

Click OK to exit out of the Layer Style dialog box. Here's my frame after changing its color to a darker brown and setting the Blend Mode to "Color Burn":

Adobe Photoshop tutorial image.
Photoshop Frames: The color of the frame has now been changed to a dark brown.

We're almost done! We have one more simple layer style to add, and we'll do that next!

Still scrolling through web pages? Download our Photoshop tutorials as print-ready PDFs!

Go to page: 1 | 2 | 3 | 4