1 00:00:00.05 --> 00:00:02.02 - [Instructor] In this movie we're going to enhance 2 00:00:02.02 --> 00:00:06.06 our 3D artwork by adding these faux 3D beads of sweat. 3 00:00:06.06 --> 00:00:10.01 And so the idea is because Illustrator's 3D functions 4 00:00:10.01 --> 00:00:13.02 aren't sophisticated enough to allow us to create objects 5 00:00:13.02 --> 00:00:15.02 that interact with each other 6 00:00:15.02 --> 00:00:17.07 we're going to use gradients instead. 7 00:00:17.07 --> 00:00:18.09 And I want you to see something 8 00:00:18.09 --> 00:00:22.01 and I'm going to zoom in on one of these droplets. 9 00:00:22.01 --> 00:00:24.06 Notice that the droplet is casting a shadow 10 00:00:24.06 --> 00:00:26.05 along its top edge 11 00:00:26.05 --> 00:00:29.05 and then we're seeing a highlight there toward the center 12 00:00:29.05 --> 00:00:33.03 and then we have another shadow along the bottom edge. 13 00:00:33.03 --> 00:00:34.07 And we're going to create this effect 14 00:00:34.07 --> 00:00:38.06 using a combination of radial gradients and drop shadows. 15 00:00:38.06 --> 00:00:40.04 All right, so first thing we need to do 16 00:00:40.04 --> 00:00:42.04 is switch over to the Layers panel 17 00:00:42.04 --> 00:00:44.07 and turn on this sweat layer, 18 00:00:44.07 --> 00:00:48.00 which contains nothing more than a bunch of green circles 19 00:00:48.00 --> 00:00:51.02 that I drew using the Ellipse Tool. 20 00:00:51.02 --> 00:00:52.09 All right, so I'm going to select all the circles 21 00:00:52.09 --> 00:00:56.01 by clicking in the top right corner of the sweat layer, 22 00:00:56.01 --> 00:00:58.04 and then I'm going to fill them with gradients 23 00:00:58.04 --> 00:01:00.02 by going up to the Window menu 24 00:01:00.02 --> 00:01:02.05 and choosing the Gradient command. 25 00:01:02.05 --> 00:01:04.07 Then you want to make sure that the Fill is active, 26 00:01:04.07 --> 00:01:08.01 in which case go ahead and click on the Gradient bar, 27 00:01:08.01 --> 00:01:12.00 assuming of course that your Gradient panel is expanded 28 00:01:12.00 --> 00:01:13.08 all the way, like so. 29 00:01:13.08 --> 00:01:15.02 All right, now with any luck 30 00:01:15.02 --> 00:01:17.05 your first color is white by default 31 00:01:17.05 --> 00:01:19.03 and we want the last color stop 32 00:01:19.03 --> 00:01:20.09 to be this dark shade of gray 33 00:01:20.09 --> 00:01:24.05 in which all of the RGB values are 51. 34 00:01:24.05 --> 00:01:27.05 And so I'll just go ahead and drag and drop that swatch 35 00:01:27.05 --> 00:01:29.07 onto the last color stop, like so. 36 00:01:29.07 --> 00:01:33.06 And then I'll change the Type from Linear to Radial. 37 00:01:33.06 --> 00:01:37.01 Now you want to go ahead and zoom in on your droplets, 38 00:01:37.01 --> 00:01:38.09 just so you can see them a little better. 39 00:01:38.09 --> 00:01:42.02 And I'm specifically interested in modifying this one, 40 00:01:42.02 --> 00:01:44.04 because it's one of the largest circles. 41 00:01:44.04 --> 00:01:46.07 And so I'll go ahead and grab the Gradient Tool, 42 00:01:46.07 --> 00:01:48.09 which you can get by pressing the G key, 43 00:01:48.09 --> 00:01:51.00 and I'll drag from right about here 44 00:01:51.00 --> 00:01:52.09 in this lower left quadrant 45 00:01:52.09 --> 00:01:56.07 to a little bit outside the circle, like so. 46 00:01:56.07 --> 00:01:59.02 And you might want to take a look at the Angle value 47 00:01:59.02 --> 00:02:00.09 here inside the Gradient panel 48 00:02:00.09 --> 00:02:03.04 and change it to 55 degrees. 49 00:02:03.04 --> 00:02:06.00 And that way you and I will get the same result. 50 00:02:06.00 --> 00:02:08.02 However, if you now zoom out 51 00:02:08.02 --> 00:02:11.03 you will see that all the other circles are messed up 52 00:02:11.03 --> 00:02:13.04 and that's because they're all filled 53 00:02:13.04 --> 00:02:15.00 with the same gradient. 54 00:02:15.00 --> 00:02:16.04 So what we need to do to fix things 55 00:02:16.04 --> 00:02:20.01 is press the V key to switch back to the black arrow tool 56 00:02:20.01 --> 00:02:22.07 and then Shift + click on this central circle 57 00:02:22.07 --> 00:02:24.07 to deselect it. 58 00:02:24.07 --> 00:02:27.07 All right, now we need to lift this circle's attributes 59 00:02:27.07 --> 00:02:29.09 by first switching to the Eyedropper Tool, 60 00:02:29.09 --> 00:02:32.04 which you can get by pressing the I key, 61 00:02:32.04 --> 00:02:34.01 then you want to press the Enter key, 62 00:02:34.01 --> 00:02:35.04 or the Return key on a Mac, 63 00:02:35.04 --> 00:02:38.03 to bring up the Eyedropper Options dialog box 64 00:02:38.03 --> 00:02:40.04 and go ahead and select the Appearance option 65 00:02:40.04 --> 00:02:42.01 in this left hand column. 66 00:02:42.01 --> 00:02:43.06 Now when you do that that'll go ahead 67 00:02:43.06 --> 00:02:45.06 and collapse that option, 68 00:02:45.06 --> 00:02:46.09 I've never understood why, 69 00:02:46.09 --> 00:02:49.03 but that's just fine, it's going to work great. 70 00:02:49.03 --> 00:02:51.02 At which point click OK 71 00:02:51.02 --> 00:02:54.01 and then click inside that properly filled circle 72 00:02:54.01 --> 00:02:56.04 in order to transfer those attributes 73 00:02:56.04 --> 00:02:59.04 to all the circles, like so. 74 00:02:59.04 --> 00:03:01.03 All right, now I'm going to press Control + Shift + A, 75 00:03:01.03 --> 00:03:02.08 or Command + Shift + A on the Mac, 76 00:03:02.08 --> 00:03:04.02 to deselect the artwork 77 00:03:04.02 --> 00:03:06.01 and I'll go ahead and zoom out. 78 00:03:06.01 --> 00:03:08.07 Now at this point what I decided I wanted to do 79 00:03:08.07 --> 00:03:10.07 was bend all the circles, 80 00:03:10.07 --> 00:03:14.01 so that they better match the contours of the can. 81 00:03:14.01 --> 00:03:16.02 Now I wasn't really sure how to do that, 82 00:03:16.02 --> 00:03:19.03 so I decided to experiment with the rectangle. 83 00:03:19.03 --> 00:03:21.08 And so I'll go ahead and select the Rectangle Tool 84 00:03:21.08 --> 00:03:23.08 from the shape tool fly-out menu, 85 00:03:23.08 --> 00:03:25.05 and then I'll draw a shape 86 00:03:25.05 --> 00:03:28.01 that's about the same size as the can, 87 00:03:28.01 --> 00:03:30.09 albeit upright instead of at an angle. 88 00:03:30.09 --> 00:03:32.07 I don't need it to be filled with a gradient, 89 00:03:32.07 --> 00:03:35.00 so I'll go ahead and change the Fill to white. 90 00:03:35.00 --> 00:03:37.00 And I'm going to switch away from the Gradient panel, 91 00:03:37.00 --> 00:03:39.09 just so I have a little more room to work. 92 00:03:39.09 --> 00:03:42.09 Now as you may recall, I set the role value 93 00:03:42.09 --> 00:03:48.00 inside the 3D Revolve dialog box to 10 degrees. 94 00:03:48.00 --> 00:03:50.07 And that just goes ahead and spins the can 10 degrees, 95 00:03:50.07 --> 00:03:54.00 so it's the same as the standard 2D rotation. 96 00:03:54.00 --> 00:03:56.04 And so I'll go ahead and switch to the Rotate Tool, 97 00:03:56.04 --> 00:03:58.04 which you get by pressing the R key, 98 00:03:58.04 --> 00:03:59.08 and then I'll press the Enter key, 99 00:03:59.08 --> 00:04:00.08 or the Return key on a Mac, 100 00:04:00.08 --> 00:04:02.07 to bring up the Rotate dialog box, 101 00:04:02.07 --> 00:04:04.07 and I'll set the Angle to 10 degrees. 102 00:04:04.07 --> 00:04:05.05 And you can see, 103 00:04:05.05 --> 00:04:07.06 because I have the Preview checkbox turned on, 104 00:04:07.06 --> 00:04:10.02 that we get a pretty darn good match. 105 00:04:10.02 --> 00:04:12.05 At which point I'll click OK. 106 00:04:12.05 --> 00:04:14.04 All right, now I'm just going to nudge the rectangle 107 00:04:14.04 --> 00:04:15.05 over a little bit, 108 00:04:15.05 --> 00:04:17.07 so it better matches the position of the can, 109 00:04:17.07 --> 00:04:19.03 and now what I want to do is bend 110 00:04:19.03 --> 00:04:22.04 the top and bottom edges outward. 111 00:04:22.04 --> 00:04:25.01 So again, I wasn't sure exactly how to approach this, 112 00:04:25.01 --> 00:04:28.02 but I'm confident this is a warp distortion. 113 00:04:28.02 --> 00:04:31.02 So I'll go up to the Effect menu, choose Warp, 114 00:04:31.02 --> 00:04:33.03 and then just choose the first command, 115 00:04:33.03 --> 00:04:36.00 or if you loaded dekeKeys you've got that keyboard shortcut 116 00:04:36.00 --> 00:04:38.00 of mash your fist + W, 117 00:04:38.00 --> 00:04:41.01 which will bring up the Warp Options dialog box. 118 00:04:41.01 --> 00:04:43.02 Now quite obviously the default setting, 119 00:04:43.02 --> 00:04:46.01 which involves the Bend value of 50 degrees, 120 00:04:46.01 --> 00:04:48.01 is not what I want at all. 121 00:04:48.01 --> 00:04:51.03 So I'll go ahead and click on the Style option here 122 00:04:51.03 --> 00:04:54.06 and I'll just look down the list for an icon 123 00:04:54.06 --> 00:04:56.07 that matches the shape of the can. 124 00:04:56.07 --> 00:04:58.02 Now Arch looks pretty good, 125 00:04:58.02 --> 00:04:59.09 but it only bends in one direction, 126 00:04:59.09 --> 00:05:01.08 either up or down. 127 00:05:01.08 --> 00:05:04.04 What we really want is this guy, Bulge, 128 00:05:04.04 --> 00:05:06.07 which is going to bend in both directions. 129 00:05:06.07 --> 00:05:08.02 So I'll choose that. 130 00:05:08.02 --> 00:05:10.07 Now this is obviously too much bulge, 131 00:05:10.07 --> 00:05:12.09 so I'll just click in that Bend value here 132 00:05:12.09 --> 00:05:15.01 and I'll press Shift + down arrow 133 00:05:15.01 --> 00:05:18.06 until I get a result that looks a heck of a lot better. 134 00:05:18.06 --> 00:05:20.09 And even though it's not exactly right, 135 00:05:20.09 --> 00:05:24.08 a Bend value of 20% looks pretty darn good. 136 00:05:24.08 --> 00:05:27.09 And that by the way is assuming that Horizontal is selected. 137 00:05:27.09 --> 00:05:29.02 If you switch to Vertical 138 00:05:29.02 --> 00:05:32.00 you're going to bend the left and right sides, 139 00:05:32.00 --> 00:05:33.04 which is not what we want. 140 00:05:33.04 --> 00:05:35.00 So I'll switch back to Horizontal, 141 00:05:35.00 --> 00:05:37.07 I'll leave the Distortion value set to 0%, 142 00:05:37.07 --> 00:05:39.09 and click OK. 143 00:05:39.09 --> 00:05:42.00 All right, now we don't really need this rectangle, 144 00:05:42.00 --> 00:05:44.04 it's just there, so I can feel my way through the project, 145 00:05:44.04 --> 00:05:46.02 so I'm going to press the Backspace key, 146 00:05:46.02 --> 00:05:48.04 or the Delete key on the Mac to get rid of it. 147 00:05:48.04 --> 00:05:51.07 And then I'm going to target the entire sweat layer 148 00:05:51.07 --> 00:05:54.06 by clicking on that so-called meatball 149 00:05:54.06 --> 00:05:56.09 on the right hand side of the Layers panel, 150 00:05:56.09 --> 00:05:59.01 and then I'll return to the Effect menu 151 00:05:59.01 --> 00:06:02.09 and choose Arc..., so that second command. 152 00:06:02.09 --> 00:06:05.09 And that's actually going to repeat the Bulge distortion, 153 00:06:05.09 --> 00:06:09.00 because that's the last Warp distortion I applied. 154 00:06:09.00 --> 00:06:11.05 I can also see that Horizontal is selected, 155 00:06:11.05 --> 00:06:14.00 Bend is set to 20%, so everything's great. 156 00:06:14.00 --> 00:06:17.06 I'll just go ahead and click OK to accept that change. 157 00:06:17.06 --> 00:06:21.02 Now at this point the selection edges are not accurate, 158 00:06:21.02 --> 00:06:23.09 because after all this is a dynamic effect, 159 00:06:23.09 --> 00:06:25.08 so I'm going to hide them by pressing Control + H 160 00:06:25.08 --> 00:06:27.08 or Command + H on the Mac. 161 00:06:27.08 --> 00:06:29.08 All right, now I'm going to zoom in again 162 00:06:29.08 --> 00:06:33.00 and I want to turn these radial gradients into droplets, 163 00:06:33.00 --> 00:06:35.02 meaning that I want to keep the shading, 164 00:06:35.02 --> 00:06:36.04 as well as the highlights, 165 00:06:36.04 --> 00:06:39.00 but I want to blend it in with the coloring of the can. 166 00:06:39.00 --> 00:06:40.04 And the best way to do that 167 00:06:40.04 --> 00:06:42.04 where this particular effect is concerned 168 00:06:42.04 --> 00:06:45.08 is to click on the word Opacity up here in the control panel 169 00:06:45.08 --> 00:06:49.02 and change the blend mode from Normal to Hard Light 170 00:06:49.02 --> 00:06:51.04 is actually going to produce the best effect. 171 00:06:51.04 --> 00:06:54.08 And notice that we get this nice interaction. 172 00:06:54.08 --> 00:06:57.05 All right, now that looks like a little bit too much to me, 173 00:06:57.05 --> 00:07:01.01 so I'm going to reduce the Opacity value to 70%. 174 00:07:01.01 --> 00:07:02.05 And if you loaded dekeKeys 175 00:07:02.05 --> 00:07:05.05 you can do that just by pressing the 7 key. 176 00:07:05.05 --> 00:07:08.02 All right, now that we have these shadows along the top edge 177 00:07:08.02 --> 00:07:10.08 as well as these highlights more or less in the middle 178 00:07:10.08 --> 00:07:13.04 I want to cast some shadows down and to the left 179 00:07:13.04 --> 00:07:14.08 and I'm going to do that using 180 00:07:14.08 --> 00:07:16.08 a traditional Drop Shadow effect. 181 00:07:16.08 --> 00:07:18.04 So I'll go up to the Effect menu, 182 00:07:18.04 --> 00:07:21.04 choose Stylize, and then choose Drop Shadow, 183 00:07:21.04 --> 00:07:23.06 or if you loaded dekeKeys you have that shortcut 184 00:07:23.06 --> 00:07:27.07 of Ctrl + Alt + D or Command + Option + D on the Mac. 185 00:07:27.07 --> 00:07:29.07 I'll go ahead and move this guy down a little bit, 186 00:07:29.07 --> 00:07:32.01 so that we can see a few different droplets. 187 00:07:32.01 --> 00:07:35.02 I went with a Color of black and a Mode of Multiply, 188 00:07:35.02 --> 00:07:37.04 although Normal would have worked just as well. 189 00:07:37.04 --> 00:07:39.08 I want the shadows to go down and to the left, 190 00:07:39.08 --> 00:07:43.06 so I set the X Offset value to negative 2, which is left, 191 00:07:43.06 --> 00:07:46.06 the Y Offset value to positive 2, which is down, 192 00:07:46.06 --> 00:07:49.04 and I went ahead and matched the Blur value. 193 00:07:49.04 --> 00:07:51.07 And so notice if I turn on the Preview checkbox 194 00:07:51.07 --> 00:07:53.06 that everything looks pretty good, 195 00:07:53.06 --> 00:07:55.09 except that the shadows are too dark. 196 00:07:55.09 --> 00:08:00.02 So I'll take the Opacity value down to 50%, like so, 197 00:08:00.02 --> 00:08:02.09 and then I'll click OK. 198 00:08:02.09 --> 00:08:04.04 All right, now I'll press Control + H, 199 00:08:04.04 --> 00:08:05.05 or Command + H on a Mac, 200 00:08:05.05 --> 00:08:07.00 to bring back my selection edges, 201 00:08:07.00 --> 00:08:08.04 and I'll press Control + Shift + A 202 00:08:08.04 --> 00:08:11.03 or Command + Shift + A to deselect my artwork. 203 00:08:11.03 --> 00:08:12.07 And I'll press Control + 0, 204 00:08:12.07 --> 00:08:15.05 or Command + 0 on the Mac, to center my zoom. 205 00:08:15.05 --> 00:08:17.04 All right, now the last thing I want to do 206 00:08:17.04 --> 00:08:20.09 is set the can off from its background a little bit. 207 00:08:20.09 --> 00:08:24.03 And again, I'm going to do that using a Drop Shadow. 208 00:08:24.03 --> 00:08:27.03 So I'll press the V key to switch to my black arrow tool, 209 00:08:27.03 --> 00:08:29.04 I'll click on the can to select it, 210 00:08:29.04 --> 00:08:31.05 and then I'll return to the Effect menu 211 00:08:31.05 --> 00:08:33.00 and choose the section command, 212 00:08:33.00 --> 00:08:35.07 which now reads Drop Shadow..., 213 00:08:35.07 --> 00:08:38.04 and that's going to bring up the Drop Shadow dialog box. 214 00:08:38.04 --> 00:08:40.04 I'll go ahead and crank the Opacity value 215 00:08:40.04 --> 00:08:42.02 up to 100% this time. 216 00:08:42.02 --> 00:08:45.03 I'll leave the X Offset set to negative 2, 217 00:08:45.03 --> 00:08:48.04 I'll change the Y Offset value to positive 8, 218 00:08:48.04 --> 00:08:51.04 and I'll set the Blur value to 8 as well, 219 00:08:51.04 --> 00:08:53.03 a Color of black is just fine, 220 00:08:53.03 --> 00:08:55.07 and you can see, if I turn on the Preview checkbox 221 00:08:55.07 --> 00:08:57.02 that we have a Drop Shadow 222 00:08:57.02 --> 00:09:00.03 that very nearly surrounds the entire can. 223 00:09:00.03 --> 00:09:03.09 At which point I'll click OK to accept that change. 224 00:09:03.09 --> 00:09:05.03 Now if you have a problem 225 00:09:05.03 --> 00:09:08.03 with the lighting on the can changing on you 226 00:09:08.03 --> 00:09:10.07 then switch over to the Appearance panel 227 00:09:10.07 --> 00:09:14.00 and click on the words 3D Revolve Mapped 228 00:09:14.00 --> 00:09:16.01 in order to bring up that dialog box. 229 00:09:16.01 --> 00:09:17.07 Turn on the Preview checkbox, 230 00:09:17.07 --> 00:09:19.05 and that's what I'm talking about right there, 231 00:09:19.05 --> 00:09:22.02 that weird edge that appears every once in a while. 232 00:09:22.02 --> 00:09:24.00 To get rid of it all you have to do 233 00:09:24.00 --> 00:09:27.03 is click on that down right light source right there, 234 00:09:27.03 --> 00:09:29.07 that's it, you don't have to do anything else. 235 00:09:29.07 --> 00:09:32.04 Don't drag it unless you want to modify the effect. 236 00:09:32.04 --> 00:09:33.06 After which just go ahead 237 00:09:33.06 --> 00:09:36.01 and click OK to accept that change. 238 00:09:36.01 --> 00:09:38.05 All right, now I'll click off the artwork to deselect it, 239 00:09:38.05 --> 00:09:40.02 I'll press the F key a couple of times 240 00:09:40.02 --> 00:09:42.03 to switch to the full screen mode, 241 00:09:42.03 --> 00:09:45.00 and I'll zoom on in. 242 00:09:45.00 --> 00:09:49.01 And that friends is how you create a classic 3D soda can 243 00:09:49.01 --> 00:09:52.03 using a combination of the Revolve effect, 244 00:09:52.03 --> 00:09:56.03 a mapped logo symbol, and a few gradient circles 245 00:09:56.03 --> 00:09:58.03 here inside Illustrator.