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 have created a logo with pen tool in illustrator but between lines (where they intersect with each other) there is shown a gap where it gets the color of the background. Something like this: (Black color is the background color) - As you can see there where the paths join each other there is a kinda dotted black line. I Grouped them but still same. I converted in jpeg just to be sure it is not only shown like that but same effect.

NOTE: I want to export that logo as SVG file type and use it in WEB. I tried some solutions given like anti-aliasing in preferences or art optimize when saving for optimization. But still i have same problem. I want to get that logo in SVG and put it in a web where it will display clean without those strange gaps.

How can i get rid of this? Thnx

enter image description here

share|improve this question
    
possible duplicate of Strange bordering in Illustrator –  Scott Feb 6 at 19:03
    
i tried that solution. The problem is that i want to export it as SVG and display in web-page. When i do that the problem still stands there? –  hrskrs Feb 6 at 19:07
1  
You may need to create a new "teal" shape behind those objects so that Illustrator anti-aliases to the correct color rather than the black background. –  Scott Feb 6 at 19:39
    
@Scott Thank you very much. This worked. –  hrskrs Feb 6 at 19:45
add comment

2 Answers

up vote 2 down vote accepted

Illustrator's anti-aliasing can be troublesome at times.

In situations like this I've found it best to simply add a new object behind things that is the same, solid, color of the object above.

In your case, I'd add a new "teal" colored shape behind all the existing "teal" colored shapes. This will cause Illustrator to anti-alias to a "teal", rather than the background black.

Another solution is to group the "teal" objects, and add a new solid "teal" fill to the group, behind the contents, via the Appearance Panel. I don't know how using the Appearance Panel method may effect your SVG output though.

share|improve this answer
add comment

Most likely your paths that you penned out are not 'touching' meaning that the paths are not perfectly touching to prevent the gap between the different objects. If this is the case you could try to adjust the objects to touch.

share|improve this answer
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.