This problem has been bugging me for a while now.

I'm drawing two simple shapes (a circle and a curve), I'm drawing these with only a stroke to see the shapes: enter image description here

Then I'm using the shape builder tool to create the shapes I really want: enter image description here

So now I have 2 shapes (the upper part of the circle and the lower part), let's try filling some colors and then removing the strokes (I don't want any strokes in my final shape): enter image description here

Here, if you look closely you can see some kind of a small gap between the 2 shapes where the background shows through. When I change the background's color the gap becomes more clear.

The question

I'm sure I'm doing something wrong here, or even approaching the problem using a wrong method. How should I go about combining shapes without strokes?

NOTE: I tried doing the same thing but with drawing without strokes from the start. The same problem shows up.


1 Answer 1


What you see is a rendering artefact. All current generation vector renderers suffer form this problem occasionally. It is possible to switch over to a multi sampling rendering engine this eliminates the problem (since theres not really a gap at all). So try save for web with art optimized option and see the artefact disappear.

Another option is to let the shapes overlap (or more accurately underlap). This makes it impossible for the fractional coverage of the engines to fail.

  • This has been described in post: space between 2 paths illustrator

  • I have also described how this SHOULD be done if interaction speed wouldn't be a an issue here (computergraphics.stackexchange.com).

  • Thanks, I get the picture. However, going with the overlapping solution for simple shapes might be easy enough but not for the case I'm concerned with (like here). Saving for web with optimized option seems to solve the issue. Are there any kinds of shortcomings compared to using the "Export" command (even though I'm not really using it for the web)?
    – mrahhal
    Nov 28, 2015 at 17:10
  • @mrahhal The image you show shouldn't have any problems as it has no need for cutting shapes at all.ypu would naturally overlap and draw inside for shadows.
    – joojaa
    Nov 28, 2015 at 17:13
  • I kind of took to drawing everything by cutting shapes and never overlapping stuff (even the image I showed you). Guess I was not doing things in the most appropriate way. Thanks!
    – mrahhal
    Nov 28, 2015 at 17:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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