How to Make Glossy Buttons in Photoshop

If you want to make a cool custom webpage, then you need Photoshop. Photoshop is the most powerful graphics program on the market, and is widely used by webpage pros to create all their backgrounds, buttons and skins. Certainly, Photoshop can create perfect buttons of almost any appearance, but particularly (and perennially) popular are the bright glossy ones.

Difficulty: Moderately Easy

Instructions

1. Open Photoshop. Go to "File" and click "New". In the dialog that pops up, make the size whatever you need for your button. Go to the bottom of the "Layers" panel, and click on "New Layer". Select the new layer.

2. Select the "Elliptical Marquee" tool, and change the tool setting to "Fixed Ratio". Drag out a circle on the canvas.

3. Select the "Fill" tool, and fill the circle with red. Now right-click on the layer, and select "Duplicate Layer". Choose the top layer.

4. Go to "Edit," and then "Transform," and select "Scale". Scale down the red circle so that it is only about 80% of the size of the red circle below it.

5. Go to the FX button at the bottom of the "Layers" panel, and select "Bevel and Emboss", change the size setting to 125, and click "OK". At that point, you've got a glossy button.

Resources

• Photoshop