- In this chapter we're gonna throw some of our
last remaining caution to the wind.
We're gonna take our shaded logo design
from Illustrator into Photoshop,
and then we'll add some photo-realistic embellishments
that include authentic space photography
captured by the Hubble Telescope.
And the idea is that this is the ultimate
attention-grabbing, eye-candy version of the logo.
The one that we feature on a giant banner at a trade show,
or on the cover of the annual report,
or even on the physical rockets themselves.
This is the money shot.
Though as you'll can see we're still gonna take
some pains to err on the side of less is more.
After all, we don't wanna create so much noise or chaos
that we distract from the core design.
Now the first step is to get the logo into Photoshop,
which means exporting it from Illustrator
as a layered PSD file.
So I'll go and switch you over to Illustrator.
And by the way, this is that version of the logo
in which I have aligned the text to the pixel grid,
that's very important.
Alright, now I'll go up to the File menu
and choose the Export command.
And then you wanna make sure that the format here
is set to Photoshop, .PSD,
you also wanna turn on Use Artboards,
that way we'll keep the logo inside
of its original horizontal frame.
And now I'll go ahead and name this file illustrator export,
and I'll click the Export button.
Next you'll see this Photoshop Export Options dialog box.
You want the Color Model to remain RGB,
after all we have no idea how we're
gonna end up printing this document,
so we don't wanna lock it down to CMYK.
I also wanna preserve as many layers as possible,
so I'll go ahead and turn on this radio button.
We want these two check boxes right here to be on as well.
You don't need to worry about
Preserving the Text Editability,
because this is not editable text.
And then finally, Anti-aliasing
should be set to Type Optimized.
And once that's done you can go ahead and click OK
in order to export that file.
Alright, now I'll go ahead and switch over to Photoshop
and you can see that I've already opened this exported file.
Now the good news is that we have some layers to work with,
so we have this type treatments group,
that includes each line of type on an independent layer.
And then here inside the gradients group
we have this green path right here,
which is still by the way set to the Color Blend mode
with an Opacity of 22 percent.
And then we have the full version
of the logo in the background.
Alright, now we're gonna get a better sense
for what kind of shape our logo is in
if we add a white background.
So the first thing you wanna do is tap the D key
to establish your default colors,
so that white is the background color.
Then create a New Layer just by clicking
on the little page icon at the bottom of the Layers panel.
It doesn't matter what that layer is named,
because we're now gonna go up to the Layer menu,
choose New, and then choose Background from Layer
and that will give us a new background like so.
Now let's go ahead and zoom in to the text.
And you do that by ctrl + spacebar + clicking,
or cmd + spacebar + clicking on the Mac,
and notice now that I've zoomed beyond 100 percent.
I'm actually looking at the image at 400 percent now.
And I can see that my E has a bunch
of anti-aliasing around it,
despite the fact that the letters
are aligned to the pixel grid.
And the culprit here is the Export command.
When you use Export as apposed to Save for Web
and you scale the graphic to 300 pixels per inch
you inevitably introduce anti-aliasing.
So what we're gonna have to do is start
by scaling the graphic first inside of Illustrator
and then exporting it.
And I'll show you exactly how that works
in the very next movie.