How to create a reflective button
avatar Submited: byNicholas Hall 2008-07-20 17:38:40
This Article has been viewed 28711 times.
print

Get the glassy look on your buttons with this detailed tutorial.

Step 1:
start out with a new document 400x400 and creat a new layer. now go to your "rounded rectangle tool" and make the Radius :5 then make a box like shown below.



Step 2:
now we are going to add our layer styles. start out with a gradient and use my settings below.



Step 3:
now we are going to add a stroke, use my settings below.



Step 4:
now we are going to add a Inner Glow, use my settings below.



Step 5:
now we are going to add a Drop Shadow, use my settings below.



Step 6:
You should have something like this. make a new layer to get ready for the next step.



Step 7:
On your new layer get your Rounded Rectangle Tool and make the Radius 15 and draw a shape like shown below. (use white)



Step 8:
now get your Smudge tool and make the Brush size 15 and smudge both corners down like shown below.



Step 9:
then make the layer opacity 30 and slap on some text and you should have something like this.

Final Image

I have also added a few variations by pressing Ctrl+U you can change the hue of the image to make multiple colors of the same button.