Photo shop Tutorials and more
SEARCH

PHOTOSHOP TUTORIALS

SITE NAVIGATION

SPONSORS

SITE INFO

Create an LCD Monitor


Description: 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 from your toolbar, and set it's radius to about 7px. then draw the shape of your monitor. Mine is 256px by 178px.

Apply the following layer style to this shape layer:

Inner Shadow

Bevel and Emboss

Gradient Overlay

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:

Inner Shadow

Bevel and Emboss

Gradient Overlay

Now lets create the stand.

Use the rounded corner shape tool again and create a 70x60 shape.

Then apply the following layer styles:

Inner Shadow

Gradient Overlay

Now use the circle shape tool and draw an oval shape under the stand.

Then apply these layer styles

Inner Shadow

Gradient Overlay

Drop Shadow

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!

DOWNLOAD PSD FILE!

User Comments

CC | May/22/08 23:22
Nice TV, ya budy Now i got a flat screen TV
Aron | Apr/22/08 12:41
Jane | Apr/22/08 07:04
Hero | Apr/15/08 11:37
Heel | Apr/15/08 04:59
Heel | Apr/15/08 04:56
Heel | Apr/15/08 04:55
July | Apr/14/08 22:05
Joe | Apr/10/08 18:57
Diesel | Apr/10/08 07:59
Click Here to View All Comments
Tried the tutorial? Post your comment and link to your artwork.
Your Name

Comment