Create an LCD Monitor

Open Photoshop and create a new image, I am using 1024x768

Firstly take a screenshot of your desktop or a website so that you can use it on the screen. This will also make the scale of the screen right.

Paste the picture in to the document and transform it to the size you want by pressing CTRL + T

Place the screenshot near the middle of the canvas.

Ctrl + Click the screenshot layer. Go to Select » Modify » Expand and set to 10px.

Create a new layer and place in under the screenshot layer. Fill it with #999999

Ctrl + Click the screenshots layer again and delete it from the new layer we created.

Right click the layer and click Blending Options.

Blend Mode Color: #000000

Stroke Color: #888888

Ctrl + Click the screenshot layer again, but this time expand by 35px

Fill this with #aaaaaa on another new layer under the rest of the layers.

Ctrl + Click the screenshot layer and delete this from the new layer and do the same with the inner bevel layer.

Now apply these blending options to the layer.

Inner Glow Color: #CCCCCC

Pattern is one of the included patterns in Photoshop CS2.

You should now have something like this:

Now to create the stand. With the polygon lasso tool draw out half of the stand and fill with #000000 on a new layer just above the background layer.

Duplicate this layer and put it next to the original, this gives a perfect symmetry on the stand.

Right click the layer and select the blending mode.

Inner Shadow Color: #333333

Select the eliptical marquee tool and create an elipse for the bottom of the stand.

Duplicate this layer and press Ctrl + T and shrink it around 80%.

Ctrl + Click the bigger layer and fill with #AAAAAA

Duplicate this layer and change the colour of it to #CCCCCC and move it below the layer with #AAAAAA

Select the Move Tool then press Ctrl + J while you have the #CCC layer selected and press down repeat this 5 times.

Now we have the basic monitor design, you can add your own details to it such as buttons and the light behind the desktop screenshot. Read on for how to add more details.

Duplicate your screenshot layer and fill it with a gradient from White to Black to White, with Black set to 50%.

This will give you this:

Change the opacity down to 10% to get this:

Then apply these blending options:

Colors: #919191 to #999999

Stroke Color: #DDDDDD

Using a standard brush set the radius to 4px and the hardness set to 75% click once on a new layer then apply these blending options:

Finished LCD:

(Click for larger version)