- In this movie we're going to add the text
on the badge right here,
as well as these bars above and below the word Sheriff,
and that's going to require some additional path building.
So I'll go ahead and switch over to my illustration, so far.
And I'm going to turn off the Inset and main Star layers
and turn the Shapes layer on so I can draw the rectrangles
that will ultimately turn into the bars.
And so I'll go ahead and select the Rectangle Tools
from the Shape flyout tool menu, and then I need to
make sure that the Shapes layer is active
in order to draw in it.
And I'll go ahead and position my cursor
at the intersection of those two center guides,
and I'll press the Alt key, or the Option key on the Mac,
and click in order to bring up the Rectangle dialog box.
And these are the values I'm looking for,
a Width of 340 points, and a Height of 170 points,
after which point I'll go ahead and click Okay.
And now I'm going to Alt, or Option click again
in order to revisit the Rectangle dialog box,
and I'm going to change the Width value to 444,
and I'll set the Height value to 150 points.
And the reason we're doing this, by the way,
I just happen to know these values in advance,
because I've played around with this file,
but what we want to do is subtract this inner rectangle
from the outer one in order to create the bars.
And because we're creating those shapes from
the center out, our bars will be exactly centered, as well.
All right, now press the V key to
switch to the black arrow tool,
and Shift click on that other rectangle to select it.
And now go to the Layers Panel
and notice that we have a little square representing
the selection.
I want to put these objects on a new layer,
so I'm going to click on the Inset leyer
to make it active and then I'll Alt click,
or Option click on the little page icon
at the bottom of the Layers Panel,
and I'm going to go ahead and call this
new layer Text, and I'll change the color,
to let's say, Gold, and click Okay.
And now I will Alt drag, or Option drag that red square
all the way up to the Text layer
in order to create a duplicate of these shapes.
And then I'll turn off the Shapes layer
and I'll go ahead and turn the Inset,
and main Star layers back on.
All right, now I want to subtract the forward rectangle
from the rear one, by once again,
grabbing the Shape Builder Tool.
And notice I can see my swatch is still
so I'm going to advance to the black swatch, like so,
and you can also just select it
up here in the Swatches Panel, if you want.
And then click in this top bar to make it black,
click in the bottom bar to make it black,
and then Alt drag, or Option drag
all the way through the central rectangle
in order to subtract that shape away.
All right, now let's create the text,
and I'm going to do that by grabbing my Type Tool and
I'll go ahead and click right there at that center guide.
And the font I'm looking for
it may not be installed in your system,
but it's called Birch.
And then I'll just go ahead and Tab over
to the Type Size value
and take it up to 140 points,
and I'll enter the word sheriff,
which has one R and two Fs,
and then I'll click on the Align Center icon
next to the word Paragraph,
and I'll press the Escape key to create that text,
and also click on the word Character
up here in the Control Panel,
and I'll click this icon right there All Caps,
in order to turn the text into All Caps, like so.
All right, now you might figure we could
align this text vertically to our artboard,
by clicking on the word Align over here
on the far right side of the Control Panel.
Go ahead and make sure that it's set to Align to Artboard,
and then we could Center Align the text,
it needed a little bit of that,
and then we can also vertically align the center,
but that obviously doesn't work properly,
and that's because Illustrator's looking at
any potential descenders.
So what we need to do is drag this guy
by its baseline down until it
snaps into alignment with the bottom bar.
And then I want you to drag it by the top
of one of these letters until it more or less
snaps into alignment with the top bar.
And that's going too far,
so I'm going to have to try again,
I'll go ahead and zoom in here
and drag this up, like so.
And I should see a D, Y, value,
of about negative 45 points,
which is what I'm looking for,
so I'll go ahead and release.
And now we need to split the difference
by pressing the Enter key,
and because an arrow tool is active,
that brings up the Move dialog box.
Make sure that Preview is turned on,
go ahead and make that Vertical value positive,
so get rid of the minus sign,
and then after that value enter slash two,
which is going to divide the value by two
so it's going to move it back half as far,
which ends up putting it exactly where we want it,
at which point go ahead and click Okay
to accept that change.
All right, now I want to combine these objects all together.
And so the first thing I'm going to do
is convert my text to Path Outlines.
And you do that by first copying your text,
so I'll press Control C, or Command C on the Mac,
and then you want to paste it in front
by pressing Control F, or Command F on the Mac.
And then go ahead and twirl open
your Text layer right there,
and turn off the original text object.
And that will protect it from harm,
in case you have to come back to it.
And then with the new one selected,
go up to the Type Tool and choose Create Outlines.
Or you can press Control Shift O,
or Command Shift O on the Mac,
and that converts the text to Path Outlines, like so.
Now I want you to Shift click
on each one of the bars in order to select it,
and I want to combine this thing into one object
by grabbing my Shape Builder tool and then
press the Shift key, and Marquee everything, like so,
in order to select it all.
And that's actually going to create a problem for us.
Notice that we lost the hole in the R?
I don't want that, so I'm going to press
Control Z, or Command Z on the Mac,
to undo that move.
And instead of using the Shape Builder,
I'll just go up to the Object menu,
choose Compound Path, and choose Make
to turn everything into one big compound path, like so.
All right, now we want to give our text
a little bit of an edge,
so I'm going to zoom in on it,
and I'm going to switch to the Appearance Panel right here
and I'm going to click on a stroke, but first I forgot,
I need to switch back to the black arrow tool
where I will not affect the stroke at all.
All right, now I'll grab that stroke,
I'm going to leave it set to one point
and I'm going to change its color to this last guy here,
C1, M8, Y32, K5.
And now I'm going to move the stroke below the fill,
I'm going to click on the stroke to make it active,
and I want to offset it by going up to the Effect menu,
choosing Distort and Transform,
and then choosing the Transform command.
And I'm going to take the Horizontal value down one,
in order to move that stroke to the left a little bit,
and then I'll take the Vertical move value up one, like so,
to move it down, and then I'll click Okay.
Now the problem is that that produces
a little bit of a gap there,
so I'm going to have to fill it in with another fill.
So I'll go ahead and drop down to the second icon
in the bottom left corner of the Appearance Panel,
which adds a new fill.
And then I'll click on the Color Swatch for that fill
and change it to that same bright color right there.
And now I'm going to twirl the stroke open
and I want to basically apply this Transform effect
to the fill, as well, so I'm going to click on it
to select it, then you want to press the Alt key,
or the Option key on the Mac,
and drag it and drop it onto the new fill, like so.
And that will go ahead and scoot that fill over
and fill in the gaps.
All right, now I'll just go ahead and zoom out here
and I'll click off the text to deselect it.
And I'll switch back to my Layers Panel,
I'll make sure the Text layer is active,
and I'm just going to paste in some other Text elements
that I created in advance here.
I'll go ahead and twirl that Text layer closed
and then I'll turn off the Guides layer.
And that's the final Sheriff's badge,
complete with text that has been converted
to Path Outlines, here inside Illustrator.