Web 2.0 used in many web sites and it is very popular, In this small tutorial I will show you how to make web 2.0 buttons in photoshop, we don’t need anything else we only want photoshop, open new document and write in Width: 500px and in Hight:400px. Now choose “Rounded Rectangle Tool” and make something like this

Ok now open “Blending Options” you can locate it in “Style > layer Style > Blending Options” choose “Gradient Overlay”

Click at the Gradient, now you must choose colors at the left side I choose #024a76, Center #0787b9 and at right #cfe6f1

Click ok and you must get button like this

But this is not end, open blending options and choose “Stroke”

Now choose color of stroke I choose #002f46

Now we must add some text at our banner for example we will add “Download”

Select added text and open Blending Option for it and choose Gradients, click at gradient, at left add #7cbbf8 and at Right #dbedfb

Click ok and choose Stroke, for stroke color choose #293b4c

Click ok, if you make everything how i told your button must be like this one

Sponsored links

Subscribe to the post comments feeds or Leave a trackback