1

00:00:00.05 --> 00:00:01.07

- [Instructor] In this

movie, I'll show you



2

00:00:01.07 --> 00:00:04.04

how to take your arrowhead design so far,



3

00:00:04.04 --> 00:00:06.02

and convert them to symbols so



4

00:00:06.02 --> 00:00:08.05

that you can then turn

around and assign them



5

00:00:08.05 --> 00:00:12.04

to any open path outline

from the Stroke panel.



6

00:00:12.04 --> 00:00:14.01

Now I wanna show you how things work here.



7

00:00:14.01 --> 00:00:16.00

I'll go ahead and switch to this file,



8

00:00:16.00 --> 00:00:18.08

and I'll select this

blue path right there,



9

00:00:18.08 --> 00:00:20.05

and I'll click on the word Stroke,



10

00:00:20.05 --> 00:00:22.08

and I'll click on this

first arrowheads option



11

00:00:22.08 --> 00:00:27.03

to bring up that menu

of 39 default strokes,



12

00:00:27.03 --> 00:00:30.00

starting with Arrow 1, and there's Arrow 3



13

00:00:30.00 --> 00:00:31.08

that we saw in a previous movie,



14

00:00:31.08 --> 00:00:34.00

with its corner points

right there in the middle



15

00:00:34.00 --> 00:00:38.04

and then at the end we have Arrow 39,



16

00:00:38.04 --> 00:00:40.08

which looks like a kind of asterisk.



17

00:00:40.08 --> 00:00:43.02

Now that's all defined by the symbols



18

00:00:43.02 --> 00:00:46.08

that are included with

this arrowheads.ai file.



19

00:00:46.08 --> 00:00:48.06

And so if I were to go to the Window menu



20

00:00:48.06 --> 00:00:51.04

and choose Symbols while this file is open



21

00:00:51.04 --> 00:00:54.04

then I would see every

one of those arrows,



22

00:00:54.04 --> 00:00:56.07

starting with Arrow 1, then we've got two,



23

00:00:56.07 --> 00:01:00.05

and three, and so forth

all the way down to 39.



24

00:01:00.05 --> 00:01:04.01

So the order of these arrows

inside the Symbols panel



25

00:01:04.01 --> 00:01:07.00

that's all that matters, to find the order



26

00:01:07.00 --> 00:01:11.05

of the arrows inside of the

menu there in the Stroke panel.



27

00:01:11.05 --> 00:01:14.00

And so what we wanna do is take these guys



28

00:01:14.00 --> 00:01:16.03

and turn them into symbols.



29

00:01:16.03 --> 00:01:20.02

Now, as you can see I've

modified my arrowheads.ai file.



30

00:01:20.02 --> 00:01:21.06

You will see something similar



31

00:01:21.06 --> 00:01:23.06

if you've been working

right along with me.



32

00:01:23.06 --> 00:01:25.05

I can't really give you

a catch-up file though



33

00:01:25.05 --> 00:01:28.06

because after all you need

to make your modifications



34

00:01:28.06 --> 00:01:30.06

to the local arrowheads file that's found



35

00:01:30.06 --> 00:01:32.05

on your hard drive.



36

00:01:32.05 --> 00:01:34.04

All right, so assuming

you have been working



37

00:01:34.04 --> 00:01:37.03

along with me, go ahead and

switch to the black arrow tool,



38

00:01:37.03 --> 00:01:38.08

up here at the top of the toolbox,



39

00:01:38.08 --> 00:01:42.02

and then partially marquee

this first arrowhead.



40

00:01:42.02 --> 00:01:45.00

And that's gonna select

three paths in all.



41

00:01:45.00 --> 00:01:46.08

And just so you understand

what's going on here,



42

00:01:46.08 --> 00:01:49.08

we've got this guy, which

represents the stroke,



43

00:01:49.08 --> 00:01:52.01

and notice that it has

multiple anchor points,



44

00:01:52.01 --> 00:01:54.00

one at the beginning, one at the end,



45

00:01:54.00 --> 00:01:56.02

and at least one here in the middle,



46

00:01:56.02 --> 00:01:59.06

which defines how the arrowhead

attaches to the stroke.



47

00:01:59.06 --> 00:02:02.01

Then we have this outer

rectangle right here



48

00:02:02.01 --> 00:02:04.00

and I'm having to search around for it



49

00:02:04.00 --> 00:02:06.01

by just looking out for some little icon



50

00:02:06.01 --> 00:02:07.07

next to my arrow cursor.



51

00:02:07.07 --> 00:02:10.01

Now what we have here is a rectangle



52

00:02:10.01 --> 00:02:12.01

with no fill and no stroke.



53

00:02:12.01 --> 00:02:13.05

So it's altogether invisible



54

00:02:13.05 --> 00:02:15.09

and it defines the bounding

box for the arrowhead,



55

00:02:15.09 --> 00:02:18.02

and then we have the

arrowhead design itself.



56

00:02:18.02 --> 00:02:20.02

All three of those items are necessary



57

00:02:20.02 --> 00:02:23.04

and because we based this

arrowhead on an existing one,



58

00:02:23.04 --> 00:02:25.05

everything is present and accounted for.



59

00:02:25.05 --> 00:02:27.08

So all you have to do is

partially marquee those items



60

00:02:27.08 --> 00:02:30.07

like so and then drag 'em and drop them,



61

00:02:30.07 --> 00:02:32.06

presumably to the end of the list,



62

00:02:32.06 --> 00:02:35.00

unless you want this item

to appear somewhere else



63

00:02:35.00 --> 00:02:37.06

inside that menu, just

go ahead and drag it



64

00:02:37.06 --> 00:02:39.00

and drop it at the end.



65

00:02:39.00 --> 00:02:42.02

And then I'll go ahead and

call this guy Custom 1,



66

00:02:42.02 --> 00:02:45.03

and if I left it called Caustom 1 like so,



67

00:02:45.03 --> 00:02:47.02

then that's how it would appear in a menu.



68

00:02:47.02 --> 00:02:49.02

That's not what I want,

so I'll get rid of that A.



69

00:02:49.02 --> 00:02:50.03

So in other words, the name



70

00:02:50.03 --> 00:02:51.07

of the symbol's all that matters.



71

00:02:51.07 --> 00:02:53.04

This text you created over here,



72

00:02:53.04 --> 00:02:55.02

that was just for your

sake in case you come



73

00:02:55.02 --> 00:02:58.02

back to this file and you're

wondering what's going on.



74

00:02:58.02 --> 00:03:00.06

All right, so I'll name this guy Custom 1.



75

00:03:00.06 --> 00:03:02.09

You can go with a dynamic

symbol if you want to,



76

00:03:02.09 --> 00:03:04.04

that's totally okay, but you're not going



77

00:03:04.04 --> 00:03:06.03

to get anything extra out of it.



78

00:03:06.03 --> 00:03:08.04

So you might as well stick

with the static symbol,



79

00:03:08.04 --> 00:03:11.06

which is more flexible for a

variety of different reasons.



80

00:03:11.06 --> 00:03:15.00

I'm just gonna go ahead

and select it and click OK,



81

00:03:15.00 --> 00:03:17.07

and we now have a new

symbol called Custom 1.



82

00:03:17.07 --> 00:03:20.00

And by the way, this

guy is now an instance



83

00:03:20.00 --> 00:03:23.03

of that symbol as indicated

by the words symbol static



84

00:03:23.03 --> 00:03:25.08

on the far left side of the control panel.



85

00:03:25.08 --> 00:03:27.09

All right, now I wanna

convert this guy to a symbol,



86

00:03:27.09 --> 00:03:29.02

so I'll go ahead and marquee him,



87

00:03:29.02 --> 00:03:31.00

and because I wanna add

it to the end of the list,



88

00:03:31.00 --> 00:03:33.01

I can just click on the little page icon



89

00:03:33.01 --> 00:03:34.08

at the bottom of the Symbols panel,



90

00:03:34.08 --> 00:03:37.03

and I'll call this guy Custom 2.



91

00:03:37.03 --> 00:03:39.04

It's important that

you spell things right.



92

00:03:39.04 --> 00:03:41.05

And then, for the most compatible results,



93

00:03:41.05 --> 00:03:44.00

select static symbol and click OK.



94

00:03:44.00 --> 00:03:46.07

And then finally, partially

marquee these guys,



95

00:03:46.07 --> 00:03:50.02

click on the little page

icon, call this guy Custom 3,



96

00:03:50.02 --> 00:03:51.08

I actually spelled it right this time,



97

00:03:51.08 --> 00:03:54.02

select static symbol and click OK,



98

00:03:54.02 --> 00:03:56.03

and we now have three new symbols,



99

00:03:56.03 --> 00:03:59.00

Custom 1, Custom 2, and Custom 3.



100

00:03:59.00 --> 00:04:01.00

At which point you wanna

go up to the File menu



101

00:04:01.00 --> 00:04:02.09

and choose the Save command

or press CTRL + S here



102

00:04:02.09 --> 00:04:06.05

on the PC or Command + S on a Mac.



103

00:04:06.05 --> 00:04:08.07

Now what I'd like to

do is apply these guys.



104

00:04:08.07 --> 00:04:10.04

So I'll switch back over to this file,



105

00:04:10.04 --> 00:04:13.04

select this first line, and

then click on the word Stroke,



106

00:04:13.04 --> 00:04:16.02

and I'll click on this

first arrowhead icon,



107

00:04:16.02 --> 00:04:17.09

and I'm not seeing anything new.



108

00:04:17.09 --> 00:04:20.04

I still have 39 different arrows



109

00:04:20.04 --> 00:04:22.07

from Arrow 1 down to Arrow 39.



110

00:04:22.07 --> 00:04:25.01

I'm not seeing Custom 1, two, and three,



111

00:04:25.01 --> 00:04:27.02

and that's because I have

to restart the program.



112

00:04:27.02 --> 00:04:29.01

And so, just go up to the File menu



113

00:04:29.01 --> 00:04:31.03

and choose the Exit command here on a PC,



114

00:04:31.03 --> 00:04:33.05

that's the Quit command on the Mac.



115

00:04:33.05 --> 00:04:36.02

CTRL + Q or Command + Q is

gonna do the same thing.



116

00:04:36.02 --> 00:04:38.01

I don't want to save any

changes to this file,



117

00:04:38.01 --> 00:04:39.04

so I'll click the No button.



118

00:04:39.04 --> 00:04:42.02

And you can click Clear

Clipboard as well if you like,



119

00:04:42.02 --> 00:04:43.06

although it doesn't really matter.



120

00:04:43.06 --> 00:04:46.02

And then just go ahead

and relaunch Illustrator.



121

00:04:46.02 --> 00:04:48.04

Now I wanna be able to

continue to make changes



122

00:04:48.04 --> 00:04:51.02

to that arrowhead file in future movies,



123

00:04:51.02 --> 00:04:53.06

so here on a PC, I'm gonna right-click



124

00:04:53.06 --> 00:04:55.05

on this program file right here,



125

00:04:55.05 --> 00:04:57.04

it's actually a shortcut to the program,



126

00:04:57.04 --> 00:05:01.03

and then I'll choose Run as administrator.



127

00:05:01.03 --> 00:05:03.05

All right, so here I am

inside Illustrator once again,



128

00:05:03.05 --> 00:05:04.09

I'm gonna go up to the File menu,



129

00:05:04.09 --> 00:05:06.09

and choose the Open command,



130

00:05:06.09 --> 00:05:09.09

and I'll navigate my way to the desktop.



131

00:05:09.09 --> 00:05:11.05

You Macintosh people should just be able



132

00:05:11.05 --> 00:05:14.05

to double-click on a file, but

when I'm running the program



133

00:05:14.05 --> 00:05:17.04

as an administrator here on

a PC I can't make that work.



134

00:05:17.04 --> 00:05:19.06

So I'm just gonna find

that darn file called



135

00:05:19.06 --> 00:05:22.03

Where to find the arrowheads file.ai



136

00:05:22.03 --> 00:05:24.00

and I'll go ahead and open it,



137

00:05:24.00 --> 00:05:25.05

and as long as I'm here I might



138

00:05:25.05 --> 00:05:26.09

as well expand the Layers panel



139

00:05:26.09 --> 00:05:28.06

so I can see what I'm

doing and I'll switch



140

00:05:28.06 --> 00:05:30.01

to the single column toolbox,



141

00:05:30.01 --> 00:05:32.00

and then I'll click this guy right here,



142

00:05:32.00 --> 00:05:34.09

this first blue line, and I'll click



143

00:05:34.09 --> 00:05:37.05

on the word Stroke up

here in the control panel,



144

00:05:37.05 --> 00:05:40.06

and I'll click on this

first arrowheads option,



145

00:05:40.06 --> 00:05:42.01

and I'll scroll down

the list at which point



146

00:05:42.01 --> 00:05:45.04

I can see Customs one,

two, and three, yay,



147

00:05:45.04 --> 00:05:47.06

and now I'll go ahead and select Custom 1,



148

00:05:47.06 --> 00:05:49.00

and I have applied the arrowhead.



149

00:05:49.00 --> 00:05:51.03

And now I'll select that second path,



150

00:05:51.03 --> 00:05:53.02

and I'll click Stroke once again,



151

00:05:53.02 --> 00:05:54.09

click this first arrowhead option,



152

00:05:54.09 --> 00:05:57.09

scroll all the way down to

the list and select Custom 2,



153

00:05:57.09 --> 00:05:59.08

and then I'll select the third line,



154

00:05:59.08 --> 00:06:02.08

which as you can see here

is set to a gradient,



155

00:06:02.08 --> 00:06:05.03

and I'll click on Stroke and I'll bring



156

00:06:05.03 --> 00:06:07.07

up the arrowheads list

and select Custom 3,



157

00:06:07.07 --> 00:06:10.02

and notice that it is entirely compatible



158

00:06:10.02 --> 00:06:11.08

with a gradient line.



159

00:06:11.08 --> 00:06:13.05

Now it's important that I explain



160

00:06:13.05 --> 00:06:14.04

what in the world that means.



161

00:06:14.04 --> 00:06:16.08

Notice the Symbols panel is still open,



162

00:06:16.08 --> 00:06:19.01

but we're not seeing any of those symbols.



163

00:06:19.01 --> 00:06:20.01

We don't need to.



164

00:06:20.01 --> 00:06:23.06

They just need to be inside

that arrowheads.ai file.



165

00:06:23.06 --> 00:06:25.06

All right so I'm gonna hide that panel,



166

00:06:25.06 --> 00:06:27.07

and I want you to see if I expand



167

00:06:27.07 --> 00:06:29.06

my gradient panel right there,



168

00:06:29.06 --> 00:06:30.06

which you can get of course



169

00:06:30.06 --> 00:06:32.07

by choosing the gradient

command from the file menu,



170

00:06:32.07 --> 00:06:34.06

and I switch to the stroke.



171

00:06:34.06 --> 00:06:38.04

Notice that my black point

is set to a location of 66%.



172

00:06:38.04 --> 00:06:40.08

If I move it closer to the arrowhead,



173

00:06:40.08 --> 00:06:44.00

it's gonna go ahead and

fill the arrowhead as well,



174

00:06:44.00 --> 00:06:45.06

which is totally rad.



175

00:06:45.06 --> 00:06:46.07

And that's gonna work by the way,



176

00:06:46.07 --> 00:06:48.06

as long as the stroke option here is set



177

00:06:48.06 --> 00:06:51.03

to the first icon, Apply

gradient within stroke.



178

00:06:51.03 --> 00:06:52.09

If you switch to one of the other two,



179

00:06:52.09 --> 00:06:55.04

such as Apply gradient along stroke,



180

00:06:55.04 --> 00:06:57.09

then it's not going to work anymore.



181

00:06:57.09 --> 00:07:01.02

So notice we get this

hard division right here.



182

00:07:01.02 --> 00:07:04.01

The gradient doesn't

actually fill the arrowhead.



183

00:07:04.01 --> 00:07:05.09

And so if you wanted

to, then just go ahead



184

00:07:05.09 --> 00:07:08.08

and select that first

stroke option like so,



185

00:07:08.08 --> 00:07:11.02

and then you can fill the arrowhead



186

00:07:11.02 --> 00:07:13.04

to any extent that you like.



187

00:07:13.04 --> 00:07:16.02

I also want you to note that

you can change the color.



188

00:07:16.02 --> 00:07:18.06

So I could go ahead and click

on this first guy right there,



189

00:07:18.06 --> 00:07:20.06

and change the color of that stroke



190

00:07:20.06 --> 00:07:22.03

to this shade of red right there,



191

00:07:22.03 --> 00:07:24.04

and I'll change the color

of the arrowhead as well.



192

00:07:24.04 --> 00:07:29.00

And if I increase the line

weight to let's say 20 point,



193

00:07:29.00 --> 00:07:31.00

that's gonna grow the arrowhead,



194

00:07:31.00 --> 00:07:32.08

and of course it'll shrink if I go



195

00:07:32.08 --> 00:07:36.00

with a smaller line weight,

but you also have the option



196

00:07:36.00 --> 00:07:37.03

of clicking on the word Stroke



197

00:07:37.03 --> 00:07:41.01

and changing the scale of

the arrowhead independently



198

00:07:41.01 --> 00:07:43.05

of the line weight, by

changing this first value



199

00:07:43.05 --> 00:07:47.09

for example to 150%.



200

00:07:47.09 --> 00:07:49.08

And that friends is how you take your



201

00:07:49.08 --> 00:07:52.05

awesome arrowhead designs and turn them



202

00:07:52.05 --> 00:07:55.01

into full fledged custom arrowheads



203

00:07:55.01 --> 00:07:58.01

that you can assign to

any open path outline



204

00:07:58.01 --> 00:08:02.08

that you like using symbols

here inside Illustrator.