You are on page 1of 8

B.

Drag the next point

C. Press Ctrl (Windows) or Command


(Macintosh) and drag the first point's
handle back to correct curve

D. Press Alt (Windows) or Option


(Macintosh) and drag the second
point's handle back to convert
smooth point to corner point

Tutorial 6 Template - For Adobe Illustrator 7-9

E. Drag the next point and continue

tem6ai.pdf

Page 2

Clover
Putting it all together
Note: Load this first page of this PDF file into Adobe Illustrator and use the path outline below left as a drawing template (see
setupai.pdf for instructions). Print out both pages of this PDF file to view instructions while you draw.
Path outline:

Filled version:

Using what you have learned from the previous tutorials,


this time draw this four-leaf clover. Plant the points and pull
out control handles, move them around, add a few points,
delete a few points...give it your best shot. Remember your
keyboard shortcuts. While you are drawing the path you
can reposition points and control handles, then continue
with the path. If you get lost and find yourself no longer
adding to the path, select the Pen Tool, click once on the
last point in the path, then continue. You will know when
you are directly over the last point in the path because the
pen cursor changes to a crosshair with a slash next to it:

After you close the path, you can make adjustments to


individual points with the Direct Selection Tool. Following
are a few tips...have fun!
One more thing...press Ctrl-Y (Windows) or Command-Y
(Macintosh) to view the tutorial in Artwork mode. Then on
an unlocked layer, click anywhere on the path with the
Direct Selection Tool. This will reveal the locations of the
points. Click on or drag a marquee around any point to
reveal the control handles.

A. Drag the first point

Tutorial 6 Template - For Adobe Illustrator 7-9 Copyright 1999-2001, By Mike Doughty, All Rights Reserved tem6ai.pdf Page 1
Adobe and Illustrator are trademarks of Adobe Systems Incorporated All other trademarks are property of their respective owners

Heart

First click the pen tool


2 10

E. Position cursor over anchor point


at 9. When a small loop appears
next to cursor, the next click closes
the path. Click and drag from
anchor point at 9 to red dot at 10
to close the path

12

A. Drag from anchor point at 1


to red dot at 2
B. Drag from anchor point at 3
to red dot at 4

C. Drag from anchor point at 5


to red dot at 6

D. Drag from anchor point at 7


to red dot at 8

13
4

11

F. Then Option-drag (Macintosh)


or Alt-drag (Windows) from
handle at 11 to blue dot at 12
G. Press the Ctrl key (Windows) or
Command key (Macintosh) to select
the direct selection tool and drag a
marquee around anchor point at 5.
When a handle appears at 6,
Option-drag (Macintosh) or Alt-drag
(Windows) from handle at 6 to blue
dot at 13

5
6

Tutorial 5 Template - For Adobe Illustrator 7-9


Copyright 1999-2001, By Mike Doughty, All Rights Reserved
tem5ai.pdf
Adobe and Illustrator are trademarks of Adobe Systems Incorporated All other trademarks are property of their respective owners

First click the pen tool

Reversed Curves

Part One: Constrained Paths


4

10

13

16

19

12

15

18

11

14

17

A. Shift-Drag from anchor


point at 1 to red dot at 2

E. Shift-Drag from anchor


point at 12 to red dot at
13, then Alt-Shift-Drag
from 13 to blue dot at 14

C. Shift-Drag from anchor


point at 6 to red dot at 7,
then Alt-Shift-Drag from
7 to blue dot at 8

B. Shift-Drag from anchor


point at 3 to red dot at 4,
then Alt-Shift-Drag from
4 to blue dot at 5

D. Shift-Drag from anchor


point at 9 to red dot at
10, then Alt-Shift-Drag
from 10 to blue dot at 11

G. Shift-Drag from anchor


point at 18 to red dot
at 19

F. Shift-Drag from anchor


point at 15 to red dot at
16, then Alt-Shift-Drag
from 16 to blue dot at 17

(Windows: use Alt to activate the Convert Direction Point Tool)


(Macintosh: use Option to activate the Convert Direction Point Tool)

7
Part Two: Unconstrained Paths

4
F. Drag from anchor point
at 15 to red dot at 16

13
10
6

16

12
9
15
5
2

A. Drag from anchor point


at 1 to red dot at 2
B. Drag from anchor point
at 3 to red dot at 4, then
Alt-Drag from 4 to blue
dot at 5

11
C. Drag from anchor point
at 6 to red dot at 7, then
Alt-Drag from 7 to blue
dot at 8

8
D. Drag from anchor point
at 9 to red dot at 10, then
Alt-Drag from 10 to blue
dot at 11

14
E. Drag from anchor point
at 12 to red dot at 13, then
Alt-Drag from 13 to blue
dot at 14

Tutorial 4 Template - For Adobe Illustrator 7-9


tem4ai.pdf
Copyright 1999-2001, By Mike Doughty, All Rights Reserved
Adobe and Illustrator are trademarks of Adobe Systems Incorporated All other trademarks are property of their respective owners

Elipses and Triangles

First click the pen tool

Part One: Constrained Paths

A. Shift-Drag from anchor


point at 1 to red dot at 2

B. Shift-Drag from anchor


point at 3 to red dot at 4

C. Position cursor over anchor


point at 5. When a small loop
appears next to cursor, the
next click closes the path.
Shift-Drag from anchor point
at 5 to red dot at 6 to close
the path

Part Two: Unconstrained Paths

A. Drag from anchor point at 1


to red dot at 2
B. Drag from anchor point at 3
to red dot at 4

C. Position cursor over anchor


point at 5. When a small loop
appears next to cursor, the
next click closes the path.
Drag from anchor point at 5
to red dot at 6 to close the
path

2
6

3
A. Click at anchor point 1

B. Click at anchor point 2


C. Click at anchor point 3
D. Position cursor over anchor
point at 1. When a small
loop appears next to cursor,
click to close the path.
1

2
2

Copyright 1999-2001, By Mike Doughty, All Rights Reserved


Tutorial 3 Template - For Adobe Illustrator 7-9
tem3ai.pdf
Adobe and Illustrator are trademarks of Adobe Systems Incorporated All other trademarks are property of their respective owners

First click the pen tool

Curves

Part One: Constrained Curves


2

C. Shift-Drag from anchor


point at 5 to red dot at 6

B. Shift-Drag from anchor


point at 3 to red dot at 4

13

11

12

4
A. Shift-Drag from anchor
point at 1 to red dot at 2

14

10

E. Shift-Drag from anchor


point at 9 to red dot at 10

D. Shift-Drag from anchor


point at 7 to red dot at 8

G. Shift-Drag from anchor


point at 13 to red dot at 14

F. Shift-Drag from anchor


point at 11 to red dot at 12

Part Two: Unconstrained Curves


9
2

1
3

7
8

4
A. Drag from anchor point
at 1 to red dot at 2

C. Drag from anchor point


at 5 to red dot at 6

B. Drag from anchor point


at 3 to red dot at 4

D. Drag from anchor point


at 7 to red dot at 8

E. Press the Ctrl key (Windows) or


Command key (Macintosh) to select
the direct selection tool and drag a
marquee around anchor point at 5.
When a handle appears at 6, Ctrl-drag
(Windows) or Command-drag
(Macintosh) from handle at 6 to blue
dot at 9

Copyright 1999-2001, By Mike Doughty, All Rights Reserved


Tutorial 2 Template - For Adobe Illustrator 7-9
tem2ai.pdf
Adobe and Illustrator are trademarks of Adobe Systems Incorporated All other trademarks are property of their respective owners

First click the pen tool

Zig-Zag

B. Shift-Click at point 2
2

1
A. Click at point 1

D. Shift-Click at point 4
4

3
C. Shift-Click at point 3

F. Shift-Click at point 6
6

5
E. Shift-Click at point 5

7
G. Shift-Click at point 7

Tutorial 1 Template - For Adobe Illustrator 7-9


Copyright 1999-2001, By Mike Doughty, All Rights Reserved
tem1ai.pdf
Adobe and Illustrator are trademarks of Adobe Systems Incorporated All other trademarks are property of their respective owners

Setting up the tutorial in Adobe Illustrator 7-9

First click the direct selection tool

Then click the pen tool

1. First open the tutorial file:


File > Open > tem1ai.pdf
2. Next, save the file in Illustrator format:
File > Save As > myfile.ai
3. Next bring up the layers palette:
Window > Show Layers
4. Lock the layer containing the template,
then add a new layer. Draw on this new layer.

Note: Clicking the Direct Selection Tool just before clicking the Pen Tool
is not a requirement - it is a tip. It is to make sure that when the Ctrl key
(Windows) is pressed (or Command key for Macintosh), that the next
selected tool is the Direct Selection Tool instead of a different,
unintended selection tool. While actively making or modifying a path
using the pen, pressing Ctrl (Windows) or Command (Macintosh) will
activate the last selection tool used. It is more likely that you will make
adjustments to anchor points and control handles while you are drawing
than it is that you will move the entire path.

Template Setup - For Adobe Illustrator 7-9


Copyright 1999-2001, By Mike Doughty, All Rights Reserved
setupai.pdf
Adobe and Illustrator are trademarks of Adobe Systems Incorporated All other trademarks are property of their respective owners