Jump to content

removing the background around an image


Recommended Posts

i know this was probably covered some where but i'm going to ask any way.

i am trying to design glass buttons for a web page, and i followed the tutorial for making them, which is a very good tutorial by the way.

But when i place my buttons on the page i get a box around them showing the background color of the page. how do i fix this so the box doesn't show?

14843_54e46062cc95d2b3bc85ae0e69475d7f

Link to comment
Share on other sites

You know, since you're making the buttons, you shouldn't have to cut them out when you're done. Just make sure you start on a new layer, not on the "Background" layer. Then, when you're ready to save the buttons, hide the "Background" layer, flatten the image, then save the button (as a PNG or GIF). The checkerboard in the background means that area is transparent.

Note that if you want to support IE6, you'll have to save as a GIF, or save the button with the requisite part of the background behind it. You can do this by saving as a PNG, opening the page in Firefox, Opera, or IE7, performing a Print Screen, then cropping and re-saving the button with the background area behind it.

I am not a mechanism, I am part of the resistance;

I am an organism, an animal, a creature, I am a beast.

~ Becoming the Archetype

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

 Share

×
×
  • Create New...