1 00:00:00.00 --> 00:00:01.08 - [Voiceover] In this movie we'll introduce 2 00:00:01.08 --> 00:00:03.03 the mouth and the teeth. 3 00:00:03.03 --> 00:00:06.08 Both of which, we'll fill with good old radial gradients. 4 00:00:06.08 --> 00:00:08.07 Alright, so I'll go ahead and switch over 5 00:00:08.07 --> 00:00:09.09 to my document in progress. 6 00:00:09.09 --> 00:00:11.08 And then I'll go up to the Object Menu 7 00:00:11.08 --> 00:00:14.03 and choose Show All or press Control+Alt+Three, 8 00:00:14.03 --> 00:00:16.03 or Command Option Three on a Mac, 9 00:00:16.03 --> 00:00:19.02 in order to bring up my final path outlines. 10 00:00:19.02 --> 00:00:21.06 Notice we only have the right half of the shapes. 11 00:00:21.06 --> 00:00:23.09 So, go ahead and select the Reflect Tool, 12 00:00:23.09 --> 00:00:26.00 which you can get by pressing the "O" key, 13 00:00:26.00 --> 00:00:28.03 and then Alt click, or Option click, 14 00:00:28.03 --> 00:00:30.09 on that vertical guideline in order to bring up 15 00:00:30.09 --> 00:00:32.05 the Reflect Dialogue box. 16 00:00:32.05 --> 00:00:34.00 If you're working along with me your access 17 00:00:34.00 --> 00:00:35.08 should still be set to vertical, 18 00:00:35.08 --> 00:00:37.07 which is exactly what we want. 19 00:00:37.07 --> 00:00:39.06 So, go ahead and click the Copy button 20 00:00:39.06 --> 00:00:42.01 in order to create those extra paths. 21 00:00:42.01 --> 00:00:43.07 Alright, now we need to join them together. 22 00:00:43.07 --> 00:00:46.00 So, press the "V" key in order to switch back 23 00:00:46.00 --> 00:00:47.05 to the black arrow tool, and then click 24 00:00:47.05 --> 00:00:48.09 on the right half of the mouth 25 00:00:48.09 --> 00:00:51.01 and then Shift click on the left half 26 00:00:51.01 --> 00:00:53.05 in order to select both open path outlines. 27 00:00:53.05 --> 00:00:55.04 Then go up to the Object Menu, 28 00:00:55.04 --> 00:00:57.04 choose Path and choose Join. 29 00:00:57.04 --> 00:01:01.05 Or you can press Control+J, or Command+J on the Mac. 30 00:01:01.05 --> 00:01:03.04 Just to make sure things have worked properly 31 00:01:03.04 --> 00:01:05.03 I'll press the "A" key to switch to the 32 00:01:05.03 --> 00:01:07.03 wide arrow tool and then I'll click on that 33 00:01:07.03 --> 00:01:10.00 anchor point to select it and I'll drag it. 34 00:01:10.00 --> 00:01:12.01 And sure enough, we now have fused anchor point 35 00:01:12.01 --> 00:01:14.04 and a single closed path outline. 36 00:01:14.04 --> 00:01:16.03 Problem is if I drag a control handle 37 00:01:16.03 --> 00:01:18.02 you can see that we have a cusp point, 38 00:01:18.02 --> 00:01:21.00 instead of a smooth point, which is not what I want. 39 00:01:21.00 --> 00:01:22.05 So I'll go ahead and press Control+Z, 40 00:01:22.05 --> 00:01:24.06 or Command+Z on a Mac, a couple of times 41 00:01:24.06 --> 00:01:26.07 in order to undo those changes. 42 00:01:26.07 --> 00:01:28.06 And then I'll Shift click on this anchor point 43 00:01:28.06 --> 00:01:29.08 down here at the bottom. 44 00:01:29.08 --> 00:01:32.06 And I'll go to the second icon up here in the Control Panel, 45 00:01:32.06 --> 00:01:36.00 which allows me to convert the points to smooth points. 46 00:01:36.00 --> 00:01:37.08 And just to demonstrate that that has worked, 47 00:01:37.08 --> 00:01:39.09 I'll click on this top point again 48 00:01:39.09 --> 00:01:42.03 and I will drag one of the control handles. 49 00:01:42.03 --> 00:01:43.09 And you can see that the other 50 00:01:43.09 --> 00:01:46.09 control handle moves in the opposite direction. 51 00:01:46.09 --> 00:01:48.05 Alright, I'll go ahead and undo that change 52 00:01:48.05 --> 00:01:51.03 and then I'll Alt click, or Option click, on this 53 00:01:51.03 --> 00:01:53.03 path outline to select the entire thing. 54 00:01:53.03 --> 00:01:55.09 And I'll Shift+Alt, or Shift+Option click 55 00:01:55.09 --> 00:01:57.09 on the right half to select it as well. 56 00:01:57.09 --> 00:02:00.06 And then I'll press Control+J, or Command+J on a Mac, 57 00:02:00.06 --> 00:02:02.03 to join the paths together. 58 00:02:02.03 --> 00:02:04.00 And now I'll click on this anchor point 59 00:02:04.00 --> 00:02:05.06 and Shift click on this one. 60 00:02:05.06 --> 00:02:08.07 And then I'll convert both of those to smooth points 61 00:02:08.07 --> 00:02:11.07 by clicking on the second icon up here in the Control Panel. 62 00:02:11.07 --> 00:02:12.09 And just to make sure it worked, 63 00:02:12.09 --> 00:02:15.01 I'll go ahead and select this anchor point 64 00:02:15.01 --> 00:02:17.01 and I'll drag its control handle 65 00:02:17.01 --> 00:02:20.06 and sure enough everything's exactly the way it should be. 66 00:02:20.06 --> 00:02:22.09 Alright, now I'm going to zoom in a little bit here. 67 00:02:22.09 --> 00:02:24.08 And we need to round the corners of the paths, 68 00:02:24.08 --> 00:02:27.06 so I'll go ahead and Alt click, or Option click, 69 00:02:27.06 --> 00:02:29.08 on the path that represents the mouth 70 00:02:29.08 --> 00:02:33.01 so that we can see these corner widgets on either side. 71 00:02:33.01 --> 00:02:35.00 But rather than dragging on them, 72 00:02:35.00 --> 00:02:37.02 I'll just go ahead and change the corner's value 73 00:02:37.02 --> 00:02:40.01 up here in the Control Panel to 10 points. 74 00:02:40.01 --> 00:02:43.05 Then I'll Alt, or Option, click on this path outline, 75 00:02:43.05 --> 00:02:46.06 the one that represents the teeth, in order to select it. 76 00:02:46.06 --> 00:02:49.07 And I'll change corner's value, at first to eight points, 77 00:02:49.07 --> 00:02:51.06 and then I'll click on this bottom right widget 78 00:02:51.06 --> 00:02:53.04 and Shift click on the bottom left one 79 00:02:53.04 --> 00:02:58.04 and I'll increase the corner's value to 16 points, like so. 80 00:02:58.04 --> 00:02:59.09 Alright, now I'll go ahead and press the "V" key 81 00:02:59.09 --> 00:03:01.06 to switch back to the black arrow tool. 82 00:03:01.06 --> 00:03:05.01 And I'll click on the path outline for the mouth. 83 00:03:05.01 --> 00:03:06.07 And for the most part it needs to be 84 00:03:06.07 --> 00:03:09.07 stroked and filled like the eyes. 85 00:03:09.07 --> 00:03:12.03 And so I'll go ahead and grab my eye dropper tool, 86 00:03:12.03 --> 00:03:14.09 which once again you can get by pressing the eye key. 87 00:03:14.09 --> 00:03:16.07 And then I'll click on one of the eyes 88 00:03:16.07 --> 00:03:18.09 to lift its fill and stoke attributes. 89 00:03:18.09 --> 00:03:20.07 But notice things didn't work out quite right. 90 00:03:20.07 --> 00:03:23.04 First of all, the strokes on top of the fill. 91 00:03:23.04 --> 00:03:26.00 And secondly, the stroke, which is twirled open 92 00:03:26.00 --> 00:03:28.04 is lacking in transform effect. 93 00:03:28.04 --> 00:03:29.07 And so, if you want to bring over 94 00:03:29.07 --> 00:03:31.00 all the appearance attributes 95 00:03:31.00 --> 00:03:32.02 what you have to do is press 96 00:03:32.02 --> 00:03:34.01 the Enter key, or the Return key on a Mac, 97 00:03:34.01 --> 00:03:36.09 to bring up the eye dropper Options Dialogue box 98 00:03:36.09 --> 00:03:39.02 and then turn on the Appearance check box 99 00:03:39.02 --> 00:03:41.09 on the left hand list and click "Ok". 100 00:03:41.09 --> 00:03:44.01 And now if you, once again, click on the eye 101 00:03:44.01 --> 00:03:45.06 you'll see that the fill and stroke 102 00:03:45.06 --> 00:03:47.01 are in their proper locations 103 00:03:47.01 --> 00:03:49.07 and the transform effect has been restored. 104 00:03:49.07 --> 00:03:53.02 Unfortunately, we have a hard edge around the stroke 105 00:03:53.02 --> 00:03:54.08 and that because for whatever reason 106 00:03:54.08 --> 00:03:57.01 it's going in a wrong direction. 107 00:03:57.01 --> 00:03:58.05 So, go ahead and select the stroke, 108 00:03:58.05 --> 00:04:00.02 here inside the Gradient Panel, 109 00:04:00.02 --> 00:04:03.00 and click on the Reverse Gradient icon. 110 00:04:03.00 --> 00:04:06.01 In order to make the stroke go from opaque inside the shape 111 00:04:06.01 --> 00:04:08.06 to transparent on the outside edge. 112 00:04:08.06 --> 00:04:10.06 Alright, now click on the word Transform 113 00:04:10.06 --> 00:04:13.03 associated with the stroke, here inside the Appearance Panel 114 00:04:13.03 --> 00:04:15.00 and this is a very slight change. 115 00:04:15.00 --> 00:04:16.07 We're just going to take the horizontal value 116 00:04:16.07 --> 00:04:19.04 up to 99% and then click "Ok". 117 00:04:19.04 --> 00:04:20.08 And that's just going to make the stroke 118 00:04:20.08 --> 00:04:23.02 a little wider at the outside edges of the mouth. 119 00:04:23.02 --> 00:04:26.03 Now we need to adjust the fill, and to do that 120 00:04:26.03 --> 00:04:28.02 go ahead and click on the Fill icon, 121 00:04:28.02 --> 00:04:30.01 here inside the Gradient Panel and change 122 00:04:30.01 --> 00:04:33.04 the type from Radial to Linear, like so. 123 00:04:33.04 --> 00:04:37.03 And then we want the angle value to be 90 degrees. 124 00:04:37.03 --> 00:04:39.02 So the gradient is going from bright 125 00:04:39.02 --> 00:04:41.08 at the bottom to dark at the top. 126 00:04:41.08 --> 00:04:43.04 Alright now, if you press Control+Y, 127 00:04:43.04 --> 00:04:45.03 or Command+Y on a Mac, you're going to see that 128 00:04:45.03 --> 00:04:49.00 we have some even brighter brown going on inside the mouth. 129 00:04:49.00 --> 00:04:51.06 The thing is though, if I were to click right now 130 00:04:51.06 --> 00:04:54.05 with the eye dropper, I'm not going to get that color. 131 00:04:54.05 --> 00:04:58.02 And, by the way, I would mess up my selected path outline 132 00:04:58.02 --> 00:04:59.07 so I'll press Control+Shift+A, 133 00:04:59.07 --> 00:05:02.03 or Command+Shift+A on Mac, to deselect the path 134 00:05:02.03 --> 00:05:05.01 and then notice, if I click right here, 135 00:05:05.01 --> 00:05:07.07 instead of getting a shade of brown for the fill, 136 00:05:07.07 --> 00:05:10.02 which is currently active, I get nothing. 137 00:05:10.02 --> 00:05:13.02 Both the fill and the stroke turn to none. 138 00:05:13.02 --> 00:05:15.06 And that's because I turned on that Appearance checkbox. 139 00:05:15.06 --> 00:05:18.08 So, it changes the behavior of the eye dropper, 140 00:05:18.08 --> 00:05:20.03 but there's a way to get it back. 141 00:05:20.03 --> 00:05:23.04 And that's to press the Shift key as you click. 142 00:05:23.04 --> 00:05:24.06 So if you Shift click, 143 00:05:24.06 --> 00:05:27.09 whether that Appearance checkbox is turned on or not, 144 00:05:27.09 --> 00:05:32.08 you should get the color directly underneath your cursor. 145 00:05:32.08 --> 00:05:34.03 And so just remember that in the future. 146 00:05:34.03 --> 00:05:36.02 If the eye dropper does you wrong, 147 00:05:36.02 --> 00:05:39.03 because it has been known to change its behavior over time, 148 00:05:39.03 --> 00:05:41.04 a Shift click should set it right. 149 00:05:41.04 --> 00:05:43.09 Alright, now lets go ahead and save that new brown 150 00:05:43.09 --> 00:05:45.09 as a swatch by clicking on the little Page icon 151 00:05:45.09 --> 00:05:47.07 at the bottom of the Swatches Panel. 152 00:05:47.07 --> 00:05:51.01 And I'll just go ahead and call this guy "Brown Four" 153 00:05:51.01 --> 00:05:53.02 and then I'll turn on the Global checkbox, 154 00:05:53.02 --> 00:05:55.01 switch to the HSB sliders, 155 00:05:55.01 --> 00:05:56.09 Tab my way to the hue value, 156 00:05:56.09 --> 00:05:58.06 change it to 35 degrees, 157 00:05:58.06 --> 00:06:02.00 and then change the saturation value to 85%, 158 00:06:02.00 --> 00:06:06.02 and I'll change brightness value to 75% and click "Ok". 159 00:06:06.02 --> 00:06:08.04 And you know, as long as I'm here, I want to lift this 160 00:06:08.04 --> 00:06:10.05 really dark brown under the teeth 161 00:06:10.05 --> 00:06:14.04 and so I will once again Shift click in order to select it. 162 00:06:14.04 --> 00:06:17.03 And you can see I now have a new shade of brown, 163 00:06:17.03 --> 00:06:18.08 here in the Swatches Panel. 164 00:06:18.08 --> 00:06:20.07 And then I'll click on the little Page icon 165 00:06:20.07 --> 00:06:22.00 at the bottom of the panel. 166 00:06:22.00 --> 00:06:23.07 I'll call this guy a "Brown Five", 167 00:06:23.07 --> 00:06:26.01 turn on the Global checkbox, switch to HSB, 168 00:06:26.01 --> 00:06:29.04 Tab to my hue value, pick it up to 40%, 169 00:06:29.04 --> 00:06:32.05 Saturation value's already 100%, which is what I want, 170 00:06:32.05 --> 00:06:34.04 and then I'll set the Brightness value 171 00:06:34.04 --> 00:06:36.08 to 20% and click "Ok". 172 00:06:36.08 --> 00:06:38.08 Alright, now I'll take these two new swatches here, 173 00:06:38.08 --> 00:06:40.09 click on one, Shift click on the other 174 00:06:40.09 --> 00:06:43.06 and drag them to end of the Emoji folder 175 00:06:43.06 --> 00:06:45.07 in order to move them into that group. 176 00:06:45.07 --> 00:06:47.05 Alright, now press the "V" key 177 00:06:47.05 --> 00:06:49.03 to switch back to the black arrow tool. 178 00:06:49.03 --> 00:06:51.06 Press Control+Y, or Command+Y on a Mac, 179 00:06:51.06 --> 00:06:52.09 to switch to the Preview mode 180 00:06:52.09 --> 00:06:55.06 and then go ahead and click on the mouth to select it. 181 00:06:55.06 --> 00:06:57.09 Alright, now I'm going to click on this color stop 182 00:06:57.09 --> 00:06:59.07 right there, here inside the Gradient Panel. 183 00:06:59.07 --> 00:07:02.06 And I'm going to take the location value up to 60%, 184 00:07:02.06 --> 00:07:04.08 and then I'll grab "Brown Four", 185 00:07:04.08 --> 00:07:06.01 the brightest of the browns, 186 00:07:06.01 --> 00:07:08.04 and drag it and drop it onto the gradient. 187 00:07:08.04 --> 00:07:11.07 And I'm going to change its location value to 30% 188 00:07:11.07 --> 00:07:14.05 in order to produce this effect here. 189 00:07:14.05 --> 00:07:16.02 Alright, now we need to fill the teeth, 190 00:07:16.02 --> 00:07:19.00 so go ahead and select that path, get rid of the stroke 191 00:07:19.00 --> 00:07:21.01 by clicking on the second Swatch icon 192 00:07:21.01 --> 00:07:24.04 up here in the Control Panel and changing it to "None". 193 00:07:24.04 --> 00:07:26.01 And then make sure your fill is active, 194 00:07:26.01 --> 00:07:27.07 here inside the Gradient Panel 195 00:07:27.07 --> 00:07:31.00 and select "White/Black" to start with. 196 00:07:31.00 --> 00:07:33.06 And that's obviously not the effect we are looking for, 197 00:07:33.06 --> 00:07:34.09 but it will be in a moment, 198 00:07:34.09 --> 00:07:36.05 when you drag this shade of grey, 199 00:07:36.05 --> 00:07:39.03 the one in which all the values are 179. 200 00:07:39.03 --> 00:07:40.05 Go ahead and drag this guy 201 00:07:40.05 --> 00:07:43.05 and drop it onto the black color stop to replace it. 202 00:07:43.05 --> 00:07:46.00 Then select the white color stop and change its 203 00:07:46.00 --> 00:07:49.06 location value to 50% so its right there in the middle. 204 00:07:49.06 --> 00:07:52.06 And then Alt or Option drag the grey color stop 205 00:07:52.06 --> 00:07:54.05 from the far right hand side 206 00:07:54.05 --> 00:07:57.02 to the far left hand side of the gradient 207 00:07:57.02 --> 00:07:59.06 and you will end up with this effect here. 208 00:07:59.06 --> 00:08:01.03 Alright, now I'll press Control+Shift+A, 209 00:08:01.03 --> 00:08:03.07 or Command+Shift+A on a Mac, to deselect my artwork 210 00:08:03.07 --> 00:08:05.07 and just for the sake of comparison here 211 00:08:05.07 --> 00:08:08.00 I'll press Control+Y, or Command+Y on a Mac, 212 00:08:08.00 --> 00:08:09.08 so that we can see the tracing template, 213 00:08:09.08 --> 00:08:12.03 complete with a vertical gradient inside the mouth 214 00:08:12.03 --> 00:08:14.07 and horizontal gradient across the teeth 215 00:08:14.07 --> 00:08:18.00 compared with the effect that we've produced so far. 216 00:08:18.00 --> 00:08:19.05 And that is how you make the most of 217 00:08:19.05 --> 00:08:21.03 a couple of old school linear gradients, 218 00:08:21.03 --> 00:08:23.08 which are still as great as they ever were 219 00:08:23.08 --> 00:08:25.08 here inside Illustrator.