How to create a triangle/jagged edges on a single border in Adobe Illustrator CS6?

I would like to create a border only on one side of a rectangle. That border would have that modern zigzag stroke that is present on so many websites. Just like on this photo :

Jagged borders

I’ve tried creating a triangle and adding it as a brush (pattern brush to be more precise). However, it didn’t work out well because the triangles were not aligned to the outside of the rectangle. Also they were surrounding the rectangle on every side instead of just one.

Is there a good and quick tutorial out there on internet that would explain how such zigzag borders are created ?


You can’t use effects or brushes with entire rectangles. Simply create one side, then draw the other three sides of a rectangle.

  • Create the triangles easily by drawing a path and choosing Effect > Distort & Transform > Zig Zag

  • Choose Object > Expand Appearance

  • Grab the Pen Tool and draw the other three sides of a rectangle.

enter image description here

Source : Link , Question Author : Danny_Student , Answer Author : Scott

Leave a Comment