Transparent Sigs/etc

Discussion in 'Graphic Design' started by Bman, Mar 1, 2006.

  1. Bman

    Bman OSNN Veteran Original

    Messages:
    8,799
    Location:
    Ottawa, Ontario
    I'm doing pretty good as a Graphic Designer, I know how to do this and that etc, you know everything I pretty much need to know, execpt one thing. If you look at my sig, its kinda scrachy and messed up at the edges. This is because I don't know how to save, or make a proper transparent file. I make what I want, and then I saved it as Gif, and this is howit turns out.....
     
  2. Grandmaster

    Grandmaster Electronica Addict Political User Folding Team

    Messages:
    10,574
    Location:
    Santa Clara, CA
    Go to "Save for Web" and choose "Gif" as your format. Then you want to tick the box that says "Transparency". Then click on "Matte" and choose the color of the background of forum posts, which would be #f5f5ff.

    Basically with the "matte", photoshop takes your image and adds some "f5f5ff" around the edges, so that it appears to be transparent, when it infact its just the same color as the background. So it's an illusion. By default its white, and that's why the corners on your sig are white, and therefore jaggy.

    Alternatively you could just save it as a PNG and screw all the IE users.

    P.S. The "I know pretty much everything" attitude is bad :p
     

    Attached Files:

    omg its nlm likes this.
  3. Bman

    Bman OSNN Veteran Original

    Messages:
    8,799
    Location:
    Ottawa, Ontario
    So there is no real way, if u want it nice and smooth, to have it transparent for all sites the same.... lol
     
  4. Grandmaster

    Grandmaster Electronica Addict Political User Folding Team

    Messages:
    10,574
    Location:
    Santa Clara, CA
    There is. You can use PNGs. But then you face the problem of IE not being able to display PNGs properly. Which means 90% of the Internet won't be able to see your image properly.

    So there is a way, but due to some ****ty code in IE, it doesn't work as its supposed to.
     
    kcnychief and Bman like this.
  5. Bman

    Bman OSNN Veteran Original

    Messages:
    8,799
    Location:
    Ottawa, Ontario
    lol, alright I'll remember that...screw IE users lmao (unless you are one)

    Thanks alot man, I have finally figured out web images now!
     
  6. omg its nlm

    omg its nlm lvl 17 Hax Folding Team

    Messages:
    1,829
    Location:
    Minnesota
    Good info grandmaster, now I learned something!
     
    kcnychief likes this.
  7. sean.ferguson

    sean.ferguson Moderator Folding Team

    Messages:
    1,693
    Location:
    Fife; Scotland
    Png+++++++++++++
     
  8. kcnychief

    kcnychief █▄█ ▀█▄ █ Political User Folding Team

    Messages:
    16,948
    Location:
    Massachusetts
    Very good info ideed GM, reps coming :)

    EDIT: Have to spread it around, sigh :(

    I have a list of people I owe rep to, I'll add you to it ;)
     
  9. Johnny

    Johnny .. Commodore .. Political User

    Messages:
    5,015
    Location:
    Happy Valley
    Grandmaster you are the man. I have been trying to figure something like that out for a while now; as transparency don't work well for me either.
     
  10. vertigo

    vertigo OSNN Senior Addict

    Messages:
    330
    any transperant png's i make look fine in IE and ofcourse firefox; (with photoshop)
     
  11. gonaads

    gonaads Beware the G-Man Political User Folding Team

    There is a reason I use png as my Sig format. :rolleyes:

    *In a very low wisper* I use Firefox and Mozilla.

    *In a very loud voice* IE? IE!? I don't need no stinkin IE.

    Maybe IE 7 can handle the png truth. :p


    But if you really want to stick with gif images then ya have to edit them after ya save them. Blow them up big and fill in the shiitty spots. But ya don't always get them all. And it don't always works. :(
     
  12. kcnychief

    kcnychief █▄█ ▀█▄ █ Political User Folding Team

    Messages:
    16,948
    Location:
    Massachusetts
    Your sig looks just fine for me, and I use IE exclusively :p
     
  13. gonaads

    gonaads Beware the G-Man Political User Folding Team

    *In a very bad Elvis voice* Well thank you very muuuch. :D
     
    kcnychief likes this.
  14. kcnychief

    kcnychief █▄█ ▀█▄ █ Political User Folding Team

    Messages:
    16,948
    Location:
    Massachusetts
    You are most welcome, Mr. Nads :cool:
     
  15. Johnny

    Johnny .. Commodore .. Political User

    Messages:
    5,015
    Location:
    Happy Valley
    I agree with the png. I think that is the best way to go.
     
    kcnychief likes this.
  16. Bman

    Bman OSNN Veteran Original

    Messages:
    8,799
    Location:
    Ottawa, Ontario
    I have tryed a couple new images, and PNG seems to work the best.
     
  17. Cosmin

    Cosmin Graphic Designer

    Messages:
    1,633
    Location:
    Romania
    Why that croppy border Bman™ ? :suprised:
    ( PNG is recommend for quality & transparency )
    Cosmin
     
  18. kcnychief

    kcnychief █▄█ ▀█▄ █ Political User Folding Team

    Messages:
    16,948
    Location:
    Massachusetts
    Finally was able to throw some rep at you GM. I went on a spree of giving people some rep this morning, now I'm exhausted ;)
     
  19. Autocrosspicturesnet

    Autocrosspicturesnet OSNN One Post Wonder

    Messages:
    7
    A "poorman's" way to make a gif with true transparency is to use MS Photo Editor. It came as part of all versions of Office before Office 2003. It has a really easy to use transparency tool, you just click the color you want transparent and presto, it becomes invisible. You can even select "% values" near to the color you selected to be included. And, you can select as many different colors as you want. I use it as a quick way to strip a specific color(s) or range of a color(s) from an image before I use it. I also use it to quickly add transparency to the frames of the animated gifs I create. As in:
    [​IMG] [​IMG] [​IMG]

    Plus, gifs (both static and animated) with transparency work in IE.:)
     
  20. jan

    jan Aspiress

    Messages:
    183
    Location:
    america
    I have usually said "screw it" for the IE users an go w/png's. Except for teh animations of course. :p