Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Beveled Button
by Axialabs.com
Cool 3D Button
by WebDogPro
Useful Button (and a bit about gradients)
by Adam Priestley
Metal Button Tutorial
by RBP
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
Photoshop  Home Photoshop Web Layout Button with Metal Border and 3D Look
rss

Button with Metal Border and 3D Look

Author: amitk More by this author

Added: Sept 25, 2007 Rating:  Average Rating: 3 Votes: 10 Position: 8160 of 12711Average Rating: 3 Votes: 10 Position: 8160 of 12711Average Rating: 3 Votes: 10 Position: 8160 of 12711Average Rating: 3 Votes: 10 Position: 8160 of 12711Average Rating: 3 Votes: 10 Position: 8160 of 12711 Level: Beginner Software:  Photoshop

There are different methods for creating buttons. i will show you how to make a nice looking button only with a few layer styles

So let's start.

Open a new document. 400 X 400 px will be good ,( this is not important )

Then select Rounded Rectangle Tool and draw a simple button.

image 1

Now add the following layer styles:

image 2

image 3

image 4

image 5

image 6

image 7

image 8

image 9

image 10

And this is the final button. You can add text alone if you want, or you can leave the button empty so you can confuse your visitors from your own website

Button with Metal Border and 3D Look Tutorial: Final Result



Author's URL: www.talk-mania.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 "Button with Metal Border and 3D Look"