Jump to content

Making glass buttons


BuzzKill
 Share

Recommended Posts

On the exposed part, do you see a white canvas or a chequerboard pattern?

i see a checkerboard pattern

When I save my button I see white space aroun him and that's not good for my web page. I follwed all the steps but I can't get an image without white space!

Can somebody tell me how to make it right. Thanx!

Wery good tutorial. :wink:

Link to comment
Share on other sites

nice tutorial

can you help me get rid of the white around my button though?

.jpg images can't handle transparency, so in order for an image to keep its transparency you have to save it either as a .gif or a .png (or .pdn, of course)

Hatred does not cease by hatred, but only by love; this is the eternal rule.
|fb(page)|portfolio|blog|

Link to comment
Share on other sites

Okay. I'll try explaining this to you:

1. Open your button in PDN (Paint.NET)

2. Start erasing the white around the button.

3. After you're done, it is wise to either make a border or to feather the button (with the Feather plugin). It looks best if used with these settings; 1 for radius, 1 for strength and the "True Feather" checkbox checked.

4. Don't forget to save your button as a .png or .gif (or .pdn). If you save it as a .jpg, the transparency disappears.

Hatred does not cease by hatred, but only by love; this is the eternal rule.
|fb(page)|portfolio|blog|

Link to comment
Share on other sites

  • 2 weeks later...
  • 2 months later...
  • 1 month later...
  • 2 weeks later...
  • 3 weeks later...
  • 3 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...