1
00:00:00.05 --> 00:00:02.02
- [Voiceover] In this movie
I'll show you to assign

2
00:00:02.02 --> 00:00:05.00
dashes and arrowheads to your strokes.

3
00:00:05.00 --> 00:00:07.01
Notice if I click on
the word Stroke up here

4
00:00:07.01 --> 00:00:09.08
in the Control Panel, that
the entire second half

5
00:00:09.08 --> 00:00:13.06
of the panel is devoted
to Dashes and Arrowheads.

6
00:00:13.06 --> 00:00:14.09
But we're not gonna work inside

7
00:00:14.09 --> 00:00:16.07
this pop-up panel this time around.

8
00:00:16.07 --> 00:00:18.07
Instead we're gonna take advantage

9
00:00:18.07 --> 00:00:20.04
of the dedicated Stroke panel,

10
00:00:20.04 --> 00:00:23.05
which you can see over here on
the right side of my screen.

11
00:00:23.05 --> 00:00:26.00
If you're not seeing it on
the right side of your screen,

12
00:00:26.00 --> 00:00:29.04
then go up to the Window menu
and choose the Stroke command,

13
00:00:29.04 --> 00:00:31.01
but don't choose that
command if it has a checkmark

14
00:00:31.01 --> 00:00:34.02
in front of it because
that will hide the panel.

15
00:00:34.02 --> 00:00:36.02
All right, now we need to expand the panel

16
00:00:36.02 --> 00:00:39.00
by clicking on that double
arrowhead a couple of times

17
00:00:39.00 --> 00:00:40.08
right next to the word Stroke.

18
00:00:40.08 --> 00:00:43.01
That will reveal every
single Stroke Option

19
00:00:43.01 --> 00:00:46.02
that's available to us inside Illustrator.

20
00:00:46.02 --> 00:00:48.02
All right, now I'll go
up to the Select menu

21
00:00:48.02 --> 00:00:50.01
and choose the Letters command

22
00:00:50.01 --> 00:00:51.09
in order to select those letters.

23
00:00:51.09 --> 00:00:55.01
I'm gonna go ahead and
zoom on into them as well.

24
00:00:55.01 --> 00:00:57.04
I'm no longer interested
in seeing these guides,

25
00:00:57.04 --> 00:01:00.07
so I'm gonna go up to the
View menu, choose Guides.

26
00:01:00.07 --> 00:01:03.00
Then you can choose Clear Guides

27
00:01:03.00 --> 00:01:04.05
if you really want to get rid of them,

28
00:01:04.05 --> 00:01:06.09
but I'm gonna choose
the Hide Guides command

29
00:01:06.09 --> 00:01:09.00
in order to just turn them off.

30
00:01:09.00 --> 00:01:11.03
Now I'm gonna make a couple
of others adjustments.

31
00:01:11.03 --> 00:01:14.01
I'm gonna take the Weight
value down to 10 points

32
00:01:14.01 --> 00:01:17.01
and I'm gonna set the
Cap back to its default,

33
00:01:17.01 --> 00:01:18.04
which is Butt Cap.

34
00:01:18.04 --> 00:01:20.08
I'm gonna set the Corner
to its default as well,

35
00:01:20.08 --> 00:01:22.07
which is Miter Join.

36
00:01:22.07 --> 00:01:26.01
The reason is that
round caps in particular

37
00:01:26.01 --> 00:01:28.04
can end up affecting dashed outlines

38
00:01:28.04 --> 00:01:31.04
in ways that I will
demonstrate in a future movie.

39
00:01:31.04 --> 00:01:34.01
But for now, we're better
off without that clutter.

40
00:01:34.01 --> 00:01:37.04
All right, now I'm gonna turn
on the Dashed Line checkbox.

41
00:01:37.04 --> 00:01:39.04
Notice that you have independent control

42
00:01:39.04 --> 00:01:41.09
over your Dash and Gap values.

43
00:01:41.09 --> 00:01:44.01
If the Gap value, by the way, is empty,

44
00:01:44.01 --> 00:01:46.06
then Illustrator will go
ahead and use the Dash value

45
00:01:46.06 --> 00:01:48.07
for the Gap as well.

46
00:01:48.07 --> 00:01:51.01
Now I'd like to demonstrate
these two icons,

47
00:01:51.01 --> 00:01:53.01
they're very important, up here.

48
00:01:53.01 --> 00:01:54.09
If the first one is selected,

49
00:01:54.09 --> 00:01:56.03
then Illustrator is gonna go ahead

50
00:01:56.03 --> 00:01:59.06
and preserve the exact
Dash and Gap values.

51
00:01:59.06 --> 00:02:02.03
Let's say I set the Dash value to 20,

52
00:02:02.03 --> 00:02:04.06
and I take the Gap value down to 10.

53
00:02:04.06 --> 00:02:06.01
That's gonna work out pretty well

54
00:02:06.01 --> 00:02:08.04
in some regions of the illustration,

55
00:02:08.04 --> 00:02:10.09
but notice down here at the end of the h,

56
00:02:10.09 --> 00:02:14.03
we pretty much lose any semblance of dash.

57
00:02:14.03 --> 00:02:18.08
It's very possible depending
on how I raise this Gap value

58
00:02:18.08 --> 00:02:22.08
that I could end up losing
the corner of the e as well.

59
00:02:22.08 --> 00:02:26.00
See what happens when I have a Dash of 20

60
00:02:26.00 --> 00:02:28.05
combined with a Gap of 12.

61
00:02:28.05 --> 00:02:30.06
I completely lose the
right corner of this e,

62
00:02:30.06 --> 00:02:33.06
and I lose the top of the f as well.

63
00:02:33.06 --> 00:02:35.06
If you want to give Illustrator permission

64
00:02:35.06 --> 00:02:39.01
to adjust your Dash and
Gap values on the fly

65
00:02:39.01 --> 00:02:42.04
in order to make your corners
and endpoints look better,

66
00:02:42.04 --> 00:02:44.09
then go ahead and click
on the second icon.

67
00:02:44.09 --> 00:02:47.01
That will re-establish
the corner of the e,

68
00:02:47.01 --> 00:02:49.04
as we're seeing right here,
and we'll get back a little bit

69
00:02:49.04 --> 00:02:51.03
of the dash at the endpoints.

70
00:02:51.03 --> 00:02:54.01
The thing is you don't
get back the full dash.

71
00:02:54.01 --> 00:02:56.05
Notice along the top curve of the f here,

72
00:02:56.05 --> 00:02:59.00
we have these full 20 point dashes

73
00:02:59.00 --> 00:03:03.01
followed by right here at
the end point a 1/2 a dash.

74
00:03:03.01 --> 00:03:06.01
In other words that one
is only 10 points long.

75
00:03:06.01 --> 00:03:08.08
That happens, by the way,
at all the endpoints,

76
00:03:08.08 --> 00:03:11.06
at the bottom of the h, over
on the right side of the g,

77
00:03:11.06 --> 00:03:13.01
and so forth.

78
00:03:13.01 --> 00:03:15.09
So once again, Illustrator
likes to think in terms

79
00:03:15.09 --> 00:03:18.07
of halves where strokes are concerned.

80
00:03:18.07 --> 00:03:22.01
Now you can enter up to three
pairs of Dash and Gap values

81
00:03:22.01 --> 00:03:24.00
if you like in which case I could achieve

82
00:03:24.00 --> 00:03:26.04
this kind of plaid effect right here.

83
00:03:26.04 --> 00:03:29.02
But I'm happy with just one
set of Dash and Gap values,

84
00:03:29.02 --> 00:03:31.02
so I'm gonna get rid of the second pair

85
00:03:31.02 --> 00:03:33.08
just by deleting that second Dash value,

86
00:03:33.08 --> 00:03:35.07
and then pressing the Tab key.

87
00:03:35.07 --> 00:03:38.02
I'm also gonna set the
first Dash value to 12

88
00:03:38.02 --> 00:03:42.03
and I'm gonna take the Gap
value down to 1 like so.

89
00:03:42.03 --> 00:03:44.05
Now let's take a look at Arrowheads.

90
00:03:44.05 --> 00:03:47.00
I'll go ahead and click on
this first option right here,

91
00:03:47.00 --> 00:03:49.02
and I'll scroll my way down

92
00:03:49.02 --> 00:03:52.03
to these sorta two-toned
Arrowheads down here

93
00:03:52.03 --> 00:03:54.03
starting with Arrow 28.

94
00:03:54.03 --> 00:03:57.01
Notice in all you've
got 39 different options

95
00:03:57.01 --> 00:03:58.05
to choose from.

96
00:03:58.05 --> 00:04:00.00
I'll go ahead and click this guy,

97
00:04:00.00 --> 00:04:03.06
and as you can see, the
arrows are way too big.

98
00:04:03.06 --> 00:04:05.01
If that happens to you,

99
00:04:05.01 --> 00:04:07.09
then you can take advantage
of the Scale value right here.

100
00:04:07.09 --> 00:04:10.08
I'm gonna take the Scale down to 25%

101
00:04:10.08 --> 00:04:13.04
in order to produce this effect.

102
00:04:13.04 --> 00:04:15.06
Now not all the Arrowheads are arrows,

103
00:04:15.06 --> 00:04:17.02
some of them are Ends.

104
00:04:17.02 --> 00:04:18.08
For example, if I go ahead and click

105
00:04:18.08 --> 00:04:20.07
on this second Arrowhead option

106
00:04:20.07 --> 00:04:23.06
and scroll my way down to Arrow 30,

107
00:04:23.06 --> 00:04:25.04
I'm not gonna get an Arrowhead this time,

108
00:04:25.04 --> 00:04:27.00
I'm gonna get these feathers.

109
00:04:27.00 --> 00:04:29.00
But again, they're too
big so I'll go ahead

110
00:04:29.00 --> 00:04:32.07
and take that second
value down to 25% as well.

111
00:04:32.07 --> 00:04:35.00
If you want to lock those
two values into agreement,

112
00:04:35.00 --> 00:04:38.01
then just go ahead and
turn on the chain icon.

113
00:04:38.01 --> 00:04:40.09
Now you also have the option
of swapping your Arrowheads.

114
00:04:40.09 --> 00:04:43.05
Let's say I want the tail
up here at the top of the h

115
00:04:43.05 --> 00:04:45.05
and I want the Arrowhead down here

116
00:04:45.05 --> 00:04:46.08
in the bottom right corner,

117
00:04:46.08 --> 00:04:49.03
then I could just click
on this little Swap icon

118
00:04:49.03 --> 00:04:51.07
in order to make it so.

119
00:04:51.07 --> 00:04:54.04
All right, but these are not
the Arrowheads I'm looking for.

120
00:04:54.04 --> 00:04:56.00
I want some pointing fingers,

121
00:04:56.00 --> 00:04:58.07
so I'll go ahead and
change the first Arrowhead

122
00:04:58.07 --> 00:05:01.01
to Arrow 36, let's say,

123
00:05:01.01 --> 00:05:05.03
and I'll change the second
Arrowhead to Arrow 35

124
00:05:05.03 --> 00:05:07.07
in order to achieve
these pointing fingers.

125
00:05:07.07 --> 00:05:10.02
Now I'll reduce the Scale value to 15%

126
00:05:10.02 --> 00:05:11.07
and because the Link is turned on,

127
00:05:11.07 --> 00:05:15.04
that'll reduce the size of
both Arrowheads like so.

128
00:05:15.04 --> 00:05:17.05
Now I'm gonna scroll over to the c

129
00:05:17.05 --> 00:05:19.00
so that you can see what happens

130
00:05:19.00 --> 00:05:21.04
if you change this Align setting.

131
00:05:21.04 --> 00:05:23.05
Right now the end of the Arrowhead

132
00:05:23.05 --> 00:05:26.05
is aligned to the
endpoint, do you see that?

133
00:05:26.05 --> 00:05:29.03
If you want the Arrowhead to
start at the endpoint instead,

134
00:05:29.03 --> 00:05:31.04
then go ahead and click
on this first icon,

135
00:05:31.04 --> 00:05:34.07
and you'll move those
hands outward like so.

136
00:05:34.07 --> 00:05:36.06
In my case that's not
what I want, however,

137
00:05:36.06 --> 00:05:38.04
so I'll just go ahead
and press Control + Z

138
00:05:38.04 --> 00:05:40.00
or Command + Z on a Mac.

139
00:05:40.00 --> 00:05:42.06
What I want to do is reduce the fussiness

140
00:05:42.06 --> 00:05:44.03
of some of these letters.

141
00:05:44.03 --> 00:05:46.06
I'm gonna click off
the text to deselect it

142
00:05:46.06 --> 00:05:49.08
and then I'll click on the
b, Shift + click on the d,

143
00:05:49.08 --> 00:05:52.00
and then scroll my way over to the g,

144
00:05:52.00 --> 00:05:54.04
and Shift + click on that letter as well.

145
00:05:54.04 --> 00:05:57.03
Now let's say I want to abandon
one of these Arrowheads.

146
00:05:57.03 --> 00:05:59.07
Then I'll just go ahead and click,

147
00:05:59.07 --> 00:06:02.01
let's say on the second
Arrowhead option right there,

148
00:06:02.01 --> 00:06:05.03
and I'll change it back to None.

149
00:06:05.03 --> 00:06:07.09
We'll end up with this
better looking effect here.

150
00:06:07.09 --> 00:06:10.00
I'm gonna zoom out slightly here,

151
00:06:10.00 --> 00:06:13.06
and I'm gonna scroll my way
up to the infinity sign.

152
00:06:13.06 --> 00:06:16.05
I'll go ahead and click on
it in order to select it.

153
00:06:16.05 --> 00:06:18.01
Now let's say I want to duplicate

154
00:06:18.01 --> 00:06:20.09
the Dashes and Arrowheads
onto this symbol,

155
00:06:20.09 --> 00:06:23.02
then I would drop down
to the Eyedropper Tool

156
00:06:23.02 --> 00:06:26.08
near the bottom of the Toolbox,
or I could press i key.

157
00:06:26.08 --> 00:06:29.05
Then I'll just go ahead and
click on one of these letters

158
00:06:29.05 --> 00:06:31.03
such as the c.

159
00:06:31.03 --> 00:06:33.00
Notice that lifts the Dashes,

160
00:06:33.00 --> 00:06:35.02
but it doesn't not lift the Arrowheads.

161
00:06:35.02 --> 00:06:36.09
That's because the Eyedropper is set

162
00:06:36.09 --> 00:06:39.01
to ignore Arrowheads by default.

163
00:06:39.01 --> 00:06:41.07
To change that setting, go
ahead and press the Enter key

164
00:06:41.07 --> 00:06:44.09
or the Return key on the Mac
when the Eyedropper is selected

165
00:06:44.09 --> 00:06:48.00
in order to bring up the
Eyedropper Options dialog box.

166
00:06:48.00 --> 00:06:51.00
Then just go ahead and turn
on this Appearance checkbox.

167
00:06:51.00 --> 00:06:53.06
When you do, that will
collapse that Option

168
00:06:53.06 --> 00:06:54.09
as we're seeing here,

169
00:06:54.09 --> 00:06:57.01
at which point just go ahead and click OK

170
00:06:57.01 --> 00:06:58.09
to accept that change.

171
00:06:58.09 --> 00:07:01.01
Now if you click on the c once again,

172
00:07:01.01 --> 00:07:03.04
you will lift the Arrowheads.

173
00:07:03.04 --> 00:07:05.01
What I want you to notice is

174
00:07:05.01 --> 00:07:08.00
even though this is a closed path outline,

175
00:07:08.00 --> 00:07:10.06
Illustrator still has a sense for where

176
00:07:10.06 --> 00:07:13.08
this path begins and where it ends.

177
00:07:13.08 --> 00:07:15.06
That just so happens to be right there

178
00:07:15.06 --> 00:07:17.03
in the center of the shape.

179
00:07:17.03 --> 00:07:19.03
And that, friends, is
how you take advantage

180
00:07:19.03 --> 00:07:23.04
of Dashes and Arrowheads
here inside Illustrator.