1 00:00:00.04 --> 00:00:01.08 - In this movie, I'll show you the difference 2 00:00:01.08 --> 00:00:05.01 between absolute and relative rounding. 3 00:00:05.01 --> 00:00:06.07 So, for starters here, I'll go ahead and click 4 00:00:06.07 --> 00:00:09.06 inside this star in order to select it 5 00:00:09.06 --> 00:00:11.01 with my white arrow tool. 6 00:00:11.01 --> 00:00:12.08 And then, I'll double click on any one of these 7 00:00:12.08 --> 00:00:14.06 round corner widgets to bring up 8 00:00:14.06 --> 00:00:16.05 the Corners dialog box. 9 00:00:16.05 --> 00:00:19.06 And notice, in addition to these various corner options, 10 00:00:19.06 --> 00:00:23.01 including round and inverted round, and chamfer, 11 00:00:23.01 --> 00:00:27.01 we also have these two rounding icons down here. 12 00:00:27.01 --> 00:00:29.05 Now they're not going to produce any effect with chamfer, 13 00:00:29.05 --> 00:00:31.09 so I'll go ahead and switch back to inverted round, 14 00:00:31.09 --> 00:00:33.05 which I had applied before, 15 00:00:33.05 --> 00:00:36.09 and now notice by default, rounding is now set to absolute. 16 00:00:36.09 --> 00:00:40.00 Meaning that we're getting the same degree of rounding 17 00:00:40.00 --> 00:00:42.07 on each and every one of these bumps. 18 00:00:42.07 --> 00:00:44.06 And essentially what Illustrator is doing 19 00:00:44.06 --> 00:00:46.07 is drawing a perfect quarter circle 20 00:00:46.07 --> 00:00:49.03 at every one of these locations. 21 00:00:49.03 --> 00:00:52.01 But, if I switch over to relative, 22 00:00:52.01 --> 00:00:53.05 then in the case of this star, 23 00:00:53.05 --> 00:00:56.03 I'm going to make some of these corners 24 00:00:56.03 --> 00:00:58.05 sharper as we're seeing here. 25 00:00:58.05 --> 00:00:59.08 So the corners down at the bottom, 26 00:00:59.08 --> 00:01:02.03 they're remaining more or less quarter ellipses, 27 00:01:02.03 --> 00:01:05.00 but as we move upward to what are basically 28 00:01:05.00 --> 00:01:08.08 more acute corners, we are seeing harsher lumps. 29 00:01:08.08 --> 00:01:12.01 So once again, this is what we see with absolute rounding. 30 00:01:12.01 --> 00:01:15.03 And this is what we see with relative rounding. 31 00:01:15.03 --> 00:01:18.01 Now, in my case, we are seeing sharper lumps, 32 00:01:18.01 --> 00:01:20.08 just as in the case of the appearance of the icon. 33 00:01:20.08 --> 00:01:23.04 But that's not always the way things reconcile. 34 00:01:23.04 --> 00:01:25.06 To give you a sense for what's really going on, 35 00:01:25.06 --> 00:01:28.00 I'll go ahead and click OK to accept that change, 36 00:01:28.00 --> 00:01:30.08 and now I'm going to turn my guides layer back on 37 00:01:30.08 --> 00:01:32.06 so I can see those center guides, 38 00:01:32.06 --> 00:01:35.07 and I'm going to create a kind of custom ellipse 39 00:01:35.07 --> 00:01:37.09 using the rectangle tool. 40 00:01:37.09 --> 00:01:40.06 So I'll start by selecting the Rectangle tool 41 00:01:40.06 --> 00:01:42.07 from the Shape Tool fly out menu. 42 00:01:42.07 --> 00:01:44.02 And then I'll position my cursor 43 00:01:44.02 --> 00:01:46.07 at the intersection of the two guidelines. 44 00:01:46.07 --> 00:01:48.07 And then I will alt+ or opt+ click 45 00:01:48.07 --> 00:01:50.08 to bring up the Rectangle dialog box. 46 00:01:50.08 --> 00:01:52.06 And I'm looking for a square that has 47 00:01:52.06 --> 00:01:55.09 width and height values of 100 points each. 48 00:01:55.09 --> 00:01:57.06 At which point, I'll go ahead and click OK 49 00:01:57.06 --> 00:02:00.04 to create that rectangle like so. 50 00:02:00.04 --> 00:02:01.09 Alright, now I want to rotate it 51 00:02:01.09 --> 00:02:03.04 so it's more of a diamond. 52 00:02:03.04 --> 00:02:05.01 So I'll click on the word Transform 53 00:02:05.01 --> 00:02:06.06 up here in the Control Panel. 54 00:02:06.06 --> 00:02:09.02 I'll make the center reference point is selected. 55 00:02:09.02 --> 00:02:10.08 And I'll go ahead and change 56 00:02:10.08 --> 00:02:13.01 that rotate value to 45 degrees. 57 00:02:13.01 --> 00:02:16.09 And I'll press the Tab key in order to rotate that square. 58 00:02:16.09 --> 00:02:18.06 Alright, now I want to make it wider. 59 00:02:18.06 --> 00:02:21.01 And so I'm going to turn off the link icon. 60 00:02:21.01 --> 00:02:23.04 You want to make sure you have a broken chain. 61 00:02:23.04 --> 00:02:26.02 And then click on the W to select the width value 62 00:02:26.02 --> 00:02:28.00 and change it to 300 points 63 00:02:28.00 --> 00:02:30.09 in order to produce this effect here. 64 00:02:30.09 --> 00:02:32.08 Alright, now I'll go ahead and press the Enter key, 65 00:02:32.08 --> 00:02:34.09 or the Return key on a Mac, to accept that change. 66 00:02:34.09 --> 00:02:36.03 And if you're working along with me, 67 00:02:36.03 --> 00:02:39.05 you'll see Shape Expanded appeared for just a moment 68 00:02:39.05 --> 00:02:41.03 up here at the top of the screen. 69 00:02:41.03 --> 00:02:43.01 And that's because you no longer have 70 00:02:43.01 --> 00:02:44.06 the so-called smart rectangle. 71 00:02:44.06 --> 00:02:46.03 That doesn't really matter because we still have 72 00:02:46.03 --> 00:02:48.02 all these corner points to work with. 73 00:02:48.02 --> 00:02:50.03 Now I'm going to press the A key 74 00:02:50.03 --> 00:02:53.01 to switch to the white arrow tool, as we're seeing here. 75 00:02:53.01 --> 00:02:55.08 And I'm going to turn off a couple of points here 76 00:02:55.08 --> 00:02:59.00 by shift+clicking on the top and bottom points 77 00:02:59.00 --> 00:03:02.00 so that only the left and right points are selected. 78 00:03:02.00 --> 00:03:04.03 And now I'm going to change my corners value 79 00:03:04.03 --> 00:03:06.07 up here in the Control panel to 24 points 80 00:03:06.07 --> 00:03:09.02 because I want some pretty exacting results here. 81 00:03:09.02 --> 00:03:10.07 And then I'll press the Enter key, 82 00:03:10.07 --> 00:03:12.08 or the Return key on a Mac to accept that change. 83 00:03:12.08 --> 00:03:14.03 So now we have what amounts to 84 00:03:14.03 --> 00:03:18.04 an acute corner over here on the left and right sides. 85 00:03:18.04 --> 00:03:20.02 And yet, Illustrator is still tracing them 86 00:03:20.02 --> 00:03:22.08 with perfect quarter circles. 87 00:03:22.08 --> 00:03:25.07 Now I'll click on a top point to select it, 88 00:03:25.07 --> 00:03:28.02 and shift+click on the bottom point to select it as well. 89 00:03:28.02 --> 00:03:32.00 And then, I will drag upward on this lower widget 90 00:03:32.00 --> 00:03:35.02 as far as I can until I go way past 91 00:03:35.02 --> 00:03:37.02 the top edge as you're seeing here. 92 00:03:37.02 --> 00:03:41.02 Notice the other widget moved way below the bottom edge. 93 00:03:41.02 --> 00:03:42.08 And I end up with this maximum 94 00:03:42.08 --> 00:03:46.03 corners value of 243.78 points. 95 00:03:46.03 --> 00:03:48.08 And that's going to vary depending on the size of the shape. 96 00:03:48.08 --> 00:03:50.03 But if you're doing exactly what I'm doing, 97 00:03:50.03 --> 00:03:52.01 you'll get that result as well. 98 00:03:52.01 --> 00:03:55.04 And we end up with this kind of modified ellipse. 99 00:03:55.04 --> 00:03:57.05 You may wonder why would you do that? 100 00:03:57.05 --> 00:03:59.03 Why would you ever go through the steps 101 00:03:59.03 --> 00:04:01.02 when you have the ellipse tool, 102 00:04:01.02 --> 00:04:03.08 which gives you better looking results? 103 00:04:03.08 --> 00:04:06.08 And the reason is we can customize our experience 104 00:04:06.08 --> 00:04:09.00 using round corners. 105 00:04:09.00 --> 00:04:10.09 Alright, now I'll alt+click or opt+click 106 00:04:10.09 --> 00:04:12.02 on the outline of the shape 107 00:04:12.02 --> 00:04:14.00 to select the entire thing. 108 00:04:14.00 --> 00:04:16.01 And then I'll double click on any one of these 109 00:04:16.01 --> 00:04:19.06 round corners widgets to revisit the Corners dialog box. 110 00:04:19.06 --> 00:04:22.05 And now notice you can still switch your corner type 111 00:04:22.05 --> 00:04:24.09 to, for example, inverted round 112 00:04:24.09 --> 00:04:27.00 which produces this interesting effect. 113 00:04:27.00 --> 00:04:28.09 And if you switch to Chamfer, 114 00:04:28.09 --> 00:04:30.08 you're going to restore a rectangle. 115 00:04:30.08 --> 00:04:31.09 So again, you can customize 116 00:04:31.09 --> 00:04:33.07 this experience as much as you want. 117 00:04:33.07 --> 00:04:35.03 I'm going to switch back to round, 118 00:04:35.03 --> 00:04:37.05 and now I'm going to switch from absolute, 119 00:04:37.05 --> 00:04:41.05 which is trying to draw those perfect arcs, to relative. 120 00:04:41.05 --> 00:04:43.05 And if you look closely, I'll do that again. 121 00:04:43.05 --> 00:04:46.03 This is the appearance of absolute rounding. 122 00:04:46.03 --> 00:04:49.00 And this is the appearance of relative rounding. 123 00:04:49.00 --> 00:04:50.06 And notice when I switch to relative, 124 00:04:50.06 --> 00:04:53.00 the acute corners become sharper, 125 00:04:53.00 --> 00:04:54.05 they become bigger lumps, 126 00:04:54.05 --> 00:04:57.03 and the less acute corners, these big corners 127 00:04:57.03 --> 00:04:59.02 right here, they flatten out. 128 00:04:59.02 --> 00:05:01.06 And as a result, we get a smoother shape. 129 00:05:01.06 --> 00:05:06.03 At which point I'll click OK in order to accept that change. 130 00:05:06.03 --> 00:05:07.04 Alright now, just for the sake 131 00:05:07.04 --> 00:05:08.06 of getting something done here, 132 00:05:08.06 --> 00:05:10.07 let's turn this shape into an eye 133 00:05:10.07 --> 00:05:13.04 by pressing control+c or command+c on a Mac, 134 00:05:13.04 --> 00:05:16.02 in order to copy the shape to the clipboard. 135 00:05:16.02 --> 00:05:17.06 Now I'll go ahead and shift+click 136 00:05:17.06 --> 00:05:20.03 inside the custom starburst to select it as well. 137 00:05:20.03 --> 00:05:22.02 And then I'll go up to the Object menu, 138 00:05:22.02 --> 00:05:25.01 choose Compound Path and choose Make. 139 00:05:25.01 --> 00:05:27.01 And that moves the shape in front of the text. 140 00:05:27.01 --> 00:05:29.08 So I'll right click somewhere inside the document window, 141 00:05:29.08 --> 00:05:32.06 choose Arrange, and choose Send to Back, 142 00:05:32.06 --> 00:05:35.05 in order to send that shape in back of the text. 143 00:05:35.05 --> 00:05:37.00 And then to paste that shape 144 00:05:37.00 --> 00:05:39.00 that I just copied into the background, 145 00:05:39.00 --> 00:05:40.08 you want to go up to the Edit menu, 146 00:05:40.08 --> 00:05:42.07 and choose Paste in Back, 147 00:05:42.07 --> 00:05:44.02 or you have that keyboard short cut 148 00:05:44.02 --> 00:05:46.06 of Control+b or Command+b on a Mac. 149 00:05:46.06 --> 00:05:48.06 And it looks like we just filled in the path, 150 00:05:48.06 --> 00:05:50.04 but that's because it's filled with the same color 151 00:05:50.04 --> 00:05:52.08 as the starburst, which will become evident 152 00:05:52.08 --> 00:05:54.00 as soon as we rotate it 153 00:05:54.00 --> 00:05:55.07 by clicking on the word Transform 154 00:05:55.07 --> 00:05:57.09 over here on the right side of the Control panel. 155 00:05:57.09 --> 00:05:59.05 Make sure that center reference point 156 00:05:59.05 --> 00:06:00.07 is once again selected, 157 00:06:00.07 --> 00:06:03.08 and change the rotate value to 90 degrees. 158 00:06:03.08 --> 00:06:05.03 And then press the Enter key, 159 00:06:05.03 --> 00:06:07.09 or the Return key on a Mac, to apply that change. 160 00:06:07.09 --> 00:06:10.03 Alright now I think the iris should be purple. 161 00:06:10.03 --> 00:06:12.03 So I'm going to click on the first color swatch 162 00:06:12.03 --> 00:06:13.07 and I'm going to change it to this 163 00:06:13.07 --> 00:06:14.08 shade of purple right there, 164 00:06:14.08 --> 00:06:17.04 the one that begins with R=147. 165 00:06:17.04 --> 00:06:19.00 Alright now I'm going to create the pupil 166 00:06:19.00 --> 00:06:21.05 by clicking on the word Transform once again. 167 00:06:21.05 --> 00:06:23.01 And this time I want the link to be on, 168 00:06:23.01 --> 00:06:25.07 so I'm going to go ahead and click on this chain icon, 169 00:06:25.07 --> 00:06:27.09 so that the width and height values are linked together, 170 00:06:27.09 --> 00:06:32.06 and now I'll click on the width value and change it to 70%, 171 00:06:32.06 --> 00:06:34.02 so you want to enter the percent value. 172 00:06:34.02 --> 00:06:36.04 And then, because I want to make a copy of this shape, 173 00:06:36.04 --> 00:06:40.07 I'll press alt+enter, or option+return on a Mac. 174 00:06:40.07 --> 00:06:42.04 Alright now, we want this shape to be black, 175 00:06:42.04 --> 00:06:44.04 so I'll go ahead and click on the first color swatch 176 00:06:44.04 --> 00:06:46.07 and change it to black like so. 177 00:06:46.07 --> 00:06:48.03 Alright now we need to create a little highlight. 178 00:06:48.03 --> 00:06:50.02 So I'll click on the word Transform once again. 179 00:06:50.02 --> 00:06:52.09 Click on the W in order to select the width value. 180 00:06:52.09 --> 00:06:56.08 Change it to 33% and then press alt+enter, 181 00:06:56.08 --> 00:06:58.07 or option+return on a Mac, 182 00:06:58.07 --> 00:07:01.02 to create a smaller copy of that shape. 183 00:07:01.02 --> 00:07:03.04 Let's change it's fill to white. 184 00:07:03.04 --> 00:07:05.01 And then I'm going to press shift+ up arrow 185 00:07:05.01 --> 00:07:07.08 three times and shift+left arrow once 186 00:07:07.08 --> 00:07:09.05 in order to move the highlight 187 00:07:09.05 --> 00:07:11.09 into the position you see it now. 188 00:07:11.09 --> 00:07:13.03 And now I'll go ahead and click off 189 00:07:13.03 --> 00:07:14.06 the shape to de-select it. 190 00:07:14.06 --> 00:07:16.02 And I'll turn off the guides layer 191 00:07:16.02 --> 00:07:18.01 so we can take in the final version 192 00:07:18.01 --> 00:07:20.00 of this awkward art. 193 00:07:20.00 --> 00:07:21.06 And that is how you switch between 194 00:07:21.06 --> 00:07:23.06 absolute and relative rounding 195 00:07:23.06 --> 00:07:26.05 here inside Illustrator.