Windows Vista/XP Icons Tutorial

Create a new document 250×250, select the “elliptical marquee tool” and draw out a circle.

Fill with a “radial gradient” with your 2 chosen colors, ive chosen 2 shades of blue. (#295ea3 and #214b83).

Create a new layer under your blue circle (or wot ever color you have chosen). Hold down “ctrl” and click on your blue circle layer to make a selection. Then goto “select > modify > expand” expand it by 8 pixels. Now fill the selection with a grey color.

Now hold down “ctrl” again and click on the blue cirle to make a selection again, click on your grey circle layer and hit the delete key. If you hide your colored circle layer you should have this.

Now add these layer styles to your grey ring shape.

You should have something like this.

Now select the type tool, a nice bold font and a font size of about 200, then type your symbol ive used a “!” sign, you could also use a picture if you wanted.

Now right click your grey ring layer and goto “copy layer style”, then right click your text or logo layer and goto “paste layer style”, you text or logo should turn out like this.

Now select the “elliptical marquee tool” again and draw out a smaller circle at the top, and fill with the color white.

Set the opacity to 15% and add a layer mask.

Duplicate your layer, press “ctrl +t” to enter into free transform mode, resize your white circle, make it a bit bigger and place slighty above your other one.

Thats it all done, heres a few more.

One thought on “Windows Vista/XP Icons Tutorial”

Leave a Reply

Your email address will not be published. Required fields are marked *