July 8th, 2008 in Photoshop Tutorials by Richard Carpenter
LG LCD Monitor Icon




24 Votes, Rating: 4.33
About The Author: Richard Carpenter
Richard Carpenter has written 322 posts.
Create a new document 400×400 pixels, fill your background with the color #212529. Select the rectangular marquee tool and draw out a rectangle Fill with the color white, then add these layer styles.


You should have something like this.

Now create another rectangle but alittle bit smaller, fill with the color black.

Do the same again but make it a tiny bit smaller, fill with the color white and then add these layer styles to it.



You should have something like this.

Now select the rectangular marquee tool once again and create 2 white squares these will be our buttons, also select the elliptical marquee tool and create a white circle, this will act as the monitors little badge.

Now select ALL layers part from the background layer, then goto “edit > transform > distort” OR “edit > transform > perspective”, i find distort is better as it gives you more control over the angle etc…, slightly change the perspective like so.

Now with the pen tool draw a shape like the image below, fill it with the color white underneath your blue screen layer.

While your white shapes layer is selected ctrl + click on your black screen layer, then goto “select > inverse” then hit the delete key, you should be left with a shape inside your black screen, set the opacity to 16%.

Repeat the over steps for your blue screen, only this time do it twice in the opposite drections.


You should have something like this.

Now click your monitor layer (the grey box) whilst holding the ALT key on the keyboard and press the left arrow key a couple of times, this will duplicate the layer and move it 1 pixel to the left with each press, do it 10-20 times depending on how thick you want your monitor to be. Once you have finished HIDE ALL layers apart from your duplicated layers you just done, then goto “layer > merge visable”. Unhide all your other layers then drag your merged layers behind the monitor layer (the grey box). You should have something like this.

Now under ALL of your monitor layers select the elliptical marquee tool and create a circle like so.

Fill with the color white then copy/paste your monitor layers styles (the grey box) to your circle. This will act as our stand. (you might need to adjust perspective slightly).

Now with the pen tool and a 1 pixel white brush, create 2 sets of lines (marked in red on image below).


Next create 3 circles (see image below).

fill with the color white, then goto “filter > blur > guassian blur”. Blur by about 6-7 pixels.

Now finally with the pen tool create a selection like the image below.

Fill with the color black and set layer opacity to about 17%, make sure the layer is above your stand and below everything eles in your layers panel. Thats it all done.

Be Part Of The Community!
Become part of the hv-designs community.
Subscribe Via RSS or Follow Us On Twitter.
Leave a Reply
Search HV-Designs
Can't find what your looking for??, Try searching.
Write For HV-Designs
Intrested in publishing some articles, tutorials or freebies on hv-designs.? We welcome anyone who is intrested, we'll even return the favour by sending you aload of goodies. Learn More
HV-Design Flickr Group
Submit your photoshop artwork to the hv-designs flickr group. Not a member? Join Now.
Recent Comments
- Richard Carpenter on Personal vCard Pt.2
- Bekey on Personal vCard Pt.2
- 60 Excellent Gadget Photoshop and Illustrator Tutorials » IMvsMI blog on USB Stick Tutorial
- 60 Excellent Gadget Photoshop and Illustrator Tutorials » IMvsMI blog on LG LCD Monitor Icon
- 60 Excellent Gadget Photoshop and Illustrator Tutorials » IMvsMI blog on 3D Mp3 Player
- 60 Excellent Gadget Photoshop and Illustrator Tutorials | Programming Blog on 3D Mp3 Player
- Imon on Personal vCard Pt.2
- Multi-level Drop Down Menus : swapnil on Sliding Jquery Menu
- Ertan on Creative 3D Layout – FREE PSD
- Ertan on Portfolio Layout #6
Other Blogs Ive Written For
On occasions i write tutorials and articles for other blogs/tutorial websites, here are a list of tutorials and articles ive written. Features tutorials written on six revisions and PSD Tuts+.
Six Revisions Submissions
- Illustrative Web Design Layout Pt.1
- Illustrative Web Design Layout Pt.2
- 3D Gallery
- 3D Ribbon Style Layout
- Minimal Portfolio Layout
- Minimal Portfolio Layout PSD Sitebuild




66 Responses to “LG LCD Monitor Icon”