1

00:00:00.05 --> 00:00:02.02

- [Voiceover] In this

movie, I'll introduce you to



2

00:00:02.02 --> 00:00:04.06

the live paint feature

and just to keep things



3

00:00:04.06 --> 00:00:08.02

simple upfront, we'll start

with a basic venn diagram



4

00:00:08.02 --> 00:00:11.03

which is outlining by the

way our vacation options.



5

00:00:11.03 --> 00:00:13.09

So we've got one circle

representing the land,



6

00:00:13.09 --> 00:00:17.01

another representing the sky,

and then this third circle



7

00:00:17.01 --> 00:00:19.06

which is colored in coral for the sea



8

00:00:19.06 --> 00:00:22.02

and so where the land

intersects the sea we're



9

00:00:22.02 --> 00:00:23.02

in California.



10

00:00:23.02 --> 00:00:25.08

We're gonna fly and then

drive around in Ireland



11

00:00:25.08 --> 00:00:28.01

and then we're gonna fly

and get in a dive boat



12

00:00:28.01 --> 00:00:31.04

in Wakatobi and of course

right here in the intersection



13

00:00:31.04 --> 00:00:34.00

of all three circles is

where we're wondering



14

00:00:34.00 --> 00:00:36.01

how we're going to afford all this.



15

00:00:36.01 --> 00:00:38.08

Now currently, in addition

to these awesome silhouette



16

00:00:38.08 --> 00:00:41.05

drawings right here, we

have just three circles



17

00:00:41.05 --> 00:00:43.07

that are interacting with each other



18

00:00:43.07 --> 00:00:46.03

and so notice if I start

moving these circles away



19

00:00:46.03 --> 00:00:49.04

from each other, we get less

in the way of interaction.



20

00:00:49.04 --> 00:00:52.03

Now currently, that

interaction is a function of



21

00:00:52.03 --> 00:00:55.03

a blend mode, and we can

see that mode by clicking



22

00:00:55.03 --> 00:00:58.00

on the word opacity up

here in the control panel



23

00:00:58.00 --> 00:01:00.08

and notice this guy right

here is set to overlay.



24

00:01:00.08 --> 00:01:03.06

Now the purpose of blend

modes is to blend the colors



25

00:01:03.06 --> 00:01:07.00

of overlapping objects in

stark contrast, that is,



26

00:01:07.00 --> 00:01:11.00

to the object blends that we

saw in the previous chapter.



27

00:01:11.00 --> 00:01:14.00

Now, I'm a big fan of blend

modes, which is why I devote



28

00:01:14.00 --> 00:01:17.00

an entire chapter to

them in a mastery course,



29

00:01:17.00 --> 00:01:19.06

but overlay isn't really

the effect we want



30

00:01:19.06 --> 00:01:22.05

for this diagram here and the reason is



31

00:01:22.05 --> 00:01:24.04

because they don't have

enough control over



32

00:01:24.04 --> 00:01:25.05

the color interactions.



33

00:01:25.05 --> 00:01:28.01

Notice, for example,

that Ireland and Wakatobi



34

00:01:28.01 --> 00:01:30.04

are very similar in color to each other.



35

00:01:30.04 --> 00:01:32.07

I want this center area to be white,



36

00:01:32.07 --> 00:01:35.06

and I don't want these strokes

to turn different colors



37

00:01:35.06 --> 00:01:37.09

I also want them to be thinner.



38

00:01:37.09 --> 00:01:40.08

Also notice that things

go even more haywire if



39

00:01:40.08 --> 00:01:44.00

I turn on this back

layer here at which point



40

00:01:44.00 --> 00:01:46.01

all the objects start to

interact with each other



41

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

in a very noisy fashion.



42

00:01:48.03 --> 00:01:50.05

What I'm looking for, is this effect here,



43

00:01:50.05 --> 00:01:53.09

where the entire diagram is opaque, I have



44

00:01:53.09 --> 00:01:55.07

absolute control over the colors of



45

00:01:55.07 --> 00:01:58.00

the interacting areas,

including the center,



46

00:01:58.00 --> 00:02:01.00

and all my strokes are black and thinner,



47

00:02:01.00 --> 00:02:02.07

and so let me show you how that works.



48

00:02:02.07 --> 00:02:05.08

I'll go ahead and switch

over to my starter file here



49

00:02:05.08 --> 00:02:09.00

and I'll select all three

circles by clicking in the



50

00:02:09.00 --> 00:02:12.03

top right corner of the

diagram layer here inside



51

00:02:12.03 --> 00:02:14.07

the layers panel and

before I go any further



52

00:02:14.07 --> 00:02:17.01

I'm going to twirl the diagram layer open



53

00:02:17.01 --> 00:02:19.08

so you can see that we

have just three circles



54

00:02:19.08 --> 00:02:22.07

named earth, coral, and azure.



55

00:02:22.07 --> 00:02:25.06

Alright, so, to turn these

guys into what's known as



56

00:02:25.06 --> 00:02:28.07

a live paint object, go over

here to the shape builder tool,



57

00:02:28.07 --> 00:02:33.00

click and hold on it, and then

select the live paint bucket



58

00:02:33.00 --> 00:02:36.03

from the fly out menu or

you can press the letter k



59

00:02:36.03 --> 00:02:38.08

which is the central

consonant in the word bucket.



60

00:02:38.08 --> 00:02:42.02

Alright, now notice these

little swatches above my cursor,



61

00:02:42.02 --> 00:02:45.01

they represent the swatches

that you've established here



62

00:02:45.01 --> 00:02:49.00

inside the swatches panel and

for example let's say I click



63

00:02:49.00 --> 00:02:51.05

in the very first swatch

on the far left side of



64

00:02:51.05 --> 00:02:54.08

the control panel and I select RGB yellow.



65

00:02:54.08 --> 00:02:57.03

At that point, if I now

press the escape key to



66

00:02:57.03 --> 00:03:00.06

hide the panel, I will see

yellow directly above my cursor



67

00:03:00.06 --> 00:03:03.04

and then I'll see red to the

left and green to the right



68

00:03:03.04 --> 00:03:07.00

because that's how those

colors are arranged here inside



69

00:03:07.00 --> 00:03:08.04

the swatches panel.



70

00:03:08.04 --> 00:03:11.03

I also want you to notice

that I can click on



71

00:03:11.03 --> 00:03:14.06

any swatch I want while the

fill is active incidentally



72

00:03:14.06 --> 00:03:16.09

and yet I'm not changing the color of any



73

00:03:16.09 --> 00:03:19.07

of the selected objects

here inside the document



74

00:03:19.07 --> 00:03:22.03

and that's because, even though

the objects are selected,



75

00:03:22.03 --> 00:03:25.02

they are protected by

the live paint bucket.



76

00:03:25.02 --> 00:03:28.05

You don't actually apply

a color until you click.



77

00:03:28.05 --> 00:03:31.02

Now just bear in mind, you're

gonna kinda mess things up



78

00:03:31.02 --> 00:03:33.06

if you dial in a custom color.



79

00:03:33.06 --> 00:03:37.08

So for example let's say I

shift click on this fill swatch



80

00:03:37.08 --> 00:03:40.05

on the far left side of the

control panel and I go ahead



81

00:03:40.05 --> 00:03:44.05

and change the color to this

shade of green let's say



82

00:03:44.05 --> 00:03:46.03

and then I once again

press the escape key.



83

00:03:46.03 --> 00:03:49.06

Notice, now I see just

one swatch above my cursor



84

00:03:49.06 --> 00:03:52.06

and nothing more and so

if you want to be able to



85

00:03:52.06 --> 00:03:54.08

cycle through colors,

and I'm about to show you



86

00:03:54.08 --> 00:03:57.03

how that works, then you

need to set up the colors



87

00:03:57.03 --> 00:04:00.06

you want to use in advance

inside the swatches panel



88

00:04:00.06 --> 00:04:03.03

and so let's say I, once

again, switch to yellow



89

00:04:03.03 --> 00:04:05.08

by clicking on it here inside the panel



90

00:04:05.08 --> 00:04:08.06

then notice that I can

cycle through the colors



91

00:04:08.06 --> 00:04:11.05

by pressing either the

left arrow key in order to



92

00:04:11.05 --> 00:04:13.08

advance through those colors, and notice



93

00:04:13.08 --> 00:04:16.08

you see me advancing as I press that key



94

00:04:16.08 --> 00:04:19.07

in the swatches panel, or

you can go backwards by



95

00:04:19.07 --> 00:04:21.09

pressing the left arrow key



96

00:04:21.09 --> 00:04:25.00

and if you go all the

way backwards from white



97

00:04:25.00 --> 00:04:27.09

then to transparent, you're

going to cycle back around



98

00:04:27.09 --> 00:04:31.00

to jive and so forth

and notice by the way,



99

00:04:31.00 --> 00:04:34.07

that I'm skipping the swatches

in a diagram colors group



100

00:04:34.07 --> 00:04:37.06

and that's another handy thing

about working with this tool.



101

00:04:37.06 --> 00:04:39.09

You can set up just those

colors you wanna use



102

00:04:39.09 --> 00:04:43.04

inside of a group here

in the swatches panel.



103

00:04:43.04 --> 00:04:46.03

So if I click on the coral

swatch, and then I press



104

00:04:46.03 --> 00:04:48.07

the left arrow key,

I'll go from this swatch



105

00:04:48.07 --> 00:04:51.05

and then around to this one.



106

00:04:51.05 --> 00:04:54.07

So I'm just going to cycle

around in this one group.



107

00:04:54.07 --> 00:04:57.05

Alright, I'm gonna go ahead

and advance back to coral here



108

00:04:57.05 --> 00:05:00.04

and then I'll click

inside this shape region,



109

00:05:00.04 --> 00:05:02.09

at which point, illustrator

is going to produce



110

00:05:02.09 --> 00:05:05.00

an alert message, and all

it's telling me is that



111

00:05:05.00 --> 00:05:07.07

the live paint feature

isn't necessarily compatible



112

00:05:07.07 --> 00:05:11.00

with other dynamic features

inside illustrator,



113

00:05:11.00 --> 00:05:13.05

namely, in our case, blend modes.



114

00:05:13.05 --> 00:05:16.00

That's not a big deal,

just go ahead and click Ok



115

00:05:16.00 --> 00:05:18.01

at which point, illustrator will go ahead



116

00:05:18.01 --> 00:05:21.01

and throw away the blend

mode, and instead of



117

00:05:21.01 --> 00:05:23.03

those three circles we had a moment ago,



118

00:05:23.03 --> 00:05:25.09

we now have a single live paint object



119

00:05:25.09 --> 00:05:28.09

that contains those three circles.



120

00:05:28.09 --> 00:05:31.08

Which I can see if I go ahead

and twirl that item open.



121

00:05:31.08 --> 00:05:34.00

Alright, now let's go ahead and color in



122

00:05:34.00 --> 00:05:36.00

those intersecting areas by pressing



123

00:05:36.00 --> 00:05:38.08

the right arrow key a

couple of times to advance



124

00:05:38.08 --> 00:05:41.03

to that reddish brown, and then I'll click



125

00:05:41.03 --> 00:05:42.06

in this area to fill it.



126

00:05:42.06 --> 00:05:45.02

Alright, now I'll move

over to the Ireland area,



127

00:05:45.02 --> 00:05:48.01

press the right arrow key

once again to advance to green



128

00:05:48.01 --> 00:05:51.01

and click, then I'll go

down here to Wakatobi,



129

00:05:51.01 --> 00:05:54.01

press the right arrow key to

advance to purple and click



130

00:05:54.01 --> 00:05:56.09

and then, I'll move my

cursor into the central area,



131

00:05:56.09 --> 00:06:00.00

this time I want white,

but I don't have any white



132

00:06:00.00 --> 00:06:03.00

inside of this particular

group, which is why



133

00:06:03.00 --> 00:06:06.05

I now need to click on white

here inside the swatches panel



134

00:06:06.05 --> 00:06:08.08

in order to make it active, and make sure



135

00:06:08.08 --> 00:06:11.00

you're assigning it to

the fill incidentally



136

00:06:11.00 --> 00:06:13.08

and then, go ahead and click

inside that central area



137

00:06:13.08 --> 00:06:15.05

to color it.



138

00:06:15.05 --> 00:06:17.09

Alright now let's say I

want to move this sea circle



139

00:06:17.09 --> 00:06:19.05

independently of the others.



140

00:06:19.05 --> 00:06:22.01

Then I would go ahead and

target this coral item



141

00:06:22.01 --> 00:06:24.05

by clicking on its circular meatball



142

00:06:24.05 --> 00:06:26.07

and notice that it does go ahead and



143

00:06:26.07 --> 00:06:28.00

select the item even though



144

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

it doesn't get an extra circle around it,



145

00:06:30.01 --> 00:06:32.07

and you can see that its selected out here



146

00:06:32.07 --> 00:06:34.05

inside the document window.



147

00:06:34.05 --> 00:06:37.02

Now I'll go ahead and switch

back to my black arrow tool



148

00:06:37.02 --> 00:06:39.03

which of course I can

get by pressing the v key



149

00:06:39.03 --> 00:06:42.01

and I'll just drag this

circle to a different location



150

00:06:42.01 --> 00:06:45.05

and you can see that the

intersecting areas update



151

00:06:45.05 --> 00:06:48.09

on the fly just as they would

if I were using a blend mode



152

00:06:48.09 --> 00:06:52.05

only this way, I have absolute

control over the colors



153

00:06:52.05 --> 00:06:54.02

of the intersecting areas.



154

00:06:54.02 --> 00:06:56.05

Alright now I'll just go

ahead and click control z



155

00:06:56.05 --> 00:06:58.05

or command z on the mac to undo that move



156

00:06:58.05 --> 00:07:01.09

because after all, I want these

guys right where they are.



157

00:07:01.09 --> 00:07:04.00

And that my friends is my introduction



158

00:07:04.00 --> 00:07:06.09

to the live paint feature,

which allows you to paint



159

00:07:06.09 --> 00:07:10.02

intersecting areas, entirely dynamically,



160

00:07:10.02 --> 00:07:12.03

here inside illustrator.