Jump to content
Sign in to follow this  
Billabong81

These Little Buttons...

Recommended Posts

I am wondering where you can make your own version of these little web links buttons I am seeing everywhere. Many people have them in their signatures (ie, many FDF mod members) and some companies have them (ie, firefox/mozilla). Here are some examples:

efmod.pngkylli.pngfdfmod.png

Any help would be greatly appreciated biggrin_o.gif. Thanks in advance.

Share this post


Link to post
Share on other sites
I am wondering where you can make your own version of these little web links buttons I am seeing everywhere.  Many people have them in their signatures (ie, many FDF mod members) and some companies have them (ie, firefox/mozilla).  Here are some examples:

efmod.png  kylli.png  fdfmod.png

Any help would be greatly appreciated biggrin_o.gif.  Thanks in advance.

You can make them yourself in ImageReady which comes with Photoshop.

Check Adobe.com

Share this post


Link to post
Share on other sites
You can make them yourself in ImageReady which comes with Photoshop.

Check Adobe.com

I have Photoshop CS and Imageready. I just checked out the site and went to the Photoshop page (checked tutorials and addons), but couldn't find anything wink_o.gif...

Share this post


Link to post
Share on other sites
I am wondering where you can make your own version of these little web links buttons I am seeing everywhere.  Many people have them in their signatures (ie, many FDF mod members) and some companies have them (ie, firefox/mozilla).  Here are some examples:

efmod.png  kylli.png  fdfmod.png

Any help would be greatly appreciated biggrin_o.gif.  Thanks in advance.

I made mine in Photoshop 7, they aren't that hard to make.

usmc-link.jpg

They pretty mch all follow the same design.

Share this post


Link to post
Share on other sites

Start with an 80 pixel by 15 pixel blank canvas. Use a 1 pixel pencil to make a border around it with your primary color. Then change to your secondary color and do another one pixel border inside of that.

The Left box on the inside of it (For pictures or other letters) is 23x11 pixels (Primary color). A one pixel border to the right of it, and then color in the rest of it with your primary color. Use Text to fill in what you want it for.

Share this post


Link to post
Share on other sites

Thanks a lot Harnu smile_o.gif.  Help is very much appreciated smile_o.gif.

EDIT: Ok, so I made the outside borders, now have just 1 Q. How do I count the pixels to make the more inner boxes where text is?

Share this post


Link to post
Share on other sites

What program are you using to edit them? If it's photoshop you can set your brush to the pixel size, and zoom in very close and you'll be able to see.

Share this post


Link to post
Share on other sites

800%

Open a new one, 80x15 pixels, set the background to transparent (Makes PS easier for certain things IMO), and when at 800%, each gray or white box represents a single pixel.

It's really not that hard to do, what's the complication with it?

Share this post


Link to post
Share on other sites

Kjäh kjäh... Getting so popular here? tounge_o.gif

If you want the "original font" - Silkscreen - to skip pain of pixel-by-pixel painting, you can get it from Jason Kottke's site. He's also author of the font and shares it as freeware. Adam Kalsey offers on his site simple Button Maker form to create same buttons in seconds. Just fill in color values, texts etc. and you're ready.

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
Sign in to follow this  

×