Nice Web 2.0 Button

So let us begin by opening up Photoshop and creating a new document about 350 x 350 pixels.

  1. Select the Rectangle Tool and draw a square by holding down shift and dragging the rectangle tool from one corner to the next.
  2. Next go to Layer > Layer Style > Blending Options
  3. Apply a Gradient Overlay with the following settings this can vary depending on the color of you chose but for this example I am going to use #860909 at the start and #e60909 at the end.
  4. Apply a Bevel and Emboss with the following settings Depth 21%, Size 117px, Soften 3px, Angel of 90 degrees, and both opacity at 55%.
  5. Finally a drop shadow with the opacity of 45% and all of the default settings selected.
  6. Once this is finished add a nice text and you done.

Web 2.0 Button Gradient

Web 2.0 Button Bevel

Web 2.0 Button Final Outcome

Until next time happy Photoshopping.