How To Draw A Swirl In Illustrator

Over the years, we've gotten a lot of responses to this post most how I made the intricate designs in those headers. Swirls, and swooshes, or whatever y'all want to call them, are pretty hard to come up by as a freebie (except hither on BittBox), and they are even rarer in vector format. Function of the reason is that nearly people, even gorging Illustrator users, don't realize how easy it is to create these shapes. All it takes is a few simple, yet not highly utilized Illustrator tips. This tutorial will bear witness you how to create your own curlies, and swooshes easily, in Illustrator. It'southward non about equally difficult equally yous might retrieve. . .

And to answer all of your questions: Yep I made all of those designs on my ain (with a scrap of help from Vectips.com and their crawly Adobe Illustrator tutorials). The same goes for every BittBox release. All of my files are hand-made by me, not borrowed. If this is your first time to attempt a tutorial like this, I advise following it exactly as I have it here, then going dorsum over the process and playing with your options later. I'chiliad going to outline how to practice this, simply you lot should always take my methods and play effectually with your options such equally stroke sizes or brush shapes. When brushes of different shapes and kinds are applied to the different geometrical figures, it results in geometrical figures of dissimilar thickness at dissimilar points and styles.

Swooshrefers to the specific geometrical shapes that are soft and sleek on the edges.

Swirlsrefer to the inter-connected pattern of precipitous geometrical shapes.

Curls refer to curved geometric shapes with random and intricate patterns.

In this tutorial, you lot will acquire to combine all kinds of geometric shapes and form different unique patterns on your ain.  Designing and combining these swooshes and swirls crave a groovy deal of precision. The experienced designer is 1 who has good his craft with all the different tools available in photoshop. Adobe software has been designed in such a way that the designer tin can easily adjust to all kinds of tools and crafts.

Let's Get Started:

We are going to create a custom brush in Illustrator to aid us make these shapes a lot quicker. The get-go thing you need to do is utilise the "Ellipse" (circle) tool and create a circle on the artboard. Hold down the Shift key while dragging to constrain the circle. The circle shown hither is the exact size I used.

Now utilise the Direct Selection Tool (white arrow) to select the point on the right side of that circle and drag it out to the correct. Like this:

Select the Catechumen Ballast Point tool and click on the anchor point you dragged to go rid of the handlebars and make information technology a precipitous corner.

Select your shape with the Selection Tool (blackness arrow), and in the "Brushes" palette, click on the arrow in the upper correct. Select "New Brush."

You lot will get a new brush prompt. Select "New Art Brush" and hit OK.

Now you will be given some brush options. Brand certain your brush direction goes from left to right (Big to Small) like below and hit OK. You can play with these settings later.

You lot should at present meet your new brush in your brushes palette.

Yous will learn how to replicate a geometrical shape or create its reflection in the inverse pattern. Swirl refers to the screw shape and you will learn to create a spiral shape of thick stroke. Yous will also learn to combine the two geometrical shapes or swirls then that they appear as a single shape without any overlapping. Y'all will larn to overlap 2 different geometrical figures and so that there is no marks or paths leftover. You can replicate these geometrical shapes in horizontal or vertical shape. You will learn to brand multiple geometrical shapes to overlap one over the other properly.

You lot can craft geometrical figures of your own, increase the stroke, fill them with an appropriate color, combine those shapes properly to create a new geometrical shape and create wonderful decorations so as to utilize in your ongoing projects.

Y'all've got your Brush, At present brand a Swoosh:

Get-go, make sure yous set your stroke to black, and "none" for fill, in the tools palette. Like this:

Now select the "Spiral" tool, and click once on the artboard without dragging to bring up the tool options. Beneath are the settings I used: Radius-50px, Decay-lxxx, Segments-4. Again, play with these settings later.

Click "OK" to create your shape, which should look like this:

Keep your shape selected and apply your custom brush we but made by clicking on it in the "Brushes" Palette.

Your shape should at present look like this:

At present adjust your stroke size in the Stroke palette.

I rotated my shape a flake:

Combining Multiple Swirls:

Now that yous accept your basic swirl, and an piece of cake way to quickly create more, let's combine a couple and make an interesting design. Read this section closely because if you miss a step, y'all might litter your Illustrator file with leftover paths that you tin't see.

Use the Spiral tool to create a second swirl with these settings: Radius-30px, Decay-lxxx, Segments-2. (detailed instructions in a higher place) And utilize the same custom brush stroke. Your artboard should now look like this:

Reflect your new shape by correct-clicking on it and selecting "Transform – Reflect."

Make sure your reflect axis is Vertical and click OK

Side by side, Overlap your 2 shapes the way you like them. Go along them selected, then go to the "Object" menu and select "Expand Appearance."

What this does is outline the brush stroke. So now yous have your ii shapes but they have an outline AND the leftover path from the Spiral tool. We need to become rid of the leftover path so it doesn't go in the mode afterwards. Your shape should at present expect something like this:

Use the Direct Option Tool (white pointer) to select BOTH of your shapes like beneath, and drag them away from their current position to expose the leftover spiral paths. Notice that you don't run across the paths in the selection earlier dragging.

Now that you dragged your two filled shapes away from where they were, you tin delete the leftover spiral paths. Yous won't be able to see these paths, and then you can practise one of 2 things to find them quickly. 1. Hit Control + A on the keyboard, to select everything and you will meet all your paths on the artboard. Or 2. Hit Control + Y to view everything in outline way. Either way, select the Leftover spiral paths and delete them. I used Control + A.Then I deselected my filled shapes past holding down "Shift" and clicking on them. And then I hit Delete on the keyboard.

Now that you take your fill, outlined swooshes, you tin can easily combine them into i shape with a single path, using the "Pathfinder" palette. Select both of your shapes, and click on the showtime icon in the Pathfinder to combine the shapes. Important: Afterwards combining the path, immediately click the "Aggrandize" button in the same Pathfinder palette. This Gets rid of any overlapping paths!

Here is the result: A unmarried swoosh made from 2, with one path!

A couple of tips for exploring this on your own:

At present that you take harnessed the power of a custom castor, expanding advent, and Pathfinder. (Wow, I gauge this tutorial covers a lot more than I idea.) I have a couple of tips to assistance you speed up your swirl creating process:

In one case you lot create 1 swirl design, it's piece of cake to copy and overlap that same design past resizing, reflecting, or rotating, to create a more than circuitous design derived from the original. Similar this:

Then combine their paths in the Pathfinder palette (detailed instructions higher up) past hitting the combine paths icon, and Expand button, in that order.

Here is the result:

All-time Tip Ever: ALWAYS keep a copy of your original shape untouched on your artboard somewhere, don't rely on "Undo."

I hope this tutorial helps! It took me a long time to figure all of this out, but once you really expect at information technology, all it takes is a few key steps, which individually aren't that avant-garde.

Download the file I used for this tutorial here.

Source: https://www.bittbox.com/illustrator/illustrator-how-to-make-custom-swooshes-swirls-and-curls

Posted by: smithoneten.blogspot.com

Share this post