Subscribe Via RSS

3921 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Windows Vista/XP Icons Tutorial

October 4th, 2007 in Photoshop Tutorials by Richard Carpenter

Windows Vista/XP Icons Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars3 Votes, Rating: 5.00
Loading ... Loading ...


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.



About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter and im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of Photoshop Plus. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 364 posts.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

4 Responses to “Windows Vista/XP Icons Tutorial”

  1. Azhar says:

    This is very good worke
    thank you

  2. lawrence77 says:

    Very good work! :)
    I’m a fan of Vista and Photoshop!
    Thanks for joining this! :)

  3. lawrence77 says:

    but after trying this i didn’t get that Reflection(that is that two circles) perfectly like urs!

    Is u miss something to explain? :(

Leave a Reply