1

00:00:00.01 --> 00:00:01.03

- [Voiceover] In this

movie, I'll show you how



2

00:00:01.03 --> 00:00:05.00

to transform multiple fills

and strokes independently



3

00:00:05.00 --> 00:00:08.01

of each other, in order to

turn this boring ellipse



4

00:00:08.01 --> 00:00:11.04

into this ostensibly more

exciting effect here.



5

00:00:11.04 --> 00:00:13.04

Now, the first thing I

want you to note is that



6

00:00:13.04 --> 00:00:15.04

this ellipse is selected.



7

00:00:15.04 --> 00:00:17.06

It's a little hard to

tell because we're seeing



8

00:00:17.06 --> 00:00:20.09

red anchor points against

an orange stroke background.



9

00:00:20.09 --> 00:00:23.05

But you can see this red

center point right there



10

00:00:23.05 --> 00:00:26.01

and you can also see the

word ellipse up here in the



11

00:00:26.01 --> 00:00:28.02

far left side of the control panel.



12

00:00:28.02 --> 00:00:30.04

But I want you to notice

this warning right there.



13

00:00:30.04 --> 00:00:32.06

If you hover over it, it's

gonna tell you that the



14

00:00:32.06 --> 00:00:35.03

top most fill and stroke is not active.



15

00:00:35.03 --> 00:00:36.05

If you click here,



16

00:00:36.05 --> 00:00:38.02

that will make them active.



17

00:00:38.02 --> 00:00:40.02

So notice right now

we're seeing a green fill



18

00:00:40.02 --> 00:00:41.06

and a green stroke.



19

00:00:41.06 --> 00:00:44.00

Even though the top

stroke in the stack here



20

00:00:44.00 --> 00:00:47.00

in the appearance panel

is orange and the top fill



21

00:00:47.00 --> 00:00:49.08

is this lighter orange almost yellow.



22

00:00:49.08 --> 00:00:52.09

Well, so notice if I click on

the caution icon the stroke



23

00:00:52.09 --> 00:00:56.02

does indeed turn orange,

but the fill turns blue



24

00:00:56.02 --> 00:00:58.07

and that's because blue is

the color of the top most



25

00:00:58.07 --> 00:01:00.04

visible fill.



26

00:01:00.04 --> 00:01:03.01

So I just want you to know

what's going on where that



27

00:01:03.01 --> 00:01:05.02

little caution icon is concerned.



28

00:01:05.02 --> 00:01:08.07

What I'm gonna do is turn

on all the fills like so



29

00:01:08.07 --> 00:01:12.03

and I'm also gonna change all

the strokes to a line weight



30

00:01:12.03 --> 00:01:15.04

of just 12 point because I

like how the effect looks



31

00:01:15.04 --> 00:01:18.02

better that way and now

I'm gonna go ahead and drag



32

00:01:18.02 --> 00:01:20.09

the orange fill down so

that all the fills are



33

00:01:20.09 --> 00:01:23.09

grouped together and I'm

gonna select that orange fill



34

00:01:23.09 --> 00:01:27.07

and I'm gonna drop down to

the FX icon, notice that guy



35

00:01:27.07 --> 00:01:30.07

right there next to the

stroke and fill icons



36

00:01:30.07 --> 00:01:33.05

down here in the bottom left

corner of the appearance panel.



37

00:01:33.05 --> 00:01:36.02

Go ahead and click on it

and you'll see a long list



38

00:01:36.02 --> 00:01:38.04

of what are known as dynamic effects.



39

00:01:38.04 --> 00:01:41.03

Now I'll be devoting an

entire chapter to this topic,



40

00:01:41.03 --> 00:01:44.07

but for now, just go ahead and

choose distort and transform



41

00:01:44.07 --> 00:01:47.05

and then choose what is

undoubtedly my favorite of



42

00:01:47.05 --> 00:01:49.08

the dynamic effects, transform.



43

00:01:49.08 --> 00:01:53.03

And now bring up the

transform effect dialogue box.



44

00:01:53.03 --> 00:01:54.04

At which point I'll just go ahead



45

00:01:54.04 --> 00:01:55.09

and move it a little bit onscreen.



46

00:01:55.09 --> 00:01:58.05

I'm gonna turn on the preview

check box so we can see



47

00:01:58.05 --> 00:02:01.04

what we're doing and I'll

change the angle value



48

00:02:01.04 --> 00:02:05.04

to let's say 20 degrees

and I'll press the tab key



49

00:02:05.04 --> 00:02:09.00

and notice that goes ahead

and transforms that one fill



50

00:02:09.00 --> 00:02:12.00

independently of the

others and that's because



51

00:02:12.00 --> 00:02:14.09

that orange fill is selected



52

00:02:14.09 --> 00:02:16.09

here inside the appearance panel.



53

00:02:16.09 --> 00:02:19.07

After which point I'll go

ahead and click the okay button



54

00:02:19.07 --> 00:02:22.01

in order to apply that effect.



55

00:02:22.01 --> 00:02:24.08

Alright now I wanna do something

similar for the green fill



56

00:02:24.08 --> 00:02:27.07

so I'll go ahead and click

it in order to select it



57

00:02:27.07 --> 00:02:30.00

and then I'll drop down

to the FX icon once again,



58

00:02:30.00 --> 00:02:33.04

choose distort and

transform, choose transform



59

00:02:33.04 --> 00:02:35.07

and then this time I'll

just dial in a value



60

00:02:35.07 --> 00:02:37.04

of negative 20 degrees.



61

00:02:37.04 --> 00:02:39.04

Notice we're not seeing a

preview and that's because



62

00:02:39.04 --> 00:02:42.02

the preview checkbox

automatically turns itself off



63

00:02:42.02 --> 00:02:44.09

every single time, which means

that you have to turn it on



64

00:02:44.09 --> 00:02:48.06

in order to invoke that effect

on screen after which point



65

00:02:48.06 --> 00:02:52.08

you can click okay in

order to apply that effect.



66

00:02:52.08 --> 00:02:55.03

Alright now I want to

transform the orange stroke



67

00:02:55.03 --> 00:02:57.05

so go ahead and click

on it and then drop down



68

00:02:57.05 --> 00:03:00.04

to the FX icon, choose

distort and transform



69

00:03:00.04 --> 00:03:03.03

and choose transform and

I'll go ahead and enter



70

00:03:03.03 --> 00:03:07.08

let's say negative 40 degrees

and because I know it's coming



71

00:03:07.08 --> 00:03:10.07

I'll just go ahead and

click okay, oh but actually



72

00:03:10.07 --> 00:03:12.02

I got that wrong.



73

00:03:12.02 --> 00:03:15.00

What happens if I decide

that's not really the degree



74

00:03:15.00 --> 00:03:17.00

of rotation I wanna apply?



75

00:03:17.00 --> 00:03:19.02

Well then notice the stroke

attribute right here,



76

00:03:19.02 --> 00:03:21.08

it has a little triangle in front of it



77

00:03:21.08 --> 00:03:24.02

which indicates that you

can twirl it open in order



78

00:03:24.02 --> 00:03:27.09

to see an opacity option

if you want to adjust that,



79

00:03:27.09 --> 00:03:30.03

but you also have this transform effect



80

00:03:30.03 --> 00:03:33.00

and you're only gonna see that

if you've applied the effect.



81

00:03:33.00 --> 00:03:36.02

Notice if I twirl open

the green stroke, there is



82

00:03:36.02 --> 00:03:39.04

no transform because I have

not applied a transform effect



83

00:03:39.04 --> 00:03:40.05

at this point.



84

00:03:40.05 --> 00:03:43.09

So I'll just go ahead and

click on transform in order



85

00:03:43.09 --> 00:03:46.07

to bring back up that

transform effect dialogue box.



86

00:03:46.07 --> 00:03:48.03

I'll turn on the preview

this time to make sure



87

00:03:48.03 --> 00:03:50.09

I do this right and then I'll

get rid of the minus sign



88

00:03:50.09 --> 00:03:54.00

and press the tab key and

sure enough, there's where



89

00:03:54.00 --> 00:03:56.06

I want the stroke to be at

which point I'll click okay



90

00:03:56.06 --> 00:03:59.01

in order to apply that effect.



91

00:03:59.01 --> 00:04:02.02

Now you can duplicate

these guys if you want to



92

00:04:02.02 --> 00:04:04.05

from one attribute to

another and you do that



93

00:04:04.05 --> 00:04:07.00

by dragging and dropping.



94

00:04:07.00 --> 00:04:10.00

So if you just drag and

drop, transform from



95

00:04:10.00 --> 00:04:12.05

the orange stroke to the

green one, then you'll just



96

00:04:12.05 --> 00:04:15.06

go ahead and rotate the

green stroke instead



97

00:04:15.06 --> 00:04:16.07

of the orange one.



98

00:04:16.07 --> 00:04:19.00

That's not what I wanna do

so I'll press control z or



99

00:04:19.00 --> 00:04:20.08

command z on the mac to undo that change



100

00:04:20.08 --> 00:04:23.03

and instead what you do

is you press the alt key



101

00:04:23.03 --> 00:04:26.03

or the option key on the

mac and then you drag



102

00:04:26.03 --> 00:04:30.01

transform and drop it

onto the stroke like so



103

00:04:30.01 --> 00:04:32.06

and that will go ahead and transform



104

00:04:32.06 --> 00:04:34.01

the green stroke as well.



105

00:04:34.01 --> 00:04:36.02

The reason we can't see

it is it's underneath



106

00:04:36.02 --> 00:04:38.03

the orange stroke and I can

show you that's the case



107

00:04:38.03 --> 00:04:40.04

by turning the orange

stroke off for a moment.



108

00:04:40.04 --> 00:04:43.01

So there's the green stroke

right under the orange one.



109

00:04:43.01 --> 00:04:45.07

If I wanna change it to

the opposite direction then



110

00:04:45.07 --> 00:04:49.00

I'll go ahead and click on

its transform and I'll enter



111

00:04:49.00 --> 00:04:51.09

a minus sign this time around,

turn on the preview check box



112

00:04:51.09 --> 00:04:55.00

to make sure I've done

it right and click okay.



113

00:04:55.00 --> 00:04:56.06

Alright now I'll just

go ahead and twirl both



114

00:04:56.06 --> 00:04:59.08

of these guys closed and I

actually want the green stroke



115

00:04:59.08 --> 00:05:01.06

to be on top, so I'll

just go ahead and drag it



116

00:05:01.06 --> 00:05:03.02

and drop it on top.



117

00:05:03.02 --> 00:05:06.07

I also want the green fill to

be on top of the orange fill



118

00:05:06.07 --> 00:05:09.05

so I'll go ahead and drag it

and drop it upwards as well



119

00:05:09.05 --> 00:05:12.09

and you can drag and drop

multiple attributes at a time.



120

00:05:12.09 --> 00:05:15.09

For example, I could click

on this stroke, shift click



121

00:05:15.09 --> 00:05:19.03

on this one and drag and drop

them all below the fills,



122

00:05:19.03 --> 00:05:21.07

if I prefer them to work that way.



123

00:05:21.07 --> 00:05:24.09

Or, if things are

non-sequential, I could click on



124

00:05:24.09 --> 00:05:28.01

one fill and then control

or command click on another



125

00:05:28.01 --> 00:05:31.00

and then control or command

click on another one like so



126

00:05:31.00 --> 00:05:33.04

and then drag them and drop them down.



127

00:05:33.04 --> 00:05:36.01

At this point, however, I pretty

much made a mess of things



128

00:05:36.01 --> 00:05:38.07

so I'll just go ahead and

drag this fill downward



129

00:05:38.07 --> 00:05:42.08

and then I will drag this stroke upward



130

00:05:42.08 --> 00:05:43.07

to I believe



131

00:05:43.07 --> 00:05:45.08

second from top is what I'm looking for



132

00:05:45.08 --> 00:05:47.04

and I want the green fill to be above



133

00:05:47.04 --> 00:05:49.00

the orange fill as well.



134

00:05:49.00 --> 00:05:52.03

That's how you transform by

which I mean scale, rotate,



135

00:05:52.03 --> 00:05:55.04

or move one fill or stroke

attribute independently



136

00:05:55.04 --> 00:05:58.07

of the others using the transform effect



137

00:05:58.07 --> 00:06:01.05

here inside the appearance panel.