BIG Ideas from Integrated Advertising Network

The size of your file depends on what you're using it for so you'll have to be the judge but if you're trying to follow along grab the rounded rectangle tool and make your box roughly 370px X 90px because these settings could change if your button is a different size. I also put a 20px corner radius on the button.



Double click the layer in your layers palette (don't double click the box on the left of the layer or the name, try the far right side) and apply the following layer styles:
Drop Shadow:



Gradient Overlay:
For gradient overlay you'll have to click on the gradient bar to adjust the gradient. You can play with the colors but for this tutorial I used a lighter gray at the bottom (left side), then a darker gray at a location of 47%, then the same gray as the first at a location of 51% and then finally a lighter gray at the top (right side).



Inner Glow:
For inner glow I used roughly the same color as the darkest part of the gradient overlay.



Stroke:



This is what you should have after all these layer syles are applied.



Now just add a little text to your button. The font I used is Trade Gothic Bold Condensed 20. Add a light drop shadow like before, just a little smaller and add a gradient overlay with a fade from light gray to white. Voila! You have a fancy, new web button. You can adjust the colors as you want. Below are a few versions that I made quickly.