Jump to content
HairyDalek

Making a custom grid - things don’t line up

Recommended Posts

I am trying to make a custom grid in Affinity Designer. The measurements are important  :6 pixels wide evenly along the x axis. The y axis requires a bit more work: 6 pixels, 8 pixels, 6 pixels, 6 pixels, 8 pixels, 6 pixels ... and so on.

 

The grid manager lets me go so far. In order to get the 6 pixels, I actually make the vertical spacing 12, and add in a divider. I have to add a 8 pixel gutter. It looks right, but it fails to line up. Here is my grid, and you’ll see that the drawing tool locks somewhere where it shouldn’t.

5a0d5ce46824b_ScreenShot2017-11-16at09_26_35.thumb.PNG.cc5e50388e53123a6351fd489c902512.PNG

 

And again:

5a0d5d1e92ec0_ScreenShot2017-11-16at09_26_50.thumb.PNG.72bef94417d9421b49d78344f66253d6.PNG 

You’ll also notice that the first row at the top on the grid isn’t even zeroed (the origin is correctly set). The yellow dot indicates where the pen tool is pointing, BTW.

 

So, if I draw some shapes using grid snapping, I get this:

5a0d5d813ddda_ScreenShot2017-11-16at09_28_25.thumb.PNG.c3e17a262602f74fb38afea6750a8ada.PNG

Which isn’t what I want.

 

So, I end up having to use guides to create the grid I actually want, which causes more hassle (and is very longwinded and tedious to set up). In order to get spot on positioning, I have to use the guides manager to place the guides at exact locations. Guides clearly don’t do sub-divisions, so I can’t clearly see how each 12x20 block is split up.

5a0d5d9c778d3_ScreenShot2017-11-16at09_30_57.PNG.1af4f4355bea540ce5d11273fcf3f9b5.PNG

 

So, the questions are:

 

1 - Is this a bug? Why is the grid not snapping correctly? How can I make it so that the tools snap to the lines, and nothing else? I’ve used Snap Manager to only set snap to grid on.

 

2 - How can I create an irregular grid spacing without resorting to using guttering?

 

3 - How can I get the grid to start to coordinates 0,0? Right now, it looks like I’m losing top left positioning by about 2 or 3 pixels vertically?

 

Thanks.

Share this post


Link to post
Share on other sites

More experimentation, and I find this. If I change the angle of the y axis to -90, the grid lines up with the object drawn. Note - I’ve changed the x-axis to be 12 with two divisions, so I get a better idea of grid spacing. The problem still persists.

5a0d616e6140d_ScreenShot2017-11-16at09_55_58.PNG.2badb99df85222315024a18edc9cf885.PNG

 

Compare this to how the object appears when the angle is 90 degrees (it’s default state).

5a0d61e7de2af_ScreenShot2017-11-16at09_55_41.PNG.05fd74df0284b652a513ca63c4ba2037.PNG

The object top right was drawn using snap to grid, with the grid settings as the screen shot above.

 

Notice that when the grid is at -90 degrees, things still do not snap to the lines (see yellow dot with the red marker).

5a0d621b8fe7b_ScreenShot2017-11-16at09_56_48.thumb.PNG.eff152bebb61622a4852bed2f091e331.PNG

It’s almost as if Affinity is inverting either the drawing of the grid or the snapping each time!

 

It’s starting to feel like a bug to me now.

 

Share this post


Link to post
Share on other sites

Hi HairyDalek,

Thanks for reporting this. This is definitely buggy, the grid alignment/snapping when using OpenGL. Please try with Metal in the display dropdown in Affinity Preferences Performance section and let me know if you still have issues. I'm still checking this and logging the issue to be looked at.

Share this post


Link to post
Share on other sites
6 hours ago, MEB said:

Hi HairyDalek,

Thanks for reporting this. This is definitely buggy, the grid alignment/snapping when using OpenGL. Please try with Metal in the display dropdown in Affinity Preferences Performance section and let me know if you still have issues. I'm still checking this and logging the issue to be looked at.

Hi,

thanks. Using Metal appears to solve the problem.

Share this post


Link to post
Share on other sites

Weird, on my Mac Mini running Sierra, Metal is available. On my late 2011 MacBook Pro running High Sierra, Metal is greyed out. Turning on Integrated GPU doesn’t seem to make any difference. So grids work on the Mac Mini now, but not on the MBP.

 

5a0dc97711cd3_ScreenShot2017-11-16at17_22_23.png.8806c9474c1215be7ac71d1bea7d66fa.png

Share this post


Link to post
Share on other sites

Just wanted to say that I got the same problem of a "jumpy" grid while panning or zooming on Mac with Open GL. I used Designer on Windows before, without this issue and sadly, it almost renders Designer on Mac useless for me, because I use Designer to lay out all kinds of documents until Publisher arrives and I use the grid tool as a baseline grid which I base my whole document structure on. So, I am kinda sad now. Has anybody found a nice workaround for this? Any tips would be much appreciated :)

EDIT: Setting my render engine to "Open GL (Basic)" seems to get rid of the problem and the grid seems to be working fine. I don't know the downsides to using this type of rendering, though...

Share this post


Link to post
Share on other sites
On 11/16/2017 at 8:58 AM, MEB said:

Hi Sean,

Thanks for letting me know :)

I had the same problem; switching to metal works for me.

Just wondering, is this bug fixed in 1.7? And are there any known downsides to using metal or OpenGL?

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

×