If you're new here, you may want to subscribe to my RSS feed.

6.

Now we’ll add in some buttons. Start by finding then getting out the Rounded Rectangle Tool, use these or similar settings:

Create a new layer then make a rounded rectangle/button inside of your navigation bar, you can use any color.

Now you need to apply the following layer styles to your button layer:

1. Inner Shadow
2. Outer Glow
3. Inner Glow
4. Bevel and Emboss
5. Gradient Overlay
6. Pattern Overlay

Wow, that was a lot of layer styles! You should now have a button looking like this:

(Click for fullview.)

7.

To finish the button off you need to add text to it. Using the text tool write out your text “HOME,” in the font Impact, size 24pt, #ffffff.

Now you’ll want to add an Outer Glow to make the text stand out from the button background.

8.

Lastly, duplicate the button and text layer, move over to the right and repeat, then change the text layers to something different. Remember, this is a Photoshop tutorial, not a website-making tutorial. If you want to use this header for your website for example, you will either need to learn about slicing or get someone to code it for you.

(Click for fullview.)
Thanks for reading the tutorial, we hope you enjoyed it! If you need to, you can of course download the PSD file for this tutorial from here.

Pages: 1 2 3

Posted on Thursday, March 22nd, 2007 at 10:16 pm in Graphic Effects, Text Effects.