Her

Home Photoshop Tutorials Web Layout Game Button

Game Button

Author: Tutorialscenter.com Author's URL: www.tutorialscenter.com More by this author

1. Start with your new document and Create a New layer, call it Base layer. Select Rounded Rectangle Tool, set its radius to 50px and draw a large rectangle as shown below:

image 1

2. Apply these setting:

image 2

image 3

image 4

3. Create another layer beneath the base layer and draw another rectangle larger than the base:

4. Set #999999 as foreground color and #666666 as your background color. Select Gradient and apply reflected gradient from top to bottom.

image 5

5. Apply these blending Options:

image 6

image 7

image 8

After applying these setting your button should look like this:

image 9

Final Result:

Game Button