How Do I Create a Truely Transperent Logo?

Discussion in 'The Logo Creator' started by Maxxman, Jun 3, 2007.

  1. Maxxman

    Maxxman

    Messages:
    3
    Trophy Points:
    0
    I'm trying to create a truely tranperent logo in Logo Creator.

    From what I've seem you can export it in two different formats Gif or Png but both those formats want you to pick a background color that will match the background color of where ever your using your logo.

    I've found the color matching to be just about impossible you can still see some color mismatching and a "box" that is a different color from the rest of the (either) web page or business card.

    Is there any way to create a logo and have it truely export JUST the logo (free standing as it were)?

    I would appreciate any help anyone can give me on this.

    Thanks
     
  2. Wicked

    Wicked

    Messages:
    1,524
    Trophy Points:
    38
    When you use the transparent GIF export option it ask you to pick a color that you would like to be transparent.. So if the background was white then you would click on the white background and then export the image and it removes the background. A transparent png to my understanding just finds everything that is white and makes it transparent. In some cases one option or the other will not work sometimes so you have to try both to see which one turns out better. At least that is my advise.

    Again though when you use Transparent Gif export option it is not asking you to match up the color.. Its asking which color you would not like to be viewable and to be made transparent. That gives you a true transparent image. As well keep in mind that Internet Explorer hates the PNG format and will sometimes display a box around the image.. Always check to make sure.

    You wont need to do any color matching..
     
  3. Chris

    Chris Staff Member

    Messages:
    3,062
    Trophy Points:
    38
    Gender:
    Male
    Use transparent PNG. It should not ask you to choose a color when exporting as transparent PNG. Transparent PNG does it automatically for you. That is why transparent PNG is being used allot more than Transparent GIF now days.

    HTHs
     
  4. Maxxman

    Maxxman

    Messages:
    3
    Trophy Points:
    0
    Thanks for the advie

    Guys,

    I wanted to say thank-You for your help. I had used the PNG already, the problem I was having was posting it to my website. The "square" around the logo was just a shade off the background color on the website.

    Even though originally I did not pick any background color on the PNG format when I imported it on to my web page it came close to being transparent, but still was a shade or two off making, the square very visible.

    I finally just changed the background on my site to white as a work around, but thought there may be more to creating a transperant logo than what I was doing.

    Max
     
  5. Wicked

    Wicked

    Messages:
    1,524
    Trophy Points:
    38
    Hmmm.. Maybe I did not follow the original post correctly.. Do you mean that just a square border is showing up around your image? If that is the case then make sure you have the image boarder set to 0.. So the code would look like <img src="image.gif" border="0"> .... If that is not what you are talking about then my original advise is the best I have to offer.
     
  6. Chris

    Chris Staff Member

    Messages:
    3,062
    Trophy Points:
    38
    Gender:
    Male
    If you did a transparent PNG you should not have ever had to pick a color for the background.
     
  7. Randy...

    Randy... Guest

    I've had the same problem with some browsers showing a grey box around the object when using png. Work around was to export as the transparent png to get the best image and then bring it back into TLC and re-export as a gif. Then, I used the gif on my website, which I haven't found a browser NOT to support and is a littel smaller file.

    Hope maybe that helps a bit.
     
  8. vanswar

    vanswar

    Messages:
    1
    Trophy Points:
    0
    export your image as a png and you should have no problem :)

    :image10-2:
     
  9. Christy

    Christy

    Messages:
    45
    Trophy Points:
    0
    I figured I was just a dingbat who kept clicking on the wrong things when trying to do a gif so I'd export to png, reopen in in PSP and save transparent gifs that way. It's time consuming and figuring it out in TLC just makes more sense so I'm going to try that digger. Thanks.
     
  10. Maxxman

    Maxxman

    Messages:
    3
    Trophy Points:
    0
    OK - Workaround that might work for You.

    My web publishing tool was having trouble importing a PNG file.

    So I was exporting a transperent GIF. There was still some discoloration between my logo and the background on the website.

    But, playing with it some more I discovered a work around that others might find useful.


    ........................................................................................................
    If your website publishing tools has this feature, when you pick your color for the background, get the hexidecimal code from the color graph tool.

    Copy this hex code to your clipboard.

    Then open your logo software, click on select background color and paste the hexcode into the color graph. (I had to use the keyboard cntrl+V because a right mouse click did not work)

    Then export your file in any formt hat your web building software recognizes.

    I hope this helps others that might be having transperent / color matching problems.

    It worked perfectly for me. If you would like to see the results you can go to my (at the moment non-public) website and look at the logo in the top left corner that has the same background color as the rest of the webstite. www.meteorise.com

    If anybody has any questions, I'll be glad to walk them through the procedure.
     

Share This Page