Button Tutorial

[tacoX]

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

Step 1

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

Double click your button layer, check Bevel and Emboss and use the Above settings.

Step 3

Still in the layer style window, check the stroke box and use the above settings.

Final Product

Looks like a good button, if you ask me! If you have any questions or comments, please post below so we can help you!

[Punk]

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

[tacoX]

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

[Punk]

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

[demo]

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

[tacoX]

Haha, I allready knew how to do that.

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

[Oblivion]

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

[tacoX]

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

[Oblivion]

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

[tacoX]

Got any examples you could possibly post?