- In this movie, I'll show you how I styled
my preferred type treatment, using the commercial,
cross-platform font, Ocean Sans Extended,
which is available from Adobe.
And even if you don't have access to this font,
I hope you'll find this and the following movie
to serve as an insightful glimpse into the many ways
you might set and customize the text
associated with your own logo designs.
So, just for the sake of reference,
here is the final version of the logo,
with the highly-customized text once again
based on Ocean Sans Extended.
And here's a sheet of the various styles
associated with this font, and just to refresh
your memory, we're gonna be working with
these two styles, Book Extended, right there,
as well as Semibold Extended.
Alright, I'm gonna go ahead and switch over
to my starter document, in which I've already
entered the text in advance, and now
I'll click on the text, using my black arrow tool
to select it, and I'll bring up the Character Panel
by pressing Ctrl+T, here on a PC,
or Cmd+T, on a Mac, and I'll go ahead
and select the Font option, and this time around,
I might just go ahead and type in the word ocean,
since I've already installed this font in advance.
Again, if you're working along with me,
you will have to somehow purchase or acquire this font.
And now I'm gonna go ahead and change the style
to this guy down here, Book Extended.
So, Ocean Sans Std, Book Extended,
in order to produce this effect here.
And I'm gonna crank the Size value up to 66 pts,
and then I'm gonna Tab over to the Leading value,
and I'm gonna take it down to that same value
we've been using, which is 52 pts.
I want my Kerning value to be Optical.
Apparently, I've already set that in advance.
And I also want to turn on the All Caps Icon,
in the bottom left corner of the panel.
If you're not seeing that icon,
you need to expand your Character panel
by clicking on this Double Arrow icon, right here.
Alright, now we need to edit the top line of text
independently of the bottom line.
So, I'll go ahead and double-click on that top line,
in order to position my blinking insertion marker,
and automatically select my Type Tool
from the Toolbox, and then I'll select the entire line
by clicking in it one, two, three times.
Now, I'm gonna change the style from
Book Extended to Semibold Extended,
and I'm gonna go ahead and increase the type size,
by pressing Ctrl+Shift+Alt+. which is the
same as Ctrl+Shift+Alt+> or Cmd+Shift+Option+.
that's Cmd+Shift+Option+> on the Mac.
And that increases the type size
in increments of 10 points.
And I'll keep doing so until my Type Size value
reads 116 pts, as we're seeing here.
Now, I want to space my characters a little
closer together, so I'll press Alt+Left-arrow,
here on a PC, or Option+Left-arrow on a Mac,
to reduce the Tracking value to -20.
And then, finally, I'm gonna increase the
Horizontal Scale value just a little bit,
by clicking inside the value and then
pressing the Up arrow key until
that value reads 106%.
Alright, now I'm going to click three times
in the bottom line of text, like so,
in order to select it.
And all the settings are fine as is
for this line, except for the Tracking value.
I want to move these characters farther apart.
By pressing Ctrl+Alt+Right-arrow,
that would be Cmd+Option+Right-arrow,
three times in a row, to expand that
Tracking value to 300, and then I'll just press
Alt+Right-arrow, or Option+Right-arrow on a Mac,
three more times in order to increase the
Tracking value to 360, and that will
produce this value right here.
Alright, now I need to move my text down
so I can better see it, and so
I'll go ahead and press the Escape key,
in order to accept my changes,
and I'll just drag the text to about here.
I'm gonna go ahead and zoom in as well
so that I have just a little sliver of white between
the top of the T and the bottom of the graphic.
And then I'll press Shift+Down-arrow twice,
in order to nudge my text down 20 points.
And now, I'm gonna go ahead and zoom out
just a little bit here, so that I can take in
all of my text, like so, and if you want to
save that out as a View,
which is a really great thing.
A lot of folks don't know that you can save
Views inside of Illustrator.
And they are saved along with the file,
so you're essentially saving your Zoom and Pan,
so that you're looking at a very
specific portion of the illustration.
Just go up to the View menu, and
choose New View, and I'm gonna name
this View, type, and then click OK.
And now I can come back to this view
any time I want, so for example,
I could press Ctrl+0 or Cmd+0 on a Mac to zoom out,
and then I could go up to the View menu.
If you can't see your New View,
at the bottom of the menu,
just go ahead and scroll down,
by clicking on this down-pointing triangle,
and then I'll choose, type, and
that'll zoom me right in.
Alright, now I want to Kern some of
the letters together, so I'll double-click right here,
between the R and the O, and that's going to,
once again, position my blinking insertion marker
and switch me to the Type Tool.
And now, I'll press Alt+Left-arrow,
or Option+Left-arrow on a Mac,
to Kern the R and the O closer together.
Now I'm gonna press the right-arrow key
to advance to the position between the O and the N,
and press once again, Alt+Left-arrow,
or Option+Left-arrow on a Mac,
in order to Kern those characters together.
So, basically, I'm doing that same thing
I did in a previous movie, but I'm doing it
before I convert the characters
to path outlines.
Alright, now I'm gonna click here,
between the I and the E.
Notice we have too much space between
those two letters, so I'll press
Alt+Left-arrow, or Option+Left-arrow on a Mac,
to Kern them together.
Then I'll press the right-arrow key
to advance my cursor to the position
between the E and the R, and I'll press
Alt+Left-arrow, or Option+Left-arrow on a Mac,
to Kern them together.
Alright, now I'm gonna press the Escape key
to accept my changes, 'cause that's all
the kerning I need to do, and I'll go ahead
and zoom back out here, by pressing
Ctrl+0, Cmd+0 on a Mac.
I'll click on the word Align,
up here in the Control panel.
Make sure Align To is set to Align to Artboard,
and then click on this guy, Horizontal Align Center,
in order to center the text on the page.
Now of course, even though Ocean Sans
is an Adobe font, and therefore, widely available,
not many people have it because it costs money.
So, I'm gonna press Ctrl+C, or Cmd+C on a Mac,
to copy the text and then press
Ctrl+F, or Cmd+F on a Mac, to paste it in front.
If you twirl open this layer inside the Layers panel,
you'll see that you now have two copies of it.
Go ahead and turn off the original,
at the bottom here, in order to preserve
the editable text, and then go up to the Type menu,
and choose, Create Outlines, in order to
convert that text to path outlines.
Alright, that's it, and the result is a group of paths
that we'll edit to our hearts' content,
in the next movie.
And that, friends, is how you go about
setting your text, using a commercial,
cross-platform font, which just happens to be
one of the most elegant, Sans Serif Humanist fonts
available, Ocean Sans Extended,
here, inside Illustrator.