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
Fancy Buttons
by Atul Thakur
Unique Button Tutorial
by X3N
Free Templates
A collection of free web templates. Premium quality web designs, easy to browse.
Photoshop  Home Photoshop Web Layout Round Glassy Buttons
rss

Round Glassy Buttons

Author: Colin Smith More by this author

Added: July 17, 2006 Rating:  Average Rating: 4 Votes: 4 Position: 932 of 13090Average Rating: 4 Votes: 4 Position: 932 of 13090Average Rating: 4 Votes: 4 Position: 932 of 13090Average Rating: 4 Votes: 4 Position: 932 of 13090Average Rating: 4 Votes: 4 Position: 932 of 13090 Level: Beginner Software:  Photoshop

1. As always, start with a transparent layer.

Draw a circle using the circular marquee tool. Tip: Hold the alt/option key to draw from the center and hold the shift key to draw a perfect circle.

image 1

2. Now we want to create a circular gradient, from bark to light blue. Use the settings here, then drag from the middle of the circle. Don't deselect.

image 2

image 3

3.Create a new layer and change the gradient setting to this: Linear, Foreground to transparent and change your foreground color to white.

Click to enlarge
Click to enlarge

image 5

4. Drag the gradient tool from the top to the bottom, with the top white.

image 6

5. Press Ctrl/Cmd+T for the free transform tool

Bring the bottom to almost 1/2 way. Bring the top and sides in a little bit until it looks similar to the picture.

image 7

6. For added realism add a slight gaussian blur to the highlight and drop the opacity a little.

image 8

7. You may also add text. Put the text layer behind the highlight and lower the opacity.

Add the buttons to your interface - Merge Visible and drag the buttons to your interface.

Round Glassy Buttons Tutorial: Final Result

image 10



About the Author:

Click to Visit Author's Website

Colin Smith is a best-selling author, trainer, and award-winning new-media designer who has caused a stir in the design community with his stunning photorealistic illustrations composed entirely in Photoshop. He is founder of the world's most popular Photoshop resource site, PhotoshopCAFE.com, which boasts more than two million visitors.

With over 10 years of experience in the design industry, Colin was formerly Senior Editor and Art Director for VOICE magazine. He is a regular columnist for Photoshop User magazine, PlanetPhotoshop.com, and the official site of the National Association for Photoshop Professionals. He also contributes to a number of other graphic art publications and Web sites, such as Mac Design magazine, Web Designer magazine and Computer Arts Magazine.

Colin's graphic design work has been recognized with numerous awards, including the Guru awards at Photoshop World 2001 and 2002, for his work in both Illustration and Web Design. He's authored or co-authored more than ten books on Photoshop, including the best-selling How to Do Everything with Photoshop CS (McGraw-Hill/Osborne, 2003) and award-winning Photoshop Most Wanted: Effects and Design Tips (A Press/Friends Of Ed, 2002). Colin is also creator of the Photoshop Secrets Video training series (PhotoshopCD.com). He is in high demand across the United States as a lecturer, presenting his Photoshop techniques to Web designers and other graphics professionals across the nation.


Author's URL: www.planetphotoshop.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 "Round Glassy Buttons"