Remove thin line when snaping

[bndesigner]

1. I made a pie and adjusted it so it forms half a circle

2. I duplicated it and flipped it and then snapped it onto the first pie so that it forms a whole circle.

As you can see there is a thin line in the middle where the 2 halves join, I cant seem to get rid of it no matter what snap settings I choose.

[Gabe]

Hi @bndesigner,

Welcome to the forums. 

Are the straight edges aligned on an integer pixel value? Do you view the design at 100% zoom?

Just out of interest. Wouldn't it be easier if you were to use the ellipse tool and Shift-drag to constrain it to a circle? 

Thanks,

Gabe. 

[v_kyr]

13 minutes ago, bndesigner said:

I cant seem to get rid of it no matter what snap settings I choose

Select one pie half and use the arrow key (left or right arrow key dependent to the selected pie half) once to position it accordingly.

[bndesigner]

19 minutes ago, GabrielM said:

Hi @bndesigner,

Welcome to the forums. 

Are the straight edges aligned on an integer pixel value? Do you view the design at 100% zoom?

Just out of interest. Wouldn't it be easier if you were to use the ellipse tool and Shift-drag to constrain it to a circle? 

Thanks,

Gabe. 

I have bought this software yesterday so I am trying to familiarize myself. I am not sure how to check if the edges are aligned on an integer pixel value, if you mean the X/Y coordinates on the transform tab then they are integers and not decimals.

Here is why I am trying to split a circle:

 

The 1 circle sits on top of 2 and 7 but I need it to be below 2, the easiest way to do this seems to split the 1 circle into 2 halves and put 1 half below 2, but I get the annoying line:

 

 

edit: I get the line on any zoom, from 50% to 200%

[Gabe]

Can you attach the .afdesign file in question?

[bndesigner]

1 minute ago, GabrielM said:

Can you attach the .afdesign file in question?

I have attached the file

overlapingcircles.afdesign

[Pšenda]

6 hours ago, bndesigner said:

split the 1 circle into 2 halves

You do not have to divide it. Just copy it, and from the top circle partially erase.

[R C-R]

6 hours ago, bndesigner said:

I have attached the file

overlapingcircles.afdesign

In that file, the two ½ circles of the "1" group are Pie shapes, each with a total angle of 180°. There is nothing wrong with that, except they are not aligned on integer pixel boundaries. To see this, first make sure in Preferences > User Interface that the Decimal Places for Unit Types for the Pixels field is set to anything greater than zero (1 is the default):

Now, select one of the Pie shapes in the Layers panel:

Note that in the Transform panel, each of the X, Y, W, & H field values include factional pixel values:

To remove the line gap, decrease the X value of the right Pie shape to eliminate the fraction & move it slightly to the left. Increase the X value of the left Pie shape to eliminate the fraction & move it slightly to the right.

[bndesigner]

11 minutes ago, R C-R said:

To remove the line gap, decrease the X value of the right Pie shape to eliminate the fraction & move it slightly to the left. Increase the X value of the left Pie shape to eliminate the fraction & move it slightly to the right.

Thanks, that does work and I have tested it before but I was really hoping there was a solution for the snapping tool to do it better. There seems to be always that line no matter what kind of 2 shapes that im snapping like these rectangles that Iv drawn:

 

I have verified my settings and the Pixels value is set to 1.

[Gabe]

Unless you view them at 100%, you will see the "gaps". It's just a visual thing and does not make it past the export. You can check this by using the pixel view mode. 

[R C-R]

1 hour ago, GabrielM said:

It's just a visual thing and does not make it past the export.

Except when it does. Try exporting the attached line removal.afdesign file to PNG. The top pair of rectangles are snapped together such that the vertical edges are aligned, yet in the export (& in Retina pixel view mode) the gap is there.

The second pair of shapes demonstrates the gap issue of geometrically defines diagonals producing antialiasing effects, & the third pair demonstrates one of the ways to eliminate it (by overlapping the top shape slightly).

[MEB]

9 minutes ago, R C-R said:

Except when it does. Try exporting the attached line removal.afdesign file to PNG. The top pair of rectangles are snapped together such that the vertical edges are aligned, yet in the export (& in Retina pixel view mode) the gap is there.

The first example is not working because your document's dimensions doesn't have integer values. Fix that and ensure the objects also use integer values and the first example will export correctly without any gap.

[R C-R]

1 hour ago, MEB said:

The first example is not working because your document's dimensions doesn't have integer values.

Yes, I know that. I just wanted to point out that even when, according to the Transform panel, both rectangles are aligned on integer pixel boundaries, if the document itself is not aligned to integer values, the gap appears, both in the export & in the Retina pixel view mode.

Sorry if I was not clear about that.

[bndesigner]

I am still having problems with these gap lines between objects. This time I am trying to draw objects with the pen tool on a triangle grid. Every time I try to draw a box there is a gap in the middle, I am using the UI Design snapping preset. Also the line appears in exported PNG files as well.

[Gabe]

Can you attach the file in question, please? 

[bndesigner]

5 hours ago, GabrielM said:

Can you attach the file in question, please? 

I have attached the file, I am guessing it has something to do with integer pixels but I don't know how to setup my document so that I can draw isometric objects without those lines.

linedemo.afdesign

[Gabe]

It's the exact same issue. You're not using integer numbers. 

After you correct the values, it's all fine. Left- corrected, right-original. 

[bndesigner]

2 minutes ago, GabrielM said:

After you correct the values, it's all fine. Left- corrected, right-original.

I understand that I can manually change pixel values but my question is more on how to configure the snapping/grid so that it fits automatically? Its tiresome to texture this object and correct the pixel values for every little thing.

[Gabe]

When using isometric, you will always get non-integer values. You would have to either don't use isometrics or manually adjust the values. 

[lepr]

.

[bndesigner]

10 hours ago, >|< said:

Your isometric grid can have integer pixel divisions horizontally. Change the first axis spacing from "64 px" to "1/sin(60)*64 px".

 

Thanks that was very helpful, I have finally managed to learn how stuff works somewhat:

 

 

I have learned that my biggest enemy is 2 curves with the same color next to each other, they always produce some thin line due to aliasing or whatever, so I have learned to use the boolean add wherever I can or if that's not possible I can create another curve on top of the 2 to "mask" them.