Page 1 of 1

Windows vista icon

Posted: Sat Jun 09, 2007 4:19 pm
by Vista
1) Create a new image 256×256 pixels with transparent background. Rename the first layer as “background”

2) Fill the background with white color #ffffff.

3) Create a new layer, rename this layer as “circle”.

4) Select the Eliptical Marquee Tool and draw a circle 222×222 pixels while holding SHIFT to get a perfect circle.
Save this selection as “circle selection”.

5) Fill the selection with any color. I used #880303

01.png

6) Select a dark red color as foreground color and a lighter red color as background. I used #880303 and #b51919.

Select the gradient tool with radial gradient style and drag from top left of the selection to the the bottom right.

02.png

7) Create a new layer and rename this layer as “reflection”.

8) Load the “circle selection” and choose the Eliptical Marquee Tool and draw a curve from bottom right to the middle while pressing “ALT”. Release mouse button and you will get a selection like this:

03.png

9) Select “reflection” layer and fill the selection with white color #ffffff. Set the layer opacity to 15%

04.png

10) Create a new layer and rename this layer as “border”.

11) Select the Eliptical Marquee Tool and draw a circle 242×242 pixels while holding SHIFT to get a perfect circle. Position this circle around the first circle.

05.png

12) Fill the selection with grey color #b6b6bc

13) Load the “circle selection”.

06.png

14) Press DEL and you will get a border around the circle:

07.png

15) Right **** the “border” layer and choose Blending Options, use these settings:

Drop Shadow:
08.png

Inner Glow:
09.png

Bevel and Emboss:
10.png

Gradient Overlay:
11.png

Gradient Overlay uses 3 colors: #b3b3b9 #ffffff #b3b3b9
12.png

Stroke:
13.png

16) When finished you will get this:

14.png

17) To make the “x” sign I have typed a plus sign “+” with a font called “Army” to 300 size. Then I have rotated 45°. Be sure to move the “+” layer below “reflection” layer.
15.png

18) Right **** the “+” layer and choose Blending Options, use these settings:

Drop Shadow:
16.png

Bevel and Emboss:
17.png

Gradient Overlay:
18.png

Gradiente Overlay uses 3 colors: #ffffff #bbbbbb #ffffff
19.png

Stroke:
20.png

19) The final result is:
21.png

Now you have a nice looking Windows Vista Icon !


Refer to images here > http://www.digital-street.com/windows-vista-icon-error

Posted: Sun Jun 10, 2007 1:20 am
by sakhan
nice and cool tutorial on creating vista icon

Posted: Tue Jun 12, 2007 10:18 am
by Vista
thanx for ur replay

Posted: Tue Jun 26, 2007 1:24 pm
by bilalghouri
nice tut but it would be much better if u could post images too.

Posted: Tue Aug 28, 2007 1:27 pm
by forex_199
nice and cool tutorial on creating vista icon

Posted: Sat Sep 22, 2007 2:32 am
by Gyanu
nice thing. thanx a lot.

Posted: Sat Sep 22, 2007 7:24 pm
by web_master
Thanks for posting the tutorial here.