you are here: Home arrow Photoshop arrow Pixel Buttons
Pixel Buttons
User Rating: / 1
PoorBest 
Tuesday, 17 January 2006

Web Navigation Pixel Button

This tutorial with guide you through how to make a simple pixel navigation buttons, which can be used throughout your site:

finishedbars

1.

Create a new document however big you want your button

2.

Either use a solid background or a gradient.

background

3.

Zoom in if you have to and use the single line marquee tool.

4.

Now create a horizontal line at the top and a vertical line on the left and fill with white on a new layer.

whitebars

5.

Now do the same but use black on the right and bottom on the same layer

blackbar

6.

Set the layer opacity to 20%

7.

Using the rectangular marquee tool select the bottom left and top right corners and fill with #888888 on the same layer to get this:

bars

8.

Add your text or images and you are complete. You can download pixel fonts from dafont.com

finished

 





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