1 00:00:00.05 --> 00:00:02.08 - [Instructor] Alright, so in a previous movie I showed you 2 00:00:02.08 --> 00:00:05.01 what happens if you combine strokes 3 00:00:05.01 --> 00:00:07.09 along with the extrude and bevel effect. 4 00:00:07.09 --> 00:00:09.08 In this movie, I'll show you what happens 5 00:00:09.08 --> 00:00:13.09 when you combine strokes with 3D revolve. 6 00:00:13.09 --> 00:00:15.02 And just to give you a sense 7 00:00:15.02 --> 00:00:17.02 for what this looks like before it's revolved, 8 00:00:17.02 --> 00:00:20.01 I'll select the object and then here inside 9 00:00:20.01 --> 00:00:23.07 the appearance panel I'll turn off the 3D revolve effect. 10 00:00:23.07 --> 00:00:26.08 And so what we have is a handful of bars 11 00:00:26.08 --> 00:00:30.00 that have been cut into the shape of a half circle. 12 00:00:30.00 --> 00:00:32.08 And so just for laris, I'm going to show you 13 00:00:32.08 --> 00:00:34.04 how I put together this entire project. 14 00:00:34.04 --> 00:00:36.05 I'll switch back over to the layers panel 15 00:00:36.05 --> 00:00:38.05 and I'll turn off that top layer. 16 00:00:38.05 --> 00:00:41.02 And I'll turn on this layer called blend. 17 00:00:41.02 --> 00:00:44.02 So what we have here is a circle, quite obviously. 18 00:00:44.02 --> 00:00:47.02 And then we have a bunch of rectangles. 19 00:00:47.02 --> 00:00:49.04 And so I drew the top rectangle. 20 00:00:49.04 --> 00:00:51.09 I went ahead and copied it to create the bottom one 21 00:00:51.09 --> 00:00:54.04 and then I created an object blend between them 22 00:00:54.04 --> 00:00:57.06 with a total of five steps. 23 00:00:57.06 --> 00:00:59.07 And so what we need to do is take these rectangles 24 00:00:59.07 --> 00:01:01.08 and cut them into the shape of a half circle. 25 00:01:01.08 --> 00:01:04.05 And so I'll start by selecting the rectangles 26 00:01:04.05 --> 00:01:07.00 and then going up to the object menu and choosing 27 00:01:07.00 --> 00:01:09.02 the expand command. 28 00:01:09.02 --> 00:01:11.00 The default settings are just fine, at which point 29 00:01:11.00 --> 00:01:12.03 I'll click okay. 30 00:01:12.03 --> 00:01:14.08 And now we have a total of seven rectangles, 31 00:01:14.08 --> 00:01:17.00 combined into a single group. 32 00:01:17.00 --> 00:01:19.01 Alright now I'll select the big circle, 33 00:01:19.01 --> 00:01:21.02 we need to turn it into a half circle 34 00:01:21.02 --> 00:01:23.08 by switching to the white arrow tool, 35 00:01:23.08 --> 00:01:25.09 which you can do by pressing the A key. 36 00:01:25.09 --> 00:01:28.06 And then I'll select that left-hand point right there 37 00:01:28.06 --> 00:01:30.03 and I'll press the backspace key 38 00:01:30.03 --> 00:01:33.09 or the delete key on the Mac, to get rid of it. 39 00:01:33.09 --> 00:01:36.06 Now, if we wanted to non-destructively crop the rectangles, 40 00:01:36.06 --> 00:01:39.04 we would turn this whole thing into a clipping mask. 41 00:01:39.04 --> 00:01:42.06 But while you can technically apply 3D commands 42 00:01:42.06 --> 00:01:45.04 to clipping masks, it's not a fun experience. 43 00:01:45.04 --> 00:01:46.05 It takes forever. 44 00:01:46.05 --> 00:01:49.00 So the better way to work is to press the V key 45 00:01:49.00 --> 00:01:50.05 to switch back to the black arrow tool. 46 00:01:50.05 --> 00:01:53.05 And shift click on any of the rectangles to select them. 47 00:01:53.05 --> 00:01:55.06 And then go up to the window menu 48 00:01:55.06 --> 00:01:58.01 and choose the pathfinder command to bring up 49 00:01:58.01 --> 00:01:59.05 the pathfinder panel. 50 00:01:59.05 --> 00:02:02.01 And then go ahead and click on the divide icon, 51 00:02:02.01 --> 00:02:04.06 which is the first one in the second row, 52 00:02:04.06 --> 00:02:07.03 in order to divide all the shapes apart. 53 00:02:07.03 --> 00:02:09.02 Alright, now you can hide the pathfinder panel. 54 00:02:09.02 --> 00:02:11.02 That ends up giving us a group, 55 00:02:11.02 --> 00:02:12.03 which is not something we want. 56 00:02:12.03 --> 00:02:15.04 So go up to the object menu and choose the ungroup command 57 00:02:15.04 --> 00:02:17.04 in order to break everybody apart. 58 00:02:17.04 --> 00:02:20.04 And then I'll partially marquis these right-hand shapes 59 00:02:20.04 --> 00:02:22.05 and press the backspace key or the delete key 60 00:02:22.05 --> 00:02:23.03 to get rid of them. 61 00:02:23.03 --> 00:02:25.03 And then I'll grab these left-hand shapes 62 00:02:25.03 --> 00:02:26.07 and get rid of them too. 63 00:02:26.07 --> 00:02:29.08 And finally, I'll select any one of the light gray shapes 64 00:02:29.08 --> 00:02:32.06 and then I'll click on this icon up in the control panel 65 00:02:32.06 --> 00:02:36.05 select similar objects, to select all the light gray shapes. 66 00:02:36.05 --> 00:02:38.01 And then I'll press the backspace key 67 00:02:38.01 --> 00:02:40.06 or the delete key on the Mac, to get rid of them. 68 00:02:40.06 --> 00:02:44.02 Alright, now let's just grab all the dark gray bars. 69 00:02:44.02 --> 00:02:46.06 And I'm going to change their fill colors to 70 00:02:46.06 --> 00:02:51.06 this darker shade of pink that begins R=158. 71 00:02:51.06 --> 00:02:53.04 Alright, now let's revolve the shapes 72 00:02:53.04 --> 00:02:54.09 by going up to the effect menu, 73 00:02:54.09 --> 00:02:58.04 choosing 3D and then choosing revolve. 74 00:02:58.04 --> 00:03:00.09 And now I'll go ahead and turn on the preview checkbox 75 00:03:00.09 --> 00:03:02.06 so we can see what we're doing. 76 00:03:02.06 --> 00:03:05.06 And at this point, it's a little bit difficult to tell 77 00:03:05.06 --> 00:03:06.09 what's going on. 78 00:03:06.09 --> 00:03:10.06 So I'm going to reposition the light source here. 79 00:03:10.06 --> 00:03:12.09 And I'm going to adjust a few settings. 80 00:03:12.09 --> 00:03:15.07 I'll leave the light intensity at 100%. 81 00:03:15.07 --> 00:03:18.07 I'll take the ambient light down to 20% 82 00:03:18.07 --> 00:03:21.01 so that we have a little bit of extra contrast. 83 00:03:21.01 --> 00:03:24.01 I'll change the highlight intensity to 100%. 84 00:03:24.01 --> 00:03:26.07 I'll also change the highlight size to 100%. 85 00:03:26.07 --> 00:03:28.09 And then, just so we get smoother results, 86 00:03:28.09 --> 00:03:32.07 I'll change the blend steps to 100. 87 00:03:32.07 --> 00:03:34.05 At which point we end up with something 88 00:03:34.05 --> 00:03:36.01 that's still pretty darn messy. 89 00:03:36.01 --> 00:03:39.01 And so I'm just going to dial in some positioning values here. 90 00:03:39.01 --> 00:03:41.08 I'm going to change that X axis value, 91 00:03:41.08 --> 00:03:44.02 which represents the pitch, to 12%. 92 00:03:44.02 --> 00:03:47.01 I'll change the YA to -30. 93 00:03:47.01 --> 00:03:50.01 And then I'll change the roll to 10 94 00:03:50.01 --> 00:03:52.02 and finally, I'll increase 95 00:03:52.02 --> 00:03:54.06 the perspective value to 50 degrees. 96 00:03:54.06 --> 00:03:57.01 At which point you can see that we're ending up 97 00:03:57.01 --> 00:04:00.01 with a pretty weird looking effect. 98 00:04:00.01 --> 00:04:02.04 And we might be able to make more sense of it, 99 00:04:02.04 --> 00:04:04.05 if we weren't seeing the wire frames. 100 00:04:04.05 --> 00:04:06.07 And so I'm just going to press the down arrow key 101 00:04:06.07 --> 00:04:09.02 to reduce the angle value to 359. 102 00:04:09.02 --> 00:04:11.02 And then I'll press the up arrow key 103 00:04:11.02 --> 00:04:13.08 to take it back up to 360 degrees 104 00:04:13.08 --> 00:04:16.04 which is ultimately what we want. 105 00:04:16.04 --> 00:04:17.05 Now the reason our strange object 106 00:04:17.05 --> 00:04:19.08 is sort of caving in on itself, 107 00:04:19.08 --> 00:04:21.09 is that every one of these shapes, 108 00:04:21.09 --> 00:04:24.01 is an independent path outline. 109 00:04:24.01 --> 00:04:26.08 So it's being affected differently than its neighbor. 110 00:04:26.08 --> 00:04:28.00 We'll take care of that in a moment. 111 00:04:28.00 --> 00:04:30.05 But first, I'm going to change the shading color 112 00:04:30.05 --> 00:04:32.09 from black to custom. 113 00:04:32.09 --> 00:04:34.05 And then I'll go ahead and click 114 00:04:34.05 --> 00:04:35.07 on that color swatch there. 115 00:04:35.07 --> 00:04:37.08 A hue value of 0 degrees is fine. 116 00:04:37.08 --> 00:04:40.03 Same with the saturation value of 100%. 117 00:04:40.03 --> 00:04:43.08 But I'm going to take the brightness value down to 20%. 118 00:04:43.08 --> 00:04:45.01 And click okay. 119 00:04:45.01 --> 00:04:47.08 At which point, we'll see the effect applied. 120 00:04:47.08 --> 00:04:49.08 Alright now go ahead and click okay. 121 00:04:49.08 --> 00:04:51.05 Now, the wonderful thing about this 122 00:04:51.05 --> 00:04:53.00 is we can fix this effect. 123 00:04:53.00 --> 00:04:55.03 Not by grouping the paths together, 124 00:04:55.03 --> 00:04:57.03 but rather, by going to the object menu, 125 00:04:57.03 --> 00:05:01.00 choosing compound path, and choosing make. 126 00:05:01.00 --> 00:05:05.00 At which point, the 3D effect survives beautifully. 127 00:05:05.00 --> 00:05:07.03 And you can see that over here in the appearance panel. 128 00:05:07.03 --> 00:05:10.06 Notice that the 3D revolve effect is still intact. 129 00:05:10.06 --> 00:05:14.05 Alright, but not quite loving the lighting at this point. 130 00:05:14.05 --> 00:05:17.07 So I'm going to click on 3D revolve to revisit my settings. 131 00:05:17.07 --> 00:05:19.05 Turn on the preview checkbox 132 00:05:19.05 --> 00:05:21.02 so I can tell what the heck I'm doing. 133 00:05:21.02 --> 00:05:22.08 And then I'll add another light 134 00:05:22.08 --> 00:05:24.07 by clicking on the little page icon. 135 00:05:24.07 --> 00:05:28.02 And I'll drag this guy down to right about here, 136 00:05:28.02 --> 00:05:29.05 I think is going to work, 137 00:05:29.05 --> 00:05:31.05 and then I'll send it to back 138 00:05:31.05 --> 00:05:33.02 by clicking on this first icon. 139 00:05:33.02 --> 00:05:35.09 And we end up with this effect here, 140 00:05:35.09 --> 00:05:37.02 which is pretty cool. 141 00:05:37.02 --> 00:05:38.08 But I'm not liking the fact 142 00:05:38.08 --> 00:05:42.07 that the areas underneath the slabs are a bright pink. 143 00:05:42.07 --> 00:05:44.06 I want them to be black instead. 144 00:05:44.06 --> 00:05:45.07 So, we'll go ahead and click okay, 145 00:05:45.07 --> 00:05:48.09 in order to accept what I have so far. 146 00:05:48.09 --> 00:05:52.06 And what I'm going to do, is apply a stroke. 147 00:05:52.06 --> 00:05:54.06 So I'll go ahead and select the stroke 148 00:05:54.06 --> 00:05:56.01 here inside the appearance panel 149 00:05:56.01 --> 00:05:57.07 and I'll change it to black. 150 00:05:57.07 --> 00:06:01.04 And that's going to change everything to black, by the way. 151 00:06:01.04 --> 00:06:04.00 Because the stroke is wrapped around the fill. 152 00:06:04.00 --> 00:06:06.06 Now one way to make things a little bit better here 153 00:06:06.06 --> 00:06:09.06 is to drag the stroke down below the fill. 154 00:06:09.06 --> 00:06:12.05 So that we're not entirely covering up the fill. 155 00:06:12.05 --> 00:06:15.01 The problem is, the stroke is still wrapped around 156 00:06:15.01 --> 00:06:16.09 each one of these objects. 157 00:06:16.09 --> 00:06:18.03 And the only reason, incidentally, 158 00:06:18.03 --> 00:06:22.00 that we're seeing some brighter areas that are not black, 159 00:06:22.00 --> 00:06:25.04 is because I set my shadow color to something brighter 160 00:06:25.04 --> 00:06:26.05 than the stroke. 161 00:06:26.05 --> 00:06:28.07 Alright so we need to make a few adjustments. 162 00:06:28.07 --> 00:06:31.05 First of all, we want to reduce the stroke value 163 00:06:31.05 --> 00:06:34.00 to something very, very low. 164 00:06:34.00 --> 00:06:38.09 Such as 0.05 points, which is going to work out. 165 00:06:38.09 --> 00:06:41.05 And this is stuff I figured out just by trial and error. 166 00:06:41.05 --> 00:06:45.01 And notice that that helps a bunch of the slabs, 167 00:06:45.01 --> 00:06:47.00 but not quite all of them. 168 00:06:47.00 --> 00:06:49.04 The next thing you want to do is, with the stroke selected, 169 00:06:49.04 --> 00:06:53.05 go up to the effect menu, choose distort and transform, 170 00:06:53.05 --> 00:06:55.09 and choose the transform command. 171 00:06:55.09 --> 00:06:58.01 Or if you loaded D keys, you can press control E 172 00:06:58.01 --> 00:07:00.01 or command E on the Mac. 173 00:07:00.01 --> 00:07:03.00 And then go ahead and turn on the preview checkbox. 174 00:07:03.00 --> 00:07:05.08 Click in the horizontal move value right there 175 00:07:05.08 --> 00:07:08.03 and just press the down arrow key. 176 00:07:08.03 --> 00:07:13.01 In order to scoot the strokes 1 point to the left. 177 00:07:13.01 --> 00:07:15.08 And that ends up moving them away from the edges 178 00:07:15.08 --> 00:07:17.02 of the path outlines. 179 00:07:17.02 --> 00:07:19.07 At which point, you can go ahead and click okay 180 00:07:19.07 --> 00:07:22.09 to accept that change. 181 00:07:22.09 --> 00:07:24.07 So again, I really want you to understand 182 00:07:24.07 --> 00:07:25.07 what's going on here 183 00:07:25.07 --> 00:07:27.08 because it's a little bit obscure. 184 00:07:27.08 --> 00:07:30.09 I'm going to go zoom in, way in, on the artwork 185 00:07:30.09 --> 00:07:34.01 and I'll turn off the 3D revolve effect right there 186 00:07:34.01 --> 00:07:37.01 and I'll press control H or command H on the Mac 187 00:07:37.01 --> 00:07:38.03 to hide the edges. 188 00:07:38.03 --> 00:07:40.06 And we're still not zoomed in far enough, 189 00:07:40.06 --> 00:07:43.03 so I'll press control and space bar 190 00:07:43.03 --> 00:07:44.06 or command and space bar on the Mac. 191 00:07:44.06 --> 00:07:47.00 And then I'll just drag to zoom in. 192 00:07:47.00 --> 00:07:50.00 And now, I think you can begin 193 00:07:50.00 --> 00:07:52.00 to see the stroke right there. 194 00:07:52.00 --> 00:07:55.04 Notice it's very tiny, but it's moved away from 195 00:07:55.04 --> 00:07:57.04 the edge of the fill. 196 00:07:57.04 --> 00:08:01.03 And as a result, it's covering up the top of the shape. 197 00:08:01.03 --> 00:08:04.07 And if I scroll down here quite a bit, 198 00:08:04.07 --> 00:08:07.03 because I'm zoomed in beyond 10,000%, 199 00:08:07.03 --> 00:08:11.03 it's also showing up along the bottom of the path outline. 200 00:08:11.03 --> 00:08:15.02 And as a result, it's covering up that bottom edge. 201 00:08:15.02 --> 00:08:17.07 Alright, I'll press control 0 or command 0 on the Mac 202 00:08:17.07 --> 00:08:18.08 to zoom back out. 203 00:08:18.08 --> 00:08:21.01 And then I'll turn on 3D revolve. 204 00:08:21.01 --> 00:08:24.06 Now, I'm not very happy with the fact that the bottoms 205 00:08:24.06 --> 00:08:27.02 are kind of this dark gray, 206 00:08:27.02 --> 00:08:29.00 instead of being absolutely black. 207 00:08:29.00 --> 00:08:32.00 And so to fix that I'll click on 3D revolve, 208 00:08:32.00 --> 00:08:33.04 I'll turn on the preview checkbox 209 00:08:33.04 --> 00:08:36.03 and this is ultimately a lighting problem, by the way. 210 00:08:36.03 --> 00:08:38.03 I'm guessing that this bottom light 211 00:08:38.03 --> 00:08:41.00 is catching the bottom of each one of these slabs. 212 00:08:41.00 --> 00:08:44.04 And so I'm going to grab this guy and drag him farther down. 213 00:08:44.04 --> 00:08:47.06 And notice that it's caught on my cursor. 214 00:08:47.06 --> 00:08:49.03 That happens sometimes. 215 00:08:49.03 --> 00:08:51.04 And you're not going to see the effect previewed 216 00:08:51.04 --> 00:08:52.09 until you manage to click 217 00:08:52.09 --> 00:08:54.09 and get that thing off your cursor. 218 00:08:54.09 --> 00:08:57.01 So I don't know if that's a problem you're going to run 219 00:08:57.01 --> 00:08:59.01 into or not, but it's definitely a problem 220 00:08:59.01 --> 00:09:01.01 that I've been experiencing. 221 00:09:01.01 --> 00:09:03.08 As you can see, as soon as you drag that guy 222 00:09:03.08 --> 00:09:06.04 far enough down, the bottoms of your slabs 223 00:09:06.04 --> 00:09:08.09 end up turning absolutely black. 224 00:09:08.09 --> 00:09:11.09 At which point, I'll click okay to accept that change. 225 00:09:11.09 --> 00:09:14.00 Now the other thing I want you to notice here, 226 00:09:14.00 --> 00:09:17.02 I'm going to go ahead and zoom in a little bit, 227 00:09:17.02 --> 00:09:19.07 is these edges right here. 228 00:09:19.07 --> 00:09:22.02 They look a little bit scrapy when you're zoomed out, 229 00:09:22.02 --> 00:09:24.09 but if you zoom in, you'll see that they're actually 230 00:09:24.09 --> 00:09:28.06 very smooth, but they are going to be there. 231 00:09:28.06 --> 00:09:33.05 And that's because this stroke, is moved away 1 point 232 00:09:33.05 --> 00:09:35.07 from the edge of the fill. 233 00:09:35.07 --> 00:09:37.03 Now, you could try to fix that problem 234 00:09:37.03 --> 00:09:38.08 by clicking on the word transform 235 00:09:38.08 --> 00:09:40.08 and trying out different values, 236 00:09:40.08 --> 00:09:42.06 but no matter what you do, you're going to have 237 00:09:42.06 --> 00:09:45.02 some degree of edge right there. 238 00:09:45.02 --> 00:09:47.09 That's just something I want you to be aware of. 239 00:09:47.09 --> 00:09:49.05 Alright, I'm going to deselect my artwork 240 00:09:49.05 --> 00:09:51.05 by pressing control shift A. 241 00:09:51.05 --> 00:09:53.08 And then I'll press the F key a couple of times 242 00:09:53.08 --> 00:09:55.08 to switch to the full screen mode. 243 00:09:55.08 --> 00:09:58.03 And I'll zoom into my artwork. 244 00:09:58.03 --> 00:10:00.09 And that, folks, is at least one example 245 00:10:00.09 --> 00:10:03.00 of how you might combine a stroke 246 00:10:03.00 --> 00:10:07.02 along with a 3D revolve effect, here inside Illustrator.