Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Saving Rounded Logo in Illustrator - help please? 1

Status
Not open for further replies.

dreyo

Technical User
Sep 18, 2006
2
US
I designed a logo for a friend that is on a mac and i'm on a pc. I've got Illustrator CS, and her logo is round. She doesn't have a design program, so I've been saving them as pngs jpgs and pdfs.

After sending her the files, she remarked how her round logo appears on a white square background. It doesn't appear on my pc that way, is there something I can do to prevent it?

I opened a png of the logo into photoshop and magic erased the white background then resaved the png. Then I opened it in Illustrator to see if the color had changed much between the two programs and found that the outline of the logo was now pixelated.

How can I save the image for her to use on both a mac and a pc, with just the round logo and no background? Did I miss some saving techniques? I've never had problems like this before, and after all the hard work the two of us have done, it's a shame to see it's all been wasted.

:( confused but not giving up!
 
dreyo:

There are only a few formats that support transparency. PSD is one, but that would not work because your friend has no graphics capabilities. GIF is another, and GIFs are easy to use on web sites and in other applications. PNG supports transparency, but it's not too well supported yet in browsers.

JPEG does NOT support any kind of transparency, so for a round logo JPEG is probably out. TIFF, same thing. BMP, same thing.

When you say the edges of your png become pixelated, that means you've come close to the solution of your problem, without even knowing it.

When you save a file with transparency, there is the need for the edge pixels to be "stitched" neatly from the color of the logo to the background color. This process is called anti-aliasing, and it makes images appear natural as opposed to ziggy-zaggy. anti-aliasing compares the edge pixels to the background-color and finds an intermediate color. When you go to save for the web, or to any raster format with transparency, you should always try to set the "Matte" color to something close to the intended background color, to make the edge blend into the background. Unfortunately, you cannot use one and the same image on a white AND a black background without changing the matte color because of this.

Hope this gets you started in the right direction.

Bert

 
Does she get the white square when she places the Illustrator file into a layout application? If yes what application is she using?



info@prepress-online.com

"Tell'em we're comin', and hell's comin' with us.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top