ErgoDrawHomeTutorialsResourcesFeedback
Featured Organic Tech
Page:  1 2    Next Page
Tutorial Specs
Illustrator 9+ Required
Advanced Level
Created 28 Jul 2001
Rewrite In Progress
Before You Start...
For this tutorial, set the document's color mode to RGB.

This tutorial is currently undergoing a rewrite. As such, commands, tools and interface elements may be different from later versions of Illustrator. For now, use at your own risk.

Look for more visuals, expanded steps and new ways of doing things once the tutorial is updated.
01 | Create four circles with the ellipse tool
Create four circles, spaced evenly apart both vertically and horizontally. Try not to space them too far apart; a 1/4 inch would be the maximum. Take advantage of the ALIGN palette (WINDOW > SHOW ALIGN), if necessary, to help you get the spacing just right. It's best to work with stroked circles rather than filled shapes.

Visual

Before going further, and to save yourself some trouble, copy one of the circles and put it on a different layer for later use with your completed shape.

02 | Delete path sections
For the top-left and lower-right circles, I used the Direct Selection tool to delete the greyed-out portions of the circles. The remaining arcs will serve as the join paths for the two circles.

Visual

03 | Shape & position the arcs
With the selection tool, select the arcs and add anchor points (OBJECT > PATH > ADD ANCHOR POINTS). This will add one anchor point to the middle of each arc path. With the middle anchor point selected on one of the arcs (example shows the lower-right arc), use your arrow keys and press UP then LEFT three times. Repeat the process for the other arc (using DOWN then RIGHT). The result is a tighter arc to work with.

Visual

04 | Position arcs
Now that we've shaped the arcs, we need to move them into position so that we can join them with the two circles. To do this, I relied on the arrow keys again. Using the Selection Tool, I selected the lower-right arc, and pressed UP then LEFT three times and repeated the process for the other arc (using DOWN then RIGHT). Note in the example below that the lines I've moved are not directly on top of the circles. Fear not, we'll get to that shortly.

Visual

Continued... | Next Page »
ErgoDraw