How can I create this moire pattern in Illustrator?

How can I create this pattern? I need the white lines to be paths.

Pattern I want to recreate

Using Illustrator, I created the wave, duplicated it and then use the blend tool to create this. Then I duplicate the pattern.

And then I rotated the whole thing to get this:

My attempt

But I want the spacings to be consistent like the original image I’ve posted. Any idea how to go about doing that?


  1. Use the Rectangular Grid Tool to create a grid.

Rectangular Grid Tool

  1. Create a mesh envelope (Object → Envelope Distort → Make with Mesh…) with an even and equal number of rows and columns.

Envelope Mesh

  1. Select alternating columns of mesh anchor points using the Direct Selection Tool (A) and offset their position.

Offset alternating mesh columns

  1. Do the same with alternating rows of mesh points.

Offset alternating mesh rows

  1. Create a pattern (Object → Pattern → Make) and adjust the height and width of the pattern to that of your original grid to align the pattern.

Create a pattern

Finished pattern:

Finished Pattern

This was a quick example so it’s not perfect. Some of the lines don’t align perfectly but that can easily be fixed with a bit more time and effort.

Source : Link , Question Author : Yanjie , Answer Author : Cai

Leave a Comment