Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
Beveled Button
by Axialabs.com
Useful Button (and a bit about gradients)
by Adam Priestley
Glossy Pill Button
by Ryan Trafford
Professional Navigation Buttons
by Depiction.net
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
Photoshop  Home Photoshop Web Layout Cool 3D Button
rss

Cool 3D Button

Author: WebDogPro More by this author

Added: Jan 07, 2005 Rating:  Average Rating: 2.87 Votes: 105 Position: 9614 of 13056Average Rating: 2.87 Votes: 105 Position: 9614 of 13056Average Rating: 2.87 Votes: 105 Position: 9614 of 13056Average Rating: 2.87 Votes: 105 Position: 9614 of 13056Average Rating: 2.87 Votes: 105 Position: 9614 of 13056 Level: Beginner Software:  Photoshop

Make a New Image. I've use 300 x 300.

1) With the Elliptical Marquee Tool set style to Fexed Size Im suppossing you are ussing 300 x 300, set Width 275 px and Height 275 px.

2) Press X and D to reset your colors. Check "Reverse". Watch the image and Gradient like it:

You should have something like that:

Don't deselect yet.

3) Then go to Select -> Modify -> Contract -> 4px

4) Now go to Edit -> Transform -> 180°

Do the same like Step 3 to 4.

DONT DESELECT YET!!!! Copy And Paste and press Ctrl + U... make sure you check Colorize.

Cool 3D 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 "Cool 3D Button"