- [Voiceover] In this movie I'll give you a sense
for just how far we can go with the appearance panel
and the upshot will be that we're gonna add these
electrons to our atomic symbol.
And it's all a function of adding
a few more fills to this single ellipse.
So notice if I select the ellipse and press backspace key,
everything goes away.
Of course, I don't want that so I'll press control+z
or command+z and I'll bring it back.
So here's what you do.
I'm gonna go ahead and switch over to our
document of progress here and I'll make sure that
the ellipse is selected.
That's very important, and if you ever wanna confirm that
you have a selection just make sure that you're seeing
something other than no selection
here at the top of the appearance panel.
Then, I'll go ahead and click on the fill.
And what I wanna do, instead of creating a new fill,
I'm gonna duplicate the existing one
by clicking on the little page icon.
Notice the difference here.
I'll go ahead and twirl this fill open.
If I click on the Add New Fill icon,
or if I press a keyboard shortcut of control + /
or command + / on the Mac,
then I'll create a new fill that covers the entire ellipse.
Notice that it has no dynamic effect.
That's not what I want so instead,
I'll select my existing fill,
that has a convert to ellipse effect assigned to it,
and then I'll drop down to the little page icon
at the bottom of the appearance panel,
notice that it reads duplicate selected item,
and I'll click on it and that will create
a duplicate of that fill complete with it's dynamic effect.
Now I wanna move it to a
different location over around here let's say.
And so I'll click on the fx icon in the bottom left
corner of the panel, choose Distort & Transform,
and choose Transform.
So any time you wanna scale or move or rotate an attribute,
either a fill or stroke attribute,
this is the effect for you.
The first thing you wanna do when you're working
this way is turn on the preview checkbox.
And then I'm just gonna click in the horizontal value,
and I'm gonna press shift + up arrow
in order to increase that value in increments of ten
until it looks like it's more or less in the right location.
Then I'll tab to the vertical value
and press shift + up arrow, notice that positive
vertical values move the attribute down, not up.
So for upward moves you need negative values like so.
Anyway, I'm gonna press shift + up arrow
in order to move that thing around and then
I'm gonna shift + tab back to the horizontal value
and press shift + up arrow a few times
to move it over some more to 230 pt let's say.
Then I'll tab down to the vertical value and press
shift + up arrow a couple of times to take it up to 60.
So the upshot is we've moved this guy
230 pt to the right and 60 pt downward,
at which point I'll go ahead
and click OK to accept that change.
Now I think the electron is too big so I'll go ahead
and click on the word ellipse right there
in order to bring back my shape options
dial in both width and height values of 40 pt
and I'll click OK.
Here's where things get fairly insane, by the way.
I'm gonna go ahead and click on our most recent fill
and I'll duplicate it
by clicking on the little page icon once again.
That collapses the previous fill, notice that,
and it keeps the new one expanded.
I'm gonna leave it the same size,
but I'm gonna send it to a new location
by clicking on the word transform.
Now it'd be a wonderful thing if I could somehow rotate it
120 degrees with respect to it's real center.
But that's just not gonna happen
because all it knows now, is it's new center.
So we'd just rotate it around as a circle right there,
which is no good.
So I'm gonna turn on the preview check box
and I'm gonna click in that horizontal value
and press shift + down arrow a bunch of times
to move it over to the left now.
And we're gonna get pretty negative here.
Then I'm gonna tab to the vertical value
and press shift + down arrow in order to move it upward.
Meaning that we're getting pretty negative
with the vertical value as well.
So basically, through one way or other I came up
with the vertical value of 229 pt .
I know that's pretty darn exact but that works.
And I came up with a horizontal value of - 63 pt like so.
And that happens to match.
I actually did a little cheating in order to
figure that out and I'll demonstrate
how I cheated in the next chapter.
But for now, just take my word for it,
this works our beautifully.
And so I'll just go ahead and click OK.
And now I'll create another duplicate of this guy
by clicking on the word Fill there, and then I'll click
on the little page icon to make another duplicate of it.
Click on the word Transform
and this time, I'm not gonna pussyfoot around,
I'm just gonna enter some values.
We're looking at a horizontal value this time of -167
and a vertical value of 169 .
And if I were you I'd feel a little ripped off by that
because I'd wonder how in the world I did this,
but again I will demonstrate that in the next chapter.
So there's something to look forward to.
Now click OK because this next step is really awesome.
I'm gonna twirl close that fill,
and I'm gonna click on this top fill
and shift click on this third one down.
These are all the electrons right there.
And I'm gonna make duplicates of all three of them
by clicking on the little
page icon at the bottom of the panel.
And now I'm gonna change each one of them to white.
Notice that they just disappear.
That's because they're sitting behind the stroke
and that's not what we want.
So I'll just go ahead and grab that stroke
and I'll drag it down to on top of the last fill let's say.
It kinda doesn't really need to be there,
it could be all the way at the back,
but this works out.
Now you can see we have white fills for the electrons
covering the black ones.
So now what we need to do is twirl these guys open,
all three of them.
And then I'll click on the ellipse item for the top fill
and I'll reduce both the width and the height values
to 30 pt like so, and then click OK.
Notice that effects this guy down here.
And then I'll click on this guy,
the word ellipse once again,
and I'll reduce both these width and height values to 30.
And then finally I'll click on this word ellipse
and I'll take both of its values down to 30 pt and click OK.
And that ends up getting us slightly thinner strokes
around each one of the electrons.
Because, after all, instead of a 10 pt stroke, which
is what we have for the main atomic ellipses,
we have 40 minus 30 which is 10, but it's distributed
on either side so it's five pt all the way around.
And the result, believe it or not,
is a perfect atomic symbol,
complete with orbiting electrons.
And that friends is just one example
of how far you can go with stupid appearance panel
tricks here inside Illustrator.