Photoshop Tutorial Categories
PSTuts.com Partners
Photoshop Deals
Annoucements

Welcome to PSTuts.com
  If you're new here the first thing you should do is check out our Photoshop Tutorials using the navigation on the left. We hope you enjoy your stay here at PSTuts.com and if you have found our site useful, don't forget to bookmark it and tell all your friends :)


Viewing: Web 2.0 Glossy Button

Step 1 – Creating the Button

First open a New Document, 200px by 200px. And fill the background with black.



Next use the Rounded Rectangle tool to draw your button. Change the radius in the top bar to 10px and fill your button with a blue (#1A67A4).



Now you can rasterize the shape layer. Select the button and go to Select>Modify>Contract, select 1px.



Now create a new layer and use the Gradient tool with a Linear Gradient. Use (#1A67A4) and (#42AFEA) as your two values.





Pages: « First   1   2   3   4   Last »