Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
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:
Is there a quick fix for this?
Edit:
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.
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:
https://www.youtube.com/watch?v=A1-IFcvW1RI
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:
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.
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:
For JPG:
This is based from Jonathan Patterson's answer.
When you export (via File > Export, PNG) for example, under Anti-aliasing select Art Optimized.
This most likely not a real artifact, but just the program. Make sure pixel preview isn't on, also make sure that your shapes aren't aligned to pixel grid in the transform panel. Additionally, if you're using the new updated Illustrator, you can toggle back to CPU Preview, from the new GPU preview in the View menu. Again, these are just hairlines and won't show if printed. IF they really really bother you, just put a large rectangle of blue behind your whole design.
When you export (via File > Export, PNG) for example, under Anti-aliasing select Art Optimized.
