Create a realistic photo frame in Photoshop

Materials for the lesson:

Step 1

Open Photoshop and go to File> New (File> New). Specify the document name “Dynamic Frames”. Set width 970px, and height 1190px, resolution 300 dpi, color mode – Rgb and click OK.

Step 2

Go to File> Place (File> Post). Select texture Wall stucco and click “Place” (Post).

Your rectangle should be active, set the width and height in the toolbar to 20% and click on the Commit Transform icon (Confirm conversion).

Go to Layer> Rename Layer (Layer> Rename Layer) and specify the name “Texture”.

Step 3

Go to Layer> Layer Style> Color Overlay (Layer> Layer Style> Color Overlay). Click on the color thumbnail to open the color palette. Set color #FFFFFF and click OK. Set the blending mode to Overlay. (Overlap), lower the opacity of the layer to 36%. Click OK.

Step 4

Go to Layer> New> Group (Layer> New> Group) and specify a name for the group “Shadows”. Click OK.

Step 5

From this point on, look for the Rectangle Tool mode. (U)(Rectangle) has always been set to “Shape” (Figure) . To set this mode, select the Rectangle Tool (U) (Rectangle) and on the tool options panel, select the “Shape” mode in the drop-down menu.

Click “D“on the keyboard to reset the foreground and background colors. Select the Rectangle Tool (U) (Rectangle) and draw a rectangle in the middle of the canvas with a width 690px and tall 840px.

Go to Layer> Rename Layer (Layer> Rename Layer) and specify the name “Shadow 1”. In the layers panel, lower the fill layer to 0%.

Step 6

Go to Layer> Layer Style> Drop Shadow (Layer> Layer Style> Shadow). Click on the color thumbnail to open the color palette and set the color # 000000. Click OK.

Step 7

In the Layer Styles window, make the following settings and click the OK button.

Step 8

Go to Layer> Duplicate Layer (Layer> Duplicate Layer) and name it “Shadow 2”. Click OK.

Step 9

Go to Layer> Layer Style> Drop Shadow (Layer> Layer Style> Shadow) and apply the following settings, then click OK.

Step 10

We will repeat this process 3 more times to add interesting details to the shadows. Go to Layer> Duplicate Layer (Layer> Duplicate Layer) and specify the name “Shadow 3”. Click OK.

Go to Layer> Layer Style> Drop Shadow (Layer> Layer Style> Shadow) and apply the following settings, then click OK.

Step 11

Go to Layer> Duplicate Layer again (Layer> Duplicate Layer) and specify the name “Shadow 4”. Press the OK button.

Go to Layer> Layer Style> Drop Shadow (Layer> Layer Style> Shadow) and apply the following settings, then click OK.

Step 12

Last time go to Layer> Duplicate Layer (Layer> Duplicate Layer) and specify the name “Shadow 5”. Press the OK button.

Go to Layer> Layer Style> Drop Shadow (Layer> Layer Style> Shadow) and apply the following settings, then click OK.

Step 13

Now we can tackle the frame. Click on the “Shadows” layer group. Select the Rectangle Tool (U) (Rectangle) and draw another rectangle wide 690px and tall 840px.

Go to Layer> Rename Layer (Layer> Rename Layer) and specify the name “Frame”.

Step 14

Go to Layer> Layer Style> Color Overlay (Layer> Layer Style> Color Overlay). Click on the color thumbnail in the opened window.

don’t set color # 423F3F. Click OK.

In the Layer Styles window, select Bevel. Emboss (Embossed) and apply the following settings. Click OK.

Step 15

Click “X“on the keyboard to switch between colors. Select the Rectangle Tool (U) (Rectangle) and draw a rectangle wide 630px and tall 780px, as shown below.

Go to Layer> Rename Layer (Layer> Rename Layer) and specify the name “Passe-partout”.

Step 16

Go to Layer> Layer Style> Color Overlay Overlay (Layer> Layer Style> Color Overlay). Click on the color thumbnail and set the color in the window that opens # E3E. Click OK.

In the Layer Styles window, select Inner Shadow. (Inner shadow), Apply the following settings and click OK.

Step 17

Go to Layer> Duplicate Layer (Layer> Duplicate Layer). In the dialog box, specify the name “Depth” and click OK.

Go to Layer> Layer Style> Clear Layer Style (Layer> Layer Style> Clear Layer Style).

Go to Layer> Layer Style> Bevel Emboss (Layer> Layer Style> Emboss) and apply the following settings. Click OK.

Step 18

Select the Rectangle Tool (U) (Rectangle) and draw a rectangle wide 490px and tall 640px, as shown below.

Go to Layer> Rename Layer (Layer> Rename Layer) and enter the name “Artwork”.

Step 19

Go to Layer> Duplicate Layer (Layer> Duplicate Layer). In the dialog box, specify the name “Artwork Depth” and click OK.

Go to Edit> Transform Path> Scale (Edit> Contour Transform> Zoom). On the toolbar, set the width and height. 101% and click on the commit icon (Confirm conversion) to convert.

Step 20

Click on the “Depth” layer and go to Layer> Layer Style> Copy Layer Style (Layer> Layer Style> Copy Layer Style).

Now click on the “Artwork Depth” layer and go to Layer> Layer Style> Paste Layer Style (Layer> Layer Style> Paste Layer Style).

Step 21

Click on the “Artwork” layer and go to Layer> Smart Objects> Convert to Smart Object (Layer> Smart Object> Convert To Smart Object).

Go to Layer> Layer Style> Inner Shadow (Layer> Layer Style> Inner Shadow) and apply the settings as below:

In the Layer Styles window, select Pattern Overlay. (Overlay pattern). Click on the texture thumbnail and select “Gray Granite (128 by 128 pixels, RGB mode)” from the drop-down texture set. (Gray granite).

Apply the following settings and click the OK button.

Step 22

Now that we have finished our frame, let’s see how it can be used. Select the “Artwork” layer and go to Layer> Smart Objects> Edit Contents (Layer> Smart Object> Edit Content) (you will open a new canvas).

Navigate to File> Place (File> Post). Find the picture for your frame (the author used the image from Oliver Phillips) and click the “Place” button (Post). Make the necessary size adjustments and click on the Commit icon. (Confirm conversion) on the toolbar to convert.

Go to File> Save (File> Save).

Step 23

Go back to your frame and you will see all your changes.

Step 24

Let’s work with light and shadows. We made our image more dynamic, using always “Use Global Light” (Global coverage). Now it will be possible to achieve a change in lights and shadows with just one change.

We used a 120 degree angle for all of our effects, but now we’ll use Global Light (Global coverage) with a 45 degree angle to change all the lights and shadows at once. To do this, go to Layer> Layer Style> Global Light (Layer> Layer Style> Global Lighting). Set the angle to 45 degrees and click OK.

Remember that you can change the angle and height of the global illumination to whatever you want in order to easily update your work with the smart object we just created.

Like this post? Please share to your friends: