1 00:00:00.06 --> 00:00:01.07 - [Voiceover] In this movie, we're going to, 2 00:00:01.07 --> 00:00:05.05 expand these green shapes in order to create this white one. 3 00:00:05.05 --> 00:00:08.07 And we're gonna do so using a special scaling function, 4 00:00:08.07 --> 00:00:10.08 known as offset path. 5 00:00:10.08 --> 00:00:14.02 So, I'll go ahead and switch over to my base star flower. 6 00:00:14.02 --> 00:00:16.03 And just to demonstrate why the scale tool, 7 00:00:16.03 --> 00:00:18.04 is not the solution is not the solution in this case, 8 00:00:18.04 --> 00:00:21.01 I'll go ahead and select one of these green shapes. 9 00:00:21.01 --> 00:00:23.02 And then I'll go up to the control panel, 10 00:00:23.02 --> 00:00:26.02 and click the Select Similar Objects icon, 11 00:00:26.02 --> 00:00:28.06 in order to select all of these guys. 12 00:00:28.06 --> 00:00:30.03 And, if for some reason that doesn't work, 13 00:00:30.03 --> 00:00:32.02 then you can click this down-pointing arrowhead, 14 00:00:32.02 --> 00:00:34.08 and choose All or Fill Color. 15 00:00:34.08 --> 00:00:36.04 Either one's gonna be fine. 16 00:00:36.04 --> 00:00:39.00 Alright, now that I've selected all of the green paths, 17 00:00:39.00 --> 00:00:42.00 I'm gonna go ahead and duplicate them onto this back layer. 18 00:00:42.00 --> 00:00:42.08 So, you know what? 19 00:00:42.08 --> 00:00:45.01 I'm just gonna go ahead and unlock that layer, 20 00:00:45.01 --> 00:00:50.01 pull open the layer and lock the rectangle instead, like so. 21 00:00:50.01 --> 00:00:51.08 Alright, now to duplicate these paths, 22 00:00:51.08 --> 00:00:55.06 I'll just go ahead and Alt or Option drag that red square, 23 00:00:55.06 --> 00:00:59.02 until it becomes an orange square on the back layer like so. 24 00:00:59.02 --> 00:01:02.04 And you can see, now we've got a bunch of green shapes. 25 00:01:02.04 --> 00:01:05.01 I'm gonna make 'em light so we can see the difference, 26 00:01:05.01 --> 00:01:07.00 by clicking on the first color swatch up here, 27 00:01:07.00 --> 00:01:09.07 in the control panel and changing it to white. 28 00:01:09.07 --> 00:01:12.01 That's not going to make any difference on screen right now, 29 00:01:12.01 --> 00:01:13.03 because the white shapes are covered up, 30 00:01:13.03 --> 00:01:14.06 with the green ones. 31 00:01:14.06 --> 00:01:16.09 Well, we'll be able to see things in just a moment, 32 00:01:16.09 --> 00:01:20.05 after, I select a Scale Tool from that same fly-out menu, 33 00:01:20.05 --> 00:01:22.01 that contains the Shear Tool. 34 00:01:22.01 --> 00:01:25.00 Or, you can just go ahead and press the S key. 35 00:01:25.00 --> 00:01:27.03 Alright now, just to make sure I'm doing things properly, 36 00:01:27.03 --> 00:01:29.02 I'll twirl this back layer closed, 37 00:01:29.02 --> 00:01:31.04 and I'll turn the guises layer back on, 38 00:01:31.04 --> 00:01:33.09 so I can see my center guise right there. And, 39 00:01:33.09 --> 00:01:37.08 I'll Alt or Option click at the intersection of those two 40 00:01:37.08 --> 00:01:40.06 center guides to bring up the Scale dialogue box. 41 00:01:40.06 --> 00:01:43.03 And then I'll start with the uniform value of 100 percent. 42 00:01:43.03 --> 00:01:45.05 And I'll press Shift, Up, Arrow in order to, 43 00:01:45.05 --> 00:01:48.04 increase it to 110 percent. And you can see that, 44 00:01:48.04 --> 00:01:50.08 this does not give me the right effect at all. 45 00:01:50.08 --> 00:01:52.07 We're getting this kind of tapering right here, 46 00:01:52.07 --> 00:01:55.01 in the corners. And then the shapes expand, 47 00:01:55.01 --> 00:01:58.05 at the tips of each one of the five petals. 48 00:01:58.05 --> 00:02:00.04 If what you really wanna do is, 49 00:02:00.04 --> 00:02:02.08 expand the path outlines uniformly, 50 00:02:02.08 --> 00:02:05.09 then you need to switch to the Offset Paths command. 51 00:02:05.09 --> 00:02:07.05 And, let me show you what that looks like. 52 00:02:07.05 --> 00:02:09.00 I'll go ahead and cancel out. 53 00:02:09.00 --> 00:02:10.07 And, I'll press the backspace key, 54 00:02:10.07 --> 00:02:13.03 or the delete key on the Mac, in order to get rid, 55 00:02:13.03 --> 00:02:15.04 of those duplicate paths. And, 56 00:02:15.04 --> 00:02:18.02 I'll press the V key to switch back to my black arrow tool, 57 00:02:18.02 --> 00:02:20.09 click on one of the green paths once again, 58 00:02:20.09 --> 00:02:23.08 and then click on a Select Similar Objects icon, 59 00:02:23.08 --> 00:02:26.09 up here in the Control Panel, to select all five of 'em. 60 00:02:26.09 --> 00:02:30.06 Now you wanna go to the Object menu, choose Path, 61 00:02:30.06 --> 00:02:33.09 and choose this guy right here, Offset Path. 62 00:02:33.09 --> 00:02:36.01 So, it's a hard command to find, 63 00:02:36.01 --> 00:02:37.05 and it's not arranged with the other, 64 00:02:37.05 --> 00:02:39.04 Transformation functions. 65 00:02:39.04 --> 00:02:41.09 And that's because, as the logic goes, 66 00:02:41.09 --> 00:02:44.03 it's more of a Stroke function. So notice we have, 67 00:02:44.03 --> 00:02:46.03 Outline Stroke, which does just that. 68 00:02:46.03 --> 00:02:48.01 It takes Stroked outlines, 69 00:02:48.01 --> 00:02:50.09 and it converts them to Field Paths. 70 00:02:50.09 --> 00:02:51.09 The other option, though, 71 00:02:51.09 --> 00:02:54.04 is to build a kind of Stroke on the fly, 72 00:02:54.04 --> 00:02:56.08 using the Offset Path command. So, 73 00:02:56.08 --> 00:02:58.09 go ahead and choose that command, 74 00:02:58.09 --> 00:03:01.08 and then enter an Offset value. And, by default, 75 00:03:01.08 --> 00:03:03.06 you're gonna see an Offset of 10. 76 00:03:03.06 --> 00:03:05.09 Go ahead and turn on the Preview check box and you'll see, 77 00:03:05.09 --> 00:03:10.00 how the Path builds outward, 10 points, like so. 78 00:03:10.00 --> 00:03:13.02 If you wanted it to go inward instead, you could enter, 79 00:03:13.02 --> 00:03:16.03 a negative value such as negative 10, 80 00:03:16.03 --> 00:03:18.09 and that'll move the edges inward. 81 00:03:18.09 --> 00:03:22.03 The value I'm looking for, however, is 24. 82 00:03:22.03 --> 00:03:24.06 So, I'll just enter an Offset value of 24 points. 83 00:03:24.06 --> 00:03:26.04 We don't care about the Joins, by the way. 84 00:03:26.04 --> 00:03:28.08 They're all Miter Joins as things stand. 85 00:03:28.08 --> 00:03:30.06 You could round them, if you want to, 86 00:03:30.06 --> 00:03:33.08 by selecting Rounds. And notice that goes ahead and rounds, 87 00:03:33.08 --> 00:03:36.06 all of those corners. But, Miters are gonna work out, 88 00:03:36.06 --> 00:03:39.05 just fine. Don't need to worry about the Miter limit, 89 00:03:39.05 --> 00:03:42.02 because we're not getting any beveling. So, 90 00:03:42.02 --> 00:03:44.04 I'll just go ahead and click, OK, in order to, 91 00:03:44.04 --> 00:03:47.06 apply that effect. And what's just happened there, 92 00:03:47.06 --> 00:03:49.00 by the way, if I press the backspace key, 93 00:03:49.00 --> 00:03:50.02 or the delete key on the Mac, 94 00:03:50.02 --> 00:03:51.09 in order to get rid of the new shapes. 95 00:03:51.09 --> 00:03:54.05 You can see that the old shapes are still intact. 96 00:03:54.05 --> 00:03:56.08 And that's because the Offset Path command, 97 00:03:56.08 --> 00:03:59.06 always scales a duplicate. Alright, I'll go ahead, 98 00:03:59.06 --> 00:04:02.02 and undo the deletion of that duplicate. 99 00:04:02.02 --> 00:04:06.01 And, I'll change the Fill color to white, like so. 100 00:04:06.01 --> 00:04:08.07 And now, I'll go ahead and move these guys, 101 00:04:08.07 --> 00:04:12.00 onto the back layer, by dragging this little red square, 102 00:04:12.00 --> 00:04:13.09 on the right side of the Layers panel, 103 00:04:13.09 --> 00:04:16.07 down to the back layer. At which point, 104 00:04:16.07 --> 00:04:19.04 it'll turn gold and you'll see those white shapes, 105 00:04:19.04 --> 00:04:21.06 moving behind the green ones. Alright, 106 00:04:21.06 --> 00:04:24.00 we still have some holes here and there. 107 00:04:24.00 --> 00:04:26.08 And we have too many intersecting paths. So, 108 00:04:26.08 --> 00:04:28.07 let's clean things up by bringing back up, 109 00:04:28.07 --> 00:04:30.05 the Pathfinder Panel, which I can get, 110 00:04:30.05 --> 00:04:32.08 by clicking on this Pathfinder icon right there. 111 00:04:32.08 --> 00:04:35.04 And then, I'll unite everything by clicking on, 112 00:04:35.04 --> 00:04:37.07 the very first icon, in the first row. 113 00:04:37.07 --> 00:04:41.00 And that's gonna result, by the way, in a compound path, 114 00:04:41.00 --> 00:04:44.05 as we could see in the far, left side of the control panel. 115 00:04:44.05 --> 00:04:47.03 Alright, I'm gonna go ahead and hide the Pathfinder panel. 116 00:04:47.03 --> 00:04:49.05 And, I will dissolve the Compound Path because, 117 00:04:49.05 --> 00:04:52.05 after all, I don't wanna see any of these holes; 118 00:04:52.05 --> 00:04:56.02 by going up to the Object menu, choosing Compound Path, 119 00:04:56.02 --> 00:04:57.09 and then choosing release. 120 00:04:57.09 --> 00:05:00.08 And then finally, what you wanna do is just Shift, Click, 121 00:05:00.08 --> 00:05:03.03 on this outside Path to deselect it. 122 00:05:03.03 --> 00:05:05.09 And press the backspace key or the delete key on the Mac, 123 00:05:05.09 --> 00:05:09.01 to get rid of all the internal Paths. Alright, 124 00:05:09.01 --> 00:05:10.03 now I'm gonna hide the Guise Layer, 125 00:05:10.03 --> 00:05:12.09 once again, because it's distracting. 126 00:05:12.09 --> 00:05:14.07 And, I'll select this, outer-most Path, 127 00:05:14.07 --> 00:05:17.05 and then I'll go up to the Effect menu, 128 00:05:17.05 --> 00:05:20.06 choose Stylize, and choose Drop Shadow, 129 00:05:20.06 --> 00:05:22.04 to bring up the Drop Shadow dialogue box. 130 00:05:22.04 --> 00:05:24.07 These are the default settings by the way. 131 00:05:24.07 --> 00:05:27.00 Mode set to Multiply, it doesn't really matter. 132 00:05:27.00 --> 00:05:29.00 Capacity is set to 75 percent. 133 00:05:29.00 --> 00:05:31.01 Both X and Y Offset are seven points, 134 00:05:31.01 --> 00:05:33.07 and the Blur is five points. That works out just fine, 135 00:05:33.07 --> 00:05:36.03 for me. So, I'll just turn on the Preview check box, 136 00:05:36.03 --> 00:05:39.06 in order to see that shadow form in the background. 137 00:05:39.06 --> 00:05:41.09 And then I'll click OK to accept that effect. 138 00:05:41.09 --> 00:05:45.07 And I'll click off my Paths in order to deselect them. 139 00:05:45.07 --> 00:05:47.08 And that folks, is how you uniformly, 140 00:05:47.08 --> 00:05:50.06 scale a shape. Either to make it smaller, 141 00:05:50.06 --> 00:05:54.01 with a negative value, or larger with a positive value, 142 00:05:54.01 --> 00:05:56.04 using the Offset Path command, 143 00:05:56.04 --> 00:05:58.04 here, inside Illustrator.