Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
website promotion banner
eturnkeys
Your Ad Here
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 Templates
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.08 Votes: 12 Position: 7374 of 13406Average Rating: 3.08 Votes: 12 Position: 7374 of 13406Average Rating: 3.08 Votes: 12 Position: 7374 of 13406Average Rating: 3.08 Votes: 12 Position: 7374 of 13406Average Rating: 3.08 Votes: 12 Position: 7374 of 13406 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"