- [Instructor] Alright so far
we've seen how you can create single color arrowheads,
albeit subject to gradience if you like.
In this movie I'll show you
how to create tinted arrowheads
and so notice that the arrowheads
are the same color as their base strokes,
but they have lighter tints as well.
Alright so I'll go head and switch over
to my Arrowheads.ai file
I have to assume that you're working along with me
on the Arrowheads.ai file
that's included on your hard drive.
In which case just go ahead
and zoom out a little bit
and now let's create a copy of
these three custom arrow heads right there
by marquee-ing them with the black arrow tool
and then I'm going to drag the anchor point
that's associated with this first line of point text
while pressing the shift and alt keys.
That's shift and option on the Mac,
and if you have your smart guides turned on
then you'll see things snap into alignment like this,
and because I have shift and alt,
or shift and option down,
I'm constraining the angle of my drag
to exactly horizontal
as well as creating a copy of those custom arrowheads.
Alright I'm going to go head and zoom in on these guys
and I'll press the T key
to switch to my type tool
and then I'll double click on the word Custom
and change it to Tinted
and I'll do the same thing for the next lines of type.
I'll change the second Custom to Tinted
and the third Custom to tinted as well.
Again, these are labels for your benefit only,
they have nothing to do with
the final names of these arrowheads.
Right now all these guys are instances of existing symbols.
I don't need that actually,
so I'm going to marquee these second two guys
and press the backspace key
or the delete key on the Mac to get rid of them.
And then I'll zoom in on this guy,
and I'll click on him to select him
and then I'll go up to the control panel
and click on the Break Link button,
which is going to result in this new sublayer
called Custom 1.
I'm going to call it Bad Sublayer once again
and press the enter key.
And then I'll go head and twirl it open
and I'll click on this path,
shift click on this bottom one,
drag 'em all out of that sublayer
then go ahead and click on Bad Sublayer here
inside the layers panel,
you don't have to target it, just click on it.
And then click on the little trash can icon
in the bottom right corner of the panel,
and now notice if you twirl layer one closed
and then twirl it back open everything is blue.
Alright now notice this bounding box right here,
this invisible rectangle,
I want you to press the A key
in order to switch to the wite arrow tool,
and then just go ahead and marquee
that vertical segment right there
and press the enter key or the return key on the Mac
to bring up the Move dialogue box,
change the horizontal value to 4,
and leave the vertical value set to 0
which will move that edge outward four points.
And I just happen to know that's going to work nicely
for this upcoming arrowhead
at which point I'll click Okay to accept that change.
Now you want to click inside this arrowhead to select it
and then bring up your swatches panel on screen,
make sure the fill is active,
and then click on this lightest shade of gray.
And I want you to notice something about it.
I'm going to double click on this gray,
notice we just have a few gray values available to us
here inside the arrowheads file,
notice that even though to swatch name is
R 191 G 191 B 191
that the color modes actually set to Grayscale
this is very important.
If you set it to RGB or some other model it won't work.
You need Grayscale and the K value is 25.1
for what that's worth
you can either work with that value if you want to,
you can change the value,
or if you want to create a new swatch,
just make sure that its color mode
is set to Grayscale as well.
Alright I'm going to cancel out of here
because I'm fine with this gray.
And now I'll click this bottom anchor point right there
and I'll press Control C, Control F.
That's going to be Command C Command F
to paste these two segments in front
and I'll go ahead and fill them
with this slightly darker shade of gray
in which the RGB values all read 128.
And that's going to give us this effect here.
Alright now press the V key
to switch to the black arrow tool,
and I will click on this lighter shade of gray
and I'll press Control C Control B
that is Command C Command B
in order to copy the shape
and paste it in back.
Hence, B by the way,
in case you can't understand what letter I'm saying.
Alright, now I want this shape to have a stroke
and so I'll go ahead and change the line weight value
up here in the Control Panel to 1 point
and press the enter key or the return key on the Mac
to accept that change.
If you look very closely
you'll see that the color of the stroke
is slightly lighter than it ought to be
and so I'll click on a second color swatch
and change it to K=100 so we have a nice black stroke.
You might also notice,
and you don't even have to look closely for this,
that we have some bevel joints,
that is to say the tips are cut off,
and to fix that click into Wordstroke
and then click in the limit value right there,
and press the up arrow key until
not only these points come back,
but that front point as well.
Which for me happens at a limit value of 7x.
That is, seven times the line weight.
Alright, well wherever it happens,
doesn't really matter.
Now the thing is custom arrowheads
do not support strokes,
and so we need to convert the stroke to a fill
by going up to the Object menu,
choosing Path, and choosing Outline Stroke
or if you loaded D keys,
I've given you a shortcut
of Control \, that's Command \ on the Mac,
and that may seem fairly arbitrary,
but it was an open keyboard shortcut
and I have personally found it very useful over time.
Anyway, I'll go ahead and choose that command.
Now notice on the far left side of the Control Panel
that we have a group to get rid of it,
go up to the Object menu and choose Ungroup
or you have that shortcut of Control + Shift + G
or Command + Shift + G on a Mac.
Now notice we have some mixed objects.
Well I'm going to shift click on this object right there
in order to deselect it,
we still have this inner guy right there,
you could get rid of it by pressing the backspace key
or the delete key on the Mac.
And now click on this black stroke
at which point you can see it's a compound path
over again on the left side of the Control Panel.
I'm not sure if that's actually
going to cause us any problems
but we don't need it.
So I'll go up to the Object menu,
choose Compound Path,
and choose Release.
And then I'll shift click on that outermost blackpath
and I'll press the backspace key
or the delete key on the Mac
to get rid of the excess.
Alright now we need to create two more tinted strokes,
you don't actually have to if you don't want to
but gosh it's a lot of fun.
So I'll go ahead and marquee all these paths like so
and then I'll drag 'em down
while pressing the shift and alt keys
that's shift and option on a Mac,
if your smart guides are turned on
you'll see a snap at which point release
in order to create that copy
and then press Control D here on the PC
or Command D on the Mac
in order to duplicate that arrowhead.
Alright let's start with this middle guy right here
and just so I can better see what I'm doing
I'll press Control Y
or Command Y on a Mac.
I'll zoom in a little more,
at any rate pressing Control or Command Y
switched me to the outline mode,
and now I am going to draw a tail
that looks like this guy right here.
And so I want you to notice that
it has a kind of outline
and then it has one, two, three, four,
five, six, seven, light feathers
and in between there's six darker ones.
Alright so you don't have to do exactly that
but here's how I managed to make that happen.
I'll go ahead and switch to the pen tool
which you can get by pressing the P key,
and I'll drag from this point right there,
and it's not selected,
so I'm not joining to anything
I'm just creating a new smooth point
and now I'll drag to create another smooth point
at this location
and I'll press the shift key as I do
to constrain the angle of my drag to vertical,
and that is the segment I'm looking for.
Just in case you're trying to follow along with me.
Alright now I'll switch to my reflect tool
by grabbing it from the rotate tool flyout menu
and I'll go ahead and select this entire path
by control or command clicking on it,
and then I'll release the control or command key
and I'll move my cursor to this anchor point right there
and I'll alt or option click on it
to bring up the Reflect dialogue box.
I have been flipping around a horizontal axis
which is exactly what I'm looking for
so I'll just click the Copy button
in order to make a copy of that path
and then I'll press the V key
to switch back to my black arrow tool
and shift click on this top half
and I'll join them together
by going up to the Object menu,
choosing Path, and choosing Join
or you have that shortcut of Control J
or Command J on a Mac.
Alright now I'll marquee these guys,
we don't need 'em
so I'll just press the backspace key
or the delete key on a Mac
and then I'll press Control Y or Command Y
in order to switch back to the preview mode.
Alright now let's select this guy right there
which is one path outline as you can see.
I want to swap the fill and stroke
and you can do that just by pressing Shift X like so,
and now let's make this stroke light
by clicking on a second swatch up here
in the Control Panel,
and selecting this lighter shade of gray.
Notice this guy right there is just K 0
so that's white,
we want the next guy over.
Everybody = 191,
and then we want to create a copy of this path
and just to make sure you and I get the same results
I'll press the enter key or the return key on the Mac
to bring up the Move dialogue box,
you want the horizontal value to be 2,
and then change the vertical value to 0.
And then press the tab key,
and you'll notice this guy move over a little bit
at which point click the copy button
and you'll create a copy of the path like so.
Apparently that's not what I want.
So, I'll undo that change
and I'll try again by pressing
the enter key or the return key on a Mac,
I guess I want a horizontal value of 1
and a vertical value of 0
at which point I'll click Copy
and that creates a copy of the path
in the proper location.
Alright, now I'll change the color of that stroke
to everybody = 128,
and now I'll shift click on the first guy
so that both of 'em are selected,
and I'll press the enter key
or the return key on the Mac
to revisit the Move dialogue box
and this time I'll take the horizontal value up to 2,
leave the vertical value set to 0
and click the Copy button.
And that gets me the effect I'm looking for.
Alright now we have two sets
of light and medium gray stripes,
I want six sets
and so I'll press Control D
or Command D on the Mac
three, four, five, six times,
and I'm not counting out the number of times
I'm pressing they keyboard shortcut,
I'm pressing the number of times
we have alternating light and dark gray stripes.
And now I want to take this guy by himself,
so click off and then click on
to select that guy by himself,
and I'll just press Control D
or Command D on a Mac
in order to make a copy of that guy,
and notice that this guy is in front
and as a result it's thicker,
and so I'll right click in the document window,
choose Arrange, and choose Bring to Front
or you can press Control + Shift + ]
or Command + Shift + ] On a Mac.
And that's just going to make sure
all the stripes are the same thickness.
Alright, now we need to create
the black stroke around everything.
And so I'll go ahead and shift click
on this first light stroke
and then I'll press Control C
or Command C on a Mac
to copy it,
and Control F, or command F on a Mac
to paste in front.
And let's go ahead and change the color
of these strokes to black.
And I'll take the line weight here
down to 0.5 so half the thickness of everybody else
and I want to move one stroke one way
and the other stroke the other way
and so I'll click off of 'em
to deselect 'em.
I'll select this guy,
and I'll press the enter key
or the return key on the Mac
to bring up the Move dialogue box.
And this time we want to move
this path outline to the left,
so we want a negative horizontal value
and it turns out we're looking
for -0.75
is going to do the trick
as we're seeing right here,
the vertical value of 0 is what we want,
and don't click Copy just click Okay.
And then select this guy,
press the enter key or the return key on a Mac
and change the horizontal value to positive 0.75
and you can see that that works quite nicely
at which point I'll click Okay.
Now shift click on this first path,
so that both of them are selected
and join 'em together by pressing Control J
or Command J on a Mac,
notice that joins together the bottom anchor points.
Now to join the top ones,
you press Control J or Command J on the Mac again.
Alright, once again arrowheads
are not compatible with strokes
so go ahead and marquee all of these guys.
You don't want the big rectangle to be selected,
so shift click on it to deselect it
and choose Outline Stroke
or again with D keys you have that shortcut
of Control or Command /
and that gives is this effect right here.
And if you want,
you could just check to make sure
that each one of these guys is an independent path outline
which in my case it is
so I'll just press Control Z
or Command Z on a Mac
enough times to put everybody back where they were.
Alright, now let's create an arrowhead
that looks like a kind of spear
as we're seeing right here.
So more or less a conventional,
old school traditional,
back in the very olden days arrowhead.
And so I'll go ahead and switch back
to my file in progress here.
I am looking at the last arrowhead, aren't I?
Yes I am,
and so I'll go ahead and zoom back in.
Alright so I'm going to need to draw
a new path outline,
so I'll grab my pen tool.
Again, you can get that by pressing the P key,
and then I'll move my cursor
to about this location right here,
you can see the word intersect.
And that's telling me I'm intersecting with something
associated with this existing arrowhead.
So I'll go ahead and click there
and now I want to click up here some place,
this looks pretty good,
and I want to click at this location
but if I do I will join with
this bottom path outline.
I don't want that,
so I'll click right about there,
and then I'll press the control key,
or the command key on a Mac
to get my white arrow tool on the fly,
and I'll drag this guy down
until it snaps into alignment like so.
Alright so that takes care
of that half of the arrowhead
which is good enough for now.
I'll press the V key to switch to the black arrow tool
and I'll marquee these shapes
and I'll go ahead and press the backspace key
or the delete key on the Mac
to get rid of all of them.
And then I'll select this path outline
and I'll press Control C
or Command C on a Mac,
in order to copy it.
That's because I'm going to come back to it
in just a moment.
And now flip this guy
by once again selecting the reflect tool,
which you could get by pressing the O key,
and alt click, or option click
on this right hand point
to bring up the Reflect dialogue box.
Axis is already set to horizontal
so I'll just go ahead and click on the Copy button
then I'll press the V key
to switch back to black arrow tool,
I'll shift click on this top half,
and I'll join 'em together
by pressing Control J or Command J on the Mac.
Alright now I want to swap the fill and stroke
by pressing shift X
so we have a black stroke like so
and now convert it to a filled path outline
by going up to the Object menu,
choosing Path, and choosing Outline Stroke
or you can Control or Command \
for those of you who loaded D keys.
Now I want to paste that copied path in front
so I'll press Control F
or Command F on the Mac to make that happen,
and I'll just go ahead and click on the Fill Swatch,
first swatch in the Control Panel,
and I'll change it to everybody = 128 like so,
and now what you want to do
is click and hold on the eraser tool
and select the scissors tool
which has a keyboard shortcut of C.
It'll click right there, this spot,
in order to cut that anchor point in twain.
Alright and now press the P key
to switch back to my pen tool
and I'll click there
in order to activate that path outline,
and then I'll move my cursor directly down like so
and click here
in order to create a vertical segment
and then I'll click here
in order to create a horizontal one.
And that goes ahead and closes off that path
into a triangle.
And now control or command click on this path,
that doesn't really select the entire thing
but it selects the one segment
which is enough for me to move it to front
by right clicking, choosing Arrange,
and then choosing Bring to Front,
or you've got that shortcut Control + Shift + ]
Command + Shift + ] On the Mac,
now click there to activate the path,
click there to create a vertical segment,
and click here to close things up
with the horizontal ones.
So we now have two triangles.
Alright now I'll press the V key
to switch to my black arrow tool,
click in this guy just to make sure he's selected,
click on the first swatch up here in the Control Panel
and change it to everybody = 191.
So we have a light shade of gray.
Now shift click on this path
in order to select it,
press the O key to switch to the reflect tool,
which is now active over here in the toolbox.
And now you want to alt or option click
on this left hand anchor point
and then click the Copy button
to create a copy of those paths.
Now press the V key to switch back
to the black arrow tool.
Click off the path outlines to deselect 'em.
Select this guy,
and here's at the swatches panel,
because it feel active I'll change it
to the darker shade of gray,
and then I'll select this guy
and change it to the lighter shade of gray.
So that we have some alternating fills.
Alright now just so you don't lose your work,
I want you to go up to the file menu
and choose the save command,
or as you well know by now,
you could just press Control S or Command S on a Mac.
Now of course if we want to actually
employ these guys as arrowheads,
we need to convert them to symbols.
That's not really going to be anything new
but we are running long.
So I'm going to show you how to make that happen
in the next movie.