.:Lir3nt’s Hack:.

Learn About Using Adobe Photoshop

This tutorial will show you how to make a Professional web button and also to use it like a Navigation Bar.

1. Make a rectangle with the Rectangle Tool (any color) and Rasterize it.

2. Then ad a Gradient Overlay: #252525, #595959 and #9a9a9a

3. And a Stroke: #424242

4. Make a gradient just over the middle of the button and go to Select/Modify/Contract and put 1px, then create a New Layer and fill it with any color, press Ctrl + D and change the fill to 0%

5. Add a Stroke: Transparent to White

6. Your button should look like this:

7. Create a New Layer and make a selection 1px height and fill it with a Radial Gradient, White to Transparent, starting out from the middle and deselect.

8. Now you’re going to do the same you did in the Step 7 but using #4a4a4a for the gradient.

9. And you should have something like this:

10. Create a New Layer and make a selection as shown below and fill it with a Linear Gradient #dadada to Transparent

11. Finally add some text, using Segoe 13 pt.

Also you can make a Navigation Bar like this, using the same steps.

[via avivadirectory]

Share This

Thanks for visiting! If you're new here, you may want to subscribe to my Rss Feed. This blog posts regular Internet news, updates for apps, security, ideas, hacks, quick fixes and everything about hi-tech. Go ahead, subscribe to our feed!