Mobile app version of vmapp.org
Login or Join
Angie364

: 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

@Angie364

Posted in: #AdobeIllustrator #Shapes

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?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Angie364

2 Comments

Sorted by latest first Latest Oldest Best

 

@Rivera951

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 :).

10% popularity Vote Up Vote Down


 

@Kaufman565

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme