1

00:00:00.05 --> 00:00:01.08

- [Voiceover] Alright,

the only problem with the



2

00:00:01.08 --> 00:00:03.07

gradient fill inside the eye so far



3

00:00:03.07 --> 00:00:05.09

is that it should be a radial gradient



4

00:00:05.09 --> 00:00:08.03

instead of a linear

one, as we can see when



5

00:00:08.03 --> 00:00:10.07

I press Control + Y or

Command + Y on the Mac



6

00:00:10.07 --> 00:00:12.09

to expose the tracing template.



7

00:00:12.09 --> 00:00:14.03

Which is secretly a good thing,



8

00:00:14.03 --> 00:00:16.01

because we have even more control over



9

00:00:16.01 --> 00:00:19.04

radial gradients when working

with the gradient tool.



10

00:00:19.04 --> 00:00:20.05

Alright, so I'll just go ahead and press



11

00:00:20.05 --> 00:00:22.06

Control + Y or Command + Y on a Mac



12

00:00:22.06 --> 00:00:24.06

to switch back to the preview mode.



13

00:00:24.06 --> 00:00:26.05

And I'll press Control + 0 or Command + 0



14

00:00:26.05 --> 00:00:28.00

on the Mac to zoom out.



15

00:00:28.00 --> 00:00:30.01

Now, we're gonna start

things off by modifying the



16

00:00:30.01 --> 00:00:32.05

radial gradient that's

assigned to the face,



17

00:00:32.05 --> 00:00:34.06

and so I'll go ahead and

press the Control key



18

00:00:34.06 --> 00:00:36.05

or the Command key on a Mac to temporarily



19

00:00:36.05 --> 00:00:38.07

access my last used arrow tool,



20

00:00:38.07 --> 00:00:40.05

which happens to be the black arrow,



21

00:00:40.05 --> 00:00:43.03

and then I'll click inside

that background shape,



22

00:00:43.03 --> 00:00:44.09

and then I'll release the Control key



23

00:00:44.09 --> 00:00:46.08

or the Command key on a Mac to switch



24

00:00:46.08 --> 00:00:48.09

control back to the gradient tool.



25

00:00:48.09 --> 00:00:50.04

Alright, now notice we still have that



26

00:00:50.04 --> 00:00:53.08

same annotator, and so

I can move the gradient



27

00:00:53.08 --> 00:00:56.02

by dragging this large circle,



28

00:00:56.02 --> 00:00:57.08

or I can scale the gradient by



29

00:00:57.08 --> 00:00:59.07

dragging the square at the end.



30

00:00:59.07 --> 00:01:01.05

I don't really want to

either of those things



31

00:01:01.05 --> 00:01:03.04

though so I'll press Control + Z



32

00:01:03.04 --> 00:01:05.01

or Command + Z on the Mac a couple of



33

00:01:05.01 --> 00:01:07.09

times in order to undo those changes.



34

00:01:07.09 --> 00:01:10.00

And then I'll move my

cursor slightly beyond



35

00:01:10.00 --> 00:01:13.07

the square handle and

I'll drag it up like so



36

00:01:13.07 --> 00:01:16.07

in order to change the

angle of the gradient.



37

00:01:16.07 --> 00:01:18.00

Now, so far it's not really making



38

00:01:18.00 --> 00:01:20.09

any difference, but it

will in just a moment.



39

00:01:20.09 --> 00:01:22.08

And so I'm gonna drag

this guy up to the top,



40

00:01:22.08 --> 00:01:25.05

and if I want to constrain

the angle to exactly vertical,



41

00:01:25.05 --> 00:01:27.08

then I would press and hold the Shift key.



42

00:01:27.08 --> 00:01:30.00

Now notice when you

create a radial gradient,



43

00:01:30.00 --> 00:01:33.01

you're painting the image with

concentric rings of color,



44

00:01:33.01 --> 00:01:35.06

starting at the center and

progressing all the way



45

00:01:35.06 --> 00:01:38.02

out to the perimeter of the shape.



46

00:01:38.02 --> 00:01:41.01

And currently it's

happening in even circles.



47

00:01:41.01 --> 00:01:43.04

But lets say you want to

redistribute the colors.



48

00:01:43.04 --> 00:01:46.01

In that case you have this

additional circular handle,



49

00:01:46.01 --> 00:01:48.06

and if you drag on it,

notice that you're going



50

00:01:48.06 --> 00:01:51.00

to extend the gradient downward,



51

00:01:51.00 --> 00:01:52.09

and you're gonna do so unevenly.



52

00:01:52.09 --> 00:01:55.06

So notice that the colors

are transitioning slowly



53

00:01:55.06 --> 00:01:58.01

up here at the top of

the shape and much more



54

00:01:58.01 --> 00:02:00.06

quickly down here at the bottom.



55

00:02:00.06 --> 00:02:03.08

And that's because we're

relocating the first ring of color,



56

00:02:03.08 --> 00:02:06.03

and then it's going out

like this and getting



57

00:02:06.03 --> 00:02:09.01

bigger and bigger as it goes upward.



58

00:02:09.01 --> 00:02:11.09

And I can increase the

effect even more if I drag



59

00:02:11.09 --> 00:02:14.08

this down further, so we have

just a little bit of orange



60

00:02:14.08 --> 00:02:16.07

down here at the bottom and lot's of



61

00:02:16.07 --> 00:02:18.09

orange up at the top of the shape.



62

00:02:18.09 --> 00:02:20.09

Alright, but I don't want

to go quite that crazy



63

00:02:20.09 --> 00:02:22.08

with the effect, so I'll

go ahead and drag this



64

00:02:22.08 --> 00:02:26.01

guy back up to about this

location right there.



65

00:02:26.01 --> 00:02:27.09

And I also want to keep things straight,



66

00:02:27.09 --> 00:02:30.07

so I'll move my cursor

back up above the square,



67

00:02:30.07 --> 00:02:33.03

and I'll press the Shift

key as I scoot it over



68

00:02:33.03 --> 00:02:36.07

so that the gradient is

once again exactly vertical.



69

00:02:36.07 --> 00:02:38.09

Alright, now let's go ahead

and switch back to the eye.



70

00:02:38.09 --> 00:02:41.04

I'll go ahead and Control

or Command + click on it



71

00:02:41.04 --> 00:02:44.08

in order to select it, and

then I'll zoom in on the shape.



72

00:02:44.08 --> 00:02:49.04

And I'll switch the type from

linear to radial, like so.



73

00:02:49.04 --> 00:02:52.07

And notice the big problem

that we have right now.



74

00:02:52.07 --> 00:02:56.09

We've got a circular gradient

inside of a very elliptical



75

00:02:56.09 --> 00:02:59.08

shape, and that's not

really gonna work for us.



76

00:02:59.08 --> 00:03:02.07

So the first thing I'm

gonna do is rotate this guy



77

00:03:02.07 --> 00:03:06.07

upward like so, and I'm pressing

the Shift key as I do so,



78

00:03:06.07 --> 00:03:10.00

to constrain the angle of the

gradient to exactly vertical.



79

00:03:10.00 --> 00:03:12.09

And now, I'll go ahead and

drag this top square almost



80

00:03:12.09 --> 00:03:14.09

all the way to the top of the eye.



81

00:03:14.09 --> 00:03:17.00

And now notice these handles right here.



82

00:03:17.00 --> 00:03:19.00

This guy down here at the bottom,



83

00:03:19.00 --> 00:03:20.06

at least it's currently at the bottom,



84

00:03:20.06 --> 00:03:24.03

allows me to scale the

gradient proportionally.



85

00:03:24.03 --> 00:03:25.09

That's not what I want to do, however,



86

00:03:25.09 --> 00:03:27.03

so I'll go ahead and press Control + Z or



87

00:03:27.03 --> 00:03:29.08

Command + Z on the Mac

to undo that change.



88

00:03:29.08 --> 00:03:32.03

Instead, I wanna drag this handle.



89

00:03:32.03 --> 00:03:34.07

And notice when I hover over

it that I see an arrowhead



90

00:03:34.07 --> 00:03:37.03

with a little ellipse next to it,



91

00:03:37.03 --> 00:03:39.07

which shows me that

when I drag this handle,



92

00:03:39.07 --> 00:03:42.08

I can change the aspect

ratio of this shape.



93

00:03:42.08 --> 00:03:45.03

And I'm gonna take it to about here,



94

00:03:45.03 --> 00:03:48.04

at which point you can

see a new aspect ratio



95

00:03:48.04 --> 00:03:50.09

listed here inside the gradient panel.



96

00:03:50.09 --> 00:03:53.04

And that way, if you happen

to know a better value,



97

00:03:53.04 --> 00:03:55.01

you can go ahead and dial it in.



98

00:03:55.01 --> 00:03:59.01

For example, I might take

this value up to 38% instead,



99

00:03:59.01 --> 00:04:02.03

just to increase the

width ever so slightly.



100

00:04:02.03 --> 00:04:04.06

And then the final thing

I wanna do is drag this



101

00:04:04.06 --> 00:04:08.04

bottom circle right there

down to about this location,



102

00:04:08.04 --> 00:04:10.09

so that the colors are

transitioning more rapidly



103

00:04:10.09 --> 00:04:13.06

at the bottom of the shape

than up here at the top.



104

00:04:13.06 --> 00:04:17.01

And that'll give us this big

shadow at the top of the eye.



105

00:04:17.01 --> 00:04:19.07

And now, just to make sure

things are nice and straight,



106

00:04:19.07 --> 00:04:22.04

I'll drag just above the

square widget while pressing



107

00:04:22.04 --> 00:04:24.05

the Shift key to constrain the angle



108

00:04:24.05 --> 00:04:27.00

of the gradient to exactly vertical.



109

00:04:27.00 --> 00:04:29.02

And those are the special

ways that you can use



110

00:04:29.02 --> 00:04:32.03

the gradient tool along

with the gradient annotator



111

00:04:32.03 --> 00:04:36.04

when working on radial gradients

here inside Illustrator.