How to implement smooth zigzag without bleed?

Explorer ,
Jan 22, 2022 Jan 22, 2022

Copy link to clipboard

Copied

Hello, so I am trying to recreate this wave effect that I found online. Just like the original image: I want about four smooth ridges from the center, as well as have the circle (focal point) in which they are eminating to be small.

example@3x.png

The problem is, when I try and apply the Zig Zag effect to the lines, it looks great when the points are on "corner," but when I turn it to the "smooth" setting, the middle part bleeds, so the focal point ceases to be small. Weirdly, to eliminate this issue, I can increase the amount of ridges. When I do that the middle stops bleeding and it's once again eminating from a small circle in the center, but I want this effect with only four smooth ridges. I'm not sure why it's looks great when set to corner, but not on smooth. Please help!

TOPICS
Draw and design , How to , Tools

Views

110

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 22, 2022 Jan 22, 2022

Copy link to clipboard

Copied

I see the issue. It seems to be a "feature" of the effect.

As a workaround you could draw just one triangle.

image.png

Select it and apply the ZigZag effect using Corner.

image.png

 image.png

Object > Expand Appearance.

Select just the middle anchor points and click Convert Selected Anchor Points to Smooth. 

Delete the extra anchor points on the bottom.

Then use the Rotate tool to make multiple copies around the circle.

 

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 23, 2022 Jan 23, 2022

Copy link to clipboard

Copied

star space,

 

How about this:

 

1) Create the lines as simple straight Stroked paths and apply the Width Tool or a triangular Art Brush to get the desired basic triangular shape,

2) Apply Zig Zag?

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Jan 24, 2022 Jan 24, 2022

Copy link to clipboard

Copied

LATEST

Star Space, Hi.

To add what others have said, if you zoom in, you will also see there is a slight spin on your zig zag rays.

 

Here is how I would recreate your inspiration image.

 

Getting Started: (I’m working with strokes, random color as I work)

Draw a Circle (green), Crosshairs lines (red), Center line (purple). Align

 

Group the Circle and Center line. Lock the crosshairs.

Give the circle a color of none.

Center line, give it a large stroke weight and variable width.

Also give the line a Zig Zag. (Effects>Distort> Zig Zag)

 

Select the Group, Effects>Distort>Transform.

You have 24 rays. (360/24=angle 15). Rotate from center

 

To give it that spin to right, move your center line slightly to right.

 

I then went on and expanded the Transform Rays, gave it a background rectangle, and Aligned.

Shape Builder (minus) on the rays.

 

K

Screen Trans Rays.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines