Making Of / 24 August 2018

Material Study: Japanese Weave Tiles

I'm writing this blog to document my process and give insight in my workflows.
I was scrolling through my Pinterest feed and came across this Image, I found the pattern interesting and wanted to recreate it in Substance Designer.
Before I start off in Designer I usually do some research about the material and it's properties, looking for more reference/angles and trying to figure out the pattern.
While searching how the pattern was made, I found the manufacturer's website, here was a page dedicated to this kind of tiles and found out that the pattern was called "Japanese Weave" with an image of a single tile, this helped a ton with the recreation as I just had to focus on making this single tile to make up the pattern.
To create the hexagon pattern I started off with a 6-sided Polygon and cut out the hole with a Disc Shape. I follow this up with a Histogram Range to control the height placement of this element, a Blur to make the edge falloff more smooth and a Curve node to edit how smooth I want the edges to be.

For the weave pattern I used the same Polygon Shape as before, I cut out the parts that I didn't need with a Splatter Circular using a Disc Shape. I use the same Blur + Curve follow up as with the previous pattern to smooth out the edges. To create the weaving effect, I Blend a Paraboloid Shape with Multiply on top of the pattern, I then add a Curve node to control the strength of the effect. Invert the Paraboloid and Multiply it on top a copy of the pattern to get the variation. Use a Transformation 2D to change the rotation of this copy.

Simply Blend the different elements together with the blend mode set to Max (Lighten) and tweak the parameters of the Curve nodes to get the pattern of a single tile. Feed this tile in a Tile Sampler and play around with the settings to get a wall of tiles.
The final result and more can be found Here on ArtStation

- Martin