This tutorial is for creating button for using in web pages. I have kept the resolution to 72pixels/inch which is suitable for web pages.

1. Create a new document with following settings:



2.Select rounded rectangle tool from tool bar and draw a rounded rectangle with radius 35px and color #00a2ff.



3.Create a new layer. Select rounded rectangle tool and draw above the already drawn rectangle. Now ctrl click the new layer and press delete button so that it looks like:


4.Select white color from color box. Click gradient tool and select second gradient effect from gradient editor.



5.Drag the gradient from top to bottom by holding shift key.



6.Add some text of your choice. Add some shadow effect to the text.



So here is the final result:


Hope you all enjoyed the tutorial. If you have any queries add it in comments.
Have a great day!!!!