The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques LG LCD Monitor Icon

LG LCD Monitor Icon


Create a new document 400x400 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.

image 1

image 2

You should have something like this.

image 3

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

image 4

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

image 5

image 6

image 7

You should have something like this.

image 8

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.

image 9

Now select ALL layers part from the background layer, then go to "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.

image 10

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

image 11

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

image 12

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

image 13

image 14

You should have something like this.

image 15

Now click your monitor layer (the gray 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 go to "layer > merge visible ". Unhide all your other layers then drag your merged layers behind the monitor layer (the gray box). You should have something like this.

image 16

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

image 17

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

image 18

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

image 19

image 20

Next create 3 circles (see image below).

image 21

fill with the color white, then go to "filter > blur > guassian blur". Blur by about 6-7 pixels.

image 22

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

image 23

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

LG LCD Monitor Icon



Author's URL: Hv-Designs.co.uk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "LG LCD Monitor Icon"

Captcha