Skip to main content
October 7, 2018
Answered

How can I fix this gap?

  • October 7, 2018
  • 8 replies
  • 2137 views

Step1: I create two cubes, one big, one small.

Step2:Put the small cube on the big cube.

Step3:I found there is a strange gap,

the top of the big cube can't be covered completely.

Step4:I checked outline want to find out problem,

but found nothing wrong.

Why became this gap? How can I fit it?

This topic has been closed for replies.
Correct answer Ton Frederiks

I played around a bit and I don't think the line is caused by the little deviation.

When I create similar objects where everyting aligns perfectly, I can still get those "lines".

I think it is caused by anti-aliasing and how the stacking order of the objects influences the calculation of the anti-aliasing.

With Anti-aliased Artwork Checked in the Preferences, lines show in GPU Preview and CPU Preview.

Unchecking Anti-aliased Artwork in the Preferences shows it in GPU Preview, but not in CPU Preview.

Moving the lighter objects below the darker ones hides the lines in both GPU and CPU preview with Anti-aliased Artwork Checked in the Preferences.

8 replies

KShinabery212
Community Expert
Community Expert
October 8, 2018

One easy solution, which sometimes I have done.... as dumb as this may sound.

Sometimes I create a layer and name it 'FIX'.  I then create plot points around the area that has a gap or hole.  Then I color it the same color as the object.  This covers up the gap or hole.

I know that is kind of dirty and simple trick.  But it does work.   I have done this in so many pieces of artwork.  LOL....  But I am very precise and like things to look perfect even if a person would not notice it.  So this quick solution is something I use simple to make things look the way I want.

Let's connect on LinkedIn. https://www.linkedin.com/in/kshinabery/
Ton Frederiks
Community Expert
Community Expert
October 8, 2018

As long as it works, it works, and then it is not as dumb as it may sound.

It does remind me of the way to hide things in very early versions of Illustrator when there was no Clipping Mask, we used white boxes on top to hide unwanted elements.

Your solution works when there is a real gap.

But when the stacking order causes these visible anti-aliased lines, it does not work.

Moving dark shapes in front of lighter shapes seems to solve this.

If it is possible without destroying your artwork you can do it manually.

Another option would be to use Live Paint.

Convert it to a Live Paint group and Expand it immediately.

It will move the visible areas to the front.

It will mess up everything, so I would do this with a copy when you are finished.

I have played around a litlle bit, you should probably zoom in to see the before and after.

Ton Frederiks
Community Expert
Community Expert
October 7, 2018

There is a very tiny gap of 0,001 px that seems to cause the lines.

The top (lightest colored) object shows between the darker objects.

If you select the light color object and choose: Select > Same > Fill Color and choose: Object > Arrange > Send to Back, it will hide them behind the darker objects.

Make Pixel Perfect aligns the objects to the pixel grid, but they don't align to to each other anymore.

October 7, 2018

OK I move the top object to back, looks problem solved...

Ton Frederiks

I just ctrl+Y show outline and drag the objects together.

Is there other ways to make sure I can avoid the 0.001px deviation?

Thank you very much dude!

Ton Frederiks
Community Expert
Community Expert
October 7, 2018

I don't know how you created the objects.

I'll try to find a way to avoid the gap.

lambiloon
Community Expert
Community Expert
October 7, 2018

yes pixel perfect also fix it but i have no issue without it also did you check on other computer ?

Ali Sajjad / Graphic Design Trainer / Freelancer / Adobe Certified Professional
October 7, 2018

I tried many times.

On illustartor artboard, need turned off GPU preview and Anti-aliased both, then the gap disappeared, if one of them turned on, gap appeared.

And when export to JPG or PNG, must need set to  "Supersampling", other options all has gap.

By the way, it looks not good without Anti-aliased...but I think I have no choice.

Ray Yorkshire
Participating Frequently
October 7, 2018

Try

right click

Make Pixel Perfect

lambiloon
Community Expert
Community Expert
October 7, 2018

yes file has no issue

Ali Sajjad / Graphic Design Trainer / Freelancer / Adobe Certified Professional
October 7, 2018

Very strange,  if I use "exporting for web", the picture is no problem,but when I use "resouces export pannel",it has gap...

Monika Gause
Community Expert
Community Expert
October 7, 2018

MOONLIGHTV  schrieb

Very strange,  if I use "exporting for web", the picture is no problem,but when I use "resouces export pannel",it has gap...

When exporting a PNG options need to be set to "Supersampling". This is usually the case in Save for web, but maybe not in Export for screens

lambiloon
Community Expert
Community Expert
October 7, 2018

Hi this file has no error i suggest you to update your graphic drivers i think issue is there...Thanks

Ali Sajjad / Graphic Design Trainer / Freelancer / Adobe Certified Professional
October 7, 2018

Let me use other computer check out it...

macpawel
Participating Frequently
October 7, 2018

Illustrator all time round values. Sometimes it's not possible to position one angled object exactly becouse of rounded values?

Maybe it's your problem?

October 7, 2018

Just two cube..

you can check it by this link:

https://drive.google.com/open?id=17EqdJsnVsqNk2RdEeUUn1rAqFx6Tb_Yy

Ton Frederiks
Community Expert
Community Expert
October 7, 2018

Can be an anti-aliasing preview problem.

Does switching between GPU and CPU Preview change it? (Cmd E or Ctrl E).

Does turning off Preferences > Anti-aliased Artwork change it?

October 7, 2018

Thanks for your replied dude!

I exported it to a png file, also can found the gap.

Seems it's not an issue about anti-aliasing preview.

lambiloon
Community Expert
Community Expert
October 7, 2018

Hi did you check the stroke option ? it is off ? i am not getting at my side check attached picture... My Gpu is off

Ali Sajjad / Graphic Design Trainer / Freelancer / Adobe Certified Professional