website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Stylish Glossy Button
rss

Stylish Glossy Button

Author: YourPhotoshopGuide.com More by this author


Select ellipse tool and draw the circle as shown. It will be the base of our stylish glossy button :

image 1

Add these layer styles in our stylish glossy button base :

image 2

Create this gradient :

image 3

image 4

image 5

You will see that our stylish glossy button base is ready :)

image 6

Now, draw another circle in the middle of the first shape. Color value is given in the shape.

image 7

Apply these layer styles :

image 8

image 9

image 10

image 11

image 12

Our stylish glossy button is getting really stylish. Isn't it? :)

image 13

Now, select this autoshape :

image 14

Draw this shape while selecting the foreground color to #A2FF00 in the middle of the second shape leaving 2-3 pixels. Change the opacity to 36% and blending mode to screen :

image 15

Now, we will add glossy effect to this button. For that, draw this shape with the help of pen tool :

image 16

Now, change the fill opacity to 35%.

image 17

Finally, type the desired text in it. Our stylish glossy button is ready to use :)

Stylish Glossy Button Tutorial: Final Result




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Stylish Glossy Button"