1

00:00:00.02 --> 00:00:02.00

- [Voiceover] In this movie,

I'll show you the basics



2

00:00:02.00 --> 00:00:04.03

of working inside the

Edit Colors dialogue box,



3

00:00:04.03 --> 00:00:06.01

which allows you to modify entire



4

00:00:06.01 --> 00:00:08.02

collections of colors at a time.



5

00:00:08.02 --> 00:00:10.03

And you can start from

one of the twenty three



6

00:00:10.03 --> 00:00:13.09

harmony rules, or you can work

from an existing color group.



7

00:00:13.09 --> 00:00:17.03

And you do so visually, directly

inside that lab color wheel



8

00:00:17.03 --> 00:00:19.09

that I showed you a few movies ago.



9

00:00:19.09 --> 00:00:21.03

And here is how it works.



10

00:00:21.03 --> 00:00:23.04

Start off inside the swatches panel,



11

00:00:23.04 --> 00:00:26.02

click on a folder that

represents an existing group,



12

00:00:26.02 --> 00:00:28.00

and then click on circular edit



13

00:00:28.00 --> 00:00:30.06

color icon down here at

the bottom of the panel.



14

00:00:30.06 --> 00:00:33.04

Or, more simply, just go

ahead and double-click on the



15

00:00:33.04 --> 00:00:37.04

folder in order to bring up

the edit colors dialogue box.



16

00:00:37.04 --> 00:00:40.08

And notice I'm working inside

that same lab color wheel



17

00:00:40.08 --> 00:00:43.03

that I showed you a few movies back.



18

00:00:43.03 --> 00:00:45.08

And to make that more clear,

I'll just go ahead and



19

00:00:45.08 --> 00:00:48.07

crank this brightness value,

right here in the middle



20

00:00:48.07 --> 00:00:50.05

of the dialogue box, up all the way.



21

00:00:50.05 --> 00:00:52.02

So we're seeing the top slice in a



22

00:00:52.02 --> 00:00:55.05

three-dimensional lab color cylinder.



23

00:00:55.05 --> 00:00:59.00

Alright, now notice if I go

ahead and drag this base color



24

00:00:59.00 --> 00:01:02.01

around, so this big circle by

the way, represents this base



25

00:01:02.01 --> 00:01:05.01

color, then all of the other

colors are going to move along



26

00:01:05.01 --> 00:01:08.09

with it. And so currently,

I'm modifying the hue



27

00:01:08.09 --> 00:01:11.04

of this color by dragging

around the circle,



28

00:01:11.04 --> 00:01:13.02

as well as its saturation by dragging



29

00:01:13.02 --> 00:01:16.06

outward in order to

increase the saturation,



30

00:01:16.06 --> 00:01:19.05

or inward to decrease the saturation.



31

00:01:19.05 --> 00:01:22.01

And notice that changes

the hue and the saturation



32

00:01:22.01 --> 00:01:25.02

of all of the other slave colors as well.



33

00:01:25.02 --> 00:01:26.09

It's different if you drag a slave.



34

00:01:26.09 --> 00:01:30.01

Notice if I drag this guy, I

will change the hue values,



35

00:01:30.01 --> 00:01:33.00

by default anyway, of the other colors,



36

00:01:33.00 --> 00:01:35.09

but I will not change their saturation.



37

00:01:35.09 --> 00:01:37.08

Another thing you can do is work



38

00:01:37.08 --> 00:01:40.00

from one of the

twenty-three harmony rules.



39

00:01:40.00 --> 00:01:42.04

And you do that by clicking

in this down-pointing arrow,



40

00:01:42.04 --> 00:01:44.07

and choosing the desired rule.



41

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

So, for example, let's

say I grab Tetrad 2,



42

00:01:47.05 --> 00:01:50.05

which I demonstrated for you,

once again, a few movies ago



43

00:01:50.05 --> 00:01:54.00

and I dragged the base color

over to that shade of blue.



44

00:01:54.00 --> 00:01:57.05

You can see that all the

colors move around as well.



45

00:01:57.05 --> 00:02:00.01

We could drag this guy

independently, if you want to,



46

00:02:00.01 --> 00:02:02.07

in order to change his saturation.



47

00:02:02.07 --> 00:02:05.05

And then also notice that if

you drag the opposite color,



48

00:02:05.05 --> 00:02:08.00

everybody moves around,

but if you drag either



49

00:02:08.00 --> 00:02:10.09

the side colors, then you're

going to move them up and down



50

00:02:10.09 --> 00:02:12.09

as if they're some kind of arms.



51

00:02:12.09 --> 00:02:15.08

And so, let's say you want

to check out one of the ones



52

00:02:15.08 --> 00:02:18.03

that didn't really detail,

then just go ahead and click



53

00:02:18.03 --> 00:02:20.09

the down-pointing arrow once

again and choose, let's say,



54

00:02:20.09 --> 00:02:23.08

Tetrad 3, and you can see now

if you drag one of the side



55

00:02:23.08 --> 00:02:27.07

handles, the other one moves

in the opposite direction.



56

00:02:27.07 --> 00:02:31.00

And my favorite, just for

goofing around, is Pentagram,



57

00:02:31.00 --> 00:02:34.06

by the way, which has a head

of course up there at the top,



58

00:02:34.06 --> 00:02:37.03

but I'll just go ahead and

move the base color to the top



59

00:02:37.03 --> 00:02:40.05

like so, and then you can drag

the arms and legs up and down



60

00:02:40.05 --> 00:02:44.05

as if you're looking at some

kind of colorful Vitruvian Man.



61

00:02:44.05 --> 00:02:46.07

So again, I encourage you to experiment



62

00:02:46.07 --> 00:02:48.07

with those, if you're so inclined.



63

00:02:48.07 --> 00:02:51.05

Now, let's say you want to

save what you've done so far



64

00:02:51.05 --> 00:02:53.09

as a color group, then go ahead and give



65

00:02:53.09 --> 00:02:57.02

this guy a name, such

as "Custom Pentagram."



66

00:02:57.02 --> 00:03:00.09

And then click on the little

folder icon in order to create



67

00:03:00.09 --> 00:03:03.08

a new group as we're seeing right here.



68

00:03:03.08 --> 00:03:06.04

But, what I really want to

do is start with Baroque 6,



69

00:03:06.04 --> 00:03:08.03

so I'll just go ahead and

click on it once again



70

00:03:08.03 --> 00:03:09.06

to load it up, and then I'll start



71

00:03:09.06 --> 00:03:11.00

dragging this base color around.



72

00:03:11.00 --> 00:03:15.03

And I want you to notice

that I'm seeing HSB sliders,



73

00:03:15.03 --> 00:03:18.06

which stands for hue,

saturation, and brightness.



74

00:03:18.06 --> 00:03:20.07

You could just as easily work

with some other color space,



75

00:03:20.07 --> 00:03:25.03

such as RGB, we've got

CMYK, we have the 216 colors



76

00:03:25.03 --> 00:03:29.08

in the old-style web-safe

palette, and then we have Lab.



77

00:03:29.08 --> 00:03:32.01

Now, Lab is probably the

toughest of the color models,



78

00:03:32.01 --> 00:03:35.04

even though we're actually

looking at a Lab wheel here.



79

00:03:35.04 --> 00:03:38.01

And again I'm just going to

crank that brightness value up



80

00:03:38.01 --> 00:03:40.08

so that we can see the

top slice in the cylinder.



81

00:03:40.08 --> 00:03:43.08

And so we've got a

luminous value right here,



82

00:03:43.08 --> 00:03:46.05

which allows you to change

the brightness or darkness



83

00:03:46.05 --> 00:03:49.01

of those colors, and notice

the wheel is going to catch up



84

00:03:49.01 --> 00:03:51.09

with us after I make my modification.



85

00:03:51.09 --> 00:03:53.07

But I'm just going to crank it up a



86

00:03:53.07 --> 00:03:55.08

little bit so we have some bright colors.



87

00:03:55.08 --> 00:03:57.08

And then we've got A and B, which are more



88

00:03:57.08 --> 00:04:01.03

commonly known as tint and temperature.



89

00:04:01.03 --> 00:04:04.03

If you're familiar, for

example, with Camera Raw or



90

00:04:04.03 --> 00:04:06.08

Lightroom or one of those programs.



91

00:04:06.08 --> 00:04:10.05

And so if I increase this A

value all the way up to 127,



92

00:04:10.05 --> 00:04:13.07

and I set the B value to

zero, just for the sake



93

00:04:13.07 --> 00:04:16.01

of demonstration here, then I'm

going to move the base color



94

00:04:16.01 --> 00:04:18.04

to more or less the

right side of the circle.



95

00:04:18.04 --> 00:04:21.03

If I take this A value

down all the way, I'm going



96

00:04:21.03 --> 00:04:24.05

to move it to the left side of the circle.



97

00:04:24.05 --> 00:04:26.08

Alright, let's just go

ahead and zero that out,



98

00:04:26.08 --> 00:04:29.00

so I can show you what happens with B.



99

00:04:29.00 --> 00:04:31.04

If I crank the value up,

then we're going to move the



100

00:04:31.04 --> 00:04:34.04

base color to the top of the

circle. Again, más o menos.



101

00:04:34.04 --> 00:04:38.09

And if I reduce that value

to negative 120, I'm going to



102

00:04:38.09 --> 00:04:42.04

move that base color to

the bottom of the circle.



103

00:04:42.04 --> 00:04:45.03

But HSB is really the most

predictable way to work,



104

00:04:45.03 --> 00:04:48.06

because, for example, if I

take the saturation value down,



105

00:04:48.06 --> 00:04:51.04

then I'm going to move the

colors in toward the center.



106

00:04:51.04 --> 00:04:53.02

If I take it up, I'm going to move



107

00:04:53.02 --> 00:04:55.02

the colors out to the perimeter.



108

00:04:55.02 --> 00:04:58.00

And if I modify the hue

value, then I'm going to spin



109

00:04:58.00 --> 00:05:01.04

all of the colors around

the circle, like so.



110

00:05:01.04 --> 00:05:05.01

Which might make you say,

"Well, Deek, then obviously



111

00:05:05.01 --> 00:05:08.04

this is not a lab color

wheel, its an HSB wheel."



112

00:05:08.04 --> 00:05:12.01

Well, not really. HSB is not

technically a color model.



113

00:05:12.01 --> 00:05:15.03

It's a kind of different

language that translates into



114

00:05:15.03 --> 00:05:18.03

either RGB, or in our case, Lab.



115

00:05:18.03 --> 00:05:21.02

And to demonstrate that, I'll

go ahead and change the hue



116

00:05:21.02 --> 00:05:24.03

value to zero degrees, and

notice that moves my base color



117

00:05:24.03 --> 00:05:27.02

to the right side of the circle,

just as I was showing you



118

00:05:27.02 --> 00:05:30.00

in those diagrams, which is red.



119

00:05:30.00 --> 00:05:33.04

Whereas if I take it up to

60 degrees, which is yellow,



120

00:05:33.04 --> 00:05:36.09

that goes ahead and cranks it

all the way beyond 90 degrees,



121

00:05:36.09 --> 00:05:39.02

which is straight up over into something



122

00:05:39.02 --> 00:05:42.00

neighboring 110 degrees on the circle.



123

00:05:42.00 --> 00:05:44.04

And that's because we're

not looking at an RGB



124

00:05:44.04 --> 00:05:47.02

or CYMK wheel, and we're

most certainly not looking at



125

00:05:47.02 --> 00:05:50.03

an HSB wheel, we're looking

at a lab color diagram.



126

00:05:50.03 --> 00:05:53.02

And to make it even more

clear, I'll change this value,



127

00:05:53.02 --> 00:05:56.07

the hue value, to 180 degrees,

which should be halfway



128

00:05:56.07 --> 00:05:59.06

around the circle on the

left hand side, but instead



129

00:05:59.06 --> 00:06:02.02

we move past that point

and down a little bit,



130

00:06:02.02 --> 00:06:04.07

to something nearer to 200 degrees.



131

00:06:04.07 --> 00:06:06.06

Anyway, just something to bear in mind.



132

00:06:06.06 --> 00:06:09.00

Alright, I'm going to go

ahead and drag these guys



133

00:06:09.00 --> 00:06:12.02

around to a different position, let's say.



134

00:06:12.02 --> 00:06:14.04

And I want you to notice one more thing.



135

00:06:14.04 --> 00:06:16.07

It's very possible, by the

way, that the saturation



136

00:06:16.07 --> 00:06:18.07

vaue isn't always going

to track correctly.



137

00:06:18.07 --> 00:06:19.07

(chuckles)



138

00:06:19.07 --> 00:06:22.04

In which case, if you click

on it and press the tab key,



139

00:06:22.04 --> 00:06:24.03

you're going to mess up that color.



140

00:06:24.03 --> 00:06:25.08

I want to go ahead and take it



141

00:06:25.08 --> 00:06:27.08

back down to a lower saturation value.



142

00:06:27.08 --> 00:06:30.06

Now let's say I want to

take this guy right here,



143

00:06:30.06 --> 00:06:33.08

which has a hue value of about 40 degrees,



144

00:06:33.08 --> 00:06:36.07

and instead of just

dragging that circle around,



145

00:06:36.07 --> 00:06:39.08

which is going to modify the

hue and saturation values,



146

00:06:39.08 --> 00:06:42.00

I want to lock down the hue value,



147

00:06:42.00 --> 00:06:45.03

which is down 47.5 degrees,

and you do that by pressing



148

00:06:45.03 --> 00:06:48.06

and holding the shift key as you drag.



149

00:06:48.06 --> 00:06:50.04

And that will lock down the hue.



150

00:06:50.04 --> 00:06:53.07

And, in this case, just

modify the saturation value.



151

00:06:53.07 --> 00:06:55.03

At which point, you might

wonder, "Well, what about



152

00:06:55.03 --> 00:06:56.06

brightness? How do I modify the



153

00:06:56.06 --> 00:06:59.02

brightness value?" Except

manually, of course.



154

00:06:59.02 --> 00:07:01.04

Well you go ahead and click on this icon,



155

00:07:01.04 --> 00:07:04.06

which shows brightness

and hue on the wheel,



156

00:07:04.06 --> 00:07:06.08

as opposed to saturation and hue.



157

00:07:06.08 --> 00:07:09.07

And now you can drag these guys around



158

00:07:09.07 --> 00:07:12.04

and notice the saturation

value remains fixed,



159

00:07:12.04 --> 00:07:15.02

and the hue and brightness values change.



160

00:07:15.02 --> 00:07:17.07

Not in any kind of

actual reliable way here,



161

00:07:17.07 --> 00:07:20.06

so press the tab key in

order to increase everybody's



162

00:07:20.06 --> 00:07:23.07

brightness, and then I'll

reduce this guy again.



163

00:07:23.07 --> 00:07:26.04

If you want to lock down hue

value, which is currently



164

00:07:26.04 --> 00:07:30.08

251.77 degrees, then press

and hold the shift key



165

00:07:30.08 --> 00:07:32.04

as you drag, and you'll modify



166

00:07:32.04 --> 00:07:34.05

the brightness value by itself.



167

00:07:34.05 --> 00:07:36.03

If you want to modify the saturation



168

00:07:36.03 --> 00:07:39.07

of the entire color wheel,

you now drag what was formerly



169

00:07:39.07 --> 00:07:41.07

a brightness control, and has now



170

00:07:41.07 --> 00:07:44.04

turned into a saturation control.



171

00:07:44.04 --> 00:07:46.07

My guess, however, is that

most of the time, you're



172

00:07:46.07 --> 00:07:49.06

going to want to edit the

saturation and hue values



173

00:07:49.06 --> 00:07:53.01

and then just change the

brightness value manually.



174

00:07:53.01 --> 00:07:57.09

Alright, so let's say something

like this, that I end up



175

00:07:57.09 --> 00:08:01.01

with a group of colors that

I like, then I can save over



176

00:08:01.01 --> 00:08:04.00

Baroque 6, or I can

create a new color group



177

00:08:04.00 --> 00:08:06.02

by changing this guy's name to



178

00:08:06.02 --> 00:08:09.02

alternative colors or something like that.



179

00:08:09.02 --> 00:08:11.06

And then, instead of clicking

here, which is going to



180

00:08:11.06 --> 00:08:13.04

save over the other color

group, go ahead and click



181

00:08:13.04 --> 00:08:16.09

on the folder icon, in

order to create a new one,



182

00:08:16.09 --> 00:08:19.06

and then, assuming that

you're done, go ahead



183

00:08:19.06 --> 00:08:21.03

and click okay, in order to add



184

00:08:21.03 --> 00:08:24.04

those color groups to the swatches panel.



185

00:08:24.04 --> 00:08:27.02

And that is how you work inside

the Edit Colors dialogue box



186

00:08:27.02 --> 00:08:30.05

in order to modify an entire

collection of colors at a time



187

00:08:30.05 --> 00:08:34.03

either based on one of the

23 harmony rules, or based



188

00:08:34.03 --> 00:08:38.05

on an existing color group

here inside Illustrator.