Adblock breaks this site

Transparent Backgrounds a How To

Discussion in 'Graphics Resources and Discussion' started by Xjaa, Mar 16, 2008.

  1. Xjaa

    Xjaa Penguin
    $100 USD Donor

    Joined:
    Jan 21, 2007
    Posts:
    3,248
    Referrals:
    2
    Sythe Gold:
    0
    Lawrence Potamus
    Transparent Backgrounds a How To

    [​IMG]

    I know 90% of you know this already, this is for the hardcore narbs.
     
  2. hm0ng

    hm0ng Grand Master

    Joined:
    Oct 6, 2007
    Posts:
    3,164
    Referrals:
    6
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    Thanks Xjaa. This should help lots. Sadly, I still suck at CS3.
     
  3. Nullware

    Nullware Guru

    Joined:
    Jan 30, 2007
    Posts:
    1,761
    Referrals:
    4
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    Thanks now I won't have to match the background color of my image with the background color I'm putting it in front of.

    Well, kidding because I already know this but yes it is good for the new people and/or those with brain deficiencies.
     
  4. Billyy

    Billyy Guru of Ganja
    Banned

    Joined:
    Nov 3, 2007
    Posts:
    2,842
    Referrals:
    6
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    I actually met someone today, who was saving their sigs in .jpg format, and wondering why they couldn't get a transparent bg.
     
  5. Xjaa

    Xjaa Penguin
    $100 USD Donor

    Joined:
    Jan 21, 2007
    Posts:
    3,248
    Referrals:
    2
    Sythe Gold:
    0
    Lawrence Potamus
    Transparent Backgrounds a How To

    Yeah, I noticed a lot of requests about this in the help section.
     
  6. Music Makes Me Pwn

    Music Makes Me Pwn Guru
    Banned

    Joined:
    Oct 18, 2007
    Posts:
    1,560
    Referrals:
    1
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    Lul already knew this :D, but yar yar.
     
  7. ChamilliTarY

    ChamilliTarY Forum Addict
    Banned

    Joined:
    Aug 25, 2007
    Posts:
    508
    Referrals:
    0
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    nice tut for people that dont kknow how to ;) GJ
     
  8. Shinoda

    Shinoda Irish
    Banned

    Joined:
    Jun 28, 2005
    Posts:
    2,703
    Referrals:
    0
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    Bumped in an effort to aid in the abolishment of photoshop ignorance.
     
  9. riipped

    riipped Apprentice

    Joined:
    Dec 29, 2007
    Posts:
    874
    Referrals:
    0
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    Thanks Xja, already knew this but it could help the saplings of future GFX artists ;). Nice tut.
     
  10. Cruel__Machine

    Cruel__Machine Guest

    Referrals:
    100
    Transparent Backgrounds a How To

    Actually, GIF is smaller file. PNG is used because it can support semi-transparency... while gif pixels have either a 0% or 100% opacity. And GIFs only have a 255 color palette.
    So you'll want to use GIF when you have <= 255 colors and/or when you don't need semi-transparency... which isn't often when making things such as signatures. But GIFs are nice for webpage layouts and such.
    cheers
     
  11. Xjaa

    Xjaa Penguin
    $100 USD Donor

    Joined:
    Jan 21, 2007
    Posts:
    3,248
    Referrals:
    2
    Sythe Gold:
    0
    Lawrence Potamus
    Transparent Backgrounds a How To

    Thanks for ruining my tutorial cheers.
     
  12. riipped

    riipped Apprentice

    Joined:
    Dec 29, 2007
    Posts:
    874
    Referrals:
    0
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    Rofllllllll

    Still awesome tut xjaa :D
     
  13. Xjaa

    Xjaa Penguin
    $100 USD Donor

    Joined:
    Jan 21, 2007
    Posts:
    3,248
    Referrals:
    2
    Sythe Gold:
    0
    Lawrence Potamus
    Transparent Backgrounds a How To

    Sticky, people are still adding me.
     
  14. be ez

    be ez Apprentice
    $5 USD Donor

    Joined:
    Feb 17, 2007
    Posts:
    732
    Referrals:
    0
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    Barley anyone knows this apparently. I just googled it.
     
  15. Xjaa

    Xjaa Penguin
    $100 USD Donor

    Joined:
    Jan 21, 2007
    Posts:
    3,248
    Referrals:
    2
    Sythe Gold:
    0
    Lawrence Potamus
    Transparent Backgrounds a How To

    Sticky me
     
  16. TDD

    TDD Web Design Expert
    Do Not Trade

    Joined:
    Nov 20, 2005
    Posts:
    3,191
    Referrals:
    2
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    Here's every fuckup you made:

    PNG and GIF are completely different in every way, PNG transparency is ALPHA transparency, whereas GIF transparency is BINARY transparency. Alpha transparency allows each pixel to have a seperate alpha value to change each pixel's opacity whereas binary transparency has one color dedicated to be transparent, and everything with that color is completely transparent, so you have either transparent, or not transparent (on or off - binary!).

    PNG is NOT a ripoff of gif, they're completely different file formats in every way.

    The PNG does have a background, but it is speicfied that it's opacity is 0, so it is not visable. and it is easy to have a PNG with a larger filesize then JPEG.

    all in all, you fail.
     
  17. Xjaa

    Xjaa Penguin
    $100 USD Donor

    Joined:
    Jan 21, 2007
    Posts:
    3,248
    Referrals:
    2
    Sythe Gold:
    0
    Lawrence Potamus
    Transparent Backgrounds a How To

    PNG is a ripoff of gif actually
     
  18. The751

    The751 Forum Addict

    Joined:
    Aug 1, 2005
    Posts:
    279
    Referrals:
    0
    Sythe Gold:
    3
    Transparent Backgrounds a How To

    Thanks for the info (for knawbs)
     
  19. XSafire

    XSafire Apprentice
    Banned

    Joined:
    Jul 9, 2005
    Posts:
    950
    Referrals:
    2
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    Hmm, sorry but TDD is right.

    if you have a canvas of 500x500 and your image is, lets say, 100x100 pixels. The other 400x400 is transparency. You then save the image as a png, then upload it. The image you upload it will not just delete the transparent pixels, so therefore your 100x100 image will be there, but totally off center as no one can see the the 400x400 transparent pixels.

    Also, they are completely different formats like he said. You would know this i you did any Flash work with transparency. A image that you import will be a whole uneditable image until you trace it (Separate it pixel by pixel, flash does it for you). That uneditable image, if you set the transparency or ALPHA as it is called in flash, to any other level besides 100, the whole image will fade. While if you have a vector image, and highlight a selection of pixels, then change the alpha, only those pixels will change.

    png is not ripoff of gif.
     
  20. Rise

    Rise Active Member

    Joined:
    Mar 21, 2008
    Posts:
    116
    Referrals:
    0
    Sythe Gold:
    0
    Transparent Backgrounds a How To

    Interesting and useful for newbs, thanks Xjaa.
     
< Need Help on Myspace Layout | Need a good Orb and a good Sig, Click here. >


 
 
Adblock breaks this site