Create PayPal donate button in photoshop

In this tutorial we will make glossy PayPal donate button in photoshop. The layered Photoshop file and PNG file is available for download at the end of tutorial. You can use these icons on your website.

Final Image preview
Below is the final preview of the paypal donate button.

Step 1:
Create a new document, roughly about 300 px by 300 pixels, with white or transparent background. Set color to #e48d06. Create a new layer. Select “Rounded rectangle tool” with 8px radius and draw a rectangle shape.

Step 2:
Press and hold CTRL key and click on button shape layer. This will load button shape.

Now contract the selection by 2 px (Select >> Modify >> Contract).

Set foreground color to white. Select gradient tool with “Foreground To Transparent”. Press and hold “SHIFT” key and drag mouse from lower selection to middle of the button.

Now button should look like this:

Step 3:
Now select “rectangular marquee tool” and make selection like below.

Again apply gradient same as we did in step 2 but this time from top to bottom.
Now our button looks like this:

Step 4:
Create a new layer. Select text tool and type “Paypal” using following text style.
Font style: Verdana
Font weight: Bold italic
Size: 36
Color: #1b3664 and #32679b

Apply following layer style to paypal text layer.

Step 5:
Create new layer. Again select text tool and type “Donate” with following text style:
Font style: Verdana
Font weight: Bold italic
Size: 18
Color: #0b1f41

That’s it, our paypal donate button is ready. This is how buttons looks on a white background.

And this is on transparent background.

License:
Free for personal and commercial use. If possible, please link back to our site as source.

Legal:
The PayPal logo is copyright of PayPal and I claim no copyright in their creation.

I hope you like the tutorial. below you can download PSD file.

2 Comments to "Create PayPal donate button in photoshop"

Add Comments (+)

1. Denise Weston says:

   May 17, 2010 at 4:13 pm

   Great tutorial! Although step 3 wasn’t clear, because I couldn’t use the rectangular tool that way. I had to use the elliptical marquee tool as well. My button turned out great! Thanks so much!

   Reply
2. Mich says:

   October 29, 2010 at 7:27 am

   Just downloaded the PSD File, realy nice, just looks like a real Paypal button, I costemized it for a Paypal Sponsoring button ! THX man, nice work…

   Reply