Pixel Button

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!

Popularity: 4%

2 Responses to “Pixel Button”

  1. merry samson says:

    Your article is very delightful. May well you please post some fresh information about this? greets

Leave a Reply