Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I'm a beginner in Illustrator so please excuse me if this is a very noob question. There's this thin orange-ish outline around the text. I'm 100% certain it is not a stroke. I'm guessing it is Illustrator's way of telling me that text color should not go with that background color, because it seems to go away when I switch to certain background colors. But I don't like to be told what to do.. :|

Screenshot

So how do I get rid of this regardless of what background color I choose?

share|improve this question
add comment

3 Answers

up vote 4 down vote accepted

This has more to do with how Illustrator handles the font's antialiasing/hinting than anything else. There is some transparency on these fonts that may not resolve well on certain colors. Sometimes Illustrator just doesn't handle pixel-related things that well.

Photoshop handles pixel-based images better, so if you try this text on that background color in PS, you'll find that you don't get that slight border. If the intent of this document is to print, though, you'll probably find that printing from Illustrator will yield text without the border. Illustrator/vector art does better on printers.

Hope this helps!

share|improve this answer
    
Hmm, so there's no fix to this? Well thanks for clearing it out for me anyway :) –  Sion Aug 9 '12 at 17:58
    
Well, I hate to say that there's NO fix...I know these programs pretty well but I'm always learning too. But I don't think there is. The good news though is that if you take that image and do Save for Web, it seems to disappear. And like I said, it should go away when you print, and I bet it will if you export to PDF. So you might only have to put up with it in Illustrator itself :) –  Brendan Aug 9 '12 at 18:03
    
Yea, I guess I'll have to live with that. Thanks :) –  Sion Aug 9 '12 at 18:05
    
There is a fix.. see my answer :) –  Scott Aug 9 '12 at 21:15
add comment

It's Illustrator's bounding box to show you the size of your text box. You can toggle it on and off under the View > Hide Bounding Box

Unfortunately it can't read your mind to tell you which colors not to use (although that'd be an awesome feature)

share|improve this answer
    
Hello, thanks for your response. However, I don't think it is the bounding box. I am talking about the ultra thin color around my text, you can clearly see it on the @ character, there's a "stroke" around it. –  Sion Aug 9 '12 at 15:51
    
If you check under View, do you have "Pixel Preview checked"? –  kamalo Aug 9 '12 at 15:54
    
Nope, it is unchecked. And checking it would.. pixellize everything xD –  Sion Aug 9 '12 at 18:04
add comment

As Brenden points out, it is due to anti-aliasing in Illustrator.

It won't effect output.

However, if it really bothers you there is a workaround.

Set the text blend mode to "Multiply" in the Transparency or Appearance Panel.

Here's the difference:

multiply

Overprint will have the same effect. If you set the text to Overprint Fill in the Attributes Panel then turn on View > Overprint Preview you'll also eliminate the anti-alias "glow" which can appear.

overprint

Overprint Preview may have some undesired effects when using Save For Web however. So it's best to use Multiply if the project is destined for screen reproduction.

share|improve this answer
    
What excatly is font's antialiasing? –  Jawad Aug 9 '12 at 22:16
    
Anti-aliasing is a method to smooth edges for screen drawing. truetype-typography.com/ttalias.htm –  Scott Aug 9 '12 at 22:20
    
Thanks for the link. –  Jawad Aug 9 '12 at 23:19
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.