How to create a wavy-angled Grid without overlapping lines?

Question

Hi there,

I am looking for a solution to creating a wavy grid, such as the one in the attached photo, without the lines overlapping. The first attached image is an example of a pre-existing raster file I purchased via Gumroad, however, I wish to create a similar waved grid in Adobe Illustrator so as to have a scaleable vector as well as the option to customize the waves.

For context, I have created a grid using paths, created a colored shape as a background, grouped them together and used Envelope Distort > Make with Mesh to create the waves. This seems to work on the back row (that is, the top row) of the mesh but the issue I have is that the inside of the grid doesn't "stick" to the background (see second attached image).

I'd be greatful to hear any suggestions or solutions.

Thanks!

Anshul_Saini · Accepted Answer

Hi @Kaz-M.,

I understand the frustration with getting the wavy grid just right. You might want to check out this tutorial: https://adobe.ly/3zW0SR4. It might help you or give you an idea of how to achieve the look you want without the lines overlapping.

If you still encounter issues, please feel free to share more details or ask further questions. Good luck with your project!

Best regards,

Anshul Saini

Monika Gause · Answer

Did you group the white lines and the background before applying the mesh? But in the end perhaps this just isn't simple, because mehses can only go that far.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded