Jump to content

Gaps between shapes when snapping to grid

Recommended Posts

Hey everybody,


I'm just starting experimenting with the isometric grid, creating some basic shapes and models. I should add that I'm quite new to vector graphics, so please excuse this potentially very basic question:


When I create some shape, only using fill and no stroke, I get gaps between the different parts of the model. When I create these shapes I make sure that everything only snaps to grid, but the shapes still don't seem perfectly aligned. I'm guessing it's an issue with my understanding of vector graphics or there is some setting to avoid these gaps. I attached a screenshot for reference. 


What is the solution for this? What am I not getting right?


Many thanks, 



Share this post

Link to post
Share on other sites

Hi TheBaronHimself,

Welcome to Affinity Forums :)

That's the light background bleeding through the edges of the shapes due to the antialiasing (smoothing out the "step" effects you see around objects like circles,diagonals etc). In a case like yours you can combine all three red shapes into a single object eliminating the gaps between them selecting all and using an Add boolean operation. You can keep the original shapes editable if you perform a non-destructive Add operation pressing and holding ⌥ (option/alt) while clicking the Add icon in the Operations section area in the Persona Toolbar (see screenshot). This will result in a compound shape that you can expand in the Layers panel to access and edit the original shapes.



Share this post

Link to post
Share on other sites

Hey MEB, 


Aaaah... Thanks a lot for the explanation. I hadn't thought of that (antialiasing) but it makes perfect sense.

I also hadn't thought of creating a compound instead of combining/merging them, as they didn't technically overlap.


Thanks do much. Very helpful :).


I hope to be spending more time here at the forum. It seems to be a great community :).

Share this post

Link to post
Share on other sites

I have this problem too.

When i do the non destructive combine Boolean operation it makes the shapes the same colour. (does fix the gap issue)

When i go to sub edit i am not able to change the shapes colours independently so it goes against what i want to create.

I also enabled precise clipping and re started AD but not much difference.


Method used

Fill only (no outline)

Snapping preset - object creation

Pen tool to create shapes

Node tool to check snapping

Layers/Compound/Sub Curve select to try and apply different shades

Share this post

Link to post
Share on other sites

Hi James,

For cases where you wish to keep the objects separate (to be able to fill them with different colours) you can't use a boolean operation. Compound object don't support different fill colours as you discovered. One way to work around this is to create a new object with the same colour of one of the original objects and place it behind them to hide the gaps. A stroke with the same colour as the fill may also help to solve some situations.

Share this post

Link to post
Share on other sites

In Illustrator a quick fix for this problem is select all objects then Object > Path > Offset Path to offset all the objects to fx 0.1mm.

Another argument for offset path in Designer.

4. In order to validate value, release early and often
As I always share in my Professional Scrum Product Owner Trainings when we talk about Value, there is one thing that you as a Product Owner must remember: "You have to release a Product to customers/users, in order to find out if you have delivered value for them!". Unfortunately, I encounter a lot of Product Owners in daily practice, who think that 'working on the Product for just a couple more Sprints' will create a Product that customers/users will certainly love. Often, this results in a lot of disappointments... So, start validating value, by releasing to your customers and users early and often!


Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now