Trying to replicate the image pattern below. I am currently using a long rectangle shape and adding anchor points which I can then get the zig zag in areas I want but not sure how to smoothly go from the zig zag to the wave pattern seamlessly. I've tried using 'smooth' under zig zag but then I can't move the wave positions directly over the zig zag points. Wondering if there are any tutorials or advice on achieving this same outcome. Still learning Illustrator so any advice is appreciated.

enter image description here


2 Answers 2


Make five horizontal paths separated at the same distance, the two above with a corner zig zag and a smooth zig zag. Select all and blend. Adjust the steps.


The paths must be in order, the bottom one back and the others successively on the front.

blend animation


This one was made with Adobe Illustrator.

Create the lines as shown in the image below.

Apply a zig zag effect in the first line.

Blend the first and the second lines.

enter image description here

  • This one was made with Adobe Illustrator... or Corel Draw, or Afinity designer, or Inkscape, etc.
    – Rafael
    Oct 1, 2018 at 18:38
  • I mean my answer.
    – LeoNas
    Oct 1, 2018 at 19:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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