Ever wanted to create that button through Photoshop quickly? Here’s how you do it. Open up Photoshop and set the pixels to 500 by 500. Don’t worry if its large, it makes things easier. Once done, you can resize it to any size you want.
Once done, create a square (or a rectangle if you want) using the Rounded Triangle Tool. To make a square easily, press shift while creating the triangle. Once that is done, you will have something that looks like the one below.
Now to create the gradient look for the button. Right click on the layer of the triangle and click blending options. Click on the Gradient Overlay option and choose the color #000000 for one end and #8b8b8b for the other end. It will look something like this once it is done.
We’ll use the font Arial for the text and a white color (#ffffff). For this tutorial we’ll just write Click Me for its text. The font size will be a whopping 90 pt.
Next, to create its Web 2.0 look. Create a new layer (Ctrl+Shift+N) and click on the Elliptical Marquee Tool. Then, create a big oval shaped marquee at the upper part of the button like so. Make sure it touches the text as well.
Then, click on the Gradient tool and choose white color to transparent like the one below here.
Drag the gradient tool from the bottom part of the oval marquee to the top part of the oval marquee. Then reduce the opacity of that layer to about 30% and there you have it. A quick button. You may try to play around with the blending option like by adding a drop shadow or a stroke to it. Good luck
