1

00:00:00.04 --> 00:00:02.06

- [Voiceover] In this movie,

I'll show you how to introduce



2

00:00:02.06 --> 00:00:05.06

a gradient into your Live

Paint object, as in the case



3

00:00:05.06 --> 00:00:08.01

of this pink to white sky.



4

00:00:08.01 --> 00:00:11.02

Alright, so I'll go on and

switch to my artwork so far.



5

00:00:11.02 --> 00:00:13.03

And I'm gonna zoom in on it as well



6

00:00:13.03 --> 00:00:15.03

so that it can take in that sky.



7

00:00:15.03 --> 00:00:18.01

And I'll start off by

creating a custom swatch based



8

00:00:18.01 --> 00:00:19.07

on this shade of pink right here.



9

00:00:19.07 --> 00:00:22.02

The one that begins with R=237



10

00:00:22.02 --> 00:00:24.02

I'll go ahead and select

it and then I'll click



11

00:00:24.02 --> 00:00:27.01

on the little page icon at the

bottom of the Swatches panel



12

00:00:27.01 --> 00:00:30.03

in order to bring up the

new swatch dialogue box.



13

00:00:30.03 --> 00:00:33.02

I'll change the mode from RGB to HSB



14

00:00:33.02 --> 00:00:35.06

and then I'm gonna take

the saturation value down



15

00:00:35.06 --> 00:00:39.07

to 44% in order to create this pale pink



16

00:00:39.07 --> 00:00:42.04

and then I'll click OK,

at which point I will see



17

00:00:42.04 --> 00:00:45.09

the pale pink is selected here

inside the Swatches panel.



18

00:00:45.09 --> 00:00:47.03

Alright, now, I'll go

ahead and switch back



19

00:00:47.03 --> 00:00:49.09

to my Live Paint bucket, which, as always,



20

00:00:49.09 --> 00:00:53.00

you can get by pressing the K

key and then I'll click inside



21

00:00:53.00 --> 00:00:55.07

the sky in order to fill it.



22

00:00:55.07 --> 00:00:57.08

And while that looks pretty darn good



23

00:00:57.08 --> 00:01:00.03

where this illustration

is concerned, I think it's



24

00:01:00.03 --> 00:01:03.01

a little overbearing, and

so I decided that I wanted



25

00:01:03.01 --> 00:01:06.00

to introduce a gradient

from pink at the top



26

00:01:06.00 --> 00:01:08.09

to white at the bottom, which requires you



27

00:01:08.09 --> 00:01:11.08

to first save your custom

gradient as a swatch,



28

00:01:11.08 --> 00:01:15.01

so the Live Paint bucket has access to it.



29

00:01:15.01 --> 00:01:17.09

And you make that happen by

going up to the Window menu



30

00:01:17.09 --> 00:01:19.09

and choosing the gradient

command to bring up



31

00:01:19.09 --> 00:01:21.02

the gradient panel.



32

00:01:21.02 --> 00:01:23.05

And it doesn't matter, by

the way, if it's expanded



33

00:01:23.05 --> 00:01:26.06

or collapsed as long as you

can see the gradient ramp.



34

00:01:26.06 --> 00:01:29.05

Then just go ahead and

grab your new shade of pink



35

00:01:29.05 --> 00:01:31.05

and drag it and drop

it into the right side



36

00:01:31.05 --> 00:01:33.03

of the ramp, like so.



37

00:01:33.03 --> 00:01:36.00

Alright, now that you've created

a white to pink gradient,



38

00:01:36.00 --> 00:01:39.03

and by the way, it doesn't

matter what its angle is.



39

00:01:39.03 --> 00:01:42.04

I know eventually I'm gonna

want it to be 90 degrees,



40

00:01:42.04 --> 00:01:45.01

but entering it at this

point, as you'll see,



41

00:01:45.01 --> 00:01:46.02

makes no difference.



42

00:01:46.02 --> 00:01:48.09

Alright, so with this pink

to white gradient in hand,



43

00:01:48.09 --> 00:01:51.01

just go ahead and click

on the little page icon



44

00:01:51.01 --> 00:01:53.08

at the bottom of the

swatches panel and name



45

00:01:53.08 --> 00:01:56.01

this new swatch something like Pink Grad



46

00:01:56.01 --> 00:01:58.02

and then click OK.



47

00:01:58.02 --> 00:02:00.04

Alright, now that it's

selected as we're seeing



48

00:02:00.04 --> 00:02:02.07

in the swatches panel,

it also appears above



49

00:02:02.07 --> 00:02:04.03

the Live Paint bucket.



50

00:02:04.03 --> 00:02:06.06

And so I'll just go ahead

and click in the sky in order



51

00:02:06.06 --> 00:02:09.09

to apply it and you can

see, even though 90 degrees



52

00:02:09.09 --> 00:02:12.02

is specified here inside

the gradient panel,



53

00:02:12.02 --> 00:02:14.01

it makes no difference inside the artwork.



54

00:02:14.01 --> 00:02:17.04

We're seeing the gradient

at an angle of zero degrees.



55

00:02:17.04 --> 00:02:20.05

But the good news is this -

notice if I decide to zoom



56

00:02:20.05 --> 00:02:23.01

in on this little detail here,

which is part of the sky,



57

00:02:23.01 --> 00:02:26.03

if I click on it, then,

well I guess the news



58

00:02:26.03 --> 00:02:30.00

isn't so great, we see a

white to pink gradient inside



59

00:02:30.00 --> 00:02:31.02

this little region.



60

00:02:31.02 --> 00:02:33.02

I thought it was gonna

match the rest of the sky,



61

00:02:33.02 --> 00:02:36.07

but it doesn't and so

how do we make it match



62

00:02:36.07 --> 00:02:40.01

as well as change the

angle of the gradient?



63

00:02:40.01 --> 00:02:42.03

Well, here's what you

do - press Control zero



64

00:02:42.03 --> 00:02:44.06

or Command zero on a Mac to zoom out.



65

00:02:44.06 --> 00:02:46.09

Actually, I'm gonna zoom

a little bit tighter



66

00:02:46.09 --> 00:02:48.01

than that, I think.



67

00:02:48.01 --> 00:02:51.03

And then, I'll press the V key

to get my black arrow tool.



68

00:02:51.03 --> 00:02:53.04

Then I'll click on the Live Paint object



69

00:02:53.04 --> 00:02:55.09

to select the entire

thing, and then I'll switch



70

00:02:55.09 --> 00:02:59.02

my gradient tool, which I

can get by pressing the G key



71

00:02:59.02 --> 00:03:02.07

and I'll go ahead and drag

from this line right here,



72

00:03:02.07 --> 00:03:05.07

upwards like so, while

pressing the Shift key



73

00:03:05.07 --> 00:03:09.01

until I get just a

little bit above the sun.



74

00:03:09.01 --> 00:03:11.09

Not quite this far, just

a little bit like so.



75

00:03:11.09 --> 00:03:14.02

And then I'll go ahead

and release, and while



76

00:03:14.02 --> 00:03:16.08

that does take care of

the angle of the gradient



77

00:03:16.08 --> 00:03:19.00

and also forces this little area to match



78

00:03:19.00 --> 00:03:21.09

the rest of the sky,

for some reason, it does



79

00:03:21.09 --> 00:03:24.09

a real number on the

strokes, as you can see.



80

00:03:24.09 --> 00:03:26.08

And so I'm going to press Control H



81

00:03:26.08 --> 00:03:28.07

or Command H on a Mac in order



82

00:03:28.07 --> 00:03:30.04

to hide the selection outline.



83

00:03:30.04 --> 00:03:33.00

The big problem here is that

we've lost out line weight.



84

00:03:33.00 --> 00:03:35.06

It's suddenly gone down to 0.5 point,



85

00:03:35.06 --> 00:03:37.09

which is not what I want,

so I'll select that value



86

00:03:37.09 --> 00:03:42.02

and restore it to 1.2 points

which is what it was before.



87

00:03:42.02 --> 00:03:45.00

And then I'll click on the

word Stroke and I'll confirm



88

00:03:45.00 --> 00:03:48.08

that both my cap and my

corners are set to Round,



89

00:03:48.08 --> 00:03:50.07

which they are, so that's good news.



90

00:03:50.07 --> 00:03:53.06

You might also wanna confirm

the color by clicking



91

00:03:53.06 --> 00:03:55.09

on this second color swatch, and make sure



92

00:03:55.09 --> 00:03:59.06

that it's set to black,

which in my case it is.



93

00:03:59.06 --> 00:04:01.06

Alright, so the only thing

about this I don't like,



94

00:04:01.06 --> 00:04:04.05

is that the rectangle has a

stroke, not that it's really



95

00:04:04.05 --> 00:04:07.01

a problem because it's

outside of the R port,



96

00:04:07.01 --> 00:04:09.02

but let's say for some

reason that bothers you.



97

00:04:09.02 --> 00:04:11.00

Then if you wanna get rid of that stroke,



98

00:04:11.00 --> 00:04:13.00

go ahead and switch from

the Live Paint bucket



99

00:04:13.00 --> 00:04:16.09

to the Live Paint selection

tool, and then click



100

00:04:16.09 --> 00:04:19.05

on that rectangle in order to select it,



101

00:04:19.05 --> 00:04:22.05

and you can tell that it's

selected if you zoom on in here.



102

00:04:22.05 --> 00:04:25.07

Actually, I can't because my

selection outlines are hidden,



103

00:04:25.07 --> 00:04:28.04

so I'll press Control

H or Command H on a Mac



104

00:04:28.04 --> 00:04:30.08

to bring them back, and now if

you're working along with me,



105

00:04:30.08 --> 00:04:33.04

you should be able to see

a little pattern of dots,



106

00:04:33.04 --> 00:04:34.08

at which point, just go ahead and click on



107

00:04:34.08 --> 00:04:37.03

that second swatch on the

left side of the Control Panel



108

00:04:37.03 --> 00:04:41.02

and change it to None

and that will get rid of



109

00:04:41.02 --> 00:04:43.01

that one offending stroke.



110

00:04:43.01 --> 00:04:44.08

And now, I'll go ahead

and press Control zero



111

00:04:44.08 --> 00:04:47.07

or Command zero on the Mac

to zoom out and I'll press



112

00:04:47.07 --> 00:04:50.00

the F key a couple of

times in order to switch to



113

00:04:50.00 --> 00:04:54.01

the full screen mode, like so,

and now notice if I go ahead



114

00:04:54.01 --> 00:04:56.09

and scroll this guy over

here, that we have managed



115

00:04:56.09 --> 00:05:01.00

to all together color our

free form line art complete



116

00:05:01.00 --> 00:05:05.02

with a pink to white gradient

here inside Illustrator.