MUHAKEME.NET FORUMU - Create Vista Icons

Hello

This is the Tutorial number 39 from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.

I will show you how to create a simple icon.

Open a new document with a grey background. ( 400 x 400 pixels )

Create a new layer ( press CTRL+SHIFT+ALT+N )

With Rectangle Tool Create a small rectangle:

http://www.muhakeme.net/clear.gif

Then please apply the following layer style:

http://www.muhakeme.net/clear.gif

http://www.muhakeme.net/clear.gif

http://www.muhakeme.net/clear.gif

http://www.muhakeme.net/clear.gif

Select Polygon Tool.
Set sides to 3

http://www.muhakeme.net/clear.gif

And create a small triangle:

http://www.muhakeme.net/clear.gif

With the Move Tool change the vertical scale

http://www.muhakeme.net/clear.gif

Duplicate this triangle and place it like me:

http://www.muhakeme.net/clear.gif

After that duplicate one more time and go to Edit > Transform Path > Flip Vertical

http://www.muhakeme.net/clear.gif

With your arrow keys place it like in the following image.

http://www.muhakeme.net/clear.gif

On the following image you will see a arrow. We will drag this layer before the rectangle

http://www.muhakeme.net/clear.gif

Drag the trinagle above the rectangle ( in my case SHAPE 1 )

http://www.muhakeme.net/clear.gif

And for this last triangle change the layer style:

http://www.muhakeme.net/clear.gif

http://www.muhakeme.net/clear.gif

With the pen tool create a simple shape like in the following image ( i have changed the color to red so you can see better what i am doing )

http://www.muhakeme.net/clear.gif

Now please change the color for this last shape to white and change the opacity for this layer to 40 %

http://www.muhakeme.net/clear.gif

Duplicate this layer and place it on the bottom of the brief.

http://www.muhakeme.net/clear.gif

Now you can leave the icon in this way or you can give it a perspective look
If you want to achive the next perspective look select all the layers ( except background layer ) and go to Edit > Transform > Distort and move the corners until you are happy of the effect.

http://www.muhakeme.net/clear.gif

I hope you find this tutorial usefull