Home | Stylish Glossy Button Tutorial

Stylish Glossy Button

Photoshop Tutorial

In this tutorial, you will learn to design a stylish glossy button.
Select ellipse tool and draw the circle as shown. It will be the base of our stylish glossy button :-

Add these layer styles in our stylish glossy button base :-

Create this gradient :-

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

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

Apply these layer styles :-

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

Now, select this autoshape :-

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 :-

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

Now, change the fill opacity to 35%.

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

2008 Copyright - YourPhotoshopGuide.com All right reserved.
Stylish Glossy Button Tutorial | Photoshop Glossy Button Tutorial | Learn to Create a Stylish Glossy Button