- In this movie, I'll show you how to scale
your graphic here, inside Illustrator,
so that you can export it as a layered PSD file
without any unnecessary anti-aliasing.
Now, I've created this slide for you
because we are gonna have to figure out
some specific math here.
And so, the back-story is that, when exporting
a layered PSD file, Illustrator's always going to
anti-alias at resolutions above 72 pixels per inch.
So, as long as you stick with the resolution
of 72 ppi, you're fine, but anything else
introduces anti-aliasing along your
perpendicular edges.
So, if you want a higher resolution,
you have to scale the graphic before exporting it.
For example, let's say you want
a resolution of 300 pixels per inch.
In that case, you take 300 and you divide it by 72,
and you get 4.166 repeating.
Or, if you want to express it as a percentage,
you take the decimal point and you move it
over two digits and you get 416.7%
which means that our 964 by 672-point document
needs to grow as follows.
We take 964, multiply it times 4.167
and you get 4016.988.
If you take 672 times that same number,
you get 2800.224, and so, if we round off
those numbers, we end up with a new Artboard size,
that's 4017 points wide by 2800 points tall.
And then we need to turn around and scale
our artwork to the tune of 416.7%.
So, I'll go ahead and switch over to our logo so far,
and I'm gonna get rid of all the hidden layers here
by clicking on the solid colors layer,
and then I'll go ahead and scroll down
to the bottom of the stack, and Shift+Click
on the guides layer, and then I'll click on
the Trash can, in order to Delete all those layers.
And when Illustrator asks if I'm really serious
about this, I'll go ahead and click, Yes,
to get rid of those layers.
Now, I'm gonna zoom out a little bit here,
and I'm gonna switch to the Artboard Tool,
which is located near the bottom of the Toolbox.
It has a keyboard shortcut of Shift+O, by the way.
And now, I'm gonna go up to these Width and
Height values right there, and you can
do the math if you want to.
You can click after the value there,
and enter * which stands for multiply,
4.167 and then press the Tab key,
and you'll see that the Width value
changes to 4016.99.
That's not exactly what I want, so I'll go ahead
and change that value to 417 pixels,
and then, I'll click up to the Height value,
and enter that same formula, * 4.167
and press the Enter key, and you can see
that I get 2800 and change.
Just go ahead and get rid of that change, like so.
Alright, now let's go ahead and zoom all the way out
by pressing Ctrl+0 or Cmd+0 on a Mac,
so that we can take in our big Artboard.
And now I'm gonna press the Escape key,
in order to return from the Artboard Tool
to the Black Arrow Tool.
Now, go ahead and press Ctrl+A or Cmd+A on a Mac,
to select all of the objects associated with the logo,
and then go ahead and select the Scale Tool,
which you can also get by pressing the S key,
and press the Enter key, or the Return key on a Mac,
to bring up the Scale dialog box.
Now, we're looking for Uniform Scale here,
and we're gonna take this up to 416.7%, like so,
and then I'll press the Tab key,
in order to preview that size.
We're not worried about Scaling the Rectangle Corners
or the Strokes & Effects, so you can leave
those check boxes off and then just
go ahead and click OK.
And notice that Illustrator not only
scales the path outlines, but it also
scales the gradients.
So, for example, if I were to switch back
to the Black Arrow Tool, which I can get
by pressing the V key, and then
I'll click off the graphic to deselect it,
and I'll click on Saturn, to select
that big blue object, and then
I'll go ahead and switch over to the Gradient Tool.
And notice, as indicated by my Gradient Annotator,
we're still filling up the entire object
with this gradient.
Alright, I'm gonna press the V key to switch
back to the black arrow, and click
off that path to deselect it.
And now I'll go up to the File menu
and choose the Export command.
Again, I want the format to be PSD,
and I'll go ahead and turn on the
Use Artboards check box, and I'm gonna
Save this guy as, First scaled in AI.psd
and then I'll click on the Export button.
Now, this step is very important.
We want the Color Model to be RGB and
we want the Resolution not to be 300 ppi
but rather to be 72 ppi.
If you set it to anything else,
you're going to anti-alias your perpendicular edges.
So, we want to stick with Screen Resolution on this,
but we're gonna get a big image because
after all, we enlarged this graphic
to the tune of 416.7%.
Again, we want to Write the Layers,
we want these two check boxes to be on.
Anti-aliasing should be set to Type Optimized.
Then go ahead and click OK, in order to
Export that file.
Alright, now go ahead and switch over to Photoshop.
And you can see that I've already opened
that Exported image in advance here.
And once again, I have four independent layers,
housed inside of two groups.
I'm gonna go ahead and create a new background
by clicking on the little page icon,
at the bottom of the Layers panel,
and then I'll go up to the Layer menu,
choose New, and choose Background from Layer.
And now, notice that if I go ahead and
zoom in on the E, past 100% here,
you can see that we have no anti-aliasing
on those perpendicular edges, and we only
encounter anti-aliasing on the curves,
and along our diagonal edges as well.
Alright, I'm gonna go ahead and zoom
back out here, by pressing Ctrl+0
or Cnd 0 on a Mac, and I'm gonna rename
this group, logo, and I'm gonna go ahead
and move it to the top of the stack, like so.
And then, I'm gonna rename this group, type,
just to tidy things up.
And now I'll go ahead and close
both of those groups.
And that, friends, is how you scale a graphic
inside Illustrator, to avoid any unnecessary
anti-aliasing along your perpendicular edges,
here inside Photoshop.