Today we will learn how to Design a button in Photoshop. The tutorial is simple and easy to follow for beginners too. So let’s start Designing.
1.First open your favorite Designing software Photoshop and create a new blank canvas of size 250×100 px.
2. Now create a rectangle and fill it with the blank canvas and use linear gradient with the colors foreground #02559b and background #0467bc, it will look like this:
3. Now create a new rectangle covering half of the button and use white color and then go to Filter>Blur>Guassian blur and change the radius to 38.3
4. Now create a line using the line tool at the bottom of the button using #002748 color.
5. Create another line with white color at the top of the button. Delete the corner of the line with the eraser using 0% hardness and change the opacity to 70%, like this:
6. Now type the text you want on the button, I typed “Download”
7. Add some effects on the text, double click on the text layer and select blending option and select Drop shadow.
8. And finally your button is ready to use, here is the final preview:
Download PSD
Tweet&getit is powered by Viuu
Last updated by at .
















![[Giveaway] Win 250 Customizable Stickers from UPrinting.com](http://www.mashdesigning.com/wp-content/uploads/2012/07/stickers.jpg)
![[Giveaway] 2 Professional Logo 1000 Printed Business Cards and 3 Business card Designs-Ended](http://www.mashdesigning.com/wp-content/uploads/2012/07/MD-ad1-150x150.png)
![Adsense – What Actually Happens? [Infographics]](http://www.mashdesigning.com/wp-content/uploads/2012/06/Infographics-adsense.jpg)

How to add rounded corners for the same..??
Hey Raj,
You just need to use Rounded rectangle tool instead of Rectangle tool. That’s it
Hope this will help
I Also Have Same Question Thanks. Please Also Write Tutorial On How To Make Professional Buttons
Nice tutorial Ifham , Just Downloaded photoshop and I was searching for some tutorial , finally here found something useful!
Thanks Hari, hope you found this post helpful