1

00:00:00.08 --> 00:00:02.04

- [Voiceover] In this

movie I'll give you a sense



2

00:00:02.04 --> 00:00:04.09

for just how far we can go

with the appearance panel



3

00:00:04.09 --> 00:00:07.06

and the upshot will be

that we're gonna add these



4

00:00:07.06 --> 00:00:09.06

electrons to our atomic symbol.



5

00:00:09.06 --> 00:00:11.02

And it's all a function of adding



6

00:00:11.02 --> 00:00:13.04

a few more fills to this single ellipse.



7

00:00:13.04 --> 00:00:16.02

So notice if I select the

ellipse and press backspace key,



8

00:00:16.02 --> 00:00:18.00

everything goes away.



9

00:00:18.00 --> 00:00:20.06

Of course, I don't want

that so I'll press control+z



10

00:00:20.06 --> 00:00:22.01

or command+z and I'll bring it back.



11

00:00:22.01 --> 00:00:23.04

So here's what you do.



12

00:00:23.04 --> 00:00:24.09

I'm gonna go ahead and switch over to our



13

00:00:24.09 --> 00:00:27.07

document of progress here

and I'll make sure that



14

00:00:27.07 --> 00:00:29.00

the ellipse is selected.



15

00:00:29.00 --> 00:00:31.02

That's very important, and if

you ever wanna confirm that



16

00:00:31.02 --> 00:00:33.08

you have a selection just

make sure that you're seeing



17

00:00:33.08 --> 00:00:35.08

something other than no selection



18

00:00:35.08 --> 00:00:38.05

here at the top of the appearance panel.



19

00:00:38.05 --> 00:00:41.01

Then, I'll go ahead and click on the fill.



20

00:00:41.01 --> 00:00:43.08

And what I wanna do, instead

of creating a new fill,



21

00:00:43.08 --> 00:00:46.01

I'm gonna duplicate the existing one



22

00:00:46.01 --> 00:00:48.03

by clicking on the little page icon.



23

00:00:48.03 --> 00:00:49.06

Notice the difference here.



24

00:00:49.06 --> 00:00:51.03

I'll go ahead and twirl this fill open.



25

00:00:51.03 --> 00:00:52.09

If I click on the Add New Fill icon,



26

00:00:52.09 --> 00:00:55.08

or if I press a keyboard

shortcut of control + /



27

00:00:55.08 --> 00:00:57.04

or command + / on the Mac,



28

00:00:57.04 --> 00:01:01.02

then I'll create a new fill

that covers the entire ellipse.



29

00:01:01.02 --> 00:01:03.07

Notice that it has no dynamic effect.



30

00:01:03.07 --> 00:01:05.02

That's not what I want so instead,



31

00:01:05.02 --> 00:01:07.03

I'll select my existing fill,



32

00:01:07.03 --> 00:01:10.00

that has a convert to ellipse

effect assigned to it,



33

00:01:10.00 --> 00:01:12.04

and then I'll drop down

to the little page icon



34

00:01:12.04 --> 00:01:14.05

at the bottom of the appearance panel,



35

00:01:14.05 --> 00:01:16.07

notice that it reads

duplicate selected item,



36

00:01:16.07 --> 00:01:18.07

and I'll click on it and that will create



37

00:01:18.07 --> 00:01:23.00

a duplicate of that fill complete

with it's dynamic effect.



38

00:01:23.00 --> 00:01:24.03

Now I wanna move it to a



39

00:01:24.03 --> 00:01:26.09

different location over

around here let's say.



40

00:01:26.09 --> 00:01:30.04

And so I'll click on the

fx icon in the bottom left



41

00:01:30.04 --> 00:01:33.04

corner of the panel,

choose Distort & Transform,



42

00:01:33.04 --> 00:01:35.01

and choose Transform.



43

00:01:35.01 --> 00:01:39.09

So any time you wanna scale or

move or rotate an attribute,



44

00:01:39.09 --> 00:01:42.00

either a fill or stroke attribute,



45

00:01:42.00 --> 00:01:44.02

this is the effect for you.



46

00:01:44.02 --> 00:01:47.00

The first thing you wanna

do when you're working



47

00:01:47.00 --> 00:01:48.06

this way is turn on the preview checkbox.



48

00:01:48.06 --> 00:01:51.01

And then I'm just gonna click

in the horizontal value,



49

00:01:51.01 --> 00:01:53.03

and I'm gonna press shift + up arrow



50

00:01:53.03 --> 00:01:56.07

in order to increase that

value in increments of ten



51

00:01:56.07 --> 00:02:00.08

until it looks like it's more

or less in the right location.



52

00:02:00.08 --> 00:02:03.01

Then I'll tab to the vertical value



53

00:02:03.01 --> 00:02:05.05

and press shift + up

arrow, notice that positive



54

00:02:05.05 --> 00:02:09.04

vertical values move the

attribute down, not up.



55

00:02:09.04 --> 00:02:13.04

So for upward moves you need

negative values like so.



56

00:02:13.04 --> 00:02:15.06

Anyway, I'm gonna press shift + up arrow



57

00:02:15.06 --> 00:02:17.02

in order to move that

thing around and then



58

00:02:17.02 --> 00:02:20.04

I'm gonna shift + tab back

to the horizontal value



59

00:02:20.04 --> 00:02:22.09

and press shift + up arrow a few times



60

00:02:22.09 --> 00:02:26.01

to move it over some

more to 230 pt let's say.



61

00:02:26.01 --> 00:02:29.02

Then I'll tab down to the

vertical value and press



62

00:02:29.02 --> 00:02:33.01

shift + up arrow a couple of

times to take it up to 60.



63

00:02:33.01 --> 00:02:35.09

So the upshot is we've moved this guy



64

00:02:35.09 --> 00:02:39.09

230 pt to the right and 60 pt downward,



65

00:02:39.09 --> 00:02:41.08

at which point I'll go ahead



66

00:02:41.08 --> 00:02:44.02

and click OK to accept that change.



67

00:02:44.02 --> 00:02:46.03

Now I think the electron

is too big so I'll go ahead



68

00:02:46.03 --> 00:02:48.07

and click on the word ellipse right there



69

00:02:48.07 --> 00:02:51.02

in order to bring back my shape options



70

00:02:51.02 --> 00:02:54.01

dial in both width and

height values of 40 pt



71

00:02:54.01 --> 00:02:57.05

and I'll click OK.



72

00:02:57.05 --> 00:03:00.09

Here's where things get

fairly insane, by the way.



73

00:03:00.09 --> 00:03:03.06

I'm gonna go ahead and click

on our most recent fill



74

00:03:03.06 --> 00:03:04.09

and I'll duplicate it



75

00:03:04.09 --> 00:03:07.04

by clicking on the little

page icon once again.



76

00:03:07.04 --> 00:03:09.09

That collapses the

previous fill, notice that,



77

00:03:09.09 --> 00:03:11.07

and it keeps the new one expanded.



78

00:03:11.07 --> 00:03:13.06

I'm gonna leave it the same size,



79

00:03:13.06 --> 00:03:15.06

but I'm gonna send it to a new location



80

00:03:15.06 --> 00:03:17.06

by clicking on the word transform.



81

00:03:17.06 --> 00:03:20.02

Now it'd be a wonderful thing

if I could somehow rotate it



82

00:03:20.02 --> 00:03:24.03

120 degrees with respect

to it's real center.



83

00:03:24.03 --> 00:03:26.07

But that's just not gonna happen



84

00:03:26.07 --> 00:03:29.01

because all it knows

now, is it's new center.



85

00:03:29.01 --> 00:03:31.07

So we'd just rotate it around

as a circle right there,



86

00:03:31.07 --> 00:03:32.06

which is no good.



87

00:03:32.06 --> 00:03:34.07

So I'm gonna turn on the preview check box



88

00:03:34.07 --> 00:03:37.01

and I'm gonna click in

that horizontal value



89

00:03:37.01 --> 00:03:39.06

and press shift + down

arrow a bunch of times



90

00:03:39.06 --> 00:03:41.07

to move it over to the left now.



91

00:03:41.07 --> 00:03:44.01

And we're gonna get pretty negative here.



92

00:03:44.01 --> 00:03:46.06

Then I'm gonna tab to the vertical value



93

00:03:46.06 --> 00:03:49.08

and press shift + down arrow

in order to move it upward.



94

00:03:49.08 --> 00:03:51.08

Meaning that we're getting pretty negative



95

00:03:51.08 --> 00:03:53.06

with the vertical value as well.



96

00:03:53.06 --> 00:03:56.06

So basically, through one

way or other I came up



97

00:03:56.06 --> 00:03:59.04

with the vertical value of 229 pt .



98

00:03:59.04 --> 00:04:02.00

I know that's pretty darn

exact but that works.



99

00:04:02.00 --> 00:04:08.04

And I came up with a horizontal

value of - 63 pt like so.



100

00:04:08.04 --> 00:04:10.08

And that happens to match.



101

00:04:10.08 --> 00:04:13.00

I actually did a little

cheating in order to



102

00:04:13.00 --> 00:04:15.02

figure that out and I'll demonstrate



103

00:04:15.02 --> 00:04:16.08

how I cheated in the next chapter.



104

00:04:16.08 --> 00:04:18.04

But for now, just take my word for it,



105

00:04:18.04 --> 00:04:19.09

this works our beautifully.



106

00:04:19.09 --> 00:04:22.01

And so I'll just go ahead and click OK.



107

00:04:22.01 --> 00:04:24.01

And now I'll create another

duplicate of this guy



108

00:04:24.01 --> 00:04:26.04

by clicking on the word Fill

there, and then I'll click



109

00:04:26.04 --> 00:04:29.03

on the little page icon to

make another duplicate of it.



110

00:04:29.03 --> 00:04:30.08

Click on the word Transform



111

00:04:30.08 --> 00:04:33.05

and this time, I'm not

gonna pussyfoot around,



112

00:04:33.05 --> 00:04:34.07

I'm just gonna enter some values.



113

00:04:34.07 --> 00:04:38.00

We're looking at a horizontal

value this time of -167



114

00:04:38.00 --> 00:04:42.04

and a vertical value of 169 .



115

00:04:42.04 --> 00:04:44.07

And if I were you I'd feel

a little ripped off by that



116

00:04:44.07 --> 00:04:47.03

because I'd wonder how

in the world I did this,



117

00:04:47.03 --> 00:04:50.06

but again I will demonstrate

that in the next chapter.



118

00:04:50.06 --> 00:04:52.07

So there's something to look forward to.



119

00:04:52.07 --> 00:04:55.09

Now click OK because this

next step is really awesome.



120

00:04:55.09 --> 00:04:58.01

I'm gonna twirl close that fill,



121

00:04:58.01 --> 00:05:00.03

and I'm gonna click on this top fill



122

00:05:00.03 --> 00:05:03.00

and shift click on this third one down.



123

00:05:03.00 --> 00:05:05.03

These are all the electrons right there.



124

00:05:05.03 --> 00:05:07.08

And I'm gonna make duplicates

of all three of them



125

00:05:07.08 --> 00:05:09.03

by clicking on the little



126

00:05:09.03 --> 00:05:11.07

page icon at the bottom of the panel.



127

00:05:11.07 --> 00:05:15.03

And now I'm gonna change

each one of them to white.



128

00:05:15.03 --> 00:05:17.05

Notice that they just disappear.



129

00:05:17.05 --> 00:05:20.06

That's because they're

sitting behind the stroke



130

00:05:20.06 --> 00:05:22.02

and that's not what we want.



131

00:05:22.02 --> 00:05:24.01

So I'll just go ahead and grab that stroke



132

00:05:24.01 --> 00:05:28.05

and I'll drag it down to on

top of the last fill let's say.



133

00:05:28.05 --> 00:05:30.02

It kinda doesn't really need to be there,



134

00:05:30.02 --> 00:05:31.08

it could be all the way at the back,



135

00:05:31.08 --> 00:05:32.09

but this works out.



136

00:05:32.09 --> 00:05:35.06

Now you can see we have

white fills for the electrons



137

00:05:35.06 --> 00:05:37.02

covering the black ones.



138

00:05:37.02 --> 00:05:40.00

So now what we need to do

is twirl these guys open,



139

00:05:40.00 --> 00:05:41.02

all three of them.



140

00:05:41.02 --> 00:05:43.08

And then I'll click on the

ellipse item for the top fill



141

00:05:43.08 --> 00:05:46.03

and I'll reduce both the

width and the height values



142

00:05:46.03 --> 00:05:49.00

to 30 pt like so, and then click OK.



143

00:05:49.00 --> 00:05:52.01

Notice that effects this guy down here.



144

00:05:52.01 --> 00:05:53.08

And then I'll click on this guy,



145

00:05:53.08 --> 00:05:55.03

the word ellipse once again,



146

00:05:55.03 --> 00:05:57.09

and I'll reduce both these

width and height values to 30.



147

00:05:57.09 --> 00:06:00.06

And then finally I'll

click on this word ellipse



148

00:06:00.06 --> 00:06:04.07

and I'll take both of its values

down to 30 pt and click OK.



149

00:06:04.07 --> 00:06:07.08

And that ends up getting

us slightly thinner strokes



150

00:06:07.08 --> 00:06:09.05

around each one of the electrons.



151

00:06:09.05 --> 00:06:12.07

Because, after all, instead

of a 10 pt stroke, which



152

00:06:12.07 --> 00:06:15.03

is what we have for the

main atomic ellipses,



153

00:06:15.03 --> 00:06:18.04

we have 40 minus 30 which

is 10, but it's distributed



154

00:06:18.04 --> 00:06:22.09

on either side so it's

five pt all the way around.



155

00:06:22.09 --> 00:06:24.04

And the result, believe it or not,



156

00:06:24.04 --> 00:06:26.03

is a perfect atomic symbol,



157

00:06:26.03 --> 00:06:29.00

complete with orbiting electrons.



158

00:06:29.00 --> 00:06:31.01

And that friends is just one example



159

00:06:31.01 --> 00:06:34.01

of how far you can go with

stupid appearance panel



160

00:06:34.01 --> 00:06:36.07

tricks here inside Illustrator.