Preview:
Glassy Monitor Design.
![](https://www.psd360.com/tutorial-images/monitor/Result.jpg)
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%.
![](https://www.psd360.com/tutorial-images/monitor/1.gif)
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.
![](https://www.psd360.com/tutorial-images/monitor/2b.gif)
![](https://www.psd360.com/tutorial-images/monitor/2c.gif)
![](https://www.psd360.com/tutorial-images/monitor/2d.gif)
Result:
![](https://www.psd360.com/tutorial-images/monitor/2.gif)
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%.
![](https://www.psd360.com/tutorial-images/monitor/3b.gif)
Result:
![](https://www.psd360.com/tutorial-images/monitor/3.gif)
Step 4:
Create a new layer, inside the black circle design draw a small white circle.
![](https://www.psd360.com/tutorial-images/monitor/4.gif)
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.
![](https://www.psd360.com/tutorial-images/monitor/5.gif)
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.
![](https://www.psd360.com/tutorial-images/monitor/6b.gif)
![](https://www.psd360.com/tutorial-images/monitor/6c.gif)
![](https://www.psd360.com/tutorial-images/monitor/6d.gif)
Result:
![](https://www.psd360.com/tutorial-images/monitor/6.gif)
Step 7:
In a new layer draw a white rounded rectangle with short corners and 133 x 78 px dimensions.
![](https://www.psd360.com/tutorial-images/monitor/7.gif)
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.
![](https://www.psd360.com/tutorial-images/monitor/8b.gif)
![](https://www.psd360.com/tutorial-images/monitor/8c.gif)
![](https://www.psd360.com/tutorial-images/monitor/8d.gif)
![](https://www.psd360.com/tutorial-images/monitor/8e.gif)
![](https://www.psd360.com/tutorial-images/monitor/8f.gif)
Result:
![](https://www.psd360.com/tutorial-images/monitor/8.gif)
Step 9:
In a new layer draw a blue rectangle with #1D3B81 color shade and 99 x 65 px dimensions.
![](https://www.psd360.com/tutorial-images/monitor/9.gif)
Step 10:
Under Layer Style(Layer > Layer Style) add an Inner Glow and Pattern Overlay blending options to the blue rectangle layer.
![](https://www.psd360.com/tutorial-images/monitor/10b.gif)
![](https://www.psd360.com/tutorial-images/monitor/10c.gif)
Result:
![](https://www.psd360.com/tutorial-images/monitor/10.gif)
Results:
Glassy Monitor Design.
![](https://www.psd360.com/tutorial-images/monitor/Result.jpg)