Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Beveled Button
by Axialabs.com
Useful Button (and a bit about gradients)
by Adam Priestley
Professional Navigation Buttons
by Depiction.net
Plastic Tabs
by Robouk
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
Photoshop  Home Photoshop Web Layout Game Button
rss

Game Button

Author: Tutorialscenter.com More by this author

Added: Mar 07, 2007 Rating:  Average Rating: 3.33 Votes: 12 Position: 4956 of 12711Average Rating: 3.33 Votes: 12 Position: 4956 of 12711Average Rating: 3.33 Votes: 12 Position: 4956 of 12711Average Rating: 3.33 Votes: 12 Position: 4956 of 12711Average Rating: 3.33 Votes: 12 Position: 4956 of 12711 Level: Beginner Software:  Photoshop

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 Tutorial: Final Result



Author's URL: www.tutorialscenter.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Photoshop  More Photoshop: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials
Add comments to "Game Button"