creation

Adobe Illustrator Tip– Simple Gears using Pathfinder and the Star tool.

By: Rick Yaeger


gearfinal Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.

One the features I find myself using the most in Adobe Illustrator is its Pathfinder tools. This week I’m going to show you a one of the ways you can use the Pathfinder. I will also be making use of the Star tool in a way that you may not have thought of before — to make gears.

Why would you want to make gears? I don’t know. Maybe you need to need to make some cold war era industrial looking propaganda posters. Maybe you never got over that gear fad that caught on in the early 90′s. Who knows. It’s not important. This tutorial is more about showing a few techniques that you might find useful in other situations while giving you a simple example of those techniques in action.

Step 1: Establishing a center point.

Easy enough. Make sure the rulers are visible (Command-R if they are not) and drag one vertical and one horizontal guide into the approximate middle of the page.

guides Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.

Step 2: Draw a star.

First, choose the Star tool from the Tools palette. Set your stroke color to black and your fill color to "none". Place your cursor on the guides where they intersect, click and hold the mouse button as you drag away from the center point. You will notice that the Star tool chooses the number of points for the star without asking you. Press the up arrow to increase the number of points and the down arrow to decrease — remember to keep that mouse button held. I have chosen to go with a ten pointed star. I find that stars of six or more points seem to make better looking gears. I also find that stars with longer spikes are more conducive to gear making. In order to lengthen the spikes on your star, drag the mouse somewhat close to the center point so that the inner points of the star are closer to each other, then hold down the Command key and drag the cursor away from the center point thus lengthening the spikes on your star. Don’t go too far with lengthening the spikes — we’re making a gear, not a spur.

Step 3: Circles.

Now you’ll need to choose the Circle / Ellipse tool. Again place your cursor on the guides where they intersect, but hold down the Option and Shift keys and click and hold the mouse button as you drag away from the center point — this will draw perfect circles dead center. You need to make three circles: one that should fit inside your star shape without overlapping any of the lines that make the star, and two more that should end up outside the inner points but inside the outer points while not being too close to each other. Confused? Hopefully this diagram will help.

shapes Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.

Step 4: The hard part is over… on to the Pathfinder!

Under the Window Menu, chose "Show Pathfinder." Select your creation and click the Divide button in the Pathfinder window. You have just made your four shapes into more than a dozen that are Grouped. Go ahead and Ungroup them (Command-Shift-G).

shapeselected Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.pathfinder Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.

Next you will need to select and delete each and every one of those shapes that was created between the spikes of your star and your two larger circles (see the diagram below).

deletegaps Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.

Are you seeing it yet? Don’t worry, you will. Now delete the tips of the spikes and the innermost circle. (See diagram) You may become confused while trying to delete the innermost circle since once you delete it, the outline will remain. Don’t worry, that is exactly what is supposed to happen.

deletepoints Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.

Step 5: Almost there

What you are left with might look somewhat gear-like — it had better because we are pretty much done. Select the entire creation and click the "Add to shape area" button. Then click the "Expand" button. (If you are using a version of Adobe Illustrator that predates this version of the Pathfinder, simply click the "Unite" button)

gearselected Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.

pathfinder Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.

gearunite Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.

Now just switch your fill color to black and your stroke color to none and marvel at your creation. If your creation isn’t that marvelous, marvel at my creation for a while and then try again. There are so many variables involved in this procedure that the possibilities are nearly endless. Unfortunately, with that many possibilities, the likelihood of creating a goofy looking gear is pretty high. Keep trying.

gearfinal Adobe Illustrator Tip   Simple Gears using Pathfinder and the Star tool.

Read other Graphics Tips of the Week

In-depth with Inkscape

Inkscape provides many of the must-have vector illustration tools needed for logo creation and just about anything else you have in mind. For many designers, Inkscape is the lynch-pin in their escape from commercial software. Still in its pre-1.0 release (.43 to be exact), this application is on its way to becoming the Gimp of vector art.

Inscape on OS X relies on the X11 windowing system to run. The creators have file associations working with the Finder, but the overall interface does leave a bit to be desired (ironic for an illustrating application). Unlike other X11-based applications, Inkscape has no problem accessing your OS X fonts.

Every designer’s first concern (and rightly so) is to make sure a tool has the equivalent functions to the alternative. Illustrator is a very old application, and for practicality’s sake I am not going to to a feature-to-feature rundown. I can say that Inkscape supports Bezier drawing, shape tools and has a very smooth path editing tool. Object layering, grouping and complex path modifications are also included.

inkscape In depth with Inkscape

There are several important features of Illustrator lacking that will likely disqualify Inkscape for some of you. Those mostly relate to color management (PMS color, color management for print). And, as of yet Inkscape does not support Illustrator formats (except through this modification). Inkscape does its work in the open SVG format, but is capable of exporting EPS and Postscript files.

Inkscape has a built-in tracing engine and nice calligraphy tool. Tile Clones and Stamping also generate interesting illustrating effects. All these tools are well documented in the help files. After the initial shock of not having a million floating pallets on your desktop, you begin to realize how few tools you really use and need.

One of the most powerful benefits of Inkscape isn’t in the code at all. Its in the community. The Inkscape Wiki is packed with useful documentation including a Illustrator conversion guide. Also, once you make the leap to SVG you’ll find the Open Clip Art Library a great free source for clip art and design starting points.

Its clear there are a lot of exciting things ahead for this project. While the tool isn’t perfect, the more I’ve used it the more I’ve found I like it. So, Mac Design Pros, give it a whirl.

Brian

iShare my iCal

Productivity enthusiasts and pros herald the simple but powerful iCal. Now a seasoned Mac app, you’ll find heaps of complementary freeware to enhance your calendaring experience.

CalTalk

iCal has always synced via .Mac and WebDav, but what about directly Mac-to-Mac? CalTalk accomplishes this as a lightweight application just like iTunes share’s music. Run this app on both your Macs and you’ll be able to browse users and select calendars to sync. Best of all there is no uploading to a server.

Event Maker

This application works as the bridge between iCal and Mail. Run it with a message selected in Mail.app and you’ll be presented with options for adding the message to your calendar.

eventmaker iShare my iCal

Preferences set the applications default behavior and can make for quick creation of a new event. This free app is Tiger-only.

Mail2iCal Scripts

If you prefer to turn your messages into events (or todos) directly from Mail, then this AppleScript is for you.

Scalp

Unfortunate name for a good utility. This installer will allow you to publish your calendars using SFTP/FTP rather than WebDav.

scalp iShare my iCal

Once installed, all you have to do is substitute sftp:// for http:// in your server address in iCal.

We here at MacMerc hope you have a happy and well-planned new year. Oh, and mark of Friday’s for another year of great downloads.

Brian