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
    Hi Yanjie, thanks for your question. Could you tell us what you tried that didn't work? Always good to show some effort, and your chances for a good answer increase. If you have any questions, please see the help center or ping one of us in the Graphic Design Chat once your reputation is sufficient (20). Keep contributing and enjoy the site! – Vincent Jul 11 '16 at 10:37
  • Hi @Vincent , I've added in descriptions of what I've done. Could you put this question back to live? Thank you! – Yanjie Jul 12 '16 at 4:36
  • Your question has automatically entered a queue to be reopened. With a bit of patience, you'll be back in the game. good edit! – Vincent Jul 12 '16 at 6:20
  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.

| improve this answer | |
  • This is a fantastic example of how to achieve this! – Galaxy Dec 12 '16 at 5:38

You have to make a square, and fill it with the graphics that will be the pattern.

Later select your square and drag n drop to the color palette, use it to fill objects with you pattern.

To modify your pattern, double click it!

| improve this answer | |
  • I think OP is asking how to actually create the pattern itself (like the lines) rather than convert the existing image into a pattern. – Hanna Jul 11 '16 at 11:20
  • ok, so you can do a simple grid (6x6) and later you can modify them with the plot tool (the tool have the same image of what you want to do) – Sasha Chirico Jul 11 '16 at 12:26
  • Thanks. But what's the plot tool? Do you mean the mesh tool? – Yanjie Jul 12 '16 at 3:47
  • Yes, sorry i have Illustrator in Italian, i had search for the english translation.. – Sasha Chirico Jul 12 '16 at 7:55

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.