Round glossy, shiny style button

Posted in Buttons, web 2.0

In this tutorial we will earn how to make a round shiny glossy button.

Step 1:
Create a new document (File >> New) , size 300 X 300 px, white/ transparent background. In this tutorial I have selected transparent background.

Step 2:
Select “Ellipse tool” from tool palette and set. Press and hold “shift” key and draw a circle. You can select any color, prefer a dark color. I have taken #980505 color.
13

Step 3:
Press and hold “ctrl” key and click on button layer. Thus only button area will be selected. New create a new layer (Layer >> New). Select gradient tool and set foreground color same as color selected in step 2. Mine color is #980505. And set background color little lighter than foreground color. Drag mouse from bottom to top.
22

Step 4:
Again, Press and hold “ctrl” key and click on button layer. Thus only button area will be selected. New create a new layer (Layer >> New). Select gradient tool. This time select foreground color as white. and with following settings.32

New drag mouse like below.
43
deselect (ctrl + D)


Step 5:
Create a new layer (New >> Layer). Now select elliptical marquee tool and draw a shape like this. And drag mouse from top to bottom of selection.
51

62

De-select (Ctrl + D). And our button is ready.

71

final2


You can leave a response below, or trackback from your own site.

1 ResponsesLeave a comment ?

  1. Very enjoyed this! Well done!

Leave a Reply