SitePoint Sponsor

User Tag List

Results 1 to 15 of 15

Thread: Avatar help

  1. #1
    We like music. weirdbeardmt's Avatar
    Join Date
    May 2001
    Location
    Channel Islands Girth: Footlong
    Posts
    5,882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Avatar help

    Hey,

    I am a complete "newbie" at graphics stuff, and I am trying to create a simple avatar.

    Thing is, it isn't 60x60 in size, and I don't want to have a white background (I want it to blend with whatever colour the post bg is). So I figure I set the background to transparent.

    However whenever I upload it, there is always a white background. I know I can only use .jpg or .gif, but, how do I achieve a transparent background? I have photoshop, but normally use PSP6 because that is what my [limited] experience is with.

    What do I do?
    I swear to drunk I'm not God.
    Matt's debating is not a crime
    Hint: Don't buy a stupid dwarf Clicky

  2. #2
    Don't get too close, I bite! Nicky's Avatar
    Join Date
    Jul 1999
    Location
    Lancashire, UK
    Posts
    8,277
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The GIF format is the only on that suppports transparency. I do not really use Paint Shop Pro so maybe someone who does can help you there. have you checked the Help file as these usually will contain instructions on what steps to take?

  3. #3
    SitePoint Wizard wdmny's Avatar
    Join Date
    Jul 2000
    Location
    Here
    Posts
    1,010
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In Photoshop, when you have a transparent image, the background should show as a tiled white/gray pattern. Then when you Save for Web or Save as gif, the part with the pattern will be transparent.

    Also, sometimes with more complex, smooth lines/colors, it works better if you set the background as a color (preferably the color that will most likely be the BG), then when you save, set the color (and any artifacts) to be the transparent color for your image. (This is what graphics programs do anyways when they save a transparent image, they just use weird, off colors like hot pink and set it as the transparent color)

  4. #4
    Don't get too close, I bite! Nicky's Avatar
    Join Date
    Jul 1999
    Location
    Lancashire, UK
    Posts
    8,277
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Ha ha I always use pink or luminous green. BTW doesn't Photoshop haave an Export as Transparent Image option in the Help menu?

  5. #5
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i actually hate the way photoshop works with transparancies, so dumb

    Or maybe I just haven't found out how to do it yet properly

    Matt -- in PSP6 is there an export as .gif in the the file >> export menu? (i know there is in v.7, not sure about 6 though).

  6. #6
    SitePoint Addict
    Join Date
    Jan 2002
    Posts
    245
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I prefer fireworks. Try it

    When you export the gif you have the option to make a colour transparent by using the eydropper thingy.


    qamar

  7. #7
    SitePoint Wizard iTec's Avatar
    Join Date
    May 2001
    Location
    Sydney, Australia
    Posts
    2,243
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wierd, in paint shop pro go file > export > gif optimiser

    Now in the optimiser under the transparency tab make sure that use existing image transparencies is selected and under partial transparencies select a bg colour that is similar to the blue used here if you have any partially transparent areas (or set the use full transparency to 80%) that should get you 1 transparent gif ;0)

  8. #8
    We like music. weirdbeardmt's Avatar
    Join Date
    May 2001
    Location
    Channel Islands Girth: Footlong
    Posts
    5,882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the help people, I will give all your suggestions a go later.
    I swear to drunk I'm not God.
    Matt's debating is not a crime
    Hint: Don't buy a stupid dwarf Clicky

  9. #9
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you tried using the Save For Web.. option in Photoshop yet? When you choose GIF: 128 Dithered it should keep the transparant background.

    I couldn't get transparency to work in PSP6 either, so you're not alone
    Jeroen Mulder

    w: www.jeroenmulder.com

  10. #10
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by platinum
    i actually hate the way photoshop works with transparancies, so dumb
    The force is strong in this one! Spelling, however, is not:
    Originally posted by platinum
    transparencies
    That's because the transparent GIF feature in Photoshop 5.5 and 6 SUCKS! I use a custom plugin called GIF89a. It came with Photoshop 4 + 5. It's a HUNDRED times better than the builtin one because it allows you to define MULTIPLE transparent colors instead of just one. You can download the plugin here:
    http://www.gravitydigital.com/misc_u...F89aExport.8be

    It goes in Photoshop/Plug-ins/Import-Export.

    Convert your image to Indexed color (IMAGE > MODE > INDEXED). Choose the correct number of colors then Choose FILE > EXPORT > GIF98A EXPORT.

    Easy as pie.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  11. #11
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey creole, that's really nifty
    Jeroen Mulder

    w: www.jeroenmulder.com

  12. #12
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fanks creeole

    I almost got the spelling right it was close

  13. #13
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Nicky
    Ha ha I always use pink or luminous green. BTW doesn't Photoshop haave an Export as Transparent Image option in the Help menu?
    Yes ;P
    Aaron Brazell
    Technosailor



  14. #14
    differently saned russbellon's Avatar
    Join Date
    Jun 2001
    Location
    alternate dementian
    Posts
    399
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    PS gif transparency does suck. Thanks for the plugin creole! i had wondered where that one went with the new versions.
    the way i usually do it, is to 1) create an alpha channel for the part i want to save, 2) fill the background of the graphic with the background color of the page it will be on, 3) combine the background layer with the graphic, 4) load the alpha channel 5) copy that to a new layer 6) delete the background layer and then 7) save for web.
    אין סוף

  15. #15
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Nicky
    The GIF format is the only on that suppports transparency.
    Aah, yet again the much-forgotten PNG format is- erm... forgotten.

    A vastly superior format to the humble GIF (256 layers of transparency)

    Why this little beauty hasn;t taken off stumps me.

    Anywho...


    Regarding the maligning of the GIF98a features of the 'Save for Web' feature of Photoshop 6...

    I normally get everything prepped within the work file. I select which pixels/colours that I want removed and remove them. Then when I go to Save for Web it's merely a matter of tweaking the palette however I wish and OKing it.

    My workflow doesn't suffer as a result of doing it this way.
    Bosch-bosch, schoom-schoom, loadsa money
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature


Bookmarks

Posting Permissions

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