Buy Now Button Design with Photoshop

In this tutorial we will learn how to make simple and stylish Buy Now button in photoshop.

Step1
Create new document in Photoshop using a 300 x 300 document.

Step2
With Rounded Rectangle Tool, (set radius to 10 px)  draw a shape  and then change color to #E1E2E2.

Step3
CTRL + click on Layer palette the layer already created to select it then go Select > Modify > Contract, set the value to 4px.

Step4
With the Paint Bucket Tool fill the selection with color #054077, now your button should look like this.

Step5
Apply a Drop Shadow layer style for layer, so right-click your layer and go into the Blending Options.

Step6
Apply a Gradient Overlay layer style for layer, so right-click your layer and go into the Blending Options.

Step7
Apply a Stroke  layer style for layer, so right-click your layer and go into the Blending Options.

Now your button should look like this.

Step 8
Create a new layer  then select Type tool and type “Buy Now” with color #054077.

Step 9
Click Custom Shape Tool or press U on your keyboard, then go to top menu and select the shape like in image. Create a new layer and add to shapes like in image.

So this is your Stylish Button for your website.
Download the PSD file from this tutorial from here: Buy Now Button Design with Photoshop

If you like this tutorial please leave a comment.

Related posts:

1. Making Subscribe Badges in Photoshop
2. Designing Web 2.0 Badges Turorial with photoshop
3. Effect of water drops using photoshop
4. Matrix Effects In Photoshop
5. Create a “send this to twitter” button