Pixel Button

by Rinn, January 17, 2007 posted in Design

If you’re one of those who’s into pixel buttons, here’s a cool way to start off. Sometimes, pixel buttons fit in quite nicely when you need a bunch of options and don’t want them stand out too much. Flickr’s view page is a pretty good example.

1. If you don’t have any bitmap fonts, go to dafont.com and download 04b03b bitmap font. So start off by typing out the text you want onyour button. Set the text to size 8 and the anti-aliasing method to”none”. Then add a stroke layer style to the text with the followingsettings:

2. Using the Rounded Rectangle Tool, set to a 2px radius, draw a rectanglebox around the text you just created. Then drag the text layer abovethe rectangle box if the rectangle is covering the text. Your buttonshould look something like this:

3. Add a layer style on your rectangle shape and add a Bevel and Emboss using these settings:

4. Then add a Stroke layer style with these settings:

5. And you’re done!

Written by Margaret (Rinn) - Visit Website

Popularity: 13% [?]

Share this:

Find this cool?

This entry was posted on Wednesday, January 17th, 2007 at 10:27 pm and is filed under Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.