How to make a transparent background

Discussion in 'GBAtemp Art Studio' started by AlanJohn, Aug 31, 2011.

  1. AlanJohn
    OP

    AlanJohn くたばれ

    Member
    3,456
    2,928
    Jan 6, 2011
    Canada,New Jersey
    Now I'm mildly disappointed whenever someone in the ava/sig/wallpaper request thread asks something very simple and wasting an image editor's valuable time. I'm talking about removing a background.
    Believe me, this is very simple to do.
    GIMP
    Adobe Photoshop


    Suggested by SoulSnatcher
    Paint.Net

    Open your image.
    [​IMG]

    Pick the Magic Wand[​IMG], select the white areas and then press delete. The white areas should appear as a checkerboard.

    [​IMG]

    The finished product.
     
    Last edited by AlanJohn, Nov 3, 2016
  2. DarkStriker

    DarkStriker GBAtemp's Kpop lover!

    Member
    1,957
    311
    Mar 15, 2009
    Norway
    NIKU!
  3. Gahars

    Gahars Bakayaro Banzai

    Member
    10,254
    17,403
    Aug 5, 2011
    United States
    New Jersey
    Nice guide. You should probably also put in the FAQ forum as well.
     
  4. Vulpes Abnocto

    Vulpes Abnocto Drinks, Knows Things

    Former Staff
    6,671
    6,751
    Jun 24, 2008
    United States
    I've got a better idea.

    *pinned!*
     
  5. Shockwind

    Shockwind DIEEE!!!

    Member
    1,106
    7
    Dec 10, 2010
    Japan
    I already knew how to make a transparent background before you posted this kind of thread, but anyways.. nice guide! [​IMG]
     
  6. AlanJohn
    OP

    AlanJohn くたばれ

    Member
    3,456
    2,928
    Jan 6, 2011
    Canada,New Jersey
    It was made for Übern00bs, not for image editors.

    Something easy like this is quite basic for image editors, im not surprised you dont know how to do that.
     
  7. Rydian

    Rydian Resident Furvert™

    Member
    27,883
    8,108
    Feb 4, 2010
    United States
    Cave Entrance, Watching Cyan Write Letters
    Might want to add a little note that a checkered background means areas that are transparent/translucent, so people don't get all "IT DOESN'T ERASE IT MAKES IT CHECKERED".
     
  8. kevan

    kevan Imagination rules the world

    Member
    1,378
    68
    Dec 4, 2009
    Place
    You should throw in a Paint.net guide to make this complete.
     
  9. soulx

    soulx GBAtemp Legend

    Member
    10,130
    4,708
    Apr 4, 2009
    Canada
    Done.

    Warning: Spoilers inside!

    I suggest you add this, AlanJohn.
     
  10. AlanJohn
    OP

    AlanJohn くたばれ

    Member
    3,456
    2,928
    Jan 6, 2011
    Canada,New Jersey
    Updated 9/9 2011.


     
  11. kevan

    kevan Imagination rules the world

    Member
    1,378
    68
    Dec 4, 2009
    Place
    [​IMG]
    Soulsnatcher and his amazing art skills!

    (Jokes) I'm sure you could have done better!
     
  12. KingdomBlade

    KingdomBlade Blade v3+ (I R SHMEXY)

    Member
    2,941
    98
    Apr 24, 2009
    In Vulpes' Fur
    You should probably add that clicking shift expands the selection with another, in the event that the background is multicolored.

    And that Photoshop has magic eraser.
     
  13. Rayder

    Rayder Mostly lurking lately....

    Former Staff
    6,613
    133
    Jan 14, 2007
    United States
    USA
    One day, I'll actually correct my avatar to turn the white border transparent. For some reason, my brain wouldn't function the day I made it (probably was too stoned....weedies....something I don't much bother with these days) and I couldn't remember how to do it, but it occurred to me only a few days later (without looking up anything) how to do it. I've just been too lazy to bother. It looks good enough as is, IMO.

    I use Paint Shop Pro 9, BTW. Yeah, probably not the best app to use (not to mention old and bought-out by Corel), but it's what I'm more or less familiar with and what I use for ALL my pics and gifs. Well technically, the gif editor was an addon to PSP9 called Animation Shop, but whatever.....I do alright for not reading any instructions and just muddling through stuff, just like how I used to do in the old Commodore 64 days. I'm a fart smeller....err....I mean smart feller. Heh.

    But you know, it's cool that someone bothered to make a tutorial for that kind of stuff. Kudos for the effort.
     
  14. kevan

    kevan Imagination rules the world

    Member
    1,378
    68
    Dec 4, 2009
    Place
    ^ now that you mention the background with your ava it sticks out to me D=
     
  15. Lemmy Koopa

    Lemmy Koopa M3 Perfect fanboy

    Member
    347
    282
    Sep 17, 2012
    United States
    Ohio
    I've used Irfanview for years. It's not an image editor, but a viewer, and it works really neat for viewing and saving image files in certain ways. You can set transparencies with it, but you can't set alpha control. I find it very useful to adjust images on the fly, as Photoshop takes a while to load.
     
  16. AlanJohn
    OP

    AlanJohn くたばれ

    Member
    3,456
    2,928
    Jan 6, 2011
    Canada,New Jersey
    Updated 03/11/2016.
    Wow, I can't believe my grammar was that bad in 2011. I mostly rewrote the entire post so you can now actually read it. I'm amazed by the fact that nobody complained about the terrible wording when this was first posted.
     
  17. VinsCool

    VinsCool Delusional

    Member
    GBAtemp Patron
    VinsCool is a Patron of GBAtemp and is helping us stay independent!

    Our Patreon
    11,687
    27,668
    Jan 7, 2014
    Canada
    End of Time
    If you can add photofiltre studio to the tutorial, here's the following methods:

    1- use the wand tool and colour tolerance like we do in other apps
    2- (my personal method) make the full background in a high contrast colour (pink or green works well) and paint details where things clip, then make this colour transparent.
    3- use the snipping tool, if anything else fails, or is too complicated to get in a plain colour. Polygonal snipping tool + smooth borders work well in that case.