Glossy button photoshop tutorial

Your Ad Here

Provided by:
web development vision media
glossy button step 1

Step 1
Using the Rounded Rectangle Tool draw a shape similar to above ( the color does not matter ).

glossy button step 2

Step 2
Right click the layer and select Blending Options. From this palette you can select gradient and create a gradient similar to what we have here.

glossy button step 3

Step 3
Your result should resemble above.

glossy button step 4

Step 4
Create a small dark Outer Glow and create a Stroke of 1px and make the opacity 0 so that the background shows through.

glossy button step 5

Step 5
Select the layer you are on, right click and Select Layer Transparency.

glossy button step 6

Step 6
Select >> Modify >> Contract about 3px and with that selection create a New Layer and simply use a half transparent gradient to create this look above.

glossy button step 7

Step 7
Lower the opacity on the layer you just created to around 50% to give it the glazed over look.

glossy button step 8

Step 8
Doing a similar thing as the last step create a gradient coming from either side.

glossy button step 9

Step 9
Set the Blending Mode for the layer to Overlay and lower the opacity.

glossy button step 10

Step 10
Add some text and a few details and you've got yourself a glossy button!