Beginner: How to create a wavy rectangle?

New Here ,
Aug 02, 2020 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.

TOPICS
Draw and design , How to

Views

3.9K

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

correct answers 1 Correct answer

Adobe Community Professional , Aug 02, 2020 Aug 02, 2020
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
Adobe Community Professional ,
Aug 02, 2020 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
community guidelines
Adobe Community Professional ,
Aug 02, 2020 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
community guidelines
Adobe Community Professional ,
Aug 02, 2020 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
community guidelines
Community Beginner ,
Feb 17, 2022 Feb 17, 2022

Copy link to clipboard

Copied

How do you "delete the end segments first"?

 

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 ,
Feb 17, 2022 Feb 17, 2022

Copy link to clipboard

Copied

LATEST

Teresa,

 

For each end segment, deselect (you can click an empty spot) and Click the segment once with the Direct Selection Tool.

 

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 ,
Aug 02, 2020 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
community guidelines
Enthusiast ,
Aug 02, 2020 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
community guidelines
Adobe Community Professional ,
Aug 02, 2020 Aug 02, 2020

Copy link to clipboard

Copied

Indeed, Kurt.

 

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