Letâ€™s start by creating a new canvas (ctrl+N). You can make the size of the canvas as the one I created: width 1500 pixels and height 1500 pixels.
Now take rounded rectangle tool in the tool panel. When the tool has been selected, there will be option bar above the canvas. Set the radius of the tool to 30 px. Then, start creating a shape by clicking and dragging. You should get the result as mine.
After you have the shape, hit Ctrl+T to activate free transform tool. When the transform tool is selected, there will be transform controls around the shape indicated by small squares. Next is hit and hold Ctrl+Alt and then click and drag the squares to the directions needed to get the result as mine. Please see the illustration picture :
Duplicate the shape (Ctrl+ J). There will be a new layer called Shape 1 copy in the layer panel. And then, with the Shape 1 copy layer selected, hit Ctrl+T to activate transform tool and then scale it proportionally to get the one like mine. The Shape 1 copy is surrounded by thin line around the shape. Please see the picture :
Now go back to the first shape. Next is to give the first shape later styles. Go to Layer > Layer Style. In the layer style command box, choose gradient overlay and bevel and emboss. Please see the setting for them :
In this step, we will add layer styles to the shape 1 copy. Select shape 1 copy layer in the layer panel. Go to Layer > Layer Styles. See the picture below for the setting. Next, duplicate the layer (Ctrl+J) and then set the duplication layer to color dodge blending at 65% opacity.
Take rounded rectangle tool again ( do the steps as the ones in step 2 and 3 ) to create a new shape. This new shape will be named shape 2 in the layer panel.
Add the new shape layer styles as set below:
Now we will continue to make the base. Create a new layer (Ctrl+N) and place this layer below all the three layers. Take pen tool (P) in the tool panel. Start to click to create anchor points indicated by small squares. Keep on clicking to make a shape and close the path. A closed path is shown by thin line forming a shape. When the path is closed, right click the path. On the option command box, choose make path selection. Set foreground color to black and then fill (Ctrl+F5) the selection with black.
Add the new shape Layer styles. ( see steps 5 and 6 on how to do this ). Follow this setting:
With the new shape layer still selected, go to Filter > Artistic > Film grain. Set this setting for the grain:
Grain : 1
Highlight area : 1
Intensity : 4
Next, go to Filter > Blur > Gaussian Blur.
Create a new layer and then with pen tool selected, create a new shape as the one I created here. ( see step 9 on how to use the pen tool )
Add this shape layer styles as shown in the picture below :
Next is to give the shape some grain and a bit blur. To do this, see the step 11 and 12 to determine the setting of them. We will give the amount of grain and blur as done in those steps. Finally, set the blending of this layer to color dodge at 42% opacity. This is the result so farâ€¦
Create another new layer. Take the pen tool again to create path like the one shown in the illustration picture. Right click to make selection and fill it with black. ( see step 9 )
Now add Layer Styles to the newly created shape. See the setting below :
Again add this shape some grain and blur as we do in step 11 and 12. Finally, set this layer to color dodge blending at 65% opacity. This is the result .
To complete the frame, we will make another shape as left side part of the frame. To do this, create a new layer again. Take pen tool and create path on this new layer. Right click to make selection on the path and fill it with black. ( see previous steps)
Add this shape Later Styles. See the setting below.
To give the frame some details we will create another shape. to define the left below corner of the frame. We do this the same way as in previous steps. Create a new layer first. Then, with pen tool, create path. Next make selection and fill with black.
Give this layer Layer Styles. Follow this setting :
To complete the frame, we will create another shape again to define the upper left corner of the frame. Create a new layer under all shape layers previously made. Take pen tool to create path, make selection and fill the selection with black.
Add this new shape Layer Styles. Follow the setting:
After finishing the shape of the frame, in this step we will create the power bottom for it. Create a new layer above all the other layers. Take the Ellipse tool in the tool panel. Create a circle filled with black like the one I created.
Then, give it Layer Style: Gradient overlay. (see the illustration for the setting). Finally, set the blending of this layer to color dodge at 27% opacity.
Proceed to create a little square in the middle of the circle. To do this, first create a new layer. Set the foreground color to white. Take the brush tool with size of 1 px and 100% hardness. Draw the square. Finally, set it to normal blending at 54% opacity
Now create another new layer, take again Rounded Rectangle tool in the tool panel and set its radius at 30 px. Create a shape like mine. (see the illustration). When you have create the shape, choose Move tool (V) in the tool panel and then hit and hold Alt on the keyboard and proceed to click and drag the shape. This way we duplicate the shape. Do this step seven times. Finally merge all of these shape layers. Please see the illustration for the result.
Finally add this shape Layer Styles : Bevel and Emboss. See the illustration for the setting and final result :
Letâ€™s see the result of the frame so far (1). But area inside the base of the frame need some highlight (2). Please see the illustration below :
Now take Dodge Tool in the panel tool. Set its range to Highlight at 20% exposure. With small brush (between 20-30px) at 0% hardness, stroke the area to give it highlight
To finish the frame, we will define some more details on it by giving it linier highlights to some areas.
To do that, first go to the brush tool and make sure that we set it with 1px size and 0% hardness. Then, go to pen tool, with this tool make a linier path in the desired area. Right click on the path. When the option command box comes up, choose Stroke Path. Finally, choose Brush to stroke the path. Remember to check Simulate Pressure
Repeat step 33 to make the other linier highlights on certain areas in the frame.
Now give a very gentle highlight on the screen display. Create a new layer. Then, on this layer, make white colored triangle. Finally set this layer to normal blending at 2% opacity.
This is the result of the frame after being added a picture:
Thatâ€™s all the tutorial. Thanks for your visiting. Happy photoshopping to all. Please see the hi-res of the picture :