Create a grid in Affinity Photo

[GraphicDesigner]

Hi all, 

I'd like to create an ACTUAL grid in Affinity Designer because I want to export the grid. I could draw lines and replicate them continually. However, if I wanted to change the spacing of the grid I don't see a way to do that easily. Any suggestions? 

[Blende21]

Do a little math: On how many cm the grid should extend ? Which spaces in between ? The result is the number of Grid Lines you need.

Then draw a first grid line on the zero-Position. Then create as many duplicates of it as you will need. Place the last one on the final position, and all the others between the first and the last one. Select all, use the „distribute evenly“ item to set them all with identical spacing between the first and last one. Group all together, protect against changes.

For a vertical grid select the group, duplicate it and rotate it by 90•

[lacerto]

(...)

[Helmar]

On 8/31/2020 at 12:17 AM, Blende21 said:

Do a little math: On how many cm the grid should extend ? Which spaces in between ? The result is the number of Grid Lines you need.

Then draw a first grid line on the zero-Position. Then create as many duplicates of it as you will need. Place the last one on the final position, and all the others between the first and the last one. Select all, use the „distribute evenly“ item to set them all with identical spacing between the first and last one. Group all together, protect against changes.

For a vertical grid select the group, duplicate it and rotate it by 90•

That can't possibly it, can it? I mean, if there's a fancy cog builder, what am I missing to not see a grid builder?

[GarryP]

If you are using Windows 10 you might find this of some use:

 

 

[NotMyFault]

I can provide a procedural texture filter which creates a grid of selectable grid size, and with selectable color.

Interested?

x y grid.afphoto

[R C-R]

7 hours ago, Helmar said:

That can't possibly it, can it? I mean, if there's a fancy cog builder, what am I missing to not see a grid builder?

You aren't missing anything. There is no vector-based 'grid builder' in any of the Affinity apps. If you would like to see such a feature, you could post something to the appropriate Feature Request forum, or search for that in the already created ones & add your support to it.

[v_kyr]

There are a some online SVG based grid builders like ooorganize etc. available, do a Google search after this topic. - These allow to setup a grid and then to download it as SVG vector format which you can import/open/place into the Affinity apps.

[Ken Hjulstrom]

You could create a grid by creating a rectangle with a stroke but no fill, after which, replicating the rectangle and snapping it to its neighbors would allow you to construct a grid quickly.  You could then select all of the rectangles at once and group them, which would give you a single, selectable grid object.  And by dragging the resize handles, you could adjust both the size and aspect ratio of the cells.

[Helmar]

On 4/25/2022 at 12:46 PM, NotMyFault said:

I can provide a procedural texture filter which creates a grid of selectable grid size, and with selectable color.

Interested?

x y grid.afphoto

Thanks so much - much appreciated!

[Keeper22]

On 4/25/2022 at 3:46 AM, NotMyFault said:

I can provide a procedural texture filter which creates a grid of selectable grid size, and with selectable color.

Interested?

x y grid.afphoto

I know this is a little old, but I find it incredibly useful. Is there any way to adjust the weight of the grid?

[Komatös]

7 hours ago, Keeper22 said:

I know this is a little old, but I find it incredibly useful. Is there any way to adjust the weight of the grid?

Yes, it is possible! Just double-click on the Live Filter icon. Now you can change the values of 'a' and 'b' 

[Keeper22]

Thank you for responding.  I understand that that changes the number of vertical and horizontal squares, but I’d like to change the weight (stroke) of the lines. On high resolution images it’s very difficult to see the lines.

[NotMyFault]

I will check, will be possible

 

[NotMyFault]

I quick method: in the PT filter, delete the c variable, create it new with type "R" and set a number of 2. This will thicken the lines, but only to the right / down direction.

Getting the lines thicker symmetrically will require more extensive refactoring.

 

x y grid V2.afphoto

[Keeper22]

Thank you for trying. Let me know if you are able to increase the stroke of both horizontal and vertical. I really appreciate all the effort.