1 00:00:00.06 --> 00:00:01.08 - Alright, in this movie, we're going to 2 00:00:01.08 --> 00:00:03.03 finish off the artwork. 3 00:00:03.03 --> 00:00:06.02 First by reshaping a few lumpy path outlines 4 00:00:06.02 --> 00:00:08.09 using some conventional white arrow techniques, 5 00:00:08.09 --> 00:00:12.03 and then, by assigning some colorful fills. 6 00:00:12.03 --> 00:00:14.07 Alright, so one of the paths that bugs me 7 00:00:14.07 --> 00:00:16.02 is this spot right here. 8 00:00:16.02 --> 00:00:18.05 Even though I said we don't have to worry too much about it, 9 00:00:18.05 --> 00:00:20.08 it's just a big lump, it's looking a little bit 10 00:00:20.08 --> 00:00:22.01 too lumpy to me. 11 00:00:22.01 --> 00:00:23.06 So I'll go ahead and press the A key to 12 00:00:23.06 --> 00:00:25.03 switch to my White Arrow Tool, 13 00:00:25.03 --> 00:00:27.05 and then I'll click right there, and the culprit, 14 00:00:27.05 --> 00:00:29.05 is this little bit of straight segment. 15 00:00:29.05 --> 00:00:30.04 I don't want that. 16 00:00:30.04 --> 00:00:32.08 So having selected the segment by clicking on it, 17 00:00:32.08 --> 00:00:34.08 I'll press the Backspace key, or the Delete key 18 00:00:34.08 --> 00:00:36.05 on the Mac, to get rid of it. 19 00:00:36.05 --> 00:00:38.01 And then I'll select this anchor point 20 00:00:38.01 --> 00:00:40.01 and drag it until it snaps into alignment 21 00:00:40.01 --> 00:00:41.09 with the other one, and then I'll marquee 22 00:00:41.09 --> 00:00:44.03 both of these guys, and what I want to do 23 00:00:44.03 --> 00:00:46.05 is join them into a smooth point. 24 00:00:46.05 --> 00:00:48.07 And the best way to make that happen, 25 00:00:48.07 --> 00:00:51.03 is to press that top secret keyboard shortcut. 26 00:00:51.03 --> 00:00:53.07 I'm afraid there is no command for this. 27 00:00:53.07 --> 00:00:56.04 And it's basically, "mash your fist J." 28 00:00:56.04 --> 00:00:58.09 So it's Control, Shift, Alt on the PC, 29 00:00:58.09 --> 00:01:01.01 or Command, Shift, Option on the Mac, 30 00:01:01.01 --> 00:01:03.06 along with the J key, and that forces the 31 00:01:03.06 --> 00:01:05.05 display of the joint dialogue box 32 00:01:05.05 --> 00:01:08.04 so that you can turn this new point into a smooth point. 33 00:01:08.04 --> 00:01:10.00 Which is very important because otherwise, 34 00:01:10.00 --> 00:01:12.02 if you just hit Control J or Command J on the Mac, 35 00:01:12.02 --> 00:01:14.01 or choose the Join Command or whatever, 36 00:01:14.01 --> 00:01:15.08 you'll end up with a corner point. 37 00:01:15.08 --> 00:01:17.02 Which is not what we want. 38 00:01:17.02 --> 00:01:19.04 So now I'll click Ok, and now you can see 39 00:01:19.04 --> 00:01:20.06 that I've got a smooth point 40 00:01:20.06 --> 00:01:23.02 which allows me to flex the point 41 00:01:23.02 --> 00:01:25.08 by dragging on either control handle. 42 00:01:25.08 --> 00:01:27.08 Now take a look at this guy right here. 43 00:01:27.08 --> 00:01:30.03 This transition to me doesn't look that smooth either. 44 00:01:30.03 --> 00:01:33.05 But, whenever you run out of curvature like this, 45 00:01:33.05 --> 00:01:36.00 you end up with two coincident anchor points. 46 00:01:36.00 --> 00:01:37.09 That is to say one anchor point is directly 47 00:01:37.09 --> 00:01:39.01 on top of another. 48 00:01:39.01 --> 00:01:40.06 And you can see that's the case just by 49 00:01:40.06 --> 00:01:43.02 dragging one of these guys to a different location. 50 00:01:43.02 --> 00:01:45.04 So, I want you to see this, because this is 51 00:01:45.04 --> 00:01:48.01 the downside of drawing with round corners. 52 00:01:48.01 --> 00:01:50.05 It's really fun, it's really easy, but you can 53 00:01:50.05 --> 00:01:52.06 end up with coincident anchor points. 54 00:01:52.06 --> 00:01:54.00 In which case, just go ahead and marquee 55 00:01:54.00 --> 00:01:55.08 that segment between them, and press the 56 00:01:55.08 --> 00:01:58.02 Backspace key or the Delete key the Mac, 57 00:01:58.02 --> 00:02:00.02 in order to create a hole, and then 58 00:02:00.02 --> 00:02:02.04 select one of the anchor points, drag it back 59 00:02:02.04 --> 00:02:04.06 onto the other so it snaps into alignment. 60 00:02:04.06 --> 00:02:07.07 Marquee both of them, and press Control, Shift, Alt J, 61 00:02:07.07 --> 00:02:09.06 or Command, Shift, Option J on the Mac 62 00:02:09.06 --> 00:02:12.00 in order to display the joint dialogue box. 63 00:02:12.00 --> 00:02:14.00 Select smooth, and click Ok. 64 00:02:14.00 --> 00:02:15.08 Now some of you at this point might be thinking 65 00:02:15.08 --> 00:02:18.04 "Well why don't you just delete the extra point, 66 00:02:18.04 --> 00:02:20.02 "by clicking on it with the Pen Tool?" 67 00:02:20.02 --> 00:02:22.02 Which is an option, but if you do that, 68 00:02:22.02 --> 00:02:24.07 then you're going to lose that extra control handle. 69 00:02:24.07 --> 00:02:27.09 Because what we've got here, is cusp points 70 00:02:27.09 --> 00:02:28.08 on either side. 71 00:02:28.08 --> 00:02:31.00 So this point right there, has a control handle 72 00:02:31.00 --> 00:02:33.00 on the right, and this guy down here has 73 00:02:33.00 --> 00:02:34.05 a control handle on the left. 74 00:02:34.05 --> 00:02:36.06 If you want to keep those control handles, 75 00:02:36.06 --> 00:02:38.05 then you've got to get rid of the straight segment 76 00:02:38.05 --> 00:02:40.06 in between them by marqueeing it, 77 00:02:40.06 --> 00:02:43.01 pressing the Backspace key or the Delete key on the Mac, 78 00:02:43.01 --> 00:02:45.06 and then selecting that endpoint, dragging it back until 79 00:02:45.06 --> 00:02:47.06 it snaps into alignment with the other one, 80 00:02:47.06 --> 00:02:49.00 marqueeing those two points, 81 00:02:49.00 --> 00:02:50.07 and pressing Control, Shift, Alt J or 82 00:02:50.07 --> 00:02:52.06 Command, Shift, Option j on the Mac, 83 00:02:52.06 --> 00:02:54.05 and selecting Smooth. 84 00:02:54.05 --> 00:02:57.06 So this is a very old school technique by the way. 85 00:02:57.06 --> 00:03:00.00 It goes back to the first version of Illustrator, 86 00:03:00.00 --> 00:03:02.09 but it is often times the best way to work. 87 00:03:02.09 --> 00:03:05.08 Alright, another spot is down here in the mouth. 88 00:03:05.08 --> 00:03:07.04 This is not what I'm looking for. 89 00:03:07.04 --> 00:03:08.07 But the good news is because we've got 90 00:03:08.07 --> 00:03:10.01 a straight segment right here, 91 00:03:10.01 --> 00:03:12.02 I can move this point to a different location, 92 00:03:12.02 --> 00:03:14.03 or even nudge it from the keyboard 93 00:03:14.03 --> 00:03:15.08 by pressing an arrow key, 94 00:03:15.08 --> 00:03:18.01 and I'm not revealing a second point. 95 00:03:18.01 --> 00:03:20.09 So those second points only happen 96 00:03:20.09 --> 00:03:22.07 at maximum curvature. 97 00:03:22.07 --> 00:03:25.00 That's when you get those overlapping anchor points, 98 00:03:25.00 --> 00:03:27.06 just like we have right here, for example. 99 00:03:27.06 --> 00:03:29.03 So I'll go ahead and marquee this segment, 100 00:03:29.03 --> 00:03:31.04 press the Backspace key, or the Delete key on the Mac 101 00:03:31.04 --> 00:03:33.08 to get rid of it, go ahead and click on this endpoint, 102 00:03:33.08 --> 00:03:35.07 and drag it, 'til it snaps into alignment 103 00:03:35.07 --> 00:03:38.00 with the other one, marquee those two points, 104 00:03:38.00 --> 00:03:39.09 and press Control, Shift, Alt J or 105 00:03:39.09 --> 00:03:41.07 Command, Shift, Option j on the Mac, 106 00:03:41.07 --> 00:03:44.02 select Smooth, and then click Ok. 107 00:03:44.02 --> 00:03:46.06 Alright we probably have another one right here. 108 00:03:46.06 --> 00:03:47.06 Yes we do. 109 00:03:47.06 --> 00:03:50.07 And so I'll drag them apart, this one's really important. 110 00:03:50.07 --> 00:03:52.04 And then I'll marquee that segment, 111 00:03:52.04 --> 00:03:54.07 press the Backspace key, Delete key on the Mac, 112 00:03:54.07 --> 00:03:56.04 drag those guys back, whoops! 113 00:03:56.04 --> 00:03:58.04 So I got to click on it in order to select it 114 00:03:58.04 --> 00:03:59.08 independently of the other one, 115 00:03:59.08 --> 00:04:02.02 then drag it, then marquee those two, 116 00:04:02.02 --> 00:04:03.06 then press Control, Shift, Alt J, 117 00:04:03.06 --> 00:04:05.06 Command, Shift, Option j on the Mac, 118 00:04:05.06 --> 00:04:08.02 select Smooth, and press Enter or Return. 119 00:04:08.02 --> 00:04:10.09 And now that gives me the flexibility to drag 120 00:04:10.09 --> 00:04:13.07 this control handle down and to the left a little bit, 121 00:04:13.07 --> 00:04:16.00 in order to increase the curvature of the mouth, 122 00:04:16.00 --> 00:04:17.05 while keeping this transition right here 123 00:04:17.05 --> 00:04:18.08 moderately smooth. 124 00:04:18.08 --> 00:04:20.08 And if I want an even smoother transition, 125 00:04:20.08 --> 00:04:22.05 I'll drag that point up a bit, 126 00:04:22.05 --> 00:04:25.03 and then drag this control handle down. 127 00:04:25.03 --> 00:04:28.09 And that way, we have more control handle action. 128 00:04:28.09 --> 00:04:30.09 Alright, now we need to fix the tongue, 129 00:04:30.09 --> 00:04:33.08 and so notice if I try to drag this guy up, 130 00:04:33.08 --> 00:04:36.04 because he doesn't quite touch the top of the mouth anymore, 131 00:04:36.04 --> 00:04:38.04 then I've got this extra anchor point right there. 132 00:04:38.04 --> 00:04:40.01 So I'll just go ahead and click on that guy 133 00:04:40.01 --> 00:04:42.09 and press the Backspace key, or the Delete key on a Mac. 134 00:04:42.09 --> 00:04:44.07 We kind of have an extra right there too 135 00:04:44.07 --> 00:04:47.00 so I'll select it, and press Backspace or Delete 136 00:04:47.00 --> 00:04:49.05 to get rid of it, and then, I'll go ahead and drag 137 00:04:49.05 --> 00:04:52.06 this guy down until he snaps into alignment. 138 00:04:52.06 --> 00:04:55.01 I've got Smart Guides turned on, bear in mind, 139 00:04:55.01 --> 00:04:57.03 'til he snaps into alignment with this path, 140 00:04:57.03 --> 00:04:59.09 and then I'll drag this control handle up and outward, 141 00:04:59.09 --> 00:05:02.07 and I'll drag this one up and outward a little bit as well, 142 00:05:02.07 --> 00:05:04.07 so that we have a rounder tongue. 143 00:05:04.07 --> 00:05:07.00 Alright now let's start assigning some colors here 144 00:05:07.00 --> 00:05:08.08 by pressing the V key to switch to the 145 00:05:08.08 --> 00:05:10.02 Black Arrow Tool. 146 00:05:10.02 --> 00:05:12.04 And I'm going to start by partially marqueeing the eye 147 00:05:12.04 --> 00:05:13.06 and the spot. 148 00:05:13.06 --> 00:05:15.08 And then, let's go ahead and fill them with white 149 00:05:15.08 --> 00:05:17.02 by clicking on the first color swatch 150 00:05:17.02 --> 00:05:20.09 and then selecting white from that swatch's panel. 151 00:05:20.09 --> 00:05:24.05 Alright, next, marquee the top of the body and the fin, 152 00:05:24.05 --> 00:05:26.01 in order to select both those shapes, 153 00:05:26.01 --> 00:05:29.03 and change them to black this time around. 154 00:05:29.03 --> 00:05:31.04 And we'll end up with this effect here. 155 00:05:31.04 --> 00:05:33.03 Alright, now for the mouth. 156 00:05:33.03 --> 00:05:34.05 The easiest way to fill the mouth, 157 00:05:34.05 --> 00:05:37.04 since both of these path outlines are open, 158 00:05:37.04 --> 00:05:41.01 is to first fill them, and then use the Shape Builder Tool. 159 00:05:41.01 --> 00:05:43.02 So I'll go and select both of these shapes 160 00:05:43.02 --> 00:05:45.06 by clicking on one and shift clicking on the other, 161 00:05:45.06 --> 00:05:47.02 and then I'll click on the fill swatch 162 00:05:47.02 --> 00:05:48.07 up here in the Control Panel, and I'll select 163 00:05:48.07 --> 00:05:52.08 this shade of pink, R212-G-20-B-90 164 00:05:52.08 --> 00:05:55.00 in order to produce this effect, and then, 165 00:05:55.00 --> 00:05:57.01 I'll click off the path outline to de-select them 166 00:05:57.01 --> 00:05:59.04 and I'll re-select the mouth, because I want it 167 00:05:59.04 --> 00:06:02.00 to be a paler shade of pink, and so 168 00:06:02.00 --> 00:06:03.09 this time I'm going to Shift click 169 00:06:03.09 --> 00:06:07.00 on that first color swatch up here in the Control Panel. 170 00:06:07.00 --> 00:06:09.03 And that will bring up your color sliders. 171 00:06:09.03 --> 00:06:11.08 At which point, go ahead and switch to 172 00:06:11.08 --> 00:06:14.03 HSB if you're working along with me, 173 00:06:14.03 --> 00:06:16.00 and I'm going to take the saturation value 174 00:06:16.00 --> 00:06:18.01 down to 77, and I'm going to take the brightness 175 00:06:18.01 --> 00:06:22.04 value up to 100, in order to get this more fleshy color. 176 00:06:22.04 --> 00:06:24.05 Alright, now I'm going to Shift click on the tongue 177 00:06:24.05 --> 00:06:26.05 once again, and now, we're going to build 178 00:06:26.05 --> 00:06:30.00 these guys out by switching to the Shape Builder Tool, 179 00:06:30.00 --> 00:06:32.01 which now has a keyboard shortcut of "L" 180 00:06:32.01 --> 00:06:35.01 assuming that you changed your shortcuts along with me, 181 00:06:35.01 --> 00:06:38.04 and now, you want to just drag across this sliver 182 00:06:38.04 --> 00:06:40.05 into this shape right there 183 00:06:40.05 --> 00:06:42.08 in order to create this collection of what is now 184 00:06:42.08 --> 00:06:44.06 three independent shapes. 185 00:06:44.06 --> 00:06:46.09 Because we have this weird sliver right there. 186 00:06:46.09 --> 00:06:49.00 And to see what it look like, press Control Y, 187 00:06:49.00 --> 00:06:51.01 or Command Y on the Mac to switch to 188 00:06:51.01 --> 00:06:53.06 the outline mode, and now press the V Key to 189 00:06:53.06 --> 00:06:55.04 switch back to the Black Arrow Tool. 190 00:06:55.04 --> 00:06:57.04 Click off the paths to de-select them, 191 00:06:57.04 --> 00:07:00.01 and click on this guy right there to select it. 192 00:07:00.01 --> 00:07:01.05 And the reason we switched to the 193 00:07:01.05 --> 00:07:03.09 outline mode by the way, was because otherwise 194 00:07:03.09 --> 00:07:06.08 it would have been nigh on impossible to find this thing. 195 00:07:06.08 --> 00:07:09.00 And this shape is in front of it as well. 196 00:07:09.00 --> 00:07:10.08 And so now I'm going to press the Backspace key 197 00:07:10.08 --> 00:07:13.05 or the Delete key to get rid of that weird triangle. 198 00:07:13.05 --> 00:07:14.06 And I'm going to zoom in here, 199 00:07:14.06 --> 00:07:16.03 and notice that we have some points 200 00:07:16.03 --> 00:07:18.02 that aren't exactly where they should be. 201 00:07:18.02 --> 00:07:20.04 So I'll go ahead and switch to the white arrow tool. 202 00:07:20.04 --> 00:07:22.08 And I'll click right there and drag up 203 00:07:22.08 --> 00:07:25.00 just a little bit in order to extend that 204 00:07:25.00 --> 00:07:27.06 straight segment so that it's tucking behind 205 00:07:27.06 --> 00:07:28.08 the big black shape. 206 00:07:28.08 --> 00:07:29.09 And then I'll select this corner point 207 00:07:29.09 --> 00:07:32.04 in the mouth shape, and I'll drag it up 208 00:07:32.04 --> 00:07:34.01 a little bit as well. 209 00:07:34.01 --> 00:07:36.00 And I might just go ahead and nudge it 210 00:07:36.00 --> 00:07:37.06 over to the left a bit. 211 00:07:37.06 --> 00:07:39.03 Alright, now I'll go ahead and press Control 0, 212 00:07:39.03 --> 00:07:41.01 or Command 0 on the Mac to zoom out, 213 00:07:41.01 --> 00:07:43.07 and I'll press Control Y, or Command Y on the Mac 214 00:07:43.07 --> 00:07:46.01 to switch back to the preview mode. 215 00:07:46.01 --> 00:07:47.08 Now the final step is to make this guy 216 00:07:47.08 --> 00:07:49.06 look like he's swimming in water. 217 00:07:49.06 --> 00:07:51.05 And so I'm going to bring back that blue-green 218 00:07:51.05 --> 00:07:53.08 rectangle, by double clicking on an empty 219 00:07:53.08 --> 00:07:55.05 portion of the template layer, 220 00:07:55.05 --> 00:07:57.02 turning off the template check box. 221 00:07:57.02 --> 00:07:59.09 Then I might as well rename this layer "water" as well. 222 00:07:59.09 --> 00:08:01.06 And then I'll click Ok. 223 00:08:01.06 --> 00:08:03.04 And now, I'll press the V key to switch to 224 00:08:03.04 --> 00:08:05.09 the Black Arrow Tool, and I'll click in 225 00:08:05.09 --> 00:08:08.01 this rectangle to select it. 226 00:08:08.01 --> 00:08:09.04 And you can tell it's selected 'cause we 227 00:08:09.04 --> 00:08:10.08 can see its center point. 228 00:08:10.08 --> 00:08:12.01 And now click on the word "opacity" 229 00:08:12.01 --> 00:08:14.02 up here in the Control Panel, and switch 230 00:08:14.02 --> 00:08:17.03 the blend mode from Screen back to Normal, 231 00:08:17.03 --> 00:08:19.02 so that we can see the shape. 232 00:08:19.02 --> 00:08:20.06 Now the obvious problem, of course, 233 00:08:20.06 --> 00:08:23.04 is that the bottom of the orca is not filled in. 234 00:08:23.04 --> 00:08:25.03 So I'll go ahead and press the Escape key 235 00:08:25.03 --> 00:08:26.09 in order to hide that panel, and I'm going to 236 00:08:26.09 --> 00:08:30.02 lock the water layer by clicking in the second column. 237 00:08:30.02 --> 00:08:32.06 And I'm going to rename this corner points layer 238 00:08:32.06 --> 00:08:34.02 "roundness" let's say, 239 00:08:34.02 --> 00:08:36.07 'cause there are a lot of smooth and cusp points now. 240 00:08:36.07 --> 00:08:38.05 And now I'm going to go ahead and select this shape, 241 00:08:38.05 --> 00:08:40.07 and I want to extend it using the Pen Tool, 242 00:08:40.07 --> 00:08:43.00 but there's another point in front of this end point, 243 00:08:43.00 --> 00:08:45.06 so I'll press the A key to switch my White Arrow Tool. 244 00:08:45.06 --> 00:08:47.04 I'll go ahead and select that point and 245 00:08:47.04 --> 00:08:50.00 drag it over just a little bit like so. 246 00:08:50.00 --> 00:08:52.01 And now, I can switch to the Pen Tool, 247 00:08:52.01 --> 00:08:54.00 which I can get by pressing the P key, 248 00:08:54.00 --> 00:08:57.00 and I can just click, like so, around this 249 00:08:57.00 --> 00:09:00.07 region in order to close the path outline. 250 00:09:00.07 --> 00:09:02.03 That's all that's important, because after all, 251 00:09:02.03 --> 00:09:03.05 it is in back. 252 00:09:03.05 --> 00:09:05.02 And now I'll press the V key to switch back to the 253 00:09:05.02 --> 00:09:07.08 Black Arrow Tool, and I'll click on the path outline 254 00:09:07.08 --> 00:09:09.08 to select the entire shape, and then I'll 255 00:09:09.08 --> 00:09:12.08 change it's fill to white up here in the Control Panel. 256 00:09:12.08 --> 00:09:15.07 And finally, I'll right click on the shape, 257 00:09:15.07 --> 00:09:18.08 choose Arrange, and choose Send to Back 258 00:09:18.08 --> 00:09:21.05 in order to send that shape to the back of the stack. 259 00:09:21.05 --> 00:09:23.06 And then finally, I'll press Control, Shift A, 260 00:09:23.06 --> 00:09:25.02 or Command, Shift A on the Mac 261 00:09:25.02 --> 00:09:27.08 in order to de-select my artwork. 262 00:09:27.08 --> 00:09:29.07 And that's how we finish off the orca 263 00:09:29.07 --> 00:09:31.07 that began as nothing more than a series 264 00:09:31.07 --> 00:09:34.07 of free-form corner points, using the 265 00:09:34.07 --> 00:09:37.03 many skills of the White Arrow Tool 266 00:09:37.03 --> 00:09:39.07 here inside Illustrator.