Button Tutorial

This is a really simple tutorial on how to create great looking, 3D-looking buttons.

Step 1
http://www.gfxvoid.com/tutorials/button/3.gif
Create a new image with a white background (or transparent). Create a new layer above your background layer. Use the rounded rectangle tool to create a rounded rectangle like above.

Step 2
http://www.gfxvoid.com/tutorials/button/4.gif
Double click your button layer, check Bevel and Emboss and use the Above settings.

Step 3
http://www.gfxvoid.com/tutorials/button/5.gif
Still in the layer style window, check the stroke box and use the above settings.

Final Product
http://www.gfxvoid.com/tutorials/button/6.gif
Looks like a good button, if you ask me! If you have any questions or comments, please post below so we can help you!

Big fat ugly button!!!!!!! Lol, just kidding. It looks nice and clean :D.

Gets the job done, with some text added and a small pixel-image, I think that owuld spice it up a bit.

Im gonna make a tutorial for a more.... "advanced" button :D.

Wow dude, you just ripped the exact same thing I did.

Haha, I allready knew how to do that.

I asked you to post it last night, but you didnt, so I though I would!

cool with some nice roll over effect, you can get a sick image!!!

i might learn roll over tonite, so ill make that and when u go over it, it will have an inner shadow to look like it got pressed

Yea, that shouldnt be too hard with javascript/dhtml. Do you own a website or something oblivion?

not a domain but i have some free stuff... i make my own layouts... i can make some roll over

Got any examples you could possibly post?