Highlighted

Beginner: How to create a wavy rectangle?

New Here ,
Aug 02, 2020

Copy link to clipboard

Copied

squiggly rectangle.pngAsset 2.png

 

Hi, how do I make a wavy rectangle like in the picture (pink) above? I tried using Zig-Zag but it turned everything wavy (yellow) instead of just the sides.

Adobe Community Professional
Correct answer by Ton Frederiks | Adobe Community Professional

As Jacob said, there are other ways.

Aplly the Zig Zag effect to a rectangle (like you showed for the yellow shape).

Direct select and delete 2 opposite sides

Object > Expand Appearance.

While stil selected: Object > Path > Join.

Repeat

 

 

Topics

Draw and design, How to

Views

96

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

Beginner: How to create a wavy rectangle?

New Here ,
Aug 02, 2020

Copy link to clipboard

Copied

squiggly rectangle.pngAsset 2.png

 

Hi, how do I make a wavy rectangle like in the picture (pink) above? I tried using Zig-Zag but it turned everything wavy (yellow) instead of just the sides.

Adobe Community Professional
Correct answer by Ton Frederiks | Adobe Community Professional

As Jacob said, there are other ways.

Aplly the Zig Zag effect to a rectangle (like you showed for the yellow shape).

Direct select and delete 2 opposite sides

Object > Expand Appearance.

While stil selected: Object > Path > Join.

Repeat

 

 

Topics

Draw and design, How to

Views

97

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
Aug 02, 2020 0
Most Valuable Participant ,
Aug 02, 2020

Copy link to clipboard

Copied

okml,

 

One way for the identical sides case shown is to create one wave side as an open path with the Pen Tool or whatever, then Alt/OptionClickDrag it to the desired position of the opposite side, then join them; you can deselect and SkiftClickDrag over the relevant end Anchor Points or ShiftClick each with the Direct Selection Tool and Ctrl/Cmd+J, then select the whole path and Ctrl/Cmd+J again; there are also other ways.

 

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
Reply
Loading...
Aug 02, 2020 1
Adobe Community Professional ,
Aug 02, 2020

Copy link to clipboard

Copied

As Jacob said, there are other ways.

Aplly the Zig Zag effect to a rectangle (like you showed for the yellow shape).

Direct select and delete 2 opposite sides

Object > Expand Appearance.

While stil selected: Object > Path > Join.

Repeat

 

 

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
Reply
Loading...
Aug 02, 2020 1
Most Valuable Participant ,
Aug 02, 2020

Copy link to clipboard

Copied

Ton,

 

To get an easy regular wavy line, your Zig Zag is the better/obvious choice, but I would delete the ends segments first, to be able to see the effect right away (preview ticked/unticked).

 

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
Reply
Loading...
Aug 02, 2020 1
Adobe Community Professional ,
Aug 02, 2020

Copy link to clipboard

Copied

You can also just draw a fat straight stroked line and apply Zig Zag to it.

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
Reply
Loading...
Aug 02, 2020 2
Enthusiast ,
Aug 02, 2020

Copy link to clipboard

Copied

With a rectangle use Envelope distort- Make with Warp. Use the Flag style. Copy and join them together.Annotation 2020-08-02 092500.jpg

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
Reply
Loading...
Aug 02, 2020 1