1 00:00:00.06 --> 00:00:02.01 - [Voiceover] In this movie, I'll show you 2 00:00:02.01 --> 00:00:03.03 just about everything else there is to 3 00:00:03.03 --> 00:00:04.06 know about the controls in the 4 00:00:04.06 --> 00:00:07.00 edit colors dialogue box, including how 5 00:00:07.00 --> 00:00:09.07 you can change the base color, unlink any 6 00:00:09.07 --> 00:00:12.00 semblance of a harmony rule so that you can 7 00:00:12.00 --> 00:00:14.02 modify the colors independently of each other, 8 00:00:14.02 --> 00:00:17.02 and add and subtract colors. 9 00:00:17.02 --> 00:00:19.01 So, the first thing I'm gonna do is double 10 00:00:19.01 --> 00:00:22.02 click on the folder for Baroque Six, once again, 11 00:00:22.02 --> 00:00:23.07 because that's where I want to start, 12 00:00:23.07 --> 00:00:25.08 and then I can drag this base color around 13 00:00:25.08 --> 00:00:27.03 as you're seeing here. 14 00:00:27.03 --> 00:00:28.06 I can independently modify the 15 00:00:28.06 --> 00:00:30.06 saturation of the other colors. 16 00:00:30.06 --> 00:00:33.07 But also notice what happens if I right click on, 17 00:00:33.07 --> 00:00:36.00 for example, this color right there. 18 00:00:36.00 --> 00:00:38.00 Then I can get a little pop-up menu that lets me 19 00:00:38.00 --> 00:00:40.08 set this as the base color and that's gonna move 20 00:00:40.08 --> 00:00:43.01 all the other colors around, as you just saw 21 00:00:43.01 --> 00:00:45.07 happen on screen and that's because we're 22 00:00:45.07 --> 00:00:48.09 sticking with that same harmony rule. 23 00:00:48.09 --> 00:00:50.07 Or, I want you to notice this. 24 00:00:50.07 --> 00:00:52.05 See where the green is, up here in the 25 00:00:52.05 --> 00:00:53.07 active colors list? 26 00:00:53.07 --> 00:00:55.08 If I right click on that green color and then 27 00:00:55.08 --> 00:00:58.05 choose set as base color for it, then it moves 28 00:00:58.05 --> 00:01:02.00 to the front, and all the other colors change in kind. 29 00:01:02.00 --> 00:01:03.08 So, in other words, we're maintaining the same 30 00:01:03.08 --> 00:01:06.04 relative position of these sticks, here. 31 00:01:06.04 --> 00:01:08.05 Alright, but I want this guy to have a specific 32 00:01:08.05 --> 00:01:10.06 color, so, let's say I go ahead and give it a 33 00:01:10.06 --> 00:01:13.08 hue value of 10 degrees, a saturation of 80, 34 00:01:13.08 --> 00:01:16.06 and a brightness of 44 percent. 35 00:01:16.06 --> 00:01:19.00 Now, what you have to be really careful of, when 36 00:01:19.00 --> 00:01:21.03 you're modifying values, here, is that it's 37 00:01:21.03 --> 00:01:23.07 totally okay to press the tab key, but you don't 38 00:01:23.07 --> 00:01:26.00 want to press the enter or return key on a Mac, 39 00:01:26.00 --> 00:01:29.01 because notice if I do, then, I'm invoking the 40 00:01:29.01 --> 00:01:31.09 O.K. button and illustrator asks me, "Hey, do you 41 00:01:31.09 --> 00:01:34.08 want to save changes to this group before closing?". 42 00:01:34.08 --> 00:01:37.05 You can if you're done, just click the yes button. 43 00:01:37.05 --> 00:01:40.01 Do not click the no button, because that will 44 00:01:40.01 --> 00:01:43.04 just the dialog box and you'll lose all your changes. 45 00:01:43.04 --> 00:01:45.00 So, what I really recommend you do, 46 00:01:45.00 --> 00:01:47.08 is be more deliberate, and hit the cancel button. 47 00:01:47.08 --> 00:01:49.05 Here's the other thing that can happen. 48 00:01:49.05 --> 00:01:51.07 You might decide, you know, I think I'll change 49 00:01:51.07 --> 00:01:54.05 the brightness value to 66 percent, or, on the 50 00:01:54.05 --> 00:01:56.02 other hand, no, I'll leave it alone by 51 00:01:56.02 --> 00:01:58.01 pressing the escape key. 52 00:01:58.01 --> 00:02:00.05 That will just take you out of the dialog box 53 00:02:00.05 --> 00:02:02.08 and you will lose everything, in which case, 54 00:02:02.08 --> 00:02:04.06 just go ahead and double click on that folder 55 00:02:04.06 --> 00:02:07.00 icon there in the swatches panel, in order to, 56 00:02:07.00 --> 00:02:09.00 once again, bring up the edit colors dialogue 57 00:02:09.00 --> 00:02:11.08 box and I am gonna go ahead and drag this 58 00:02:11.08 --> 00:02:14.08 guy to a better location, or, want you to 59 00:02:14.08 --> 00:02:16.04 notice that we have a couple of additional 60 00:02:16.04 --> 00:02:18.00 icons down here. 61 00:02:18.00 --> 00:02:20.01 Right now, we're seeing a smooth color wheel. 62 00:02:20.01 --> 00:02:23.02 But you could switch to a segmented color wheel, 63 00:02:23.02 --> 00:02:24.09 which is gonna limit the number of colors 64 00:02:24.09 --> 00:02:26.04 that are available to you. 65 00:02:26.04 --> 00:02:31.00 Do not mistake this with the 216 color web safe palette. 66 00:02:31.00 --> 00:02:32.04 It's nothing of the kind. 67 00:02:32.04 --> 00:02:34.03 In fact, what we have here are a total of 12 68 00:02:34.03 --> 00:02:37.00 different hues, multiplied by six levels of 69 00:02:37.00 --> 00:02:40.05 saturation and then we have seven levels of 70 00:02:40.05 --> 00:02:42.09 brightness and so if you do the math, that's 71 00:02:42.09 --> 00:02:46.05 a total of 504 colors, with one exception. 72 00:02:46.05 --> 00:02:48.06 Right here in the center, we have no 73 00:02:48.06 --> 00:02:51.05 saturation and seven different luminance levels, 74 00:02:51.05 --> 00:02:54.05 which means that we have 504 plus seven, which is 75 00:02:54.05 --> 00:02:57.04 511 different colors, which I know is not 76 00:02:57.04 --> 00:02:59.01 something you really care about, but that's 77 00:02:59.01 --> 00:03:00.05 what's going on. 78 00:03:00.05 --> 00:03:01.09 Then, we have this guy, which is gonna 79 00:03:01.09 --> 00:03:03.04 display color bars. 80 00:03:03.04 --> 00:03:05.00 The great thing about working with color bars 81 00:03:05.00 --> 00:03:08.01 is that you can drag them around like so 82 00:03:08.01 --> 00:03:10.09 to totally different locations if you want to. 83 00:03:10.09 --> 00:03:13.02 You also have access to a couple of new icons, 84 00:03:13.02 --> 00:03:15.05 one of which is going to randomly change the 85 00:03:15.05 --> 00:03:17.08 color order and the other of which is gonna 86 00:03:17.08 --> 00:03:19.05 leave the hue values alone, but randomly 87 00:03:19.05 --> 00:03:22.03 change the saturation and brightness 88 00:03:22.03 --> 00:03:26.02 of every single one of your colors like so, which 89 00:03:26.02 --> 00:03:28.01 is another way of saying it's gonna kinda make a 90 00:03:28.01 --> 00:03:30.04 mess of things, because notice now, if I go ahead 91 00:03:30.04 --> 00:03:32.07 and switch back to the smooth display, here, 92 00:03:32.07 --> 00:03:36.07 our first color is green, which is not my base color. 93 00:03:36.07 --> 00:03:38.02 My base color continues to be this 94 00:03:38.02 --> 00:03:40.01 dull shade of orange right here. 95 00:03:40.01 --> 00:03:41.01 And yet, it appears toward the end of 96 00:03:41.01 --> 00:03:43.06 our active colors, which is not what you want, 97 00:03:43.06 --> 00:03:45.07 because then illustrator is not getting to treat 98 00:03:45.07 --> 00:03:49.03 this guy as a base color from the color guide panel. 99 00:03:49.03 --> 00:03:50.07 So, instead, what you want to do is 100 00:03:50.07 --> 00:03:52.06 return to the color bars and then drag 101 00:03:52.06 --> 00:03:55.01 that guy, who represents the base color, 102 00:03:55.01 --> 00:03:57.08 all the way to the beginning, like so, 103 00:03:57.08 --> 00:04:00.04 so he remains the dominant base color. 104 00:04:00.04 --> 00:04:01.07 Alright, now I'll switch back to the 105 00:04:01.07 --> 00:04:04.00 smooth lab color wheel, and I'm gonna 106 00:04:04.00 --> 00:04:06.05 dial in a few specific values for this 107 00:04:06.05 --> 00:04:08.03 selected base color, which are, once again, 108 00:04:08.03 --> 00:04:11.03 a hue of 10 degrees, a saturation of 80 percent 109 00:04:11.03 --> 00:04:14.05 and a brightness of 44 percent. 110 00:04:14.05 --> 00:04:15.09 Alright, notice that reduce the brightness 111 00:04:15.09 --> 00:04:18.06 of all the colors, which is not something I want. 112 00:04:18.06 --> 00:04:21.01 So, what I'm gonna do is just click on this 113 00:04:21.01 --> 00:04:24.06 chain icon to unlink my custom harmony rules 114 00:04:24.06 --> 00:04:27.04 and notice now that I have dotted lines 115 00:04:27.04 --> 00:04:29.09 connecting the circles to the center of the 116 00:04:29.09 --> 00:04:32.00 wheel, at which point, I'll go ahead and 117 00:04:32.00 --> 00:04:33.08 select this second guy right here. 118 00:04:33.08 --> 00:04:34.07 And, you know what? 119 00:04:34.07 --> 00:04:36.03 I'm gonna move it to a different location, 120 00:04:36.03 --> 00:04:38.04 because I really want this guy, which is 121 00:04:38.04 --> 00:04:41.02 the second color, to actually be second. 122 00:04:41.02 --> 00:04:43.02 So, I'm gonna go ahead and move him over here, 123 00:04:43.02 --> 00:04:45.01 and I, once again, have some specific values 124 00:04:45.01 --> 00:04:47.05 in mind, because I want to get some halfway 125 00:04:47.05 --> 00:04:49.02 decent results this time around. 126 00:04:49.02 --> 00:04:51.02 And so, I've got a hue of 25 degrees, 127 00:04:51.02 --> 00:04:52.08 a saturation of 60 percent, 128 00:04:52.08 --> 00:04:55.06 and a brightness of 88 percent and 129 00:04:55.06 --> 00:04:57.06 next I'll select this guy, who may be 130 00:04:57.06 --> 00:04:59.01 the second color in the list. 131 00:04:59.01 --> 00:05:00.05 Let's make sure by clicking on it. 132 00:05:00.05 --> 00:05:01.03 Yes, he is. 133 00:05:01.03 --> 00:05:05.05 And, so, I'll go ahead and set him to 40 degrees, 134 00:05:05.05 --> 00:05:10.02 and 70 percent and then 50 percent brightness. 135 00:05:10.02 --> 00:05:12.00 Alright, I don't really need this guy anymore. 136 00:05:12.00 --> 00:05:13.05 He's too close to his neighbor. 137 00:05:13.05 --> 00:05:15.08 And so, one way to get rid of him is to right 138 00:05:15.08 --> 00:05:17.08 click and choose remove color. 139 00:05:17.08 --> 00:05:20.05 But you can also grab this remove color tool, 140 00:05:20.05 --> 00:05:22.06 and that way, you can click on any one 141 00:05:22.06 --> 00:05:24.08 of the colors in order to delete it 142 00:05:24.08 --> 00:05:26.02 and notice, the second you delete, 143 00:05:26.02 --> 00:05:29.02 you're switched away from that tool. 144 00:05:29.02 --> 00:05:30.06 Alright, now I'm gonna select this shade of 145 00:05:30.06 --> 00:05:32.03 green here, and I'm gonna change it's 146 00:05:32.03 --> 00:05:34.06 hue value to 130 degrees. 147 00:05:34.06 --> 00:05:36.04 I'll set the saturation to 70, and 148 00:05:36.04 --> 00:05:38.00 I'll change the brightness value 149 00:05:38.00 --> 00:05:40.00 to 50 percent, like so. 150 00:05:40.00 --> 00:05:42.00 Alright, now, I want to grab this guy, 151 00:05:42.00 --> 00:05:44.05 and drag him way down here so that he 152 00:05:44.05 --> 00:05:47.06 has a hue of 250 degrees, and both 153 00:05:47.06 --> 00:05:50.05 saturation and brightness values of 50 percent. 154 00:05:50.05 --> 00:05:52.04 And now, we need to add a color, and you can 155 00:05:52.04 --> 00:05:54.03 do that by right clicking at an empty portion 156 00:05:54.03 --> 00:05:56.09 of the wheel, and choosing that new color. 157 00:05:56.09 --> 00:05:59.00 Or, you also have this little tool right here 158 00:05:59.00 --> 00:06:00.02 with the plus sign. 159 00:06:00.02 --> 00:06:01.08 Go ahead and select it, and then click at 160 00:06:01.08 --> 00:06:03.07 the desired location, and this time I want 161 00:06:03.07 --> 00:06:05.03 a hue value of 200 degrees. 162 00:06:05.03 --> 00:06:08.00 I'm gonna set the saturation value to 88 percent 163 00:06:08.00 --> 00:06:12.04 and I'll take the brightness up to 60 percent, like so. 164 00:06:12.04 --> 00:06:14.03 Alright, now, I'm gonna turn the link icon 165 00:06:14.03 --> 00:06:17.01 back on, so that if I were to drag one of these 166 00:06:17.01 --> 00:06:19.08 colors, then I would move them all, but you 167 00:06:19.08 --> 00:06:21.06 need to bear in mind that you don't have undo, 168 00:06:21.06 --> 00:06:24.04 so, I'm not going to do that. 169 00:06:24.04 --> 00:06:26.09 And, now, I can either replace Baroque Six by 170 00:06:26.09 --> 00:06:29.03 clicking on the little hard drive icon, or I can 171 00:06:29.03 --> 00:06:31.06 create a new color group by selecting this guy's 172 00:06:31.06 --> 00:06:35.01 name and then pasting in Seafarer colors, which 173 00:06:35.01 --> 00:06:36.04 I copied in advance. 174 00:06:36.04 --> 00:06:38.06 And now, Ill go ahead and click on my new 175 00:06:38.06 --> 00:06:42.01 color group icon in order to create those new colors. 176 00:06:42.01 --> 00:06:44.02 And notice if I twirl this guy open, that they 177 00:06:44.02 --> 00:06:46.08 all, with the exception of the new one I created, 178 00:06:46.08 --> 00:06:49.08 they all happen to be defined as CMYK colors, even 179 00:06:49.08 --> 00:06:52.01 though I'm working in an RGB document, and the 180 00:06:52.01 --> 00:06:54.03 reason for that is because all of the colors 181 00:06:54.03 --> 00:06:56.07 in the Baroque set were originally defined 182 00:06:56.07 --> 00:07:01.01 as CMYK, but notice if I click O.K. in order to 183 00:07:01.01 --> 00:07:03.04 accept my changes, and then expand the height of 184 00:07:03.04 --> 00:07:05.06 the swatches panel and double click on the folder 185 00:07:05.06 --> 00:07:08.01 icon for the new color group, and then, twirl 186 00:07:08.01 --> 00:07:10.04 this guy open, which is now moved to the top of 187 00:07:10.04 --> 00:07:14.00 the list, everything is defined as RGB. 188 00:07:14.00 --> 00:07:15.08 So, just something to bear in mind. 189 00:07:15.08 --> 00:07:17.07 Alright, I'm gonna cancel out and this time, 190 00:07:17.07 --> 00:07:20.09 I'm gonna use my new color group by switching to 191 00:07:20.09 --> 00:07:23.07 the color guide panel, then I'll click on one of 192 00:07:23.07 --> 00:07:25.02 these red shapes here, and then click on that 193 00:07:25.02 --> 00:07:27.05 top left color swatch in order to set 194 00:07:27.05 --> 00:07:29.01 it as the base color. 195 00:07:29.01 --> 00:07:30.04 And now, I'll click on the green 196 00:07:30.04 --> 00:07:32.01 rectangle in the background, 197 00:07:32.01 --> 00:07:34.05 and set it to this color right here. 198 00:07:34.05 --> 00:07:36.02 Now, that might not work the first time around, 199 00:07:36.02 --> 00:07:38.07 but, in my case it did, so that's a good thing. 200 00:07:38.07 --> 00:07:41.01 And then, I'll select this brown rectangle in 201 00:07:41.01 --> 00:07:43.03 the background over here on the left hand side 202 00:07:43.03 --> 00:07:45.03 of the document, and I'll change it to this 203 00:07:45.03 --> 00:07:47.04 medium shade of blue right there. 204 00:07:47.04 --> 00:07:48.09 Didn't take, notice that? 205 00:07:48.09 --> 00:07:50.06 I clicked, but nothing happened. 206 00:07:50.06 --> 00:07:52.05 I need to click again, and, by the way, 207 00:07:52.05 --> 00:07:54.01 of course, this assumes that your fill 208 00:07:54.01 --> 00:07:56.06 is active inside either the swatches or 209 00:07:56.06 --> 00:07:57.08 the color panel. 210 00:07:57.08 --> 00:07:59.09 And then, click on one of these guys, 211 00:07:59.09 --> 00:08:01.09 and I'll change it to this third 212 00:08:01.09 --> 00:08:03.05 to brightest shade of pink, or whatever 213 00:08:03.05 --> 00:08:04.08 this color is. 214 00:08:04.08 --> 00:08:07.00 Again, I have to click twice in order to make 215 00:08:07.00 --> 00:08:09.04 that take, and then I'll press ctrl + shift + a, 216 00:08:09.04 --> 00:08:10.07 or command + shift + a on the Mac to 217 00:08:10.07 --> 00:08:13.02 deselect my artwork. 218 00:08:13.02 --> 00:08:15.03 And that folks, is how you change the base color, 219 00:08:15.03 --> 00:08:17.08 as well as how you unlink the harmony rule, 220 00:08:17.08 --> 00:08:20.09 whether custom or otherwise, and add and remove 221 00:08:20.09 --> 00:08:23.05 colors from your color group using the various 222 00:08:23.05 --> 00:08:26.01 controls inside the edit colors dialogue box 223 00:08:26.01 --> 00:08:28.01 here inside illustrator.