How to draw a web button, draw a web button, web button

This page discusses - How to draw a web button, draw a web button, web button

How to draw a web button, draw a web button, web button

How to draw a web button

     

Be ready to learn a simple technique to draw a web button, if you are not able to make a web button follow every steps that are give in this example.

New Document: Start this example with a new document with any size as you like.

Draw a circle: Choose Ellipse tool (U key) and drag a circle with "# 1a5cad" color.

Layer style: Go to Layer menu > Layer style > Apply same setting of the Bevel and Emboss as given below.

You will get it.

Circle Selection: Choose Elliptical Marquee tool (M key) and make a selection as a circle shape.

Layer style: Go to Layer menu > Layer style > Bevel and Emboss, Gradient overlay, Inner shadow and use same settings as I have done here.

You will get it.

Final Result