Stylish Blue Web Button
If you are going to design your own web you need web buttons
and web menus, I am sure this tutorial will surely help you about that. If you follow this example step by step, you can create your own stylish web button in photoshop.
Take a new file with any size and background color, select
Rounded Rectangle Tool (U key) and make setting in the optional bar as you need. Draw a rounded rectangle shape with any color on the document.
Use some styles, go Layer menu > Layer style and select
gradient Overlay, choose different color on the sliders and adjust the position of them.
Apply stroke around the button, go Layer menu > Layer Style> Stroke. Change color, Size and make another setting.
The button should be look like this.
In this step I am going to apply different gradient on the button, select Gradient Tool (G key) and make gradient color settings in the optional bar.
Make button selection by hold Ctrl key and click on the layer's thumb, take a new layer and apply Gradient Tool inside the selection. Change the layer mode "Normal" to "Screen".
Type any text with any format, Make duplicate button and arrange as menu that is final result.