I'm looking for a tutorial on how to create a gradient waves mesh like the attachment.

I don't know if I call this the correct way but I can't find anything that comes close to this.

Regards,enter image description here

enter image description here

  • 1
    Based solely on the anchor points, that appears to be three (if not more) meshes positioned above/next to each other. it's not one mesh. – Scott Feb 26 '20 at 8:01
  • Yes, that is correct for this example. But I don't even know how to create one of those. :) The aligning of multiple mesh is something I can do, but I first need to create one of them with those color gradients. – n00bly Feb 26 '20 at 9:50

This is a simplified example of one method that could be used. Obviously more complexity would require more work.

  1. Create one thin rectangle and make a nice gradient mesh on it

  2. Alt/Option click and drag to duplicate it several times, perhaps overlapping some more than others to give a slightly random look.

  3. Select all, then Alt/Option click and drag to create a copy of this section.

  4. Colourise the copy using Edit > Edit Colours > Adjust Colour Balance

  5. Alt/Option click and drag again and repeat step 4. Do this as many times as you want until you have all the colours you want.

  6. Select all, then use the Warp Tool set to a large size to make the waves. Note: double clicking the Warp tool will allow you to change the size

  7. Select various random parts of the meshes (while holding down Shift to make multiple selections), and set a different fill colour. Repeat this step as often as you want.

Sped up example:

enter image description here

  • Thanks, I can do that with this example :) – n00bly Feb 27 '20 at 12:05

A fast way to make a rectangular gradient mesh is to expand a rectangle which has a gradient fill:

enter image description here

More complex mesh can be made with envelope distortion Here's a top object for it:

enter image description here

And this is the result of Object > Envelope Distortion > Make with top object:

enter image description here

A few of shapes like this should be quite near of your example. Practice at first a little how to make different gradients. You can have quite steep borders between the colors and also transparency if you want.

If it happens that you want a mesh it can be converted to mesh by applying Object > Envelope Distortion > Expand. Unfortunately it's under a clipping mask an a group which are useless overburden. To get the mesh free these must be disassembled. The easiest way is to select the mesh in the layers panel and to make an independent copy:

enter image description here

After cleaning the extras the mesh should look this in the layers panel:

enter image description here

Another way: Apply the stroke Width Tool to a path which has a gradient across the stroke. As expanded it also will be a gradient mesh, if that's needed.

  • Thanks, this one is also a good example. – n00bly Feb 27 '20 at 12:05

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.