View Full Version: Slick Interface Button:

Paradise Pixels > Still Image: > Slick Interface Button:


Title: Slick Interface Button:
Description: Photoshop Tutorial


Scott Walker - April 6, 2006 03:41 AM (GMT)
Slick Black Interface Button:



Create a new document (300x300)




Using the rectangular marquee tool, make a selection within the canvas, and fill it with black.

user posted image

Now bring up your layer styles for that layer. And use these settings.


Inner Shadow: (Use Default Settings)



Gradient Overlay:

user posted image

Stroke:

user posted image

And it should look something like this when your done.

user posted image

Now, its time to add some gloss to it.

Create a new layer (Layer > New Layer)

Now, Ctrl+Click the button layer, (this should make a selection around it.) Now, using the “Elliptical Marquee Tool” and holding “Alt” Make a oval selection around the bottom half of the button. It should now look something like this,

user posted image

Now (with your top layer selected) fill the selection with white. And drop the opacity down to about 20%. And your final result should look something like this!

user posted image

These buttons on a Nav Bar:

user posted image

© 2006 Scott Walker

Enjoy!

-Scott

tjeu - November 28, 2006 02:47 PM (GMT)
hey m8 this is really nice for usage in some game designed website layouts!!!:D keep up the god work :}




Hosted for free by InvisionFree