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.
Grid Generator effect
2021-04-19 17:44:26
1
2021-04-20 07:18:56
Noted! Perhaps we can add something like this a bit further down the line.
0
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!
0
2021-09-27 07:32:58
Thanks, bertfw! Adding your vote for this feature.
0
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:
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.
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!
1. Add two lines intersecting in the middle of the canvas like so:
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.
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!
1
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!
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!
0
2021-09-29 07:34:41
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!
0
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.
0
2021-09-29 09:38:12
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?
PS: I made an isometric SVG grid load into Pixelmator Pro but can´t find any snapping features. What I´m missing here?
0
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.
0
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:
0