Making Of / 07 November 2018

Material Study: Grass Pavers

I came across this image on Pinterest and wanted to reproduce the pattern in Substance Designer.
There were a lot of different patterns with the same tiles so I wanted to set up the graph in a way that would make it easy to customize the pattern design.
I found a lot of variations of the tiles on the same Pinterest page, when searching for more, I found this site that showed a picture of a single tile.
For the pattern of the single tile I tried multiple things,  in the end I went for this route as it gives me the ability to customize the width of the tiles and more importantly have both the inner and outer ring be the same size so it will tile perfectly later on.
The making of the pattern starts off with a Disc Shape which I Transform into a corner with Tiling turned off. I follow this up with two Edge Detect nodes, the first one will determine the two selections that we're looking for. The second Edge Detect will create the tiles, Edge Width will determine the width of the tiles, so this parameter can be exposed to give option for customization(set Invert to True for this node). Then Transform a copy with Horizontal and Vertical Mirror and Add both together in the Blend node, finally add a little Blur to soften the edges a little and feed it in the Tile Sampler(Settings: 4 x 4 Tiling and Scale 0.99).
Now that the base pattern is done, looking closer to the reference images you can notice that the patterns are made up by rotating the tiles in different ways, so the way to approach this was having a Rotation Map that made certain tiles rotate and others sit in place. I started off with a Checker 1 that matched my current tiling and plugged this in the Rotation Map Input(set the Rotation Map Multiplier to either 0.25 or 0.75) and got a new variation, I then started to play with the number on the checker and found out that this would alter the pattern in a way that it makes up another variation as seen in the reference. Then I started to play with Transforms and rotation this made up even more variations, in the end I bundled the ones I liked in one little node to clean up the graph and exposed the Input Selection to be able to easily change the pattern on the fly.
The final result can be found Here on ArtStation
Feedback is as always greatly appreciated!

- Martin