Grid Generator effect

What features would you like to see in Pixelmator Pro?
User avatar

2021-04-19 17:44:26

In addition to the checkerboard and stripe effects, I would love to see a Grid generator, please, with the options of:
- line width
- line offset
- line color
- rotation angle

bonus points for separate horizontal/vertical line width/offsets, but not strictly necessary.

This would be super handy for quick layout guides, or perspective guides after distortion, or (in my case) actual design elements in a graphic.
User avatar

2021-04-20 07:18:56

Noted! Perhaps we can add something like this a bit further down the line.
User avatar

2021-09-26 13:55:56

I would love to see this feature as well. It's easy enough to generate a "guide grid" but really need to be able to realize this as either vectors or a bitmap in the image. Thanks!
User avatar

2021-09-27 07:32:58

Thanks, bertfw! Adding your vote for this feature.
User avatar

2021-09-27 08:08:04

In the meantime, you can create something similar to an adjustable grid using the Teserra and Affine tile effects. Basically, what you'd need to do first is:

1. Add two lines intersecting in the middle of the canvas like so:
Image

2. If you're using the Pen tool to draw and the lines are on their own separate layers, group or unite them.

3. Next, choose the Effect tool (E) and apply the Tessera effect from the Tile effects category to the line layer/group.

4. Apply the Affine Tile effect from the same Tile effects category and use the Affine Tile effect settings to adjust the grid.
Image

And there you have it — a grid that you can move, rotate, stretch, skew or scale however you like. One downside, however, is that when adjusting the grid, you're not working with pixels. Also, this grid is not something you'll be able to save for future use. Of course, you can save the effects as a preset, so you'll only have to draw the initial intersecting lines when you need an adjustable grid.

Oh, and I almost forgot. To fill the grid with a color you want, you can use the Color Fill effect under the Fill effects category.

Hope that helps!
User avatar

2021-09-28 15:27:17

Aurelija,

That was very useful! 'Tessera with perspective Transform', pretty cool. I enjoy looking at "bugs" and "feature requests" to learn new and useful things. Thanks!
User avatar

2021-09-29 07:34:41

by mccoytest Aurelija,

That was very useful! 'Tessera with perspective Transform', pretty cool. I enjoy looking at "bugs" and "feature requests" to learn new and useful things. Thanks!
Glad to hear you found it useful! Although it probably isn't the most in-depth of tutorials. I threw it together as a quick suggestion and didn't think much of it. Perhaps we can turn this into a more detailed tutorial to put on the Resources forum one day, too!
User avatar

2021-09-29 09:34:05

It´s a nice effect, but from my experience we can´t snap Pen strokes to it like we expect from "real" guides.
User avatar

2021-09-29 09:38:12

by EllenM 2021-09-29 00:00:00 It´s a nice effect, but from my experience we can´t snap Pen strokes to it like we expect from "real" guides.
True, that's another shortcoming of this type of grid. Although, even with a dedicated grid generator effect, I'm not sure if snapping would be possible to implement.
User avatar

2021-09-29 09:54:49

Yes of course, Inkscape, AffiinityDesigner eg can do. All these isometric hyped imagery wouldn´t be possible without.
PS: I made an isometric SVG grid load into Pixelmator Pro but can´t find any snapping features. What I´m missing here?
User avatar

2021-09-29 15:35:05

But those apps use a dedicated grid, not a grid effect, right? When working with a regular grid in Pixelmator Pro, objects should also snap to it.
User avatar

2021-09-29 21:26:35

My bad. I was talking of "real" guides and not "grid effects". But no snapping to the SVG grid available to my knowledge:
Image