1 00:00:00.05 --> 00:00:01.04 - [Instructor] In this movie, I'll show you 2 00:00:01.04 --> 00:00:05.00 how to convert a radial gradient to a gradient mesh 3 00:00:05.00 --> 00:00:06.01 and we're going to use this technique 4 00:00:06.01 --> 00:00:08.07 to create this headlight effect. 5 00:00:08.07 --> 00:00:10.09 Now I'm going to switch over to Photoshop for a second 6 00:00:10.09 --> 00:00:13.06 so that you can see the screenshot that I captured 7 00:00:13.06 --> 00:00:17.05 complete with color values, and these are all the RGB values 8 00:00:17.05 --> 00:00:21.05 that are associated with those default gray scale swatches. 9 00:00:21.05 --> 00:00:23.03 And if you're not sure what I'm talking about, 10 00:00:23.03 --> 00:00:24.08 you will be in just a moment. 11 00:00:24.08 --> 00:00:27.09 But I want you to see how converting a radial gradient 12 00:00:27.09 --> 00:00:30.05 gives you a different kind of gradient mesh 13 00:00:30.05 --> 00:00:33.01 than you can achieve with any other approach. 14 00:00:33.01 --> 00:00:36.00 And so as opposed to creating rows and columns, 15 00:00:36.00 --> 00:00:38.04 we end up with rings. 16 00:00:38.04 --> 00:00:41.07 All right, so I'm going to switch back over to Illustrator here 17 00:00:41.07 --> 00:00:45.01 and I'll zoom on in here inside the document in progress. 18 00:00:45.01 --> 00:00:47.00 And I'll go ahead and select the headlight 19 00:00:47.00 --> 00:00:49.06 by clicking on this outline, very important, 20 00:00:49.06 --> 00:00:52.06 and then you just want to copy it and paste it in front. 21 00:00:52.06 --> 00:00:55.01 So, Control + C, Control + F here on the PC, 22 00:00:55.01 --> 00:00:57.05 Command + C, Command + F on the Mac. 23 00:00:57.05 --> 00:01:00.00 Now I'm going to twirl open my meshes layer 24 00:01:00.00 --> 00:01:02.02 and I'm going to turn off the original, 25 00:01:02.02 --> 00:01:03.09 which is this guy right here. 26 00:01:03.09 --> 00:01:07.01 The name of this object is left light, incidentally. 27 00:01:07.01 --> 00:01:09.02 All right, now I'll go ahead and select the Gradient tool, 28 00:01:09.02 --> 00:01:12.00 which of course you can get by pressing the G key, 29 00:01:12.00 --> 00:01:16.01 so that we can see that I have this almost upright gradient. 30 00:01:16.01 --> 00:01:18.05 I'll go ahead and drag outside of its end point 31 00:01:18.05 --> 00:01:22.00 so that I can rotate this guy while pressing the Shift key 32 00:01:22.00 --> 00:01:23.09 so it's exactly horizontal. 33 00:01:23.09 --> 00:01:26.01 You can see that it's got a bunch of color stops 34 00:01:26.01 --> 00:01:28.07 and that it's offset from the center. 35 00:01:28.07 --> 00:01:29.06 So the center point, 36 00:01:29.06 --> 00:01:31.07 as opposed to be right in the center of the shape, 37 00:01:31.07 --> 00:01:34.04 is off to the side, and you may remember 38 00:01:34.04 --> 00:01:36.00 that you can achieve this effect 39 00:01:36.00 --> 00:01:39.07 by dragging this smaller circle right here. 40 00:01:39.07 --> 00:01:41.00 All right, now let's see what happens 41 00:01:41.00 --> 00:01:43.07 when we convert this guy to a gradient mesh. 42 00:01:43.07 --> 00:01:46.01 And I'm going to do that by first pressing the V key 43 00:01:46.01 --> 00:01:48.00 to switch back to my black arrow tool. 44 00:01:48.00 --> 00:01:49.07 And then I'll go up to the Object menu, 45 00:01:49.07 --> 00:01:52.04 and what I want is this Expand command, 46 00:01:52.04 --> 00:01:55.01 the same command that we used to convert a linear gradient 47 00:01:55.01 --> 00:01:57.06 in the previous movie, but it's dimmed 48 00:01:57.06 --> 00:02:00.06 and the Expand Appearance command is available instead. 49 00:02:00.06 --> 00:02:01.05 What that tells you 50 00:02:01.05 --> 00:02:04.01 is we have some sort of special appearance attributes, 51 00:02:04.01 --> 00:02:05.02 and so I'm going to go ahead 52 00:02:05.02 --> 00:02:07.05 and switch over to the Appearance panel 53 00:02:07.05 --> 00:02:09.06 and that's it right there, the Drop Shadow. 54 00:02:09.06 --> 00:02:12.07 Go ahead and select it, and click on the trash can 55 00:02:12.07 --> 00:02:15.05 in the bottom right corner of the panel to get rid of it. 56 00:02:15.05 --> 00:02:17.03 And we might as well get rid of the stroke too 57 00:02:17.03 --> 00:02:20.00 because it's not going to survive the conversion. 58 00:02:20.00 --> 00:02:22.00 All right, now if you return to the Object menu, 59 00:02:22.00 --> 00:02:24.06 you will see that the Expand command is available. 60 00:02:24.06 --> 00:02:26.06 At which point, go ahead and choose it, 61 00:02:26.06 --> 00:02:28.08 make sure that the Fill checkbox is turned on. 62 00:02:28.08 --> 00:02:30.08 We want to Expand the gradient to a mesh. 63 00:02:30.08 --> 00:02:32.09 And then click OK. 64 00:02:32.09 --> 00:02:35.05 And notice that resets the center point. 65 00:02:35.05 --> 00:02:39.02 So, that offset center does not survive the conversion, 66 00:02:39.02 --> 00:02:41.00 just so you know. 67 00:02:41.00 --> 00:02:42.02 All right, now notice up here 68 00:02:42.02 --> 00:02:44.02 on the far left side of the Control panel 69 00:02:44.02 --> 00:02:45.05 that we have a group. 70 00:02:45.05 --> 00:02:47.02 We don't want that, so go to the Object menu 71 00:02:47.02 --> 00:02:48.09 and choose the Ungroup command 72 00:02:48.09 --> 00:02:50.01 or press Control + Shift + G 73 00:02:50.01 --> 00:02:51.09 or Command + Shift + G on the Mac, 74 00:02:51.09 --> 00:02:53.09 after which point, we have a clipping group, 75 00:02:53.09 --> 00:02:55.08 which is exactly what we do want. 76 00:02:55.08 --> 00:02:57.00 All right, so now I'll go ahead 77 00:02:57.00 --> 00:02:58.07 and switch back to the Layers panel 78 00:02:58.07 --> 00:03:01.08 and I'll twirl that new clipping group open right there 79 00:03:01.08 --> 00:03:03.09 and you can see that we have a clipping mask 80 00:03:03.09 --> 00:03:05.09 in the shape of the headlight. 81 00:03:05.09 --> 00:03:09.00 And then if I select this bottom object right there, 82 00:03:09.00 --> 00:03:13.00 we have a big radial gradient mesh. 83 00:03:13.00 --> 00:03:14.01 All right, now I'll press the A key 84 00:03:14.01 --> 00:03:15.07 to switch to my white arrow tool. 85 00:03:15.07 --> 00:03:17.01 Now, you can take advantage 86 00:03:17.01 --> 00:03:19.09 of all of these points if you want, 87 00:03:19.09 --> 00:03:22.01 all four points, there are really five points 88 00:03:22.01 --> 00:03:23.05 as I'll show you in a second, 89 00:03:23.05 --> 00:03:25.08 that's around each one of the circular rings. 90 00:03:25.08 --> 00:03:27.07 And so I could drag this guy over here 91 00:03:27.07 --> 00:03:29.07 and drag this one down, 92 00:03:29.07 --> 00:03:32.09 and reshape that central ring to any extent I like. 93 00:03:32.09 --> 00:03:35.03 I won't do that, however, so I'm going to press Control + Z 94 00:03:35.03 --> 00:03:37.08 or Command + Z on the Mac a couple of times. 95 00:03:37.08 --> 00:03:42.00 Now something else to note is we're not really seeing rings. 96 00:03:42.00 --> 00:03:43.07 We are seeing rows. 97 00:03:43.07 --> 00:03:47.00 They just happen to be wrapped around into a circle. 98 00:03:47.00 --> 00:03:51.05 So there's a beginning and an end to each one of these rings 99 00:03:51.05 --> 00:03:54.03 and it typically occurs over here on the right-hand side, 100 00:03:54.03 --> 00:03:57.02 at what is generally considered to be zero degrees. 101 00:03:57.02 --> 00:03:59.09 And so notice, if I drag this point, 102 00:03:59.09 --> 00:04:02.02 I leave a hole right here in this region 103 00:04:02.02 --> 00:04:05.04 because there's another point right there below it. 104 00:04:05.04 --> 00:04:07.02 So that's just something to bear in mind. 105 00:04:07.02 --> 00:04:10.02 Go ahead and press Control + Z a couple times in a row. 106 00:04:10.02 --> 00:04:13.00 Obviously, that's Command + Z twice on the Mac. 107 00:04:13.00 --> 00:04:15.00 Now I want my rings to remain circles 108 00:04:15.00 --> 00:04:17.00 or at the very least, ellipses. 109 00:04:17.00 --> 00:04:20.03 And if you want that as well, then you might as well get rid 110 00:04:20.03 --> 00:04:23.04 of these extra points right here 111 00:04:23.04 --> 00:04:25.01 by switching to the Mesh tool, 112 00:04:25.01 --> 00:04:27.06 which you can get by pressing the U key. 113 00:04:27.06 --> 00:04:29.03 And then you'll want to Alt + Click 114 00:04:29.03 --> 00:04:31.08 or Option + Click on this line right there, 115 00:04:31.08 --> 00:04:35.02 then Alt or Option + Click on this one, and this one. 116 00:04:35.02 --> 00:04:36.06 You can't get rid of the one 117 00:04:36.06 --> 00:04:39.05 that has two points associated with it. 118 00:04:39.05 --> 00:04:42.01 And so note, if I Alt or Option + Click on this guy, 119 00:04:42.01 --> 00:04:44.05 Illustrator just ignores me. 120 00:04:44.05 --> 00:04:46.01 All right, now I want to move these rings 121 00:04:46.01 --> 00:04:48.08 to specific positions and just so that you and I 122 00:04:48.08 --> 00:04:51.02 have a prayer of getting the same result, 123 00:04:51.02 --> 00:04:52.09 I have created this guides layer 124 00:04:52.09 --> 00:04:54.06 here at the bottom of the stack. 125 00:04:54.06 --> 00:04:56.03 And so I'll just go ahead and turn it on 126 00:04:56.03 --> 00:04:59.01 and what we're seeing here is the preferred location 127 00:04:59.01 --> 00:05:00.05 for each one of these rings. 128 00:05:00.05 --> 00:05:03.08 And so rather than dragging any one of these points, 129 00:05:03.08 --> 00:05:05.01 and in this case, I goofed up, 130 00:05:05.01 --> 00:05:06.08 I ended up selecting the hood 131 00:05:06.08 --> 00:05:09.03 and so I'm just going to lock down the hood for now 132 00:05:09.03 --> 00:05:11.00 so that it doesn't get in the way. 133 00:05:11.00 --> 00:05:13.09 I'll select this ring mesh right there once again, 134 00:05:13.09 --> 00:05:15.05 here inside the Layers panel. 135 00:05:15.05 --> 00:05:16.06 And then I'll just demonstrate. 136 00:05:16.06 --> 00:05:18.06 If I grab this and start dragging, 137 00:05:18.06 --> 00:05:20.04 then I'm going to create a hole. 138 00:05:20.04 --> 00:05:21.08 Obviously that's not what I want. 139 00:05:21.08 --> 00:05:24.00 So if you want to avoid any holes, 140 00:05:24.00 --> 00:05:27.00 what you're going to have to do is marquee the points. 141 00:05:27.00 --> 00:05:29.00 And in my case, I'm not having any luck here, 142 00:05:29.00 --> 00:05:30.02 and so you know what? 143 00:05:30.02 --> 00:05:31.05 I'm just going to get rid 144 00:05:31.05 --> 00:05:34.01 of this nearly outermost ring right here. 145 00:05:34.01 --> 00:05:35.09 Notice that there's another ring 146 00:05:35.09 --> 00:05:38.00 right at this location under my cursor. 147 00:05:38.00 --> 00:05:39.08 I'll get rid of this one by pressing the Alt key 148 00:05:39.08 --> 00:05:42.03 or the Option key on the Mac, and clicking 149 00:05:42.03 --> 00:05:43.09 so that that guy goes away. 150 00:05:43.09 --> 00:05:45.04 But if you want to, for example, 151 00:05:45.04 --> 00:05:48.06 move this ring to a different location, well, for one thing, 152 00:05:48.06 --> 00:05:50.03 you're going to have to switch away from the Mesh tool. 153 00:05:50.03 --> 00:05:51.04 That's my problem. 154 00:05:51.04 --> 00:05:54.05 I need to press the A key to grab the white arrow tool. 155 00:05:54.05 --> 00:05:56.04 And then I'll marquee these points, like so, 156 00:05:56.04 --> 00:05:58.02 to select both of them. 157 00:05:58.02 --> 00:06:00.05 So both the one that you're seeing and the one underneath, 158 00:06:00.05 --> 00:06:03.04 then just go ahead and drag it to the left 159 00:06:03.04 --> 00:06:06.00 so that it snaps into alignment. 160 00:06:06.00 --> 00:06:07.07 And then I'm going to scale this ring 161 00:06:07.07 --> 00:06:09.03 by switching to the Scale tool, 162 00:06:09.03 --> 00:06:11.04 which I can get by pressing the S key. 163 00:06:11.04 --> 00:06:13.09 And then I'll Alt or Option + Click right there 164 00:06:13.09 --> 00:06:16.06 in order to bring up the Scale dialog box. 165 00:06:16.06 --> 00:06:19.01 And I'll increase that Uniform value 166 00:06:19.01 --> 00:06:22.03 until I get this thing to be the right width. 167 00:06:22.03 --> 00:06:24.04 So notice that even though I've only selected 168 00:06:24.04 --> 00:06:26.04 these two coincident points right here, 169 00:06:26.04 --> 00:06:30.02 I am able to move and scale the entire shape. 170 00:06:30.02 --> 00:06:32.03 All right, now drop-down to the Vertical value 171 00:06:32.03 --> 00:06:35.06 and increase it until I get more or less of a match, 172 00:06:35.06 --> 00:06:39.00 but let's say I'm trying to do this exactly right. 173 00:06:39.00 --> 00:06:43.00 In that case, I'll set the horizontal value to 105.5% 174 00:06:43.00 --> 00:06:46.00 and I've got a Vertical value of 111%. 175 00:06:46.00 --> 00:06:48.05 At which point, I'll click OK. 176 00:06:48.05 --> 00:06:50.09 And I'm going to change the color of those points as well 177 00:06:50.09 --> 00:06:53.00 by selecting this guy right here, 178 00:06:53.00 --> 00:06:55.08 R=204 G=204 B=204. 179 00:06:55.08 --> 00:06:58.01 So we're going to be working with gray values exclusively 180 00:06:58.01 --> 00:07:00.09 during this movie, so I'll just go ahead and select that. 181 00:07:00.09 --> 00:07:04.01 And I didn't change the color because the fill's not active, 182 00:07:04.01 --> 00:07:05.08 so I'll switch to the Fill, like so, 183 00:07:05.08 --> 00:07:08.06 and then I'll click that swatch once again. 184 00:07:08.06 --> 00:07:09.06 And now, I'll press the A key 185 00:07:09.06 --> 00:07:11.03 to switch back to the white arrow tool. 186 00:07:11.03 --> 00:07:13.00 And I want to get this guy. 187 00:07:13.00 --> 00:07:14.07 Why am I having such problems? 188 00:07:14.07 --> 00:07:15.06 So I'll just go ahead 189 00:07:15.06 --> 00:07:18.00 and target the gradient mesh once again 190 00:07:18.00 --> 00:07:20.00 and I'll switch to the isolation mode 191 00:07:20.00 --> 00:07:22.07 by clicking on this icon up here in the Control panel. 192 00:07:22.07 --> 00:07:24.03 And then I'll marquee those two guys. 193 00:07:24.03 --> 00:07:25.04 This time, it worked. 194 00:07:25.04 --> 00:07:28.03 And now, I'll change the color to white. 195 00:07:28.03 --> 00:07:29.02 All right, I don't want to 196 00:07:29.02 --> 00:07:30.07 stay inside the isolation mode however 197 00:07:30.07 --> 00:07:32.02 because I can't really see what I'm doing, 198 00:07:32.02 --> 00:07:35.03 so press the Escape key in order to escape out. 199 00:07:35.03 --> 00:07:37.05 And then I'll marquee these two points, 200 00:07:37.05 --> 00:07:39.04 so you want to marquee pretty carefully 201 00:07:39.04 --> 00:07:40.07 to get the work done here. 202 00:07:40.07 --> 00:07:42.07 And then I'll just press the arrow key a couple of times 203 00:07:42.07 --> 00:07:45.08 to scoot it over to the left, in this case. 204 00:07:45.08 --> 00:07:48.01 And I'll press the S key to switch to the Scale tool 205 00:07:48.01 --> 00:07:51.01 and I'll Alt or Option + Click right there 206 00:07:51.01 --> 00:07:53.07 in order to bring up the Scale dialog box. 207 00:07:53.07 --> 00:07:55.01 And I'll increase the Uniform value 208 00:07:55.01 --> 00:07:57.03 until the width of the shape matches. 209 00:07:57.03 --> 00:07:58.08 And then I'll click in the Vertical value 210 00:07:58.08 --> 00:08:00.00 and I'll increase it, 211 00:08:00.00 --> 00:08:02.05 and I'm just doing this by pressing the Up Arrow key 212 00:08:02.05 --> 00:08:06.05 until I get another match, like so, and then I'll click OK. 213 00:08:06.05 --> 00:08:10.04 All right, now this guy wants RGB=102, 214 00:08:10.04 --> 00:08:12.01 and so I'll go ahead and assign that one. 215 00:08:12.01 --> 00:08:13.03 And now, I'll press the A key 216 00:08:13.03 --> 00:08:15.02 to switch back to the white arrow tool. 217 00:08:15.02 --> 00:08:16.06 We're going to be doing this quite a bit. 218 00:08:16.06 --> 00:08:18.02 And then I'll marquee this guy, 219 00:08:18.02 --> 00:08:19.09 this pair of points right there. 220 00:08:19.09 --> 00:08:22.02 And I'll press the Right Arrow key a couple of times 221 00:08:22.02 --> 00:08:23.07 to nudge that guy over. 222 00:08:23.07 --> 00:08:24.05 And I'll go ahead 223 00:08:24.05 --> 00:08:28.02 and change its color once again to RGB=204. 224 00:08:28.02 --> 00:08:30.06 And I'll press the S key to switch to the Scale tool 225 00:08:30.06 --> 00:08:34.05 and I'll Alt or Option + Click right at this location here. 226 00:08:34.05 --> 00:08:36.06 And then I'll increase that Uniform value. 227 00:08:36.06 --> 00:08:38.04 I'm just pressing the Up Arrow key 228 00:08:38.04 --> 00:08:41.06 in order to increase it to 143%. 229 00:08:41.06 --> 00:08:43.05 And then I'll click to the Vertical value 230 00:08:43.05 --> 00:08:46.00 and take it up like so 231 00:08:46.00 --> 00:08:48.03 to, I guess, 161%. 232 00:08:48.03 --> 00:08:50.01 And then I'll click OK. 233 00:08:50.01 --> 00:08:51.02 All right, now we want to make 234 00:08:51.02 --> 00:08:53.02 a couple of modifications to these guys. 235 00:08:53.02 --> 00:08:56.03 I'm going to marquee all these points right here. 236 00:08:56.03 --> 00:08:58.04 So it looks like I'm just marqueeing two points, 237 00:08:58.04 --> 00:09:00.07 but there's actually four points going on. 238 00:09:00.07 --> 00:09:02.00 And then I'll scoot this guy over 239 00:09:02.00 --> 00:09:03.09 so that this point right there 240 00:09:03.09 --> 00:09:07.02 is more or less centered inside the central ellipse. 241 00:09:07.02 --> 00:09:09.04 And then I'll marquee this guy independently. 242 00:09:09.04 --> 00:09:10.02 Press the Right Arrow key 243 00:09:10.02 --> 00:09:11.08 to nudge them over just a little bit. 244 00:09:11.08 --> 00:09:14.03 Press the S key to switch to the Scale tool, 245 00:09:14.03 --> 00:09:16.04 Alt or Option + Click right there. 246 00:09:16.04 --> 00:09:18.05 And I'll take that Uniform value down 247 00:09:18.05 --> 00:09:20.01 until I match the width, 248 00:09:20.01 --> 00:09:21.06 and then I'll click in the Vertical value 249 00:09:21.06 --> 00:09:26.04 and take it up until I match the height, and I'll click OK. 250 00:09:26.04 --> 00:09:28.09 All right, now this guy wants that same color value 251 00:09:28.09 --> 00:09:33.07 that is RGB=204, and so I'll go ahead and assign it. 252 00:09:33.07 --> 00:09:35.07 All right, now you may just be able to tell 253 00:09:35.07 --> 00:09:37.08 that we're still missing three rings. 254 00:09:37.08 --> 00:09:40.06 Press the U key to switch to the Mesh tool 255 00:09:40.06 --> 00:09:42.08 and I'll click right there to add a ring. 256 00:09:42.08 --> 00:09:46.02 And then I'll click here and here as well. 257 00:09:46.02 --> 00:09:49.00 And you can see, if we look very closely here, 258 00:09:49.00 --> 00:09:51.00 that the two points that are on top of each other 259 00:09:51.00 --> 00:09:54.00 are not the same color, which is why we're getting a seam. 260 00:09:54.00 --> 00:09:55.09 All right, I want to zoom out just a little bit 261 00:09:55.09 --> 00:09:57.00 so I can better see what I'm doing. 262 00:09:57.00 --> 00:09:58.06 Actually, that's not far enough. 263 00:09:58.06 --> 00:09:59.06 That is. 264 00:09:59.06 --> 00:10:00.05 And now I'll press the A key 265 00:10:00.05 --> 00:10:02.02 to switch back to my white arrow tool, 266 00:10:02.02 --> 00:10:04.01 and I'll marquee these two points. 267 00:10:04.01 --> 00:10:06.07 This time, we want a very dark gray, 268 00:10:06.07 --> 00:10:09.08 where the RGB values are all 77. 269 00:10:09.08 --> 00:10:10.09 And now, I'll press the S key 270 00:10:10.09 --> 00:10:13.00 to once again switch to the Scale tool. 271 00:10:13.00 --> 00:10:15.07 I'll Alt or Option + Click right at that location 272 00:10:15.07 --> 00:10:17.05 on the right side of the shape. 273 00:10:17.05 --> 00:10:20.02 I'll take the Uniform value down until I match the width, 274 00:10:20.02 --> 00:10:22.05 and then I'll take the Vertical value up 275 00:10:22.05 --> 00:10:24.06 until I match the height. 276 00:10:24.06 --> 00:10:27.00 And I might want to take the horizontal value up 277 00:10:27.00 --> 00:10:29.01 just a little bit 278 00:10:29.01 --> 00:10:32.06 'cause I'm not really getting an exact match at this point, 279 00:10:32.06 --> 00:10:35.05 but this is probably good enough, so I'll click OK. 280 00:10:35.05 --> 00:10:36.07 And then I'll press the A key 281 00:10:36.07 --> 00:10:38.00 to switch to the white arrow tool. 282 00:10:38.00 --> 00:10:40.04 I'll marquee these two points right there. 283 00:10:40.04 --> 00:10:43.00 I'll change their color to another dark gray, 284 00:10:43.00 --> 00:10:46.00 this time, where all the values are 102. 285 00:10:46.00 --> 00:10:47.00 And my problem 286 00:10:47.00 --> 00:10:50.07 is that I don't really have an ellipse anymore. 287 00:10:50.07 --> 00:10:52.09 I've got this kind of weird shape going on, 288 00:10:52.09 --> 00:10:54.03 but I think I can work with it, 289 00:10:54.03 --> 00:10:57.01 so I'll press the S key to switch to the Scale tool 290 00:10:57.01 --> 00:10:58.03 and I'll Alt or Option + Click 291 00:10:58.03 --> 00:10:59.09 in the right side of this shape. 292 00:10:59.09 --> 00:11:03.09 I'll take the Uniform value down until I get a width match 293 00:11:03.09 --> 00:11:05.05 and I'll take the Vertical value up 294 00:11:05.05 --> 00:11:08.03 until I get something of a height match. 295 00:11:08.03 --> 00:11:09.09 The shape is a little too boxy, 296 00:11:09.09 --> 00:11:12.06 but I can live with that, so I'll click OK. 297 00:11:12.06 --> 00:11:13.08 And then I'll press the A key 298 00:11:13.08 --> 00:11:15.05 to switch back to the white arrow tool. 299 00:11:15.05 --> 00:11:17.00 I'll marquee the center point right there, 300 00:11:17.00 --> 00:11:19.08 it's actually two points once again, in order to select it. 301 00:11:19.08 --> 00:11:23.02 And I'll change it to all values 204, 302 00:11:23.02 --> 00:11:24.06 so I get a bright center. 303 00:11:24.06 --> 00:11:26.09 And then I'll marquee these two guys 304 00:11:26.09 --> 00:11:30.03 and I'll change them to all values 179. 305 00:11:30.03 --> 00:11:32.09 And then I'll zoom in a little bit and I'll press the S key 306 00:11:32.09 --> 00:11:34.06 to switch to the Scale tool. 307 00:11:34.06 --> 00:11:35.07 I'll Alt or Option + Click 308 00:11:35.07 --> 00:11:39.00 on that right point in the selected ring. 309 00:11:39.00 --> 00:11:41.04 Now I'll take that Uniform value down to 80% maybe. 310 00:11:41.04 --> 00:11:43.02 And then I'll take the Vertical value, 311 00:11:43.02 --> 00:11:46.08 let's say up to 91%, fine. 312 00:11:46.08 --> 00:11:50.00 And then I'll click OK to accept that change. 313 00:11:50.00 --> 00:11:52.00 Press Control + Shift + A or Command + Shift + A on the Mac 314 00:11:52.00 --> 00:11:54.02 in order to deselect my artwork. 315 00:11:54.02 --> 00:11:55.02 I'll press Control + 0 316 00:11:55.02 --> 00:11:57.07 or Command + 0 on the Mac to zoom out. 317 00:11:57.07 --> 00:11:59.01 And I'll scroll down the list here 318 00:11:59.01 --> 00:12:01.03 and turn off the guides layer, 319 00:12:01.03 --> 00:12:03.06 which at this point are just going to the distracting. 320 00:12:03.06 --> 00:12:05.07 All right, I actually want to zoom in just a little bit. 321 00:12:05.07 --> 00:12:08.06 Notice that we have this kind of ring art effect here. 322 00:12:08.06 --> 00:12:10.08 That isn't really going to be there, by the way, 323 00:12:10.08 --> 00:12:13.01 not when you print the artwork or export it. 324 00:12:13.01 --> 00:12:14.04 All right, but I do want to bring back 325 00:12:14.04 --> 00:12:16.05 my original radial gradient. 326 00:12:16.05 --> 00:12:18.07 So notice here, if I turn off the clipping group, 327 00:12:18.07 --> 00:12:20.05 that is the original shape. 328 00:12:20.05 --> 00:12:22.01 And now I'll turn the new one on, 329 00:12:22.01 --> 00:12:24.04 which has a different center, notice that. 330 00:12:24.04 --> 00:12:27.04 So our centers aren't quite aligned with each other 331 00:12:27.04 --> 00:12:29.09 and that will make for a pretty nice headlight effect. 332 00:12:29.09 --> 00:12:30.08 And so I'm just going to go ahead 333 00:12:30.08 --> 00:12:32.07 and target the entire clipping group, 334 00:12:32.07 --> 00:12:34.01 which is the top shape, 335 00:12:34.01 --> 00:12:35.08 and then I'll click in the word Opacity 336 00:12:35.08 --> 00:12:38.09 and I'll change the Blend mode to Overlay 337 00:12:38.09 --> 00:12:41.07 in order to create this effect here. 338 00:12:41.07 --> 00:12:43.09 And then I'll just go ahead and press Control + Shift + A 339 00:12:43.09 --> 00:12:45.06 or Command + Shift + A on the Mac 340 00:12:45.06 --> 00:12:48.04 in order to deselect the artwork. 341 00:12:48.04 --> 00:12:50.09 And so just to give you a sense of what we've accomplished, 342 00:12:50.09 --> 00:12:52.09 this is the original radial gradient, 343 00:12:52.09 --> 00:12:54.09 and this is the final headlight effect, 344 00:12:54.09 --> 00:12:57.03 with two light sources behind the glass, 345 00:12:57.03 --> 00:13:00.07 very much like you might see in the real world. 346 00:13:00.07 --> 00:13:02.08 And that's how you convert a radial gradient 347 00:13:02.08 --> 00:13:05.05 to a very different kind of gradient mesh 348 00:13:05.05 --> 00:13:07.05 here inside Illustrator.