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

Glossy Comment Button

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

Glossy Comment Button Tutorial: Final Result

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

Glossy Comment 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 "Glossy Comment Button"