Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
Beveled Button
by Axialabs.com
Useful Button (and a bit about gradients)
by Adam Priestley
Fancy Buttons
by Atul Thakur
Texture Buttons
by Atul Thakur
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
Photoshop  Home Photoshop Web Layout Button
rss

Button

Author: Ghostbone.com More by this author

Added: Feb 18, 2005 Rating:  Average Rating: 2.73 Votes: 22 Position: 9686 of 11901Average Rating: 2.73 Votes: 22 Position: 9686 of 11901Average Rating: 2.73 Votes: 22 Position: 9686 of 11901Average Rating: 2.73 Votes: 22 Position: 9686 of 11901Average Rating: 2.73 Votes: 22 Position: 9686 of 11901 Level: Beginner Software:  Photoshop

1. Make a new RGB image. Use the dimensions of 88 x 31 (pixels) whenever making a link button. Most of the sites wont accept your logo if the size is not 88 x 31. For good results, remove the background layer (which will cause the button to have a transparent background).

Use the the rectangle tool to make a rectangle on a new layer. Make sure you pick the color of your choice.

2. Then head on to Bevel and Emboss, and use these settings :

Depth : 211
Size : 2
Soften : 0

3. And finally Stroke, use these settings:

Size : 1
Position : Outside

4. Add text to it so that other people know that it's your button. :)

Button Tutorial: Final Result



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"