You will learn to make a really nice web 2.0 style button in a few simple steps, with a good looking result. Don’t forget to be updated about current trends.
1. Make a rectangle with the Rounded Rectangle Tool with 5px for Radius and #01a7ea as color.
2. Add it a Inner Shadow
3. Now you have something like this:
4. Create a New Layer and make a selection as shown below:
5. Fill it with a Linear Gradient: #3fbbf0 to #9adfff and deselect.
6. Click over the thumb of the layer where the rectangle is, then go to Select/Modify/Contract and type 2px then go to Select/Inverse then press Delete and deselect.
7. Press Ctrl + T and go to Edit/Transform/Wrap
8. Now add it a Stroke.
9. You should have something like this:
10. Add text using Myriad Pro 25pt and Semibold.
11. Then add it a Drop Shadow.
12. Finally a Gradient Overlay: #ededed to #ffffff
13. And you’re done.
Rate Tutorial:
25 comments on this tutorial
fantastic, thanks for this!
great work!
I cannot “Select, Modify, Contract”, i have clicked on the layer, but i dont think that the rectangle is selected.
Dont worry, i figured it out, i had to right click as soon as i had made the rounded rectangle and click on “make selection”, then contract, then inverse, then delete
Great tutorial! Thanks
wow, thanks for sharing this. This was just what I was looking for. I owe you one. Thanks a lot.
Nate.
Excellent tutorial, thanks! xD
I can’t see any of the images 
where’d they go?
nevermind, that was weird. they didn’t load when the page first loaded, but after i sent that last message and clicked the submit button, they loaded…must just be one of those days…
can’t see the images
can’t see images..
IMAGES DAMNIT!
Images don’t seem to be loading :/
woekjl qhxy nijwg gxerfuldw eartvh kgilep moul
rkfhc madksrnuz ehkfgqvj fvrqjwtm vizam yrlmwxu voxkirpy http://www.ifjtl.cgsoxa.com
Images!
wheres the psd file you jerk
gjhghjg
no imgs!
thank you
good works.
Regards.
Thank you for the informative work.
Regards.
good works.
Dude like where are the pictures…
-bk
sdfg i luv pic
[…] fonte pscloud.com […]