Blue & Green Web Nav Button

In this tutorial you will learn how to make a simple yet smooth navigation button for your website or forum with Adobe Photoshop.

First to start off make a new Document by going to File>New. I choose the size 400x400pixels. And make a new layer.

Now select the Rounded Rectangular Tool.

Now click and hold and choose the size and shape you want.

Now right click that layer and go to Blending Options.

Add the following.
Drop Shadow

Inner Shadow

Outer Glow

Bevel and Emboss

Color Overlay

Now get the Rounded Rectangular Tool out again and make bigger rectangle than the previous.

Now right click that layer and add the following.
Bevel and Emboss

Color Overlay

Now hold Crtl and click on the layer and make a new layer in front of them all.

Get the Rectangular Marquee Tool out and hold Alt and get rid of 80% of the rectangle.

Then fill it in with white and set the opacity to 29%.

Now add some text.

Then go to Blending Options and add the following.
Inner Glow

Bevel and Emboss

Gradient Overlay

Now you are done.

Here is my result:

Leave a comment