1
00:00:00.07 --> 00:00:01.07
- [Instructor] In this
movie, I'll show you

2
00:00:01.07 --> 00:00:04.02
the basics of drawing
with the Curvature Tool,

3
00:00:04.02 --> 00:00:05.09
which is very different than anything

4
00:00:05.09 --> 00:00:07.05
that we've seen so far.

5
00:00:07.05 --> 00:00:09.01
I'm going to start things off like usual

6
00:00:09.01 --> 00:00:10.05
by going up to the File menu

7
00:00:10.05 --> 00:00:12.02
and choosing New from Template,

8
00:00:12.02 --> 00:00:14.01
and then I'll find that
center guides template

9
00:00:14.01 --> 00:00:16.03
that I created oh so long ago now,

10
00:00:16.03 --> 00:00:18.00
and I'll go ahead and
click on the New button

11
00:00:18.00 --> 00:00:20.03
in order to create a blank document.

12
00:00:20.03 --> 00:00:22.03
Now notice for starters
that the Curvature Tool

13
00:00:22.03 --> 00:00:24.08
is located between the
traditional Pen Tool

14
00:00:24.08 --> 00:00:28.02
and the Type Tool in the
single column tool box.

15
00:00:28.02 --> 00:00:29.06
Also notice that it has a

16
00:00:29.06 --> 00:00:32.00
keyboard shortcut of Shift + ~.

17
00:00:32.00 --> 00:00:33.08
Tilde being that key once again

18
00:00:33.08 --> 00:00:36.07
in the upper left corner
of an American keyboard.

19
00:00:36.07 --> 00:00:38.06
That's a pretty easy shortcut to remember

20
00:00:38.06 --> 00:00:40.05
because after all the Tilde character

21
00:00:40.05 --> 00:00:42.03
looks like that wiggly line coming out

22
00:00:42.03 --> 00:00:44.05
of the Curvature Tool's icon,

23
00:00:44.05 --> 00:00:46.09
and once I select the
tool, there's literally

24
00:00:46.09 --> 00:00:49.07
a Tilde coming out of the cursor.

25
00:00:49.07 --> 00:00:52.05
Which in your case may
be black by the way,

26
00:00:52.05 --> 00:00:55.00
but that's the only difference.

27
00:00:55.00 --> 00:00:57.05
We're also seeing an
asterisk next to the cursor,

28
00:00:57.05 --> 00:00:59.07
and that tells us that
we're about to begin

29
00:00:59.07 --> 00:01:01.09
a new path outline, and you do so

30
00:01:01.09 --> 00:01:04.03
just by clicking with the tool.

31
00:01:04.03 --> 00:01:07.03
At which point you create an anchor point.

32
00:01:07.03 --> 00:01:09.06
Now notice that we're not
seeing any kind of line

33
00:01:09.06 --> 00:01:11.05
coming out of that first point,

34
00:01:11.05 --> 00:01:14.02
but we know that we're
now in path creation mode,

35
00:01:14.02 --> 00:01:16.05
because we're no longer seeing an asterisk

36
00:01:16.05 --> 00:01:18.02
next to the cursor.

37
00:01:18.02 --> 00:01:19.09
Now I'll go ahead and click a second time

38
00:01:19.09 --> 00:01:21.08
with the tool, at which
point you'll not only

39
00:01:21.08 --> 00:01:24.01
create an anchor point,
but you'll initially

40
00:01:24.01 --> 00:01:27.04
see a straight segment
between the two anchor points.

41
00:01:27.04 --> 00:01:30.06
That is to say until you
begin moving your cursor,

42
00:01:30.06 --> 00:01:33.07
at which time, everything begins to bend,

43
00:01:33.07 --> 00:01:35.04
and so we're not only bending the segment

44
00:01:35.04 --> 00:01:38.02
that we just drew, we also see a preview

45
00:01:38.02 --> 00:01:40.06
of the next segment that
we're about to create.

46
00:01:40.06 --> 00:01:44.00
This is known as the rubber band function

47
00:01:44.00 --> 00:01:46.08
inside of Illustrator, because after all

48
00:01:46.08 --> 00:01:49.06
the segments are bending
like rubber bands.

49
00:01:49.06 --> 00:01:51.03
Now I'll go ahead and click again down at

50
00:01:51.03 --> 00:01:53.08
the bottom of the screen
to create a third point,

51
00:01:53.08 --> 00:01:55.07
and now notice as I move my cursor

52
00:01:55.07 --> 00:01:58.05
that all three of my segments are bending.

53
00:01:58.05 --> 00:02:01.03
That is to say, the first two that I drew

54
00:02:01.03 --> 00:02:04.04
as well as the next one
that I'm about to draw,

55
00:02:04.04 --> 00:02:05.09
and that's because there's a kind of

56
00:02:05.09 --> 00:02:08.05
codependency between the anchor points

57
00:02:08.05 --> 00:02:11.00
when you're working with the curve tool.

58
00:02:11.00 --> 00:02:12.02
All right now I'll go ahead and click

59
00:02:12.02 --> 00:02:13.09
to create a fourth point over here

60
00:02:13.09 --> 00:02:15.04
on the right side of the screen.

61
00:02:15.04 --> 00:02:18.09
At which point things begin
to settle down a little bit.

62
00:02:18.09 --> 00:02:20.08
Notice that the segment I just drew

63
00:02:20.08 --> 00:02:23.06
continues to bend as I move my cursor,

64
00:02:23.06 --> 00:02:27.01
but the first two segments
have more or less settled down.

65
00:02:27.01 --> 00:02:28.03
All right now I'll go ahead and hover

66
00:02:28.03 --> 00:02:30.01
over the first anchor point,

67
00:02:30.01 --> 00:02:31.08
at which time I will see a little circle

68
00:02:31.08 --> 00:02:34.00
next to my cursor telling
me that I'm about to

69
00:02:34.00 --> 00:02:36.01
close this path outline.

70
00:02:36.01 --> 00:02:38.02
Then if I move cursor away,

71
00:02:38.02 --> 00:02:40.07
I once again see the
asterisk, which tells me

72
00:02:40.07 --> 00:02:44.02
that if I click, I will
begin a new path outline.

73
00:02:44.02 --> 00:02:47.00
Now, the interesting thing
about the Curvature Tool

74
00:02:47.00 --> 00:02:50.01
is that it's not only
a path creation tool,

75
00:02:50.01 --> 00:02:52.02
but it's also a path editing tool

76
00:02:52.02 --> 00:02:54.02
analogous to the arrow tools.

77
00:02:54.02 --> 00:02:56.02
So for example, let's say I want to add

78
00:02:56.02 --> 00:02:59.00
another anchor point to this path outline.

79
00:02:59.00 --> 00:03:00.07
Then I could just go ahead and hover over

80
00:03:00.07 --> 00:03:02.05
one of the segments, at which point

81
00:03:02.05 --> 00:03:05.00
I'll see a little plus
sign next to the cursor,

82
00:03:05.00 --> 00:03:07.01
which shows me that if I click,

83
00:03:07.01 --> 00:03:08.07
I will create a new anchor point

84
00:03:08.07 --> 00:03:11.05
at that location, and I will modify

85
00:03:11.05 --> 00:03:14.03
the curvature of the neighboring segments.

86
00:03:14.03 --> 00:03:17.01
Notice that things flattened
out just a little bit.

87
00:03:17.01 --> 00:03:19.01
Now if I want to, I could go ahead

88
00:03:19.01 --> 00:03:22.03
and drag that segment
to a different location.

89
00:03:22.03 --> 00:03:24.02
So you can see, once again,

90
00:03:24.02 --> 00:03:26.09
Curvature Tool not just
a path creation tool,

91
00:03:26.09 --> 00:03:29.04
but also a path editing tool.

92
00:03:29.04 --> 00:03:30.08
All right now I'll go ahead and create

93
00:03:30.08 --> 00:03:33.00
an anchor point on the
upper right segment,

94
00:03:33.00 --> 00:03:36.02
and I want you to see, as I drag it down,

95
00:03:36.02 --> 00:03:39.06
not only does it move, but
its neighboring segments

96
00:03:39.06 --> 00:03:43.01
move as well, again
demonstrating the codependent

97
00:03:43.01 --> 00:03:45.07
relationship of all of the anchor points

98
00:03:45.07 --> 00:03:48.02
as you add them and drag them around.

99
00:03:48.02 --> 00:03:50.03
All right now just to
polish things off here,

100
00:03:50.03 --> 00:03:51.08
I'm going to click on the fill icon,

101
00:03:51.08 --> 00:03:54.05
the very first swatch up
here in the control panel,

102
00:03:54.05 --> 00:03:56.02
and change the fill to None,

103
00:03:56.02 --> 00:03:58.08
and then I'm going to take
the line weight up to,

104
00:03:58.08 --> 00:04:01.02
let's say six points, like so,

105
00:04:01.02 --> 00:04:03.02
and so you can see, unlike when using

106
00:04:03.02 --> 00:04:05.00
say the Shape Builder Tool,

107
00:04:05.00 --> 00:04:07.02
I can modify the fill
and stroke attributes

108
00:04:07.02 --> 00:04:10.07
on the fly as I work
with the Curvature Tool,

109
00:04:10.07 --> 00:04:12.07
and that is a very basic introduction

110
00:04:12.07 --> 00:04:14.05
to how you draw with the Curvature Tool

111
00:04:14.05 --> 00:04:16.05
here inside Illustrator.