Preview:
Glassy Monitor Design.
Step 1:
Let’s start out by creating a new file. I used a 300×300 pixels canvas set at 72dpi, and I filled my background with #4084CD color shade. Now create a layer and draw a small white rounded rectangle with 17 x 22 px dimensions. Then set the layer's opacity level to 23%. Duplicate the small white rounded rectangle layer and reset the layer's opacity level to 100%.
Step 2:
Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow, Gradient Overlay and Stroke blending options to the second white rounded rectangle layer. Then set the layer's blending mode to Darken.
Result:
Step 3:
In a new layer draw a small black circle with 9 x 9 px dimensions. Under Layer Style(Layer > Layer Style) add a Stroke blending option. Then set the layer's opacity level to 24%.
Result:
Step 4:
Create a new layer, inside the black circle design draw a small white circle.
Step 5:
In a new layer draw a large white rounded rectangle with 121 x 104 px dimensions. Then set the layer's opacity level to 33%. Now use the Polygonal Lasso Tool to cut out the bottom parts as shown below.
Step 6:
Duplicate the cut out rounded rectangle layer and set the layer's opacity level back to 100%. Under Layer Style(Layer > Layer Style) add an Inner Glow, Satin and Stroke blending options. Then set the layer's blending mode to Darken.
Result:
Step 7:
In a new layer draw a white rounded rectangle with short corners and 133 x 78 px dimensions.
Step 8:
Under Layer Style(Layer > Layer Style) add an Inner Shadow, Outer Glow, Inner Glow, Satin and Gradient Overlay blending options to the white rounded rectangle layer from the last step.
Result:
Step 9:
In a new layer draw a blue rectangle with #1D3B81 color shade and 99 x 65 px dimensions.
Step 10:
Under Layer Style(Layer > Layer Style) add an Inner Glow and Pattern Overlay blending options to the blue rectangle layer.
Result:
Results:
Glassy Monitor Design.