Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 25
  1. #1
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How do i make an image's background transparent?

    I do not know if this is the appropriate forum, but i was wondering if there was a way of making images with a picture in them, but the background portion of the image is transparent to the degree necessay for them to blend well with any background color i choose for a webpage? Is this possible? Or will i need an image editor? If so, does anyone have ideas?

    I have made some imitations of other images in MS Paint, but the problem is, that the images themselves are not showing up with a transparent background.

    The goal is real simple: i am trying to create images for a chess game, but the problem is, that the area around the actual picture in the image is not transparent, and i want it to be transparent so that when i make the board of any given color, the images will blend with that color.

    Any ideas?
    LovesWar

  • #2
    Regular Coder
    Join Date
    May 2004
    Location
    Minneapolis, MN, USA
    Posts
    904
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ...

    Do you need an image editor??

    ...

    How exactly were you thinking you would EDIT AN IMAGE in the absence of an image editor?

    ...

    P.S. GIF or PNG

  • #3
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I did say, i used MS Paint to come up with my drawings, but the problem is, that i cant make the images transparent.

    Here's a zip file of what i did.
    Attached Files Attached Files
    LovesWar

  • #4
    Regular Coder
    Join Date
    May 2004
    Location
    Minneapolis, MN, USA
    Posts
    904
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Dude, I know what you said. And right there you asked, "Do I need an image editor?"

    Did it cross your mind that perhaps there are better tools available than MS Paint? I mean, surely you don't think everything you've ever seen was done in a Paint-level program... so obviously you need to start by looking for a different tool.

    P.S. GIF or PNG

  • #5
    Regular Coder
    Join Date
    May 2004
    Location
    Minneapolis, MN, USA
    Posts
    904
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Though... it appears you can save in a format that supports transparency (*cough*GIForPNG*cough*) from Paint, even!

    I never even really had much of that phase where I merely *played* with Paint, so I can't help you with details, nor can I be bothered to figure them out. I have no interest in Paint!

    Did you draw those pieces yourself, though? They are nicely done.

  • #6
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts
    LOL...why you think i came to this forum? I know MS Paint isnt top notch.

    But hey, until i am blessed with all the necessay knowledge from GOD (as it were) for me to make a living, i will be pretty much a bung dingering pauper living on dog scraps.

    I did try my hand like a year ago on PSP, but i think they went from version 8 to 9, and well, its time consuming to learn every friggin piece of software out there. I never did learn PSP 8. But thats another issue. The point is i was hoping someone could suggest something. i know MS Paint isnt great, well, actually, it does have its uses. I just need that extra feature of making an image transparent which isnt afforded by MS Paint.
    LovesWar

  • #7
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Though... it appears you can save in a format that supports transparency (*cough*GIForPNG*cough*) from Paint, even!

    I never even really had much of that phase where I merely *played* with Paint, so I can't help you with details, nor can I be bothered to figure them out. I have no interest in Paint!

    Did you draw those pieces yourself, though? They are nicely done.
    Yes, technically. Willy Duitte, zipped some images for me, and i basically imitated as much as possible from the original, but technically, yes, i did them myself. I have found MS Paint useful in some instances, such as the one you saw with the chess pieces. The issue, as stated is, that when it comes to saving the image, i do not know how to save it to where the background portion of the image is transparent.

    So to get you correctly, if i save in a format other than BMP, like GIF, i can get the transparentcy effect?
    LovesWar

  • #8
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    http://www.gimp.org/

    Free, better image editor

    I use photoshop, so I can't vouche for it, but I do know that if you want an image SEMI transparent (like you said, the photo blends slightly to the background) -- you'll need to save your format as png. Gif can only have 100% transparent, or no transparency at all (you can have both in one file, but it's all or nothing) -- this is known as binary transparancy. PNG supports Alpha transparancy, meaning parts of the photo can be from 0-100% transparency.

    Of course, there's a catch, IE doesn't support PNG transparency, but every browser other than IE does. Why this is, we don't know -- they should've supported it along time ago.

    Here's an article about it:
    http://www.alistapart.com/articles/pngopacity/

    Here's an example from that article that may look like what you're talking about:
    http://oaksanderson.com/opacity/examples/ex3.htm

    there is some javascrip that can fix IE's bad png support offered by skyzyx.com:
    http://www.skyzyx.com/scripts/sleight.php

    And you can combo that up for background images and or regular images, your choice.
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #9
    Regular Coder
    Join Date
    Feb 2003
    Location
    UK
    Posts
    139
    Thanks
    0
    Thanked 1 Time in 1 Post
    Bearing in mind the previous post, are you sure

    this wouldnt do? It is the gif option...
    Attached Images Attached Images  

  • #10
    Regular Coder
    Join Date
    May 2004
    Location
    Minneapolis, MN, USA
    Posts
    904
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Looks good to me! I can't tell for certain (bad eyes, no glasses), but it looked like there may be one or two pixels that need tidying up, but I set it against a colored background, and it looked fine.

  • #11
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Would yu mind elaborating a bit more?

    Bearing in mind the previous post, are you sure

    this wouldnt do? It is the gif option...
    The gif option in what application? In case you dont remember, i did the drawings in MS Paint, and not in another programs. Generally, i save as bmp, and not in any other file format. I know how to convert to other formats, but from what i have experimented, even in the other formats, the background is always white, no matter what color i set the background of the actual webpage.

    This being the case, i need for you to eleborate on what you did to the gif above. Yes, it shows as a transparent, which is precisely what i want to achieve. I just need to know how you did it.
    Last edited by SpiritualStorms; 09-14-2004 at 12:41 AM.
    LovesWar

  • #12
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You need to define a transparent background when painting your picture -- I do not know how to do this in MS Paint, I only know how to do it in other programs. Are you sticking with paint then?
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #13
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation

    You CANNOT achieve this with MS Paint. Get over Paint. Forget about the damn thing!!!

    As stated much, much earlier - You will need to download a half decent image editing program, such as GIMP 2, which is completely free.
    ONLY THEN will you be able achieve what you are seeking.



    P.S. Get over paint. There is NOTHING it can do that other programs can't do 100 times better.

    I take no responsibility for the above nonsense.


    Left Justified

  • #14
    Regular Coder
    Join Date
    Aug 2004
    Location
    The US of A
    Posts
    767
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Sometimes less is more. =)

    But yes, for anything more than making sprites, you need to get a high(er) end graphic munipulater (I love big words, and complicated sounding phrases).

  • #15
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts
    From MindlessLemming:

    You CANNOT achieve this with MS Paint. Get over Paint. Forget about the damn thing!!!

    As stated much, much earlier - You will need to download a half decent image editing program, such as GIMP 2, which is completely free.
    ONLY THEN will you be able achieve what you are seeking.

    P.S. Get over paint. There is NOTHING it can do that other programs can't do 100 times better.
    LOL....Geese Louise. No need to bite my head off. I know MS Paint is weak, but hey, its free. I do not have time to learn PSP. Did i mention i tried my had at it once, long ago?

    Well, i didnt know what Tinman meant. Hence my last post.

    From Kurashu:

    Sometimes less is more. =)

    But yes, for anything more than making sprites, you need to get a high(er) end graphic munipulater (I love big words, and complicated sounding phrases).
    LOL. Me too.

    from bradyj
    You need to define a transparent background when painting your picture -- I do not know how to do this in MS Paint, I only know how to do it in other programs. Are you sticking with paint then?
    Well, until i have the time, and patience to learn PSP 9, and not PSP 8, or PhotoShop, i have no choice. So yea, MS Paint will be regrettably my main method of artistic expression, lol.

    Thanks all for your much added input, even the lecturing, lol
    LovesWar


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •