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: 6%

6 Responses to “Pixel Button”

  1. merry samson says:

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

  2. Come aveva soldes MBT così rapidamente trasformato in avversione, in ogni caso, conoscente? I miei lettori indovinare da quello che ho scritto che io stesso non mi piace l’onorevole Slope, ma io sono costretto ad ammettere che lui è un uomo di parti.

  3. Ciao Saluti Ciao! So che questo è kinda po ‘off topic ma mi chiedevo se tu sapessi dove avrei potuto trovare individuare un captcha plugin per il mio modulo di commento? Sto utilizzando la stessa piattaforma blog come il tuo e sto avendo problemi a difficoltà problemi a trovarne uno? Grazie mille!

  4. Google took me to this webpage and luckily the 2nd website was what I was trying to find

  5. Helpful information. Fortunate me I discovered your website unintentionally, and I am shocked why this twist of fate did not came about earlier! I bookmarked it.

Leave a Reply