- In this movie, I'll show you how to style your logo
using an entirely free open type font,
specifically, Arsenal from this guy right here,
Andriy Shevchenko.
And while, for licensing reasons,
I can't provide this font to you,
you can download it any time you like
from 1001freefonts.com.
And what that's gonna allow us to do is,
take the logo as I created it in the previous movie
and convert it into this slightly different effect here.
And while, if you look closely,
each and every character is different,
especially the regular characters
in the second line of type,
we end up with a very similar design.
So let me show you how that looks.
First of all, if you're working along with me,
you wanna make sure to download that font
and install it on your system.
It is, as I was saying, a cross-platform open type font.
And then, if you have access to my exercise files,
you can go ahead and open that file
that I created in the previous movie.
If you're working on a PC, you will undoubtedly
get a Missing Fonts warning.
Don't worry about it.
Just go over to the Layers panel
and twirl open that type treatments layer.
And what we wanna do is,
turn on that editable text layer right there
and click on its circular target
in order to select it.
And this is what is internally known, inside Adobe,
as the "meatball."
So go ahead and meatball this layer to select it,
and then press control c, or command c on a Mac,
in order to copy it.
Then click off the text to deselect it
and press control f, or command f on a Mac,
to paste the copy at the front of this layer.
Now go ahead and turn off the original text layer
down here at the bottom.
And now what we wanna do is, turn off,
just for a moment, turn off this new layer
that you just created, and meatball this outlines layer,
which I'm gonna rename by double-clicking on it.
I'll call MN outlines so I remember what font I had used.
And I'm gonna go ahead and color this text red,
just so that it stands out in the background,
by going up to the control panel --
you can see we have a group --
clicking on the first swatch,
and changing it to RGB Red.
All right. Now you can click off the text to deselect it.
And go ahead and turn on that editable text layer.
It's exactly covering up the text below,
at least if you have access to the font it is.
So we're barely seeing those red edges down there.
But what you wanna do now is click on the text to select it,
using the black arrow tool,
and then double-click in the first line
to position that blinking insertion marker
and automatically select the Type Tool
over here in the vertical tool box.
Now I wanna select the entire line of text
by clicking on it one, two, three times, like so.
And I'm gonna bring up my Character panel
by pressing control t, for type,
or command t on the Mac.
And I'm gonna change my font
to this guy right there, Arsenal.
And if you like, if it's an option for you,
you can twirl that guy open and then choose the bold style.
Otherwise, you can select bold as a second step.
All right. Notice that text is way to small,
as we're seeing down here.
And so, to increase the type size,
go ahead and press control shift, or command shift, period,
that's the same as control shift or command shift
greater than sign,
a few times, until you increase the type size value
to 118 points.
And the idea is, we want the tops of our new characters
to match those of the red characters in the background.
Now, our text is way too thin.
Fortunately, we can increase the horizontal scale value.
Now, a lot of folks will tell you
that this is a dangerous modification to make.
And I'm gonna make a pretty big modification
by clicking inside that value
and then pressing shift up arrow a couple of times
in order to take that value to 120%.
And notice that does, indeed,
make the characters much wider.
But it does so non-proportionately.
That's the danger.
So in other words, we're increasing the width
of these vertical stems
without affecting the height of the horizontal stems.
But in our case, that's exactly what we want.
We want as much distinction
in the thickness of the strokes as possible.
In fact, I'm gonna take this value up a little higher
by pressing the up arrow key a couple of times by itself
so that I end up with a horizontal scale value of 122%.
And incidentally, if you weren't following along
with the previous movie,
notice that my final type size is 118%,
the letting is 52 points,
the kerning value is set to Optical,
and the tracking value is -20.
At which point, I'll go ahead and press the Enter key
in order to accept that horizontal scale modification.
Notice now that my text is still highlighted.
I'm gonna select the bottom line of type
by clicking on it one, two, three times.
And then I'm gonna increase its size
by pressing control shift period,
that's command shift period on a Mac,
and that's gonna take the size value up to 66 points.
Notice that my letting value is still 52 points,
as with the previous line.
Click on it one, two, three times,
once again from Bangla MN to Arsenal.
This time I'll just choose Arsenal,
because that should give me the regular style.
Notice that my text is too small,
so I'm gonna press control shift period,
that's command shift period on a Mac,
in order to increase the type size value to 66 points.
Notice that the letting value is still 52 points,
just as with the previous line of type.
The kerning value is set to Optical.
And the tracking value this time is set to 360.
And incidentally, for both lines of type,
I have All Caps turned on.
But my text is not nearly wide enough.
So I'm gonna click inside this horizontal scale value
and I'm gonna press shift up arrow
to take it up to 110%.
And then I'll press the Enter key,
or the Return key on a Mac,
to accept that value that I just changed.
Then I'll hide my character panel
and I'll press the Escape key
in order to accept my modifications to the text.
All right. Now you can see that we've got
a pretty good match with the red text below.
So, in other words, we no longer need to see that red text
so I'll go ahead and turn it off
here inside the Layers panel.
And now, because very few people
have Arsenal installed on their systems,
we need to convert the text to path outlines.
But of course, we wanna convert a copy of the text
in case we wanna come back and modify the original later.
So press control c, or command c on a Mac,
to copy the text.
And then press control f, or command f on a Mac,
to paste the copy at the front of the layer,
turn off the original editable text,
and then, to convert it to path outlines,
go up to the Type menu and choose Create Outlines.
And we end up with these path outlines right here.
Notice we have a group here inside the Layers panel.
I'm gonna rename this group Arsenal, let's say,
paths, because that's what they are, is path outlines.
And now click off the text to deselect it.
And that's how you go about setting the type
associated with your logo
using a free, cross-plaform, open type font,
specifically, Arsenal,
available from 1001freefonts.com.