How to Make Photograph the Fit Perfectly to Art Board Illustrator

Bittbox may receive compensation from companies, products, and services covered on our site. For more details, please refer to our Disclosure folio.

Over the years, nosotros've gotten a lot of responses to this mail about how I made the intricate designs in those headers. Swirls, and swooshes, or any y'all desire to telephone call them, are pretty difficult to come by as a freebie (except here on BittBox), and they are fifty-fifty rarer in vector format. Function of the reason is that virtually people, even avid Illustrator users, don't realize how easy it is to create these shapes. All information technology takes is a few elementary, all the same not highly utilized Illustrator tips. This tutorial will show you lot how to create your own curlies, and swooshes hands, in Illustrator. It's not nearly as difficult as you might think. . .

And to answer all of your questions: Yep I made all of those designs on my own (with a bit of assistance from Vectips.com and their awesome Adobe Illustrator tutorials). The aforementioned goes for every BittBox release. All of my files are mitt-made by me, non borrowed. If this is your commencement time to endeavour a tutorial like this, I advise following it exactly every bit I accept it here, then going dorsum over the procedure and playing with your options later. I'm going to outline how to practise this, but yous should always take my methods and play around with your options such equally stroke sizes or brush shapes. When brushes of different shapes and kinds are applied to the different geometrical figures, information technology results in geometrical figures of different thickness at different points and styles.

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

Swirlsrefer to the inter-continued pattern of sharp geometrical shapes.

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

In this tutorial, you will learn to combine all kinds of geometric shapes and form unlike unique patterns on your own.  Designing and combining these swooshes and swirls require a great bargain of precision. The experienced designer is ane who has practiced his craft with all the different tools available in photoshop. Adobe software has been designed in such a fashion that the designer tin can easily adapt to all kinds of tools and crafts.

Allow'due south Get Started:

Nosotros are going to create a custom brush in Illustrator to help us make these shapes a lot quicker. The first thing yous need to do is use the "Ellipse" (circle) tool and create a circle on the artboard. Agree downwards the Shift cardinal while dragging to constrain the circle. The circle shown here is the exact size I used.

Now use the Directly Choice Tool (white arrow) to select the point on the right side of that circle and drag it out to the correct. Similar this:

Select the Convert Anchor Point tool and click on the anchor bespeak y'all dragged to get rid of the handlebars and make it a sharp corner.

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

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

At present you lot will be given some brush options. Make sure your brush direction goes from left to right (Big to Small-scale) like below and hit OK. You can play with these settings later.

You lot should now see your new brush in your brushes palette.

Yous will larn how to replicate a geometrical shape or create its reflection in the inverse pattern. Swirl refers to the screw shape and y'all will learn to create a screw shape of thick stroke. You volition likewise learn to combine the two geometrical shapes or swirls then that they appear as a single shape without whatever overlapping. You volition learn to overlap ii different geometrical figures so that at that place is no marks or paths leftover. You can replicate these geometrical shapes in horizontal or vertical shape. Yous will learn to make multiple geometrical shapes to overlap i over the other properly.

Yous can craft geometrical figures of your own, increment the stroke, fill up them with an appropriate color, combine those shapes properly to create a new geometrical shape and create wonderful decorations so every bit to use in your ongoing projects.

You've got your Brush, Now make a Swoosh:

First, make sure yous ready your stroke to black, and "none" for fill up, in the tools palette. Similar this:

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

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

Go along your shape selected and apply your custom castor we but made past clicking on it in the "Brushes" Palette.

Your shape should now await similar this:

Now adjust your stroke size in the Stroke palette.

I rotated my shape a fleck:

Combining Multiple Swirls:

Now that y'all take your basic swirl, and an like shooting fish in a barrel way to rapidly create more, allow's combine a couple and make an interesting design. Read this section closely considering if yous miss a step, you might litter your Illustrator file with leftover paths that you can't see.

Utilise the Spiral tool to create a second swirl with these settings: Radius-30px, Decay-80, Segments-two. (detailed instructions above) And utilise 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."

Brand certain your reflect centrality is Vertical and click OK

Next, Overlap your 2 shapes the way you lot like them. Keep them selected, so become to the "Object" carte and select "Expand Appearance."

What this does is outline the brush stroke. So at present you have your 2 shapes just they have an outline AND the leftover path from the Spiral tool. Nosotros need to get rid of the leftover path so it doesn't go in the mode later. Your shape should now expect something like this:

Use the Direct Selection Tool (white pointer) to select BOTH of your shapes like beneath, and elevate them abroad from their current position to expose the leftover spiral paths. Notice that you don't see the paths in the pick before dragging.

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

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

Here is the result: A single swoosh made from 2, with i path!

A couple of tips for exploring this on your own:

At present that you have harnessed the power of a custom brush, expanding appearance, and Pathfinder. (Wow, I guess this tutorial covers a lot more than I idea.) I have a couple of tips to assistance y'all speed up your swirl creating procedure:

Once you create one swirl pattern, it'due south easy to copy and overlap that same design by resizing, reflecting, or rotating, to create a more complex design derived from the original. Like this:

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

Here is the event:

Best Tip E'er: ALWAYS keep a copy of your original shape untouched on your artboard somewhere, don't rely on "Disengage."

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

Download the file I used for this tutorial.

wilsonsiry1966.blogspot.com

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

Share this post