you are here: Home arrow PS Buttons arrow Navigation Buttons
Navigation Buttons
User Rating: / 0
PoorBest 
Saturday, 10 December 2005

Navigation Buttons

This tutorial with guide you through how to make a these cool navigation buttons, which can be used throughout your site. Your result should be similar to this:

1.

Create a new document however big you want your button with a transparent background

2.

Using the Rounded Rectangle Tool with a Radius of 10px, or another Radius depending on the size of your button. The examples above are 48x48 (except the news one) with a Radius of 10px.

3.

Right Click the layer and select Blending Options, use these Blending Options:

(Click for larger version)

(Click for larger version)

(Click for larger version)

#e7e7e7 to #ffffff

(Click for larger version)

4.

That gives us the main button area. Now all you have to do is add your own icons and/or text and you have a complete button.

 





Reddit!Del.icio.us!Google!Live!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!Squidoo!Free social bookmarking plugins and extensions for Joomla! websites!
 
< Prev   Next >
Based on valid XHTML 1.0 and CSS 2.0 code design by:pixelsparadise.com