Photoshop Tutorial – Mac style web button

1. Create a rectangle with the Rounded Rectangle Tool using 12px as Radius then click over the layer and Raterize it.

2. Now add a Gradient Overlay: #e6e9e2 to #ffffff

3. Then a Stroke with #b7b7b7 as color

4. You should have something like this:

5. Now while pressing Ctrl, click over the thumb of the layer and then go to Select/Modify/Contract and put 1 px. Fill with any color and go to Select/Deselect

6. Change its fill to 0%.

7. Add a white Stroke and change the Opacity to 50%

8. Finally add some text, Segoe 11pt color: #7a7a7a

Source: pscloud.com

you may also like:

• Photoshop Tutorial – Draw a Rather Cute, Unique Style “Play” Button
  In this tutorial, I will show you the process I took to create this rather cute, unique Style “Play” Button in Photoshop. It’s a simple (aimed for PS beginners) but fun tutorial, have a try :) The ...
• Photoshop Tutorial – Design a Simple Yet Effective, Clean and Shining Button for Your Website
  In this tutorial, I will show you the method I use to create a stylish, clean and shining button for your website in Photoshop. This method is extremely simple with no more than five steps, yet it’s v...
• Photoshop Tutorial – Create Clean and Fresh Call-to-Action Button + Embossing Text Effect
  In this tutorial, I will show you how simple it is to create effective, clean and fresh call-to-action button that will surely attract visitor’s attention, plus a super quick way to create this trendy...
• Photoshop Tutorial – Draw a Rather Cute, Unique Style “Play” Button
  Step 1 Create a new document sized 1000 x 600px. Fill the background with the following gradient: Duplicate the background layer once, resize and rotate the duplicated layer, use a big soft br...
• Photoshop Tutorial – Design a Delicious “Contact Me” Button
  Step 1 Create a document sized 200px * 20opx with white background and 72 dpi (web graphic) – please note that this is the actual size of the button we will be making. Here I will show you a littl...