1
00:00:00.02 --> 00:00:02.03
- Alright, one of the more
labor intensive things

2
00:00:02.03 --> 00:00:05.07
you end up doing in
Illustrator, is mixing colors.

3
00:00:05.07 --> 00:00:07.04
And you have a hand full of ways to work.

4
00:00:07.04 --> 00:00:10.00
You can mix your colors using CMYK.

5
00:00:10.00 --> 00:00:12.05
You can make a color
using the RGB sliders,

6
00:00:12.05 --> 00:00:14.09
or you can work with my
favorite color model,

7
00:00:14.09 --> 00:00:16.07
which is HSB.

8
00:00:16.07 --> 00:00:20.07
And that stands for hue,
saturation, and brightness.

9
00:00:20.07 --> 00:00:23.05
And by way of example,
consider the color orange.

10
00:00:23.05 --> 00:00:26.00
Let's say you want to mix the
brightest orange possible.

11
00:00:26.00 --> 00:00:28.04
Well, if you're looking
at your CMYK sliders,

12
00:00:28.04 --> 00:00:31.04
then you want to crank
the K value down to zero.

13
00:00:31.04 --> 00:00:34.02
You want to take the Y value
all the way up to 100%.

14
00:00:34.02 --> 00:00:36.08
You want to take the C value down to zero.

15
00:00:36.08 --> 00:00:41.01
And then you want to set
the magenta value to 50%.

16
00:00:41.01 --> 00:00:45.02
And the reason for 50, is that
if you add any more magenta,

17
00:00:45.02 --> 00:00:47.04
you're going to make the color more red.

18
00:00:47.04 --> 00:00:48.07
And if you take away magenta,

19
00:00:48.07 --> 00:00:51.01
you're going to make
the color more yellow.

20
00:00:51.01 --> 00:00:52.07
And it's helpful that the sliders preview

21
00:00:52.07 --> 00:00:54.02
the colors you're looking for,

22
00:00:54.02 --> 00:00:55.09
but that's still not necessarily

23
00:00:55.09 --> 00:00:57.07
the friendliest way to work.

24
00:00:57.07 --> 00:01:00.03
Where as, if I go ahead and
click on the Flyout Menu icon,

25
00:01:00.03 --> 00:01:03.04
and choose RGB, then
what I would want to do

26
00:01:03.04 --> 00:01:06.02
is crank the red value
all the way up to 255,

27
00:01:06.02 --> 00:01:09.04
take the blue value down to
its absolute minimum of zero,

28
00:01:09.04 --> 00:01:11.00
and then I'd want to split the difference

29
00:01:11.00 --> 00:01:14.08
where the green value
is, by taking it to 128.

30
00:01:14.08 --> 00:01:17.06
And again, if I give it any less green,

31
00:01:17.06 --> 00:01:19.03
then the color becomes more red,

32
00:01:19.03 --> 00:01:21.02
and if I give it any more green,

33
00:01:21.02 --> 00:01:22.07
it becomes yellow.

34
00:01:22.07 --> 00:01:25.09
Compare that to HSB, and
you get the HSB sliders,

35
00:01:25.09 --> 00:01:27.08
by clicking on that
Flyout Menu once again,

36
00:01:27.08 --> 00:01:30.01
and choosing HSB.

37
00:01:30.01 --> 00:01:31.02
And then what we'd want to do

38
00:01:31.02 --> 00:01:34.07
is crank the saturation and
brightness values up to 100%,

39
00:01:34.07 --> 00:01:37.09
and set the hue value to 30 degrees.

40
00:01:37.09 --> 00:01:39.01
Now you might look at that and say,

41
00:01:39.01 --> 00:01:42.00
well gosh Deke, I don't
know why that's any easier.

42
00:01:42.00 --> 00:01:43.03
These numbers are just as meaningless

43
00:01:43.03 --> 00:01:45.02
as the ones that we saw before.

44
00:01:45.02 --> 00:01:46.08
But the great thing about HSB,

45
00:01:46.08 --> 00:01:49.02
is that it's possible to anticipate

46
00:01:49.02 --> 00:01:51.03
what you're going to get,

47
00:01:51.03 --> 00:01:53.02
once you learn how it works.

48
00:01:53.02 --> 00:01:55.09
And so hue, is the core color.

49
00:01:55.09 --> 00:01:57.04
It's measured in degrees,

50
00:01:57.04 --> 00:02:00.01
as if the colors were
wrapped around a circle.

51
00:02:00.01 --> 00:02:02.00
So in another words, you
can change that hue value

52
00:02:02.00 --> 00:02:04.07
to anything from zero
degrees, which is red,

53
00:02:04.07 --> 00:02:08.04
all the way up to 360
degrees, which is also red.

54
00:02:08.04 --> 00:02:10.03
And that's because the
visible color spectrum,

55
00:02:10.03 --> 00:02:12.04
wraps around on to itself.

56
00:02:12.04 --> 00:02:14.04
So as you can see in the circular chart,

57
00:02:14.04 --> 00:02:16.05
a hue value of zero degrees is red,

58
00:02:16.05 --> 00:02:19.07
30 degrees is orange,
60 degrees is yellow,

59
00:02:19.07 --> 00:02:21.09
90 degrees I'm calling lime.

60
00:02:21.09 --> 00:02:23.08
It's in this yellow to green territory.

61
00:02:23.08 --> 00:02:26.05
120 degrees is RGB green,

62
00:02:26.05 --> 00:02:28.06
just full on green and nothing else.

63
00:02:28.06 --> 00:02:31.01
150 degrees, I'm calling it turquoise.

64
00:02:31.01 --> 00:02:35.03
180 degrees is cyan, 210
degrees I'm calling cobalt.

65
00:02:35.03 --> 00:02:37.01
It's a shade of blue obviously.

66
00:02:37.01 --> 00:02:39.07
240 degrees is RGB blue,

67
00:02:39.07 --> 00:02:42.03
so pure blue with no red and no green.

68
00:02:42.03 --> 00:02:45.09
270 degrees is violet,
300 degrees is magenta,

69
00:02:45.09 --> 00:02:48.08
and 330 degrees is somewhere between

70
00:02:48.08 --> 00:02:52.04
magenta and red, and
I'm calling it crimson.

71
00:02:52.04 --> 00:02:54.08
In any event, you can see how the colors

72
00:02:54.08 --> 00:02:56.07
wrap around the chart.

73
00:02:56.07 --> 00:02:58.05
We've got the red, green, blue primaries.

74
00:02:58.05 --> 00:03:00.07
It's zero, 120, and 240.

75
00:03:00.07 --> 00:03:02.07
And then we have cyan, magenta, yellow,

76
00:03:02.07 --> 00:03:06.00
at 180, 300, and then 60.

77
00:03:06.00 --> 00:03:07.07
Next, we have saturation,

78
00:03:07.07 --> 00:03:10.00
which controls the intensity of a color,

79
00:03:10.00 --> 00:03:12.08
from its most vivid at 100%,

80
00:03:12.08 --> 00:03:15.09
as we can see around the
perimeter of the circle,

81
00:03:15.09 --> 00:03:18.09
to gray or white, at zero percent,

82
00:03:18.09 --> 00:03:21.00
which we're seeing at
the center of the circle.

83
00:03:21.00 --> 00:03:23.08
So these are the desaturated
colors towards the center.

84
00:03:23.08 --> 00:03:26.05
And then brightness
goes from bright color,

85
00:03:26.05 --> 00:03:28.04
that is, whatever color you've mixed

86
00:03:28.04 --> 00:03:30.06
using the hue and saturation values,

87
00:03:30.06 --> 00:03:35.02
or white at 100%, to
black at zero percent.

88
00:03:35.02 --> 00:03:36.08
So at zero percent brightness,

89
00:03:36.08 --> 00:03:40.01
it doesn't matter what the
hue and saturation values are,

90
00:03:40.01 --> 00:03:41.06
you're going to get black.

91
00:03:41.06 --> 00:03:43.03
Where as if you have the saturation value

92
00:03:43.03 --> 00:03:46.02
cranked up to 100%, and you
take the brightness value

93
00:03:46.02 --> 00:03:49.04
up to 100%, you're going to
get the most vivid version

94
00:03:49.04 --> 00:03:51.05
of the hue value possible.

95
00:03:51.05 --> 00:03:54.04
So if we were to take the
hue value to 30 degrees,

96
00:03:54.04 --> 00:03:56.05
then we'd get a nice vivid orange.

97
00:03:56.05 --> 00:03:59.00
If we were to take it up to 60 degrees,

98
00:03:59.00 --> 00:04:01.04
then we would get a nice vivid yellow.

99
00:04:01.04 --> 00:04:03.04
If you want white, then you just go ahead

100
00:04:03.04 --> 00:04:06.06
and crank the saturation
value down to zero percent.

101
00:04:06.06 --> 00:04:08.05
And it doesn't matter
what the hue value is,

102
00:04:08.05 --> 00:04:11.08
as long as the saturation is
zero and the brightness is 100,

103
00:04:11.08 --> 00:04:13.08
you get white.

104
00:04:13.08 --> 00:04:16.03
And then finally, if you
want a stone cold gray,

105
00:04:16.03 --> 00:04:18.03
you would go ahead and
take that saturation value

106
00:04:18.03 --> 00:04:20.05
down to zero percent, and then,

107
00:04:20.05 --> 00:04:23.05
you would adjust the
brightness value to taste.

108
00:04:23.05 --> 00:04:26.05
And so notice, if I have a
saturation of zero percent,

109
00:04:26.05 --> 00:04:29.09
and a brightness of
approximately 50% in this case,

110
00:04:29.09 --> 00:04:33.01
then I'm going to get an
absolutely medium gray.

111
00:04:33.01 --> 00:04:36.02
Now I will say that HSB
provides the most satisfying

112
00:04:36.02 --> 00:04:40.04
color experience, when you're
working with an RGB document,

113
00:04:40.04 --> 00:04:43.08
but you can also get
great results in CMYK.

114
00:04:43.08 --> 00:04:45.07
And so it's really up
to you how you decide

115
00:04:45.07 --> 00:04:46.08
to mix your colors,

116
00:04:46.08 --> 00:04:49.07
but I just wanted you to know
about my favorite color model,

117
00:04:49.07 --> 00:04:52.04
which is available in the
Color panel Flyout Menu,

118
00:04:52.04 --> 00:04:56.01
which is this guy right there, HSB.