I need to adjust this background wave image to an infinite pattern.

When the background repeats in the x direction the lines need to be integrated in a way that only looks like a single image, not like the image below.

enter image description here

I have the .sketch of this file. Can anyone help me to achieve this?

  • I had to select the wave lines and go to Object > Path > Outline Stroke. Otherwise when using the shape tool the wave got distorted. Mar 25 '19 at 1:07
  • Create a horizontal line and apply a ZigZag Effect: Menu Effect > Distort & Transform > Zig Zag


  • Menu Object > Expand Appearance
  • Preserve this line and duplicate it twice
  • Place those two copies horizontally, contacting the end point of one with the beginning of the other
  • Select those points with the Direct Selection Tool and join them: Menu Object > Path > Join


  • Make several copies of the linked line and center the original line on top


  • Create a rectangle the same width as the original line


  • Copy the rectangle, and selecting it with a line, use the Shape Builder Tool pressing Alt to delete the surplus traces


  • Select the New Shape, fill it with a color and add a transparency percentage
  • Menu Edit > Paste in Front to recover the rectangle and repeat with another line





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.