Her

Home Photoshop Tutorials Web Layout Glossy Comment Button

Glossy Comment Button

Author: YourPhotoshopGuide.com Author's URL: www.yourphotoshopguide.com More by this author

In this tutorial, you will learn to create nice looking glossy comment button. Final output of the glossy comment button can be seen below :

image 1

Select rounded rectangle tool. Set the radius to 5 pixel. Draw the shape as shown. You can use any color as it will be changed after apply gradient overlay in the next step. :

image 2

Apply Gradient overlay as shown :

image 3

image 4

Draw a white color shape with rectangle tool :

image 5

Apply gradient overlay as shown. It will give a glossy effect to your button :)

image 6

image 7

Now, select this auto shape :

image 8

Draw the shape as shown :

image 9

Apply these layer styles in it :

image 10

image 11

image 12

Our final step is to draw some 1 pixel wide #36A3F8 color lines with line tool. Our nice looking glossy comment button is ready :)

image 1