1

00:00:00.00 --> 00:00:01.07

- [Voiceover] In this

movie, I'll show you how



2

00:00:01.07 --> 00:00:03.09

to mix and match color harmonies,



3

00:00:03.09 --> 00:00:05.06

because there's nothing that says you have



4

00:00:05.06 --> 00:00:08.06

to remain in lockstep with

a single harmony rule.



5

00:00:08.06 --> 00:00:10.03

After all, color is largely



6

00:00:10.03 --> 00:00:12.05

a subjective, creative experience.



7

00:00:12.05 --> 00:00:14.00

And I'll also, by the way,



8

00:00:14.00 --> 00:00:15.08

show you how to adjust a few settings



9

00:00:15.08 --> 00:00:18.00

here inside the color guide panel.



10

00:00:18.00 --> 00:00:18.09

So, for starters,



11

00:00:18.09 --> 00:00:21.01

I'll select this background

rectangle over here



12

00:00:21.01 --> 00:00:22.04

in the right hand side,



13

00:00:22.04 --> 00:00:24.02

and I'll click on the

down pointing arrowhead



14

00:00:24.02 --> 00:00:26.04

in the top, right corner

of the color guide panel.



15

00:00:26.04 --> 00:00:27.08

And, I'll go ahead and start



16

00:00:27.08 --> 00:00:29.05

with something simple, like shades.



17

00:00:29.05 --> 00:00:32.08

And now, notice, we still

have that shade of blue active



18

00:00:32.08 --> 00:00:34.00

for the base color.



19

00:00:34.00 --> 00:00:35.07

If you don't for any reason,



20

00:00:35.07 --> 00:00:38.02

then just go ahead and click

on one of those blue shapes



21

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

and then, click on that very

first swatch right there



22

00:00:41.01 --> 00:00:42.01

to reset it.



23

00:00:42.01 --> 00:00:43.05

Now, I'll go ahead an re-select



24

00:00:43.05 --> 00:00:45.05

that background rectangle over here,



25

00:00:45.05 --> 00:00:47.04

on the right-hand side of the document,



26

00:00:47.04 --> 00:00:49.02

and I'll select a fairly dark shade,



27

00:00:49.02 --> 00:00:51.06

over here on the left-side of the panel.



28

00:00:51.06 --> 00:00:53.03

Alright, now select this brown rectangle



29

00:00:53.03 --> 00:00:55.03

in the background, on the left-hand side,



30

00:00:55.03 --> 00:00:57.07

and this time I'll switch my color harmony



31

00:00:57.07 --> 00:01:00.08

to, let's say, high contrast one.



32

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

And you can experiment with

whatever colors you want,



33

00:01:03.06 --> 00:01:04.06

by the way,



34

00:01:04.06 --> 00:01:06.06

there are obviously no right answers,



35

00:01:06.06 --> 00:01:08.06

even if you violently disagree



36

00:01:08.06 --> 00:01:10.02

with the changes that I'm making.



37

00:01:10.02 --> 00:01:12.09

But I'm gonna go ahead

and select a warm brown,



38

00:01:12.09 --> 00:01:14.07

again, from the left-hand side.



39

00:01:14.07 --> 00:01:16.01

And then, I'll click in one



40

00:01:16.01 --> 00:01:18.00

of these very bright blue shapes,



41

00:01:18.00 --> 00:01:19.07

and, just so I can better

see what I'm doing,



42

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

I'll press Control H,

or Command H on a Mac,



43

00:01:22.02 --> 00:01:24.01

to hide those anchor points.



44

00:01:24.01 --> 00:01:26.04

And, I'll just go ahead

and fish around here,



45

00:01:26.04 --> 00:01:28.04

inside my list of color harmonies,



46

00:01:28.04 --> 00:01:29.03

and let's say this time



47

00:01:29.03 --> 00:01:31.01

I want something like analogous two,



48

00:01:31.01 --> 00:01:34.00

because I'm looking for a shade of green,



49

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

like so, a kind of greenish, blue.



50

00:01:36.01 --> 00:01:38.04

Probably something brighter, like that.



51

00:01:38.04 --> 00:01:39.09

And then, I'll go ahead and click



52

00:01:39.09 --> 00:01:41.03

in one of the bright rectangles,



53

00:01:41.03 --> 00:01:42.03

and I'll press Control H,



54

00:01:42.03 --> 00:01:43.07

or Command H on the Mac,



55

00:01:43.07 --> 00:01:45.03

to bring back my anchor points,



56

00:01:45.03 --> 00:01:47.00

and this time, I'll select pentagram



57

00:01:47.00 --> 00:01:48.07

from the bottom of the list,



58

00:01:48.07 --> 00:01:52.06

and I'll go with this bright

shade of yellow, like so.



59

00:01:52.06 --> 00:01:54.00

Alright, now press Control, Shift, A,



60

00:01:54.00 --> 00:01:55.04

or Command, Shift, A on a Mac,



61

00:01:55.04 --> 00:01:57.03

in order to deselect my artwork.



62

00:01:57.03 --> 00:01:58.05

Now, of course, that is one



63

00:01:58.05 --> 00:02:01.00

and only one possible color scheme,



64

00:02:01.00 --> 00:02:04.00

which is why I also have my

original grayscale version



65

00:02:04.00 --> 00:02:05.05

of the illustration open.



66

00:02:05.05 --> 00:02:06.03

And, so this time,



67

00:02:06.03 --> 00:02:08.05

I'll click in one of

the medium grey shapes,



68

00:02:08.05 --> 00:02:11.05

and I'm gonna return to complimentary two,



69

00:02:11.05 --> 00:02:14.03

if only because it has a

wide variety of colors.



70

00:02:14.03 --> 00:02:18.02

And I'll go with a darker

shade of blue, like so.



71

00:02:18.02 --> 00:02:20.03

And then I'll click in

this background rectangle,



72

00:02:20.03 --> 00:02:21.07

on the right-hand side,



73

00:02:21.07 --> 00:02:25.04

and I'll select, maybe, this

shade of brown right there.



74

00:02:25.04 --> 00:02:27.04

Now, by the way, notice at the top here,



75

00:02:27.04 --> 00:02:29.03

we see shades versus tints,



76

00:02:29.03 --> 00:02:31.03

and so this little arrowhead right there,



77

00:02:31.03 --> 00:02:33.00

it's not something that you click on,



78

00:02:33.00 --> 00:02:35.03

it just indicates the active colors,



79

00:02:35.03 --> 00:02:37.02

and those are the colors that define



80

00:02:37.02 --> 00:02:40.01

the core harmony up here

in top of the panel.



81

00:02:40.01 --> 00:02:42.08

And then, by default, we have

darker shades on the left,



82

00:02:42.08 --> 00:02:44.08

and brighter tints on the right.



83

00:02:44.08 --> 00:02:46.04

If you want different variations



84

00:02:46.04 --> 00:02:48.00

in the central portion of this panel,



85

00:02:48.00 --> 00:02:49.06

then click on the fly-on menu icon,



86

00:02:49.06 --> 00:02:52.05

in the top, right corner

of the color guide panel,



87

00:02:52.05 --> 00:02:54.01

and choose, for example,



88

00:02:54.01 --> 00:02:55.04

show warm to cool,



89

00:02:55.04 --> 00:02:57.08

which is gonna give you warmer swatches



90

00:02:57.08 --> 00:03:00.01

over here on the left-hand

side of the panel,



91

00:03:00.01 --> 00:03:02.04

and cooler swatches on the right.



92

00:03:02.04 --> 00:03:04.01

And so that'll allow me to select



93

00:03:04.01 --> 00:03:05.08

the big, left-hand rectangle,



94

00:03:05.08 --> 00:03:07.09

and change it to, let's say,



95

00:03:07.09 --> 00:03:10.01

this shade of orange, I think will work.



96

00:03:10.01 --> 00:03:11.02

Alright, now I'll go ahead



97

00:03:11.02 --> 00:03:13.01

and click on one of

these light grey shapes,



98

00:03:13.01 --> 00:03:15.05

and again, because there's

so many anchor points



99

00:03:15.05 --> 00:03:16.04

I'll press Control H,



100

00:03:16.04 --> 00:03:18.01

or Command H on a Mac, to hide them.



101

00:03:18.01 --> 00:03:20.02

And I'll return to that fly-out menu icon



102

00:03:20.02 --> 00:03:22.07

in the top, right corner

of the color guide panel,



103

00:03:22.07 --> 00:03:25.04

and I'll change it to Show Vivid Muted,



104

00:03:25.04 --> 00:03:28.02

which should really read muted vivid



105

00:03:28.02 --> 00:03:29.03

because the muted colors,



106

00:03:29.03 --> 00:03:31.02

that is, the low saturation colors,



107

00:03:31.02 --> 00:03:32.06

appear on the left-hand side



108

00:03:32.06 --> 00:03:36.02

and the vivid, high saturation

colors appear on the right.



109

00:03:36.02 --> 00:03:38.08

And I'll select this

relatively muted brown,



110

00:03:38.08 --> 00:03:40.01

here in the bottom row,



111

00:03:40.01 --> 00:03:41.07

I think will work better.



112

00:03:41.07 --> 00:03:42.09

And then finally,



113

00:03:42.09 --> 00:03:45.01

you can change how many

swatches you're seeing



114

00:03:45.01 --> 00:03:47.02

in the central portion of the panel,



115

00:03:47.02 --> 00:03:49.03

by clicking on a fly-up menu icon



116

00:03:49.03 --> 00:03:51.07

and choosing color guide options,



117

00:03:51.07 --> 00:03:53.02

which is gonna bring up



118

00:03:53.02 --> 00:03:55.00

this little dialog box right here,



119

00:03:55.00 --> 00:03:56.09

and I want you to notice that it previews



120

00:03:56.09 --> 00:03:59.00

it's effects automatically, on the fly.



121

00:03:59.00 --> 00:04:02.03

And so, I can go with less

variations if I want to



122

00:04:02.03 --> 00:04:04.01

by cranking this value down.



123

00:04:04.01 --> 00:04:06.06

And once you get to a variation of 0%,



124

00:04:06.06 --> 00:04:10.01

you get no variation across

each one of the rows.



125

00:04:10.01 --> 00:04:11.03

I want a lot of variation, however,



126

00:04:11.03 --> 00:04:13.06

so I'm gonna crack this guy up 100,



127

00:04:13.06 --> 00:04:16.04

and I'm gonna increase the

number of steps, as well,



128

00:04:16.04 --> 00:04:19.08

and you can take this steps

value all the way up to 20



129

00:04:19.08 --> 00:04:21.03

and, by the way, four steps



130

00:04:21.03 --> 00:04:23.03

means four steps to the right



131

00:04:23.03 --> 00:04:25.04

and four steps to the left.



132

00:04:25.04 --> 00:04:26.09

And so, if I go up to 20,



133

00:04:26.09 --> 00:04:28.07

I'm gonna get a ton of steps, to the point



134

00:04:28.07 --> 00:04:31.07

that each one of these rows

looks likes a gradient.



135

00:04:31.07 --> 00:04:33.04

That's a little bit too much, I think.



136

00:04:33.04 --> 00:04:35.07

So I'll take the step value down to 10,



137

00:04:35.07 --> 00:04:37.01

and I'll click OK,



138

00:04:37.01 --> 00:04:39.07

and then I'll click on

fly-on menu icon once again,



139

00:04:39.07 --> 00:04:42.06

and switch back to show tints and shades,



140

00:04:42.06 --> 00:04:45.02

and then I'll click in one

of these bright rectangles,



141

00:04:45.02 --> 00:04:46.03

and press Control H,



142

00:04:46.03 --> 00:04:47.07

or Command H on a Mac,



143

00:04:47.07 --> 00:04:49.00

to bring back the anchor points,



144

00:04:49.00 --> 00:04:51.02

so that I know they're for sure selected.



145

00:04:51.02 --> 00:04:52.07

And I'll click in this brightest swatch



146

00:04:52.07 --> 00:04:54.01

in the second to last row,



147

00:04:54.01 --> 00:04:55.06

and then I'll deselect my artwork



148

00:04:55.06 --> 00:04:56.05

by pressing Control, Shift, A,



149

00:04:56.05 --> 00:04:58.07

or Command, Shift, A on the Mac.



150

00:04:58.07 --> 00:05:00.03

And that's it folks,



151

00:05:00.03 --> 00:05:01.06

here's our first color variation



152

00:05:01.06 --> 00:05:03.04

and here's our second one,



153

00:05:03.04 --> 00:05:04.07

both of which are a result



154

00:05:04.07 --> 00:05:06.08

of mixing and matching harmony rules



155

00:05:06.08 --> 00:05:08.06

and color guide settings,



156

00:05:08.06 --> 00:05:10.07

here inside Illustrator.