4

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. – Bruno Tavares Mar 25 at 1:07
7
  • Create a horizontal line and apply a ZigZag Effect: Menu Effect > Distort & Transform > Zig Zag

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

path

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

lines

  • Create a rectangle the same width as the original line

rectangle

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

waves

  • 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

Result

waves

repetition

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.