1
00:00:00.05 --> 00:00:02.02
- In this movie, we'll
take a look at three more

2
00:00:02.02 --> 00:00:04.04
elements of strokes inside Illustrator:

3
00:00:04.04 --> 00:00:07.03
Caps, Joins and Miter Limit.

4
00:00:07.03 --> 00:00:10.05
And, they all hinge on that
notion that Illustrator

5
00:00:10.05 --> 00:00:13.02
is less concerned about
the total line weight,

6
00:00:13.02 --> 00:00:15.05
and more concerned about the two halves

7
00:00:15.05 --> 00:00:19.00
of the line weight on either
side of the Path Outline.

8
00:00:19.00 --> 00:00:21.09
In our case, notice that
I have a straight line,

9
00:00:21.09 --> 00:00:24.02
with two end points,

10
00:00:24.02 --> 00:00:26.04
and my line weight is set to 200 points.

11
00:00:26.04 --> 00:00:29.04
So, in other words we have
100 points of line weight

12
00:00:29.04 --> 00:00:32.02
on the top side of the
path and another 100 points

13
00:00:32.02 --> 00:00:34.02
of line weight below the path.

14
00:00:34.02 --> 00:00:36.01
Now, I'll go ahead and
click on the word Stroke,

15
00:00:36.01 --> 00:00:39.03
up here in the Control Panel,
and notice our Cap options

16
00:00:39.03 --> 00:00:42.09
right here; these three
options effect the appearance

17
00:00:42.09 --> 00:00:44.09
of the Stroke at an end point.

18
00:00:44.09 --> 00:00:47.06
They only effect open path outlines.

19
00:00:47.06 --> 00:00:50.06
By default, the Butt Cap is selected,

20
00:00:50.06 --> 00:00:54.03
which means that the stroke
ends abruptly at the end point.

21
00:00:54.03 --> 00:00:56.01
You have two other options

22
00:00:56.01 --> 00:00:57.06
that are available to you as well;

23
00:00:57.06 --> 00:01:01.00
you've got the Round Cap
that's going to go ahead

24
00:01:01.00 --> 00:01:03.06
and wrap the stroke around the end point,

25
00:01:03.06 --> 00:01:06.01
in a round fashion as
we're seeing right here.

26
00:01:06.01 --> 00:01:09.05
What we essentially have, is a circle here

27
00:01:09.05 --> 00:01:12.00
at the end point, with
a radius that's equal to

28
00:01:12.00 --> 00:01:16.03
half of the line weight, so
in other words, 100 points.

29
00:01:16.03 --> 00:01:19.08
What happens is the stroke
extends in this case,

30
00:01:19.08 --> 00:01:23.09
100 points beyond the end
point in either direction.

31
00:01:23.09 --> 00:01:26.04
You're other option is a Projecting Cap,

32
00:01:26.04 --> 00:01:29.08
which goes ahead and draws a
square from that end point.

33
00:01:29.08 --> 00:01:33.01
Again, it extends outward,
half the line weight,

34
00:01:33.01 --> 00:01:37.02
or in our case, 100 points
from either end point.

35
00:01:37.02 --> 00:01:40.00
Once again bear in mind,
that the Cap Option

36
00:01:40.00 --> 00:01:41.07
only effects open paths;

37
00:01:41.07 --> 00:01:44.09
it has no effect on closed path outlines.

38
00:01:44.09 --> 00:01:47.03
I'm going to go ahead
and turn this layer off,

39
00:01:47.03 --> 00:01:50.02
and turn the next layer angle on.

40
00:01:50.02 --> 00:01:53.06
I'll go ahead and click on
its path outline to select it.

41
00:01:53.06 --> 00:01:56.08
The next row of options,
control the joins.

42
00:01:56.08 --> 00:01:59.00
The joins effect the appearance

43
00:01:59.00 --> 00:02:01.03
of corners in a path outline.

44
00:02:01.03 --> 00:02:03.03
If your path doesn't have any corners,

45
00:02:03.03 --> 00:02:06.06
as in the case of a circle,
then you won't see any effect.

46
00:02:06.06 --> 00:02:09.03
I'll once again click on the word Stroke,

47
00:02:09.03 --> 00:02:10.05
up here in the Control Panel,

48
00:02:10.05 --> 00:02:13.06
and notice these corner
options right here,

49
00:02:13.06 --> 00:02:16.03
they do indeed control
the appearance of corners

50
00:02:16.03 --> 00:02:18.06
in the path outlines,
but each of the icons

51
00:02:18.06 --> 00:02:21.02
themselves, are labeled Join.

52
00:02:21.02 --> 00:02:23.03
By default, we have a Miter Join,

53
00:02:23.03 --> 00:02:25.07
meaning that the stroke
extends all the way

54
00:02:25.07 --> 00:02:27.08
out until it meets its other side,

55
00:02:27.08 --> 00:02:30.01
and you end up with a sharp corner.

56
00:02:30.01 --> 00:02:33.02
Your other options are a Round Join,

57
00:02:33.02 --> 00:02:35.01
in which case Illustrator goes ahead

58
00:02:35.01 --> 00:02:39.00
and wraps half the line weight
around that corner point

59
00:02:39.00 --> 00:02:40.05
as we're seeing right here.

60
00:02:40.05 --> 00:02:44.04
Again, we now have a corner
that's made up of a circle,

61
00:02:44.04 --> 00:02:46.08
with a radius of half the line weight,

62
00:02:46.08 --> 00:02:49.04
which in our case, is again, 100 points;

63
00:02:49.04 --> 00:02:53.07
or you can switch to a
Bevel Join which is going to

64
00:02:53.07 --> 00:02:55.06
go ahead and slice off that corner.

65
00:02:55.06 --> 00:02:58.09
You may wonder, why
Illustrator weights just

66
00:02:58.09 --> 00:03:01.04
a little bit farther
out than a corner point,

67
00:03:01.04 --> 00:03:03.04
in order to do the slicing.

68
00:03:03.04 --> 00:03:06.07
That's explained by this
Imposition Layer right here.

69
00:03:06.07 --> 00:03:09.03
I'll go ahead and turn
it on, so that we can see

70
00:03:09.03 --> 00:03:11.08
the calculation that
Illustrator is running.

71
00:03:11.08 --> 00:03:15.04
It's looking at the stroke as
it's applied to each segment

72
00:03:15.04 --> 00:03:18.07
independently, so as a
result, the corners come out

73
00:03:18.07 --> 00:03:21.01
a little bit, and then
it connects the corners,

74
00:03:21.01 --> 00:03:24.09
in order to create that
Bevel Join right there.

75
00:03:24.09 --> 00:03:27.01
I'm going to turn that layer off,

76
00:03:27.01 --> 00:03:30.06
so that we can see the
effects of the Miter Limit.

77
00:03:30.06 --> 00:03:32.02
To get a sense for how that works,

78
00:03:32.02 --> 00:03:34.05
I'll bring back up the Stroke Panel,

79
00:03:34.05 --> 00:03:37.02
and I'll reset the Corner
Option to the Miter Join,

80
00:03:37.02 --> 00:03:41.00
like so, at which point
we see this Limit Value,

81
00:03:41.00 --> 00:03:43.00
as you can see right there.

82
00:03:43.00 --> 00:03:45.04
I'm going to go ahead and zoom out,

83
00:03:45.04 --> 00:03:47.07
and then I'll press the A Key

84
00:03:47.07 --> 00:03:50.00
in order to select my white arrow

85
00:03:50.00 --> 00:03:52.03
and I'll click on this Top Anchor Point.

86
00:03:52.03 --> 00:03:55.09
I'll go ahead and drag it down
while pressing the Shift Key,

87
00:03:55.09 --> 00:04:00.04
so that I'm making the angle
more acute and notice as I do,

88
00:04:00.04 --> 00:04:03.06
that Miter Join goes flying farther out;

89
00:04:03.06 --> 00:04:07.02
in this case, all the way
out into the Pace Board.

90
00:04:07.02 --> 00:04:10.00
But, if I keep dragging
it down, at some point,

91
00:04:10.00 --> 00:04:12.02
I'm going to lose the Miter Joint entirely

92
00:04:12.02 --> 00:04:16.00
and Illustrator's going to
substitute it with a Bevel Joint.

93
00:04:16.00 --> 00:04:19.08
The idea is, your Miter
has just gotten too long.

94
00:04:19.08 --> 00:04:22.07
If you disagree, if you want
to bring the Miter back,

95
00:04:22.07 --> 00:04:25.03
then just go ahead and
press the V Key to switch

96
00:04:25.03 --> 00:04:26.07
back to the Black Arrow Tool,

97
00:04:26.07 --> 00:04:28.07
and click on that Path Outline,

98
00:04:28.07 --> 00:04:30.02
and the reason I'm having you do that,

99
00:04:30.02 --> 00:04:33.04
is notice that when any
one point in a path outline

100
00:04:33.04 --> 00:04:36.09
is deselected, you don't see
the Fill and Stroke options

101
00:04:36.09 --> 00:04:38.06
up here in the Control Panel.

102
00:04:38.06 --> 00:04:41.03
In order to see those
options, all points in a path

103
00:04:41.03 --> 00:04:43.00
have to be selected;

104
00:04:43.00 --> 00:04:44.01
which you can accomplish of course,

105
00:04:44.01 --> 00:04:47.03
by just clicking on the Path
Outline with the Black Arrow

106
00:04:47.03 --> 00:04:49.05
and that goes ahead and
brings those Fill and Stroke

107
00:04:49.05 --> 00:04:52.06
options back, at which point,
I'll click on the word Stroke,

108
00:04:52.06 --> 00:04:55.03
and I'll click in this Limit
Value, and I'll press the

109
00:04:55.03 --> 00:04:58.06
Up Arrow Key, a couple of
times, and notice if I increase

110
00:04:58.06 --> 00:05:04.01
the limit to 12 X, then
I get my Miter Join back,

111
00:05:04.01 --> 00:05:07.02
but I can once again lose that
Miter, by pressing the A Key,

112
00:05:07.02 --> 00:05:09.07
and marqueeing that end point right there,

113
00:05:09.07 --> 00:05:11.02
and dragging it down a little more,

114
00:05:11.02 --> 00:05:13.07
and notice the more acute the angle gets,

115
00:05:13.07 --> 00:05:16.01
the more likely I am to lose that Miter.

116
00:05:16.01 --> 00:05:18.04
Now, I'll just go ahead
and zoom out a little more,

117
00:05:18.04 --> 00:05:21.00
and maybe pan this art board to the right,

118
00:05:21.00 --> 00:05:23.00
and I'll press the V Key to switch back to

119
00:05:23.00 --> 00:05:24.01
the Black Arrow Tool.

120
00:05:24.01 --> 00:05:26.00
I'll click on this Path
Outline to select it,

121
00:05:26.00 --> 00:05:27.06
I'll click on the word Stroke again

122
00:05:27.06 --> 00:05:29.06
and now I'll click in this Limit Value,

123
00:05:29.06 --> 00:05:31.08
and I'll just keep
pressing the Up Arrow Key

124
00:05:31.08 --> 00:05:34.02
until I see this Miter Joint come back,

125
00:05:34.02 --> 00:05:37.04
which happens for me at 24 X.

126
00:05:37.04 --> 00:05:39.08
What in the world does that mean?

127
00:05:39.08 --> 00:05:44.03
It's 24 times half the
line weight once again.

128
00:05:44.03 --> 00:05:47.06
In our case, Illustrator
is allowing the Miter Join

129
00:05:47.06 --> 00:05:52.07
to extend 24 times 100,
that is 2400 points

130
00:05:52.07 --> 00:05:55.06
away from that corner point,

131
00:05:55.06 --> 00:05:58.05
and if that's what you want,
by all means you can go ahead

132
00:05:58.05 --> 00:06:01.00
and accept that effect even
though this is obviously

133
00:06:01.00 --> 00:06:03.05
a pretty radical point.

134
00:06:03.05 --> 00:06:05.05
In my case, I think I'll
make things right again,

135
00:06:05.05 --> 00:06:07.07
by pressing the A Key to
get the White Arrow Tool,

136
00:06:07.07 --> 00:06:10.03
Clicking the Stop Anchor
point to select it

137
00:06:10.03 --> 00:06:12.09
and then dragging up while
pressing the Shift Key,

138
00:06:12.09 --> 00:06:16.09
until I regain a semblance
of my original Miter like so.

139
00:06:16.09 --> 00:06:18.05
That's how you take advantage

140
00:06:18.05 --> 00:06:21.00
of Caps, Joins and Miter Limits.

141
00:06:21.00 --> 00:06:24.03
In the next movie, I'll show
you a practical application.

