- Now logos are curious creatures.
On one hand you need to conform
to certain rules and conventions,
even if they're rules and conventions of your own making.
On the other hand you need to permit yourself
and your client some degree of flexibility.
For example, after all this work
and scrupulous attention to detail
we have ourselves a relatively boxy layout.
What we need is a horizontal alternative
that works across banners and other landscape conditions.
And to some extent I went ahead
and recreated the logo from scratch.
So the first thing I did was to go up to the File menu
and choose the New command.
And through trial and error I figured out
that I wanted the Width of this document to be 8900 Pixels
and I want the Height to be 2200 Pixels,
so I'm working in pixels in both cases,
and I went ahead and cranked the Resolution value,
for what that's worth, up to 300 Pixels per Inch,
which means that if I now switch over to Inches
I have a document that's almost 30 inches wide
and a little more than 7 inches tall.
I want that Color Mode to be RGB, as it's been in the past,
and I'm gonna set the Background Contents to White.
We definitely want the Color Profile to be Adobe RGB (1998),
and we want our Pixels to be Square.
At which point I'll go ahead and click OK
in order to create that document,
and also press ctrl + zero,
or cmd + zero on a Mac to zoom in.
Now I'm gonna switch back to the last version
of the logo that I created in Illustrator.
This is the one before I scaled it,
but after I went ahead and snapped
the letters to the pixel grid.
And I'm just gonna click on a word FRONTIERS to select it
independently of the rest of the logo,
and I'll press ctrl + c, or cmd + c on a Mac
in order to copy it to the clipboard.
And now I'll go ahead and switch back to Photoshop
and I'll press ctrl + v, or cmd + v on the Mac
to paste those letters.
And I'm gonna paste them as a Shape Layer,
so I'll go ahead and select Shape Layer,
and then I'll click OK.
Now at this point we need to establish some guides
and it's gonna seem a little arbitrary here.
First thing I'm gonna do is go up to the View menu
and choose the New Guide command.
I'll make sure that the Orientation is set to Vertical,
and I'll dial in a Position value of 177 pixels,
happens to work great, then I'll click OK.
And notice that we have this guide way over here
on the left side of the document,
I wanna create an equally spaced guide
over on the right hand side,
so I whipped out my phone and I used the calculator
to figure out what 8900,
which is the width of this document,
minus 177 is
and it appears to be 8723.
So I'll go ahead and choose the New Guide command
and dial in 8723 like so,
and then click OK and we now end up with this guide
way over here on the right hand side of the document
that's 177 pixels in.
Alright, now I wanna establish some horizontal guides
and I'm gonna do that using the New Guide Layout command,
which is available to me inside Photoshop CC.
And I'm gonna turn off the Columns options,
turn on Rows, and set the Number to 4,
we're not gonna worry about the Height
and we don't want a Gutter,
at which point I'll just go ahead and click OK
to create those new guides as we're seeing here.
Alright, now I'm gonna zoom in a little bit
and I'm gonna press the ctrl key, or the cmd key on a Mac
and drag off the letters to move them
to a different location like so,
that pretty much is aligned with that vertical line
as you can see there, that vertical guide line,
and we're just a little bit above that horizontal guide.
And now I'm gonna press shift + tab
to bring back my right side panels,
including the Layers panel,
and I'm gonna rename this guy, let's say frontiers,
because after all that's what it is.
And then I'll go ahead and press the A key
to switch to my black arrow tool.
And I'm gonna turn on Align Edges
for all the good it's gonna do me.
It doesn't actually completely take care of our problems,
but it does get rid of some of the anti-aliasing.
And now I'm gonna scale the text by going up the Edit menu
and choosing Free Transform Path,
or of course you can press ctrl + t, or cmd + t on a Mac,
and I'm gonna select this bottom left point
here inside the reference point matrix
up here in the options bar,
and I wanna make sure that X value's set to 177,
which is exactly where I need it to be
and I'm gonna take that Y value down to 1087.
It was just one pixel too high there.
And now I'm gonna turn on the link
between the width and height values
and I'm gonna change either the width or height value
to 154 percent and then I'll press the enter key,
or the return key on a Mac to accept that change
and you can see that we end up with this very large text.
Alright, now I wanna reset the word UNLIMITED
and so here I am back in Illustrator,
I'm just gonna go ahead and twirl open
this type treatments layer and I'm gonna turn off
those path outlines that represent
the words FRONTIERS and UNLIMITED,
and I'm gonna turn on that editable text layer,
and then I'll switch to my Type Tool by pressing the T key,
and I'll just go ahead and double-click
on the word UNLIMITED to select it,
and I'll press ctrl + c, or cmd + c on a Mac
to copy it to the clipboard.
Alright now I'm gonna switch back over to Photoshop
and I'm gonna select my Type Tool,
again by pressing the T key,
and I'm gonna click somewhere in my document
and press ctrl + v, or cmd + v on a Mac,
in order to paste that text.
And then I'll just press the esc key
here in Photoshop CC in order to accept that change.
Now I'm gonna make a few modifications
and the first thing I'm gonna do
is align this text to the left
by clicking on this Left Align icon
up here in the options bar.
And I'm gonna crank up this size value to 178 points,
and now I'll go ahead and ctrl + drag,
or cmd + drag my text down like so.
I want it to be aligned with that horizontal guide line
and the vertical guide as well.
So it should look more or less like this.
And I'm also gonna bring up my Character panel,
which I can get by going up to the Window menu
and choosing Character if I like.
And notice that my Tracking value is cranked up to 360,
which is exactly what I want.
But notice if I start zooming out from the text
in order to take in both the word
UNLIMITED and the word FRONTIERS
that their weights are starting
to look very similar to each other,
even though the FRONTIERS is set in a bolder font,
the word UNLIMITED is now so large
it looks pretty bold as well.
So I'm gonna change the style
and notice I'm still working with that font Ocean Sans,
but I'm gonna change the type style from Book Extended
to Light Extended like so.
And then I'll go ahead and hide my Character panel.
And I'll go ahead and zoom in here,
I just wanna make sure that this text is exactly aligned
and it's not quite so far,
so I'm gonna press the ctrl key
along with the left arrow key
to nudge that guy over to the left,
that would be the cmd key along
with the left arrow key on a Mac.
Now I'll press shift + tab to get rid
of my right side panels once again,
and press ctrl + zero, or cmd + zero on a Mac,
in order to center my zoom.
Alright, that's how I set the text for my horizontal design.
In the next movie I'll show you
how I introduced and positioned the graphic.