Hello, today we are going to design an icon using basic PS techniques and layer styles. I will also explain the basic principals on WEB 2.0 design.

So let's get started. Create a high resolution document.

Deisgning Orb Button

Then just draw a circle using rectangular path tool (hold shift to draw a perfect circle).

You can just create it on the background. In this case PS will create a layer and fill your circle automatically.

Deisgning Orb Button



Deisgning Orb Button

Here we go.

Deisgning Orb Button


Then overlay it with a little bit lighted color round gradient in the bottom. But Note to selected the whole layer (alt+click), then create a new layer and only after that you can overlay.

Only when shape is selected the gradient will overlay only the selected areas and not all the document.

Deisgning Orb Button

Here we go.

Deisgning Orb Button

Now I will use some layer styles.

Deisgning Orb Button



Deisgning Orb Button



Deisgning Orb Button