Subscribe

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

In this tutorial I will show step by step how to make an LCD monitor in Photoshop. Very easy to do just by using layer style effects in Photoshop we get a cool LCD design. Let's get started!

Step 1
Open the Photoshop program create a new document sized 800px width 700px height. Select the menu View -> New Guide Position: 100px 700px 350px 450px.

Make LCD Monitor In Photoshop

Step 2
Change the Set Foreground Color gray color # 232323 activate the Rounded Rectangle Tool and set the radius value of 13px. Create a monitor box as shown below.

Make LCD Monitor In Photoshop

Step 3
Add a layer style: Bevel and Emboss, Gradient Overlay. Set as shown below.

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Step 4
Create a selection in the monitor box (Shape 1) then select the menu Select -> Modify -> Contract 24px

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Step 5
Create a new layer Set Foreground Color to change color in blue # 226ae0 and blue color fill layer 1 (alt + del).

Make LCD Monitor In Photoshop

Step 6
Add layer styles: Drop Shadow, Inner Shadow, Gradient Overlay. Set as shown below.

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Step 7
Activate the menu Rounded Rectangle Tool with a radius of 20px, before change Foreground Color Set #CCCCCC silver color.

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Step 8
Add layer styles: Gradient Overlay, Stroke set as shown below.

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Step 9
Use the Rectangle Tool to create a box under the Shape 2 layer before you change Foregorund Set Color with color # 171717.

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Step 10
Then select the menu Edit -> Transform Path-> Perspective change at the bottom of the widened.

Make LCD Monitor In Photoshop

Step 11
Add Layer styles: Gradient Overlay

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Step 12
Activate the Ellipse Tool to create a monitor base

Make LCD Monitor In Photoshop

Step 13
Duplicate ten times you can press (ctrl + alt + up arrow).

Make LCD Monitor In Photoshop

Step 14
Layer Selection: Shape 4 to Shape 4 copy 9 do not forget to press the shift key on the keyboard. Right-click and select the menu Marge Layers (ctrl + e)

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Step 15
Activate Shape 4 copy 10 Layer and add layer styles: Gradient Overlay

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Step 16
Activate t Shape 4 copy 9 Layer and add layer styles: Gradient Overlay, Drop Shadow

Make LCD Monitor In Photoshop

Make LCD Monitor In Photoshop

Step 17
Now we will create a shadow effect on the shape 3  layer. Activate the Ellipse Tool create a circle of black color like in the picture below

Make LCD Monitor In Photoshop

Step 18
Select Filter -> Blur -> Gaussian Blur Radius: 3.3px and set Opacity: 40%

Make LCD Monitor In Photoshop

Step 19
Selection Shape 1 layer and use the Polygonal Lasso Tool create a selection like the image below.

Make LCD Monitor In Photoshop

Step 20
Create a new layer fill with white and change the opacity: 19%

Make LCD Monitor In Photoshop

Comments

Popular Post