+ Reply to Thread
Results 1 to 12 of 12
  1. #1
    Ultimate Member J1mmy's Avatar
    Join Date
    Apr 2005
    Location
    UK, England
    Posts
    2,889
    Blog Entries
    1

    White to transparent

     
    I have an image (attached), which I'd like to remove the white into a transparent background as it will be going onto another background that I want to show through the image. How can I achieve this?
    Attached Thumbnails Attached Thumbnails White to transparent-720px-eeg_theta.svg.png  

  2. #2
    Ultimate Member EXreaction's Avatar
    Join Date
    Aug 2003
    Location
    Madison, WI
    Posts
    15,225
    Blog Entries
    1
    Very easy with photoshop.

    I can not remember the exact name of the tool, but you can select a color range with it (under select->color range?). Just use it to select the white and delete it.
    "The problem with quotations on the internet is that the sources are hard to verify" - Abraham Lincoln

  3. #3
    Frick tony_j15's Avatar
    Join Date
    Mar 2003
    Location
    Joplin, MO
    Posts
    14,092
    Blog Entries
    1
    Magic eraser and the background eraser will do the trick in photoshop
    Good job, friend-of-friends!

  4. #4
    nuisance since 1968 OuTpaTienT's Avatar
    Join Date
    Oct 2001
    Location
    ɐqɟs
    Posts
    10,458
    To do this correctly, not only do you need to delete the white color but you also need to know what color background it will be placed over. You need to save the new image as a .GIF with transparency and set it's MATTE color to the intended background color.

  5. #5
    Ultimate Member J1mmy's Avatar
    Join Date
    Apr 2005
    Location
    UK, England
    Posts
    2,889
    Blog Entries
    1
    I managed to do it, can't remember what tool I used though. I went into color range, but couldn't seem to 'delete' it. I might have used the magic wand tool and cut it onto a new layer with a transparent background via .GIF

    It's quite an important skill... I've always found myself cutting away backgrounds etc with PS

  6. #6
    Member Ty44ler's Avatar
    Join Date
    Mar 2005
    Location
    Atlanta, Georgia
    Posts
    448
    You can use the magic wand tool if and just mess with the tolerance until you get the area you'd like to cut away selected, then just hit delete! Save it as a .png to preserve the transparent background.
    Frank: Blue do you trust that I do not want to see you die here tonight?
    Blue: Yes sir.
    Frank: Blue you're my boy!

  7. #7
    Ultimate Member EXreaction's Avatar
    Join Date
    Aug 2003
    Location
    Madison, WI
    Posts
    15,225
    Blog Entries
    1
    "The problem with quotations on the internet is that the sources are hard to verify" - Abraham Lincoln

  8. #8
    you like me -FMA's Avatar
    Join Date
    Oct 2004
    Location
    Michigan~
    Posts
    3,475
    Quote Originally Posted by OuTpaTienT View Post
    To do this correctly, not only do you need to delete the white color but you also need to know what color background it will be placed over. You need to save the new image as a .GIF with transparency and set it's MATTE color to the intended background color.
    Can I ask why? Would it just be more crisper? If you're overlaying it and it's completely transparent then how would that work better? I've never done it that way, but if it's worth doing then I'll be changing my ways.
    Cute

  9. #9
    nuisance since 1968 OuTpaTienT's Avatar
    Join Date
    Oct 2001
    Location
    ɐqɟs
    Posts
    10,458
    Quote Originally Posted by -FMA View Post
    Can I ask why? Would it just be more crisper? If you're overlaying it and it's completely transparent then how would that work better? I've never done it that way, but if it's worth doing then I'll be changing my ways.
    Look at these images, read the text I inserted into them, and hopefully that should explain it. If not, ask me to clarify.
    Attached Thumbnails Attached Thumbnails White to transparent-transparentthing1.png   White to transparent-transparentthing2.png   White to transparent-transparentthing3.png  

  10. #10
    Member Ty44ler's Avatar
    Join Date
    Mar 2005
    Location
    Atlanta, Georgia
    Posts
    448
    Quote Originally Posted by OuTpaTienT View Post
    Look at these images, read the text I inserted into them, and hopefully that should explain it. If not, ask me to clarify.
    I just learned something today...
    Frank: Blue do you trust that I do not want to see you die here tonight?
    Blue: Yes sir.
    Frank: Blue you're my boy!

  11. #11
    Ultimate Member J1mmy's Avatar
    Join Date
    Apr 2005
    Location
    UK, England
    Posts
    2,889
    Blog Entries
    1
    Quote Originally Posted by OuTpaTienT View Post
    Look at these images, read the text I inserted into them, and hopefully that should explain it. If not, ask me to clarify.
    Hmm, I see. But are you using read because that pink background?

  12. #12
    nuisance since 1968 OuTpaTienT's Avatar
    Join Date
    Oct 2001
    Location
    ɐqɟs
    Posts
    10,458
    Quote Originally Posted by J1mmy View Post
    Hmm, I see. But are you using read because that pink background?
    Exactly. If I intended to place the image over a blue background I would use a matching blue matte color for the GIF. If I intended to put it over a black background then I would use a matte color of black for the GIF. And so on. Have the matte color exactly match the background for best results.

    Or instead of using GIF with transparency you could also use PNG(-24) with transparency. With PNG(-24) no matte color is needed because those PNGs allow partial transparency (uses an alpha channel). That means the edges of the image can really fade out and let the background show through. The pixels in a GIF don't allow partial transparency, they are either a solid color or they are completely transparent. That is why GIF must use the matte color so it can simulate that same fade out effect. (If I remember correctly, PNG-8 is just like GIF and needs a matte color.)

    So why isn't PNG-24 used over using GIF? Mainly because Internet Explorer never displayed PNGs with transparency correctly. I honestly don't know if the most current IE has finally fixed this or not. But for years and years and years when Mozilla then Firefox displayed all PNGs perfectly, IE displayed them incorrectly so it was best to avoid them if you wanted your page to be compatible with all browsers. Plus the same image stored in the two formats, PNG-24 and GIF, will be a larger file size as the PNG-24 (at least 85% of the time it will).

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. White, on white, on white, with purple accents.
    By no1_vern in forum IMO Community
    Replies: 7
    Last Post: February 24th, 2008, 03:38 AM
  2. transparent desktop help
    By sixf00t4 in forum IMO Community
    Replies: 5
    Last Post: April 7th, 2005, 11:52 PM
  3. What causes transparent windows?
    By trueman in forum General Tech Discussion
    Replies: 11
    Last Post: December 4th, 2003, 05:48 PM
  4. [Transparent] How can I make this
    By eagle1 in forum Graphic Design and Digital Photography
    Replies: 11
    Last Post: March 13th, 2003, 05:37 PM
  5. Transparent windows for XP and 2k
    By fatal xception in forum Applications and Operating Systems
    Replies: 9
    Last Post: December 10th, 2001, 08:47 AM

Tags for this Thread

Posting Permissions

  • You may post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Recommended Sites: ResellerRatings Store Reviews