Fix gap between path and shapes in Illustrator


I'm working on a cloud image and have created triangles using a template. After the cut and coloring, there are gaps between the triangles. It' about 1 px thick, more prominent when exported to Photoshop:

There are gaps where the triangle edges touch/meet

Is there a quick fix for this?


After adding a blue background and saving as a jpeg, the lines become even more visible. Note that I mean the tiny dark blue lines in the background, not the overlay/connection lines. Just curious as to whether there is a way to "expand" these paths.

enter image description here

6/30/2015 5:19:00 AM

Accepted Answer

There's a Path Offset feature in Illustrator that makes the path go out or in from the shape by an equal amount.

Traditionally this has been used to make fonts heavier or thinner. But will work perfectly for this, too.

Here's a video showing it being used for fonts, but I'm sure you'll immediately see how you can use this technique to solve your problem:

It looks like you'll need a very small number, something like 0.5 might be enough.

Assuming your goal is to get the Polygons to all be joined perfectly, at their edges, like this:

enter image description here

In which case these 'triangles' are known as Polygons. Traditionally they're done in 3D programs. Which are now, apparently, beyond the scope of this forum. Which is interesting, because you've just highlighted the crossover between 2D and 3D, perfectly.

6/30/2015 7:59:00 AM

Complete Answer

Sometimes, the hairline gaps show not only on the software, but also when exporting (via File > Export).

To fix this, you have to select Art Optimized (Supersampling) from the Anti-aliasing option.

For PNG:

Adobe Illustrator export as PNG options

For JPG:

Adobe Illustrator export as JPG options

This is based from Jonathan Patterson's answer.

When you export (via File > Export, PNG) for example, under Anti-aliasing select Art Optimized.