This tutorial will show you how to make a sleek button in photoshop which can be easily adapted as a page navigation bar.
PSD files and several free navigation bars are included for download here.

Step 1
Crate a new file depending on how large you want your button. I’ve made mine 300px x 50px.
Set the background colour to transparent.

Step 2
Select the rectangle tool. Drag this over your canvas to create your button.

Step 3
Right click your layer and choose Blending Options.

Select Gradient Overlay, click on the gradient, and create something similar to this:

Select Stroke. Click the box beside colour and fill with a darker shade of your button.

Click OK to return to your canvas.

There you have it! A sleek button.

Step 4 - Optional
For a navigation bar, you may want to divide up your buttons. You can achieve a 3D effect using simple two-pixel strips.

Be sure to check out my free package of navigation bars created using this method.

Similar Posts

• Free Navigation Bars
• Web 2.0 Badge Tutorial
• Paint with Light
• FREE eBook / eCover Action Generator - Create an Ebook Automatically!
• ReflectionnoitcelfeR - How to automate your work by using Photoshop Actions