Rounded rectangle with zigzag border
I'm trying to create a rounded rectangle with zigzag borders in Adobe Illustrator CS5. This is how I want it to look like:
With the normal zigzag effect on a rectangle with no rounded corners, I get this very ugly effect:
So my question is how I can influence the zigzag around the corners. Do I have to do this by hand?
On a square, unless there's something else going on, this should be pretty simple. Your "number of ridges" is an even number. To be symmetrical like in the top image, it needs to be an odd number. Turn on "preview" and put the number up or down by one, and it should give the effect you want.
Things get trickier on a rectangle, you might need to overlap solid fill shapes on top of each other to get an even effect all the way round, but for a square just doing this should work.
You can also drop the â€œzigzagâ€ idea altogether and use â€œPattern Brushâ€ instead. It's quite properly described in Ill's help and e.g. on Vector Tuts. â€œPattern Brushâ€ basically gives you a possibility to define how should start, end, straight and corner elements of a given path look like. If defined properly it'll form â€œwavyâ€ frame as you expect it to regardless of initial rectangle proportions. The only step I'd use â€œzigzagâ€ at would be to define mentioned brush :).