Jump to content
TheBaronHimself

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, 

Simon-Claudius

post-31612-0-46789700-1466262922_thumb.png

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.

 

post-59-0-15608900-1466278460_thumb.jpg

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.


"Men are like sheep, of which a flock is more easily driven than a single one."

"Experienced vector artists and infographic designers will find a noticeable lack of the more advanced tools found in Illustrator CC." (source)

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

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.