Create an LCD Monitor
This tutorial will teach you how to create an LCD monitor using photoshop in just a few steps. Great for web graphic design..
![]() |
Start a new document. set it at a size you want to create your monitor. I created a medium sized one, 300x300px. First thing we do is create the bezel of the monitor, so
select the ROUNDED CORNER shape tool |
![]() |
Apply the following layer style to this shape layer: |
![]() |
Now repeat step 1 to create ANOTHER shape above the bezel layer, but make this shape a few pixels smaller than the bezel, and set the RADIUS to 3px. This will be your screen layer. Use the same radius setting. |
![]() |
Apply the following layer style to this shape layer: |
![]() |
Now lets create the stand. Use the rounded corner shape tool again and create a 70x60 shape. Then apply the following layer styles: |
![]() |
Now use the circle shape tool and draw an oval shape under the stand. Then apply these layer styles |
![]() |
Now to create buttons on the monitor: Create a new layer above ALL the other layers, then use the PENCIL tool, with brush size 2px and draw tiny horizontal lines on the bezel. We're done! |
Like this tutorial? Share it




