fbpx

Swirl of Water: From Simple Spiral to Organic Swirl in Adobe Illustrator

Pinterest
Facebook
Twitter
LinkedIn

Go from simple spiral…

Basic spiral using spiral tool in Adobe Illustrator

to a watery swirl that looks hand drawn in 5 steps.

Basic spiral transformed and colors selected

Drawing the Swirl of Water

I want to first point out that I do not have a Wacom or other drawing tablet connected to my laptop. I am using the trackpad on my MacBook Pro (the equivalent of a mouse on desktop).

So how hard was it draw that squiggly swirl with its varying line width? Not hard at all! Illustrator did most of the work for me. 

Let’s take a look at the steps:

Two koi swimming in a circle illustration by Stacy Kenny Mitchell

1. Draw a Spiral

Basic spiral using spiral tool in Adobe Illustrator

No steady hand needed! There is a spiral tool right in Illustrator.

Fly out menu of line segment tool reveals the Spiral Tool

2. Adjust Line Weight

Basic spiral with line width set to 18pt and rounded end caps

I set the line weight to 18pt and changed the end cap to be rounded

Setting line weight and end cap

3. Change Line Width Profile

Basic spiral with variable width profile set to Profile 2

It’s so easy to make variable line widths – there are built in profiles available (plus you can make your own).

Setting the variable width profile

4. Apply Roughen Effect

Initial roughen effect settings can be a bit jarring

You can find Roughen under the Effect Menu 

Effect > Distort & Transform > Roughen…

Whoa! Those are the default settings, but with a bit of tweaking a lovely spiral emerges.

Tweaked roughen effect settings

I set the size to 2% Relative, the detail to 3/in and the points to smooth. If you have Preview checked, you can see the transformation as you adjust the settings. Then click OK.

5. Add Color

Basic spiral transformed and colors selected

Ta da! A spiral with varying width and a hand drawn look – in four steps that took me less than two minutes to render. 

I could further manipulate the spiral with the anchor points if I wanted. And of course expand the line into a shape for the final design file.  

Want to learn more tips like this?

Learn Adobe Illustrator icon

Coming soon! Designer Membership. Monthly membership for surface pattern designers wanting to conquer the design process faster and more efficiently in Adobe Illustrator.

Get on the list to be the first to know when the membership opens. 

Leave a Reply

Your email address will not be published. Required fields are marked *

What can I teach you?

Thanks for your interest in hiring me as a teacher for your group. I teach on a variety of topics. Let’s get a bit of information from you:

Are you looking for an in person or virtual workshop?
What topic area(s) do you think you want cover in the workshop?
How can I reach you?
Use this area to add a message, comments, or questions regarding the workshops

Contact Stacy

Send me a message!