1
00:00:00.05 --> 00:00:02.03
- [Instructor] All right,
so just by way of reminder,

2
00:00:02.03 --> 00:00:04.04
we have a problem with
this final arrowhead.

3
00:00:04.04 --> 00:00:08.01
What it needs is some form
of connectivity right here

4
00:00:08.01 --> 00:00:11.03
in the form of these
little ropes, let's say,

5
00:00:11.03 --> 00:00:13.06
which are connecting
this traditional looking,

6
00:00:13.06 --> 00:00:18.01
albeit very stylized
arrowhead, to its shaft.

7
00:00:18.01 --> 00:00:19.07
And that means we need to replace

8
00:00:19.07 --> 00:00:22.03
one arrowhead definition with another.

9
00:00:22.03 --> 00:00:24.00
Now you might figure it's
a pretty easy matter.

10
00:00:24.00 --> 00:00:27.00
We just create a new arrowhead
based on the existing one,

11
00:00:27.00 --> 00:00:30.00
but if you do that in the wrong way

12
00:00:30.00 --> 00:00:33.06
then you'll create an arrowhead
that will crash Illustrator

13
00:00:33.06 --> 00:00:35.05
every single time.

14
00:00:35.05 --> 00:00:38.04
And so let me show you how
to do things the right way

15
00:00:38.04 --> 00:00:41.03
to Illustrator doesn't
continually crash which,

16
00:00:41.03 --> 00:00:44.04
I don't know about you, but I
find to be highly irritating.

17
00:00:44.04 --> 00:00:46.04
So I'm gonna go ahead and switch over

18
00:00:46.04 --> 00:00:48.04
to this file right here
and we're gonna make

19
00:00:48.04 --> 00:00:49.03
some modifications.

20
00:00:49.03 --> 00:00:51.07
So I'm gonna zoom in on this guy

21
00:00:51.07 --> 00:00:53.06
and in order to make things work

22
00:00:53.06 --> 00:00:55.06
we need smart guides to be turned on.

23
00:00:55.06 --> 00:00:57.00
So I'll go up to the view menu,

24
00:00:57.00 --> 00:00:58.00
notice mine are turned off,

25
00:00:58.00 --> 00:00:59.08
so I'll go ahead and choose the command

26
00:00:59.08 --> 00:01:02.06
or you have that shortcut
of control u here on a PC,

27
00:01:02.06 --> 00:01:04.03
command u on a Mac.

28
00:01:04.03 --> 00:01:07.04
Now I'll go ahead and
select my line segment tool

29
00:01:07.04 --> 00:01:09.07
which you can get from the
line tool fly out menu.

30
00:01:09.07 --> 00:01:12.02
And I'll go ahead and
position my cursor right there

31
00:01:12.02 --> 00:01:15.02
at the left hand intersection
of those two triangles

32
00:01:15.02 --> 00:01:17.08
and I will click in order to bring up

33
00:01:17.08 --> 00:01:19.05
the line options dialog box.

34
00:01:19.05 --> 00:01:21.09
We're working very small
so I'll set the link value

35
00:01:21.09 --> 00:01:24.09
to just two points and the
angle value to 90 degrees

36
00:01:24.09 --> 00:01:26.03
and notice if I click okay

37
00:01:26.03 --> 00:01:29.06
I create this little line right there.

38
00:01:29.06 --> 00:01:32.01
And for the best results you
wanna be working on layer one,

39
00:01:32.01 --> 00:01:33.05
here inside the layer's panel,

40
00:01:33.05 --> 00:01:35.04
and that's because layer five contains

41
00:01:35.04 --> 00:01:39.00
all the descriptive text
at the top of the artboard.

42
00:01:39.00 --> 00:01:40.09
So if you created this guy in layer five

43
00:01:40.09 --> 00:01:43.03
and you're seeing a green path outline

44
00:01:43.03 --> 00:01:45.03
then just go ahead and
drag the little square

45
00:01:45.03 --> 00:01:47.00
down to layer one.

46
00:01:47.00 --> 00:01:49.07
All right, now I'm gonna
zoom in even farther here

47
00:01:49.07 --> 00:01:52.03
and I want this guy to be centered

48
00:01:52.03 --> 00:01:54.07
and so I'll switch back
to my black arrow tool

49
00:01:54.07 --> 00:01:57.00
which I can get by pressing the v key

50
00:01:57.00 --> 00:01:58.04
and then I'll press the enter key,

51
00:01:58.04 --> 00:01:59.06
or the return key on the Mac,

52
00:01:59.06 --> 00:02:01.02
to bring up the move dialog box

53
00:02:01.02 --> 00:02:04.08
and I'll change the vertical value to one.

54
00:02:04.08 --> 00:02:07.02
The horizontal value
needs to stay at zero.

55
00:02:07.02 --> 00:02:09.06
And so notice if I turn
on the preview check box

56
00:02:09.06 --> 00:02:11.08
that I moved that line down

57
00:02:11.08 --> 00:02:15.08
so that it's centered on
the shaft of this arrowhead.

58
00:02:15.08 --> 00:02:17.01
At which point I'll click okay.

59
00:02:17.01 --> 00:02:19.06
All right, now I don't want
the color of this stroke

60
00:02:19.06 --> 00:02:22.06
to be this sort of weak
black and so I'll click on

61
00:02:22.06 --> 00:02:24.05
the second swatch and I'll change it to

62
00:02:24.05 --> 00:02:26.08
that light shade of gray
in which the RGB values

63
00:02:26.08 --> 00:02:29.02
are all 191.

64
00:02:29.02 --> 00:02:31.06
Now I wanna round off the caps

65
00:02:31.06 --> 00:02:34.05
and so I'll click on the word
stroke and then I'll select

66
00:02:34.05 --> 00:02:36.09
the second cap option, round cap,

67
00:02:36.09 --> 00:02:39.01
in order to produce this effect here.

68
00:02:39.01 --> 00:02:40.04
Now as you may recall,

69
00:02:40.04 --> 00:02:43.00
arrowheads are not compatible with strokes

70
00:02:43.00 --> 00:02:44.07
and so we need to convert this stroke to

71
00:02:44.07 --> 00:02:47.06
a filled path outline by
going up to the object menu,

72
00:02:47.06 --> 00:02:50.03
choosing path and then
choosing outline stroke

73
00:02:50.03 --> 00:02:52.05
or if you loaded D keys
you have that shortcut

74
00:02:52.05 --> 00:02:56.08
of control backslash, that's
command backslash on the Mac.

75
00:02:56.08 --> 00:02:59.02
And notice that we now
have a filled path outline.

76
00:02:59.02 --> 00:03:02.01
All right, now I need to
create a copy of this guy

77
00:03:02.01 --> 00:03:04.02
over here on the left hand side

78
00:03:04.02 --> 00:03:06.07
and the easiest way to do
that is to press the enter key

79
00:03:06.07 --> 00:03:08.03
or the return key on the Mac to bring up

80
00:03:08.03 --> 00:03:09.08
the move dialog box.

81
00:03:09.08 --> 00:03:12.03
I wanna move this guy to the left

82
00:03:12.03 --> 00:03:13.08
and so I'll change the horizontal value

83
00:03:13.08 --> 00:03:17.05
to negative 1.5 it turns out, like so.

84
00:03:17.05 --> 00:03:19.04
That moves it down a little bit as well,

85
00:03:19.04 --> 00:03:21.05
so I'll change the vertical
value to zero points.

86
00:03:21.05 --> 00:03:24.03
And then I'll click on the copy button

87
00:03:24.03 --> 00:03:27.00
in order to create a copy
of that path outline.

88
00:03:27.00 --> 00:03:29.07
All right, now we wanna
take both of these guys,

89
00:03:29.07 --> 00:03:31.02
so I'll click on one,
shift click on the other,

90
00:03:31.02 --> 00:03:33.09
and we want to stroke them both.

91
00:03:33.09 --> 00:03:36.00
And the best way to make
that happen at this point

92
00:03:36.00 --> 00:03:39.00
is not to assign a
stroke because then we'll

93
00:03:39.00 --> 00:03:41.01
just have to convert it to a fill later.

94
00:03:41.01 --> 00:03:42.03
And so if you want to perform

95
00:03:42.03 --> 00:03:45.04
both of those modifications in one step,

96
00:03:45.04 --> 00:03:47.03
then you go up to the object menu,

97
00:03:47.03 --> 00:03:49.09
choose path, and choose offset path,

98
00:03:49.09 --> 00:03:52.02
which is very similar to outline stroke

99
00:03:52.02 --> 00:03:54.05
which is why if you loaded
D keys I've given you

100
00:03:54.05 --> 00:03:56.01
a similar keyboard shortcut,

101
00:03:56.01 --> 00:03:57.09
in which you just add the shift key.

102
00:03:57.09 --> 00:04:00.07
So in other words, control
shift backslash here on a PC.

103
00:04:00.07 --> 00:04:03.04
That's command shift backslash on a Mac.

104
00:04:03.04 --> 00:04:06.03
And then you want to turn
on the preview checkbox.

105
00:04:06.03 --> 00:04:09.03
Obviously that's way too much stroke.

106
00:04:09.03 --> 00:04:10.09
We're looking for a one-point stroke.

107
00:04:10.09 --> 00:04:12.07
But if I change the offset value to one,

108
00:04:12.07 --> 00:04:16.02
then we're moving the stroke out one point

109
00:04:16.02 --> 00:04:17.09
as well as in one point.

110
00:04:17.09 --> 00:04:18.08
That's not what we want.

111
00:04:18.08 --> 00:04:21.01
We want out half of that,

112
00:04:21.01 --> 00:04:23.02
and so I'll click after this offset value

113
00:04:23.02 --> 00:04:24.04
and enter slash two,

114
00:04:24.04 --> 00:04:27.04
which will change the value to 0.5 points.

115
00:04:27.04 --> 00:04:29.06
And so that means it's
moving half a point out

116
00:04:29.06 --> 00:04:31.05
as well as theoretically half a point in,

117
00:04:31.05 --> 00:04:34.00
which is the same as a one-point stroke.

118
00:04:34.00 --> 00:04:35.09
And so now I'll just go ahead and click OK

119
00:04:35.09 --> 00:04:37.06
in order to apply that change.

120
00:04:37.06 --> 00:04:41.06
And I'll change the
color to black like so.

121
00:04:41.06 --> 00:04:43.06
All right, now I want to
fuse both of these guys

122
00:04:43.06 --> 00:04:45.02
into a single path outline

123
00:04:45.02 --> 00:04:47.05
and you can do that by
going up to the window menu

124
00:04:47.05 --> 00:04:49.08
and choose the pathfinder command

125
00:04:49.08 --> 00:04:51.03
to bring up the pathfinder panel,

126
00:04:51.03 --> 00:04:53.04
and then I'll click on
this very first icon

127
00:04:53.04 --> 00:04:55.04
in the first row, unite.

128
00:04:55.04 --> 00:04:57.03
Which fuses those two guys together.

129
00:04:57.03 --> 00:04:58.09
Unfortunately it moves the path outline

130
00:04:58.09 --> 00:05:00.07
a little too far forward,

131
00:05:00.07 --> 00:05:02.04
but that's an easy problem to rectify

132
00:05:02.04 --> 00:05:05.05
by right clicking inside
the document window,

133
00:05:05.05 --> 00:05:07.08
choosing a range, and
choosing not send to back,

134
00:05:07.08 --> 00:05:09.05
that would move things back too far,

135
00:05:09.05 --> 00:05:11.02
but just send backward.

136
00:05:11.02 --> 00:05:13.04
Or you can take advantage
of that keyboard shortcut,

137
00:05:13.04 --> 00:05:15.03
control left bracket here on a PC

138
00:05:15.03 --> 00:05:17.07
or command left bracket on a Mac,

139
00:05:17.07 --> 00:05:20.04
which produces exactly the
effect we're looking for.

140
00:05:20.04 --> 00:05:24.07
All right, now obviously we
just need to move this guy

141
00:05:24.07 --> 00:05:26.06
into the symbols panel.

142
00:05:26.06 --> 00:05:29.02
But notice if I go ahead
and partially marquee

143
00:05:29.02 --> 00:05:30.08
all these paths right here,

144
00:05:30.08 --> 00:05:32.08
I'm getting a big rectangle.

145
00:05:32.08 --> 00:05:34.06
And I'm not seeing any path outlines

146
00:05:34.06 --> 00:05:37.02
surrounding the arrowhead itself.

147
00:05:37.02 --> 00:05:38.09
And that's because if I click off the path

148
00:05:38.09 --> 00:05:40.08
and then click on one
of these paths again,

149
00:05:40.08 --> 00:05:42.00
we have an instance.

150
00:05:42.00 --> 00:05:44.08
And so notice I'm seeing
the words symbol static

151
00:05:44.08 --> 00:05:47.06
over here on the left
side of the control panel.

152
00:05:47.06 --> 00:05:51.08
Now you could of course,
go up to the window menu

153
00:05:51.08 --> 00:05:53.04
and choose the symbols command

154
00:05:53.04 --> 00:05:55.00
to bring up your symbols panel,

155
00:05:55.00 --> 00:05:57.00
which contains tinted three right there,

156
00:05:57.00 --> 00:05:59.02
and then you could partially
marquee these guys and drag 'em

157
00:05:59.02 --> 00:06:03.03
and drop 'em in there in
order to create a new symbol.

158
00:06:03.03 --> 00:06:07.04
And I could call it something
like tinted 3a, let's say.

159
00:06:07.04 --> 00:06:11.00
And select static symbol and
go through all the steps here.

160
00:06:11.00 --> 00:06:13.09
The problem is then I
would have a nested symbol,

161
00:06:13.09 --> 00:06:16.09
so I'd end up with a
symbol inside of a symbol.

162
00:06:16.09 --> 00:06:21.00
In other word, tinted three
would not be part of tinted 3a.

163
00:06:21.00 --> 00:06:24.09
That's where Illustrator will crash.

164
00:06:24.09 --> 00:06:26.08
And so what you have to bear in mind is

165
00:06:26.08 --> 00:06:29.02
arrowheads are a very old feature.

166
00:06:29.02 --> 00:06:31.08
Again, they've been around
for about 20 years now.

167
00:06:31.08 --> 00:06:36.03
And so they're essentially not
compatible with a darn thing.

168
00:06:36.03 --> 00:06:38.03
And you can bet if arrowheads are

169
00:06:38.03 --> 00:06:39.06
not compatible with strokes they're

170
00:06:39.06 --> 00:06:42.02
not compatible with nested symbols either.

171
00:06:42.02 --> 00:06:44.02
So what you want to do is cancel out here,

172
00:06:44.02 --> 00:06:46.02
and you want to click off the paths,

173
00:06:46.02 --> 00:06:48.04
click on this guy to
select it independently,

174
00:06:48.04 --> 00:06:50.01
and then go up to the control panel

175
00:06:50.01 --> 00:06:52.01
and click break link.

176
00:06:52.01 --> 00:06:53.06
And that's gonna give me a bunch of

177
00:06:53.06 --> 00:06:55.07
differently colored selection edges.

178
00:06:55.07 --> 00:06:58.01
That's because we now have a sublayer.

179
00:06:58.01 --> 00:07:00.08
And so if you target this
guy tinted three right here,

180
00:07:00.08 --> 00:07:02.05
you'll see that it's a layer over here

181
00:07:02.05 --> 00:07:04.06
on the far left side of the control panel,

182
00:07:04.06 --> 00:07:06.04
so I'll just go ahead
and name it bad sublayer,

183
00:07:06.04 --> 00:07:09.05
so that I can keep
track of what I'm doing.

184
00:07:09.05 --> 00:07:10.05
I'll twirl it open.

185
00:07:10.05 --> 00:07:12.01
I'll grab all these guys.

186
00:07:12.01 --> 00:07:14.06
So click on the top paths,
shift click on the bottom one,

187
00:07:14.06 --> 00:07:18.02
and then drag them and drop
them out of that sublayer.

188
00:07:18.02 --> 00:07:19.01
You can move them all the way to

189
00:07:19.01 --> 00:07:20.04
the top of the stack if you want.

190
00:07:20.04 --> 00:07:21.06
It doesn't matter,

191
00:07:21.06 --> 00:07:23.05
but you do need to make sure you click on

192
00:07:23.05 --> 00:07:25.03
this bad sublayer once you're done.

193
00:07:25.03 --> 00:07:27.02
Just click on it, you
don't have to target it,

194
00:07:27.02 --> 00:07:29.01
and then click on the little trash icon

195
00:07:29.01 --> 00:07:31.02
in the bottom right
corner of the layers panel

196
00:07:31.02 --> 00:07:33.01
to get rid of it, and that'll just ensure

197
00:07:33.01 --> 00:07:34.07
that you don't have any clutter.

198
00:07:34.07 --> 00:07:38.03
All right, now it did
matter that I moved this guy

199
00:07:38.03 --> 00:07:39.09
to the top of the stack.

200
00:07:39.09 --> 00:07:42.02
That's because it's now
covering the new stuff I drew.

201
00:07:42.02 --> 00:07:44.04
So I'll go ahead and select those items,

202
00:07:44.04 --> 00:07:47.01
and notice they're selected
right here in a layers panel,

203
00:07:47.01 --> 00:07:49.06
so I could click on this
path, shift click on this one,

204
00:07:49.06 --> 00:07:51.05
and then drag them and drop them

205
00:07:51.05 --> 00:07:53.06
at the top of the stack like so.

206
00:07:53.06 --> 00:07:56.04
In which case they are
in the proper position.

207
00:07:56.04 --> 00:07:57.04
All right, now let's just go ahead

208
00:07:57.04 --> 00:07:58.07
and marquee all this junk.

209
00:07:58.07 --> 00:08:01.06
And I'll drag it and drop
it into the symbols panel

210
00:08:01.06 --> 00:08:06.09
or if you want you can drag
it onto the old tinted three

211
00:08:06.09 --> 00:08:08.03
and press the alt key.

212
00:08:08.03 --> 00:08:10.08
Notice that, if I don't
have the alt key down

213
00:08:10.08 --> 00:08:14.01
I'll see a vertical
blue line either before

214
00:08:14.01 --> 00:08:16.00
or after the symbol.

215
00:08:16.00 --> 00:08:17.08
But if I press and hold the alt key

216
00:08:17.08 --> 00:08:19.03
or the option key on a Mac,

217
00:08:19.03 --> 00:08:22.04
I see a dark square around the symbol.

218
00:08:22.04 --> 00:08:24.07
In which case I'll just
go ahead and release,

219
00:08:24.07 --> 00:08:27.01
and that replaces tinted three.

220
00:08:27.01 --> 00:08:30.03
So notice this item right
here is now an instance.

221
00:08:30.03 --> 00:08:31.07
And I can see that because I'm seeing

222
00:08:31.07 --> 00:08:33.09
the words symbol static at the beginning,

223
00:08:33.09 --> 00:08:36.01
the far left side of the control panel.

224
00:08:36.01 --> 00:08:38.02
And if I were to click
on this replace icon

225
00:08:38.02 --> 00:08:41.06
up here in the control panel
and select tinted two instead,

226
00:08:41.06 --> 00:08:43.06
I would see tinted two
and then if I switched

227
00:08:43.06 --> 00:08:46.02
to tinted three I'll see
the new tinted three,

228
00:08:46.02 --> 00:08:47.03
which is awesome.

229
00:08:47.03 --> 00:08:49.00
All right, so I'm gonna zoom out so I can

230
00:08:49.00 --> 00:08:51.04
see all of these guys at the same time,

231
00:08:51.04 --> 00:08:53.09
and then I'll hide the symbols panel,

232
00:08:53.09 --> 00:08:55.09
and now I'll go up to the file menu,

233
00:08:55.09 --> 00:08:57.00
and choose the save command,

234
00:08:57.00 --> 00:08:59.06
or you can press control
s or command s on a Mac

235
00:08:59.06 --> 00:09:02.00
in order to save your changes,

236
00:09:02.00 --> 00:09:03.03
and then return to the file menu

237
00:09:03.03 --> 00:09:04.05
and choose the exit
command here on the PC.

238
00:09:04.05 --> 00:09:06.02
That's the quit command on a Mac,

239
00:09:06.02 --> 00:09:08.08
which has a keyboard shortcut
after the Macintosh command

240
00:09:08.08 --> 00:09:12.05
of control q here on a
PC or command q on a Mac.

241
00:09:12.05 --> 00:09:16.00
All right, now I just want
you to relaunch Illustrator.

242
00:09:16.00 --> 00:09:18.01
So in other words, we
don't have to worry about

243
00:09:18.01 --> 00:09:20.06
launching this thing as an administrator,

244
00:09:20.06 --> 00:09:22.06
so I'm just gonna switch to bridge,

245
00:09:22.06 --> 00:09:24.06
which I have opened in the background.

246
00:09:24.06 --> 00:09:26.06
So notice it's already
trained on the contents

247
00:09:26.06 --> 00:09:28.03
of the 36 symbols folder.

248
00:09:28.03 --> 00:09:30.02
So I'll just go ahead and
double click on this guy,

249
00:09:30.02 --> 00:09:32.07
not quite right.ai in order

250
00:09:32.07 --> 00:09:34.06
to once again launch Illustrator.

251
00:09:34.06 --> 00:09:36.09
Depending on which version
of the program you have,

252
00:09:36.09 --> 00:09:38.07
you may see a different splash screen.

253
00:09:38.07 --> 00:09:40.03
But in a moment or two you will

254
00:09:40.03 --> 00:09:42.05
see this file open on screen.

255
00:09:42.05 --> 00:09:44.07
I'll switch back to the
single column toolbox

256
00:09:44.07 --> 00:09:46.03
and I'll click on the layers tab

257
00:09:46.03 --> 00:09:49.00
in order to expand the layers panel,

258
00:09:49.00 --> 00:09:51.01
and then I'll just go ahead
and marquee this stroke,

259
00:09:51.01 --> 00:09:53.01
the bottom stroke, with
the black arrow tool,

260
00:09:53.01 --> 00:09:54.08
and I'll click on the word stroke,

261
00:09:54.08 --> 00:09:56.03
and I'll click on the word arrowhead.

262
00:09:56.03 --> 00:09:58.04
Notice that it doesn't
update automatically.

263
00:09:58.04 --> 00:10:01.01
So what you need to do I
click on this first instance

264
00:10:01.01 --> 00:10:03.02
of the arrowhead which
is no longer linked to

265
00:10:03.02 --> 00:10:06.01
any of the arrowheads that
are at work on this system.

266
00:10:06.01 --> 00:10:08.06
And so I'll just go ahead
and click on tinted three

267
00:10:08.06 --> 00:10:12.00
in order to update that guy like so,

268
00:10:12.00 --> 00:10:14.08
and we now have these two bits of rope

269
00:10:14.08 --> 00:10:18.07
that are holding the traditional
arrowhead to its shaft

270
00:10:18.07 --> 00:10:20.07
in order to create
something that looks like

271
00:10:20.07 --> 00:10:23.07
a highly stylized spear.

272
00:10:23.07 --> 00:10:27.02
And that's how you go about
editing an existing arrowhead

273
00:10:27.02 --> 00:10:29.06
without running the risk
of crashing Illustrator

274
00:10:29.06 --> 00:10:31.05
every time you try to apply it,

275
00:10:31.05 --> 00:10:33.07
by taking a moment to break the link

276
00:10:33.07 --> 00:10:36.01
between the instance and symbol

277
00:10:36.01 --> 00:10:39.00
so you're working with
static path outlines

278
00:10:39.00 --> 00:10:41.06
here inside Illustrator.

