Sign in to follow this  
BuzzKill

Making glass buttons

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:

Share this post


Link to post
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)

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

Heres my button.... WOW it's pretty bad when I look to all of yours... But.... I must say that that is my first work with Paint.NET (That Exploding Planet was 2nd!), and maybe i will make better one some day!! :)

button2on8.png

Share this post


Link to post
Share on other sites

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.

Sign in to follow this