1

00:00:00.04 --> 00:00:01.09

- [Voiceover] In this

movie I'll walk you through



2

00:00:01.09 --> 00:00:04.04

every single one of the 23 harmony rules



3

00:00:04.04 --> 00:00:06.07

that's available from

the Color Guide panel.



4

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

And just to make things a

little bit easier to process,



5

00:00:09.05 --> 00:00:12.01

I'll divide them into 10 groups.



6

00:00:12.01 --> 00:00:14.07

Because notice if I click on

this down pointing arrow head



7

00:00:14.07 --> 00:00:17.04

in the top right corner

of the Color Guide panel.



8

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

We'll see this pop-up menu

labelled Harmony Rules



9

00:00:20.05 --> 00:00:24.02

that begins with Complementary

and ends with Pentagram.



10

00:00:24.02 --> 00:00:26.06

Now, Pentagram happens to be the only one



11

00:00:26.06 --> 00:00:28.02

with a single variation.



12

00:00:28.02 --> 00:00:30.08

Which is why it amounts to a unique group.



13

00:00:30.08 --> 00:00:33.02

Whereas High Contrast as you can see here,



14

00:00:33.02 --> 00:00:37.00

has four variations, making

it one group as well.



15

00:00:37.00 --> 00:00:38.06

And so, let's see how that works.



16

00:00:38.06 --> 00:00:40.02

Now just to make things clearer,



17

00:00:40.02 --> 00:00:42.09

I'm identifying the color

of this compass rose



18

00:00:42.09 --> 00:00:45.00

here inside Photoshop.



19

00:00:45.00 --> 00:00:47.06

And so, I'll go ahead and

advance to the next layer comp.



20

00:00:47.06 --> 00:00:50.02

And you can see that the

blue of the compass rose



21

00:00:50.02 --> 00:00:53.01

exist down here in the bottom left region



22

00:00:53.01 --> 00:00:54.09

of the LAB color wheel.



23

00:00:54.09 --> 00:00:57.02

Which makes it our base color.



24

00:00:57.02 --> 00:01:01.03

And the base color by the way

is identified by a big circle



25

00:01:01.03 --> 00:01:03.09

on a kind of radial hinge right here



26

00:01:03.09 --> 00:01:07.00

that goes to the center

of the color wheel.



27

00:01:07.00 --> 00:01:09.00

All right, now we're gonna

move through every one of these



28

00:01:09.00 --> 00:01:10.07

color harmonies that are listed,



29

00:01:10.07 --> 00:01:12.07

in the order they appear

in the pop-up menu.



30

00:01:12.07 --> 00:01:15.07

But we're gonna cover them

in a more logical order.



31

00:01:15.07 --> 00:01:17.07

Starting with the Tetrads.



32

00:01:17.07 --> 00:01:20.07

Which include Tetrad

implication being one.



33

00:01:20.07 --> 00:01:22.09

As well as 2 and 3.



34

00:01:22.09 --> 00:01:25.04

What we're seeing right here is Tetrad 2,



35

00:01:25.04 --> 00:01:28.05

as I've listed in the top

right corner of the slide.



36

00:01:28.05 --> 00:01:31.02

Now, by Tetrad it means four.



37

00:01:31.02 --> 00:01:32.09

So we're going off from the center



38

00:01:32.09 --> 00:01:34.08

in four different directions.



39

00:01:34.08 --> 00:01:37.00

They're not quite exactly 90 degrees



40

00:01:37.00 --> 00:01:38.09

but they are roughly perpendicular



41

00:01:38.09 --> 00:01:40.04

as you can see right here.



42

00:01:40.04 --> 00:01:43.00

And then, because we're

looking at Tetrad 2,



43

00:01:43.00 --> 00:01:47.00

we get an extra darker version

of the base color as well.



44

00:01:47.00 --> 00:01:50.06

And so, imagine if I was

to drag this base color



45

00:01:50.06 --> 00:01:52.00

around the circle



46

00:01:52.00 --> 00:01:55.02

that all these other

colors would move as well



47

00:01:55.02 --> 00:01:57.02

because they are hinged together



48

00:01:57.02 --> 00:02:00.00

according to this specific harmony rule.



49

00:02:00.00 --> 00:02:04.00

Now, just as Tetrad represents,

not necessarily four colors,



50

00:02:04.00 --> 00:02:05.08

but four different directions.



51

00:02:05.08 --> 00:02:08.09

Triad represents three

different directions.



52

00:02:08.09 --> 00:02:10.08

So in the case of Triad 2 right here,



53

00:02:10.08 --> 00:02:12.07

we have a total of five colors



54

00:02:12.07 --> 00:02:15.04

because we have the base

color, a darker version,



55

00:02:15.04 --> 00:02:18.01

and then a darker version

of one of the colors



56

00:02:18.01 --> 00:02:20.02

in a different direction as well.



57

00:02:20.02 --> 00:02:21.09

Next we have Complementary.



58

00:02:21.09 --> 00:02:23.07

Which includes two varieties.



59

00:02:23.07 --> 00:02:26.04

Both of which feature

darker and brighter versions



60

00:02:26.04 --> 00:02:27.05

of the base color.



61

00:02:27.05 --> 00:02:29.08

As well as at least two color going off



62

00:02:29.08 --> 00:02:31.06

in the opposite direction.



63

00:02:31.06 --> 00:02:33.08

What we're seeing right

now is Complementary 2,



64

00:02:33.08 --> 00:02:37.03

which includes this additional

sixth color right here.



65

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

And again, if you were to

drag this base color around



66

00:02:40.05 --> 00:02:42.09

all the other colors would move as well.



67

00:02:42.09 --> 00:02:45.06

And they're not only gonna

move around the circle,



68

00:02:45.06 --> 00:02:48.03

but they're gonna move in and out as well.



69

00:02:48.03 --> 00:02:50.01

So if you drag the base color out,



70

00:02:50.01 --> 00:02:52.01

you're gonna get more saturated colors.



71

00:02:52.01 --> 00:02:54.09

Because as the hinge for

the base color extends,



72

00:02:54.09 --> 00:02:57.06

so do the hinges for the

complementary colors.



73

00:02:57.06 --> 00:03:00.07

If you move it in to create

a less saturated base color,



74

00:03:00.07 --> 00:03:03.07

you'll end up with less

saturated complementary colors.



75

00:03:03.07 --> 00:03:06.07

And the same goes for brighter and darker



76

00:03:06.07 --> 00:03:08.05

base colors as well.



77

00:03:08.05 --> 00:03:10.06

All right, next we've got the Complements.



78

00:03:10.06 --> 00:03:13.06

And they include Left

Complement, Right Complement



79

00:03:13.06 --> 00:03:15.03

and Split Complementary.



80

00:03:15.03 --> 00:03:17.08

Currently, we're seeing Left Complement.



81

00:03:17.08 --> 00:03:21.02

Now obviously, these

colors are hinging down



82

00:03:21.02 --> 00:03:22.06

and to the right.



83

00:03:22.06 --> 00:03:23.09

So they're not moving to the left,



84

00:03:23.09 --> 00:03:27.03

they're really moving in

a clockwise direction.



85

00:03:27.03 --> 00:03:30.02

So Left Complement means

that the complementary colors



86

00:03:30.02 --> 00:03:31.09

are moving clockwise.



87

00:03:31.09 --> 00:03:34.04

Right Complement means that

the complementary colors



88

00:03:34.04 --> 00:03:36.08

are moving counter clockwise.



89

00:03:36.08 --> 00:03:40.02

Split Complement is gonna

give you two colors off,



90

00:03:40.02 --> 00:03:43.08

in both a clockwise and

counter clockwise direction.



91

00:03:43.08 --> 00:03:46.03

All right, next we've got Analogous.



92

00:03:46.03 --> 00:03:47.09

In which all the colors are moving



93

00:03:47.09 --> 00:03:51.01

in roughly the same

direction as we see here.



94

00:03:51.01 --> 00:03:52.08

And the difference between Analogous,



95

00:03:52.08 --> 00:03:54.00

which we're seeing currently,



96

00:03:54.00 --> 00:03:57.03

and Analogous 2 is the

degree to which these colors



97

00:03:57.03 --> 00:03:59.07

verge from the base color.



98

00:03:59.07 --> 00:04:01.06

Next, we've got Monochromatic.



99

00:04:01.06 --> 00:04:04.09

Which includes Monochromatic 2 and Shades.



100

00:04:04.09 --> 00:04:06.09

And in both the cases

of the Monochromatics,



101

00:04:06.09 --> 00:04:09.03

the colors are moving

in the same direction



102

00:04:09.03 --> 00:04:11.07

and we're seeing different

saturation levels.



103

00:04:11.07 --> 00:04:13.02

In the case of Shades,



104

00:04:13.02 --> 00:04:16.00

we would see different

levels of luminance.



105

00:04:16.00 --> 00:04:18.00

The Compounds, 1 and 2,



106

00:04:18.00 --> 00:04:21.04

are a combination of

Analogous and Complementary,



107

00:04:21.04 --> 00:04:25.06

hence Compound, more than

one thing working together.



108

00:04:25.06 --> 00:04:27.07

And so, as you can see

we've got a base color



109

00:04:27.07 --> 00:04:30.04

as well as a couple of

analogous variations



110

00:04:30.04 --> 00:04:32.04

and then we've got a complementary color



111

00:04:32.04 --> 00:04:36.07

as well as some analogous

variations of that.



112

00:04:36.07 --> 00:04:40.03

All right, now our second to

last group is High Contrast.



113

00:04:40.03 --> 00:04:41.06

Which is what it sounds like.



114

00:04:41.06 --> 00:04:44.04

We get a bunch of high

contrast variations.



115

00:04:44.04 --> 00:04:48.05

That is, big variations in

saturation as well as luminance.



116

00:04:48.05 --> 00:04:50.07

And the directions that these colors go



117

00:04:50.07 --> 00:04:54.01

varies from one version of

High Contrast to the next.



118

00:04:54.01 --> 00:04:56.02

And then finally, we have Pentagram.



119

00:04:56.02 --> 00:04:59.07

In which the colors go off

in five different directions.



120

00:04:59.07 --> 00:05:02.04

And again, if I was to

drag the base color out,



121

00:05:02.04 --> 00:05:04.09

I would increase the

saturation of all the colors.



122

00:05:04.09 --> 00:05:08.01

If I moved it in, I would

decrease the saturation.



123

00:05:08.01 --> 00:05:09.05

If I dragged it around,



124

00:05:09.05 --> 00:05:11.04

then I would get totally different hues.



125

00:05:11.04 --> 00:05:13.09

And if I darkened or

brightened the base color,



126

00:05:13.09 --> 00:05:17.08

I would darken and brighten

the variations as well.



127

00:05:17.08 --> 00:05:19.07

And that's how you work

with every single one



128

00:05:19.07 --> 00:05:21.06

of the 23 harmony rules.



129

00:05:21.06 --> 00:05:25.07

Which divide into 10 basic

groups inside Illustrator.