1 00:00:00.04 --> 00:00:02.01 - In this movie we're going to draw this spiral 2 00:00:02.01 --> 00:00:05.04 at the end of the smoke using the Spiral Tool, 3 00:00:05.04 --> 00:00:07.09 which is easily the whackiest of the Line Tools 4 00:00:07.09 --> 00:00:09.00 in Illustrator. 5 00:00:09.00 --> 00:00:10.07 And it's got a ton of keyboard shortcuts 6 00:00:10.07 --> 00:00:12.00 that you can take advantage. 7 00:00:12.00 --> 00:00:13.06 I'm just going to throw them at you 8 00:00:13.06 --> 00:00:15.09 and you can decide whether you like them, or not. 9 00:00:15.09 --> 00:00:19.03 And then, of course we will draw this Path outline. 10 00:00:19.03 --> 00:00:20.09 All right, so I'll go ahead and switch over 11 00:00:20.09 --> 00:00:22.07 to this document, so far. 12 00:00:22.07 --> 00:00:24.08 And I'll select the Spiral Tool, 13 00:00:24.08 --> 00:00:27.06 either from the middle of this floating toolbar, 14 00:00:27.06 --> 00:00:29.05 or you can click and hold on what is now the 15 00:00:29.05 --> 00:00:32.02 Polar Grid Tool, and select the Spiral Tool 16 00:00:32.02 --> 00:00:33.07 from the flyout menu. 17 00:00:33.07 --> 00:00:34.08 And then just go ahead and drag 18 00:00:34.08 --> 00:00:37.03 from approximately the center out, 19 00:00:37.03 --> 00:00:39.01 with this tool, like so, 20 00:00:39.01 --> 00:00:40.08 in order to create a spiral. 21 00:00:40.08 --> 00:00:42.05 And you can see as soon as you release, 22 00:00:42.05 --> 00:00:45.08 by default, you get a spiral that is one, two, three, 23 00:00:45.08 --> 00:00:51.01 four, five, six, seven, eight, nine, 10 segments long. 24 00:00:51.01 --> 00:00:54.02 And so basically we have a bunch of arcs that are collapsing 25 00:00:54.02 --> 00:00:55.07 in on each other. 26 00:00:55.07 --> 00:00:57.06 All right, now let me show you all the things you can do 27 00:00:57.06 --> 00:00:58.05 with this tool. 28 00:00:58.05 --> 00:00:59.09 I'll go ahead and press the Backspace key, 29 00:00:59.09 --> 00:01:01.02 or the Delete key on the Mac, 30 00:01:01.02 --> 00:01:04.01 to get rid of the spiral we have so far. 31 00:01:04.01 --> 00:01:06.07 Now remember how if you're drawing an arc 32 00:01:06.07 --> 00:01:10.08 the wrong direction, you can tap the F key to flip it? 33 00:01:10.08 --> 00:01:13.08 Well, in the case of the spiral, you don't tap the F key 34 00:01:13.08 --> 00:01:17.00 to flip it, you tap the R key to reflect it. 35 00:01:17.00 --> 00:01:19.08 So there's one option that's available to you. 36 00:01:19.08 --> 00:01:23.01 You can also change how many segments this spiral has, 37 00:01:23.01 --> 00:01:25.06 and by pressing the up arrow key to add segments, 38 00:01:25.06 --> 00:01:29.00 or the down arrow key to reduce the number of segments, 39 00:01:29.00 --> 00:01:31.06 and these are all things that you're doing on the fly 40 00:01:31.06 --> 00:01:33.06 with your mouse button down. 41 00:01:33.06 --> 00:01:36.09 If you just want Illustrator to add and delete segments 42 00:01:36.09 --> 00:01:39.00 on the fly as you drag, 43 00:01:39.00 --> 00:01:41.04 then you press and hold the Alt key, 44 00:01:41.04 --> 00:01:43.02 or the Option key on the Mac, 45 00:01:43.02 --> 00:01:46.07 and it'll just go ahead and sort of add and delete segments 46 00:01:46.07 --> 00:01:47.09 as it likes. 47 00:01:47.09 --> 00:01:50.00 If you add a ton of segments, like so, 48 00:01:50.00 --> 00:01:52.03 by pressing the up arrow key a bunch of times 49 00:01:52.03 --> 00:01:54.05 then it will try to sort of maintain the number 50 00:01:54.05 --> 00:01:57.03 of segments it thinks it needs to have 51 00:01:57.03 --> 00:01:59.00 to create that same effect 52 00:01:59.00 --> 00:02:02.08 as you're pressing the Alt, or the Option key. 53 00:02:02.08 --> 00:02:05.05 And then finally I'll go ahead and release that key, 54 00:02:05.05 --> 00:02:08.03 you can press the Control key as you drag. 55 00:02:08.03 --> 00:02:09.09 So this is what happens, 56 00:02:09.09 --> 00:02:12.04 if I press the Control key as I drag inward 57 00:02:12.04 --> 00:02:15.01 I collapse the spiral on itself, 58 00:02:15.01 --> 00:02:17.04 and that would allow me to add a ton more segments, 59 00:02:17.04 --> 00:02:18.06 like so. 60 00:02:18.06 --> 00:02:20.08 Or if I press the Control key, or the Command key 61 00:02:20.08 --> 00:02:22.07 on the Mac as I drag outward 62 00:02:22.07 --> 00:02:26.01 I'm going to go ahead and peel those segments apart. 63 00:02:26.01 --> 00:02:27.04 And the effect, in the end, 64 00:02:27.04 --> 00:02:29.01 is a kind of conch shell. 65 00:02:29.01 --> 00:02:30.08 All right, that's not quite what I want, 66 00:02:30.08 --> 00:02:31.09 so I'll press the Backspace key, 67 00:02:31.09 --> 00:02:33.03 or the Delete key on the Mac, 68 00:02:33.03 --> 00:02:34.05 and I'm going to reset a few things 69 00:02:34.05 --> 00:02:37.00 just so that we start with the same experience 70 00:02:37.00 --> 00:02:38.09 by clicking with the tool to bring up the 71 00:02:38.09 --> 00:02:40.06 Spiral dialog box. 72 00:02:40.06 --> 00:02:42.03 The Radius value really doesn't matter, 73 00:02:42.03 --> 00:02:44.04 that's just the size of the spiral. 74 00:02:44.04 --> 00:02:47.07 Let;'s go ahead and reset the Decay to 80%. 75 00:02:47.07 --> 00:02:49.02 The Decay, by the way, is the thing 76 00:02:49.02 --> 00:02:50.08 we were modifying while we were 77 00:02:50.08 --> 00:02:53.04 pressing the Control, or Command key. 78 00:02:53.04 --> 00:02:56.06 And then let's change the Segments back to 10, 79 00:02:56.06 --> 00:02:59.00 and let's go ahead and click on the other Style option 80 00:02:59.00 --> 00:03:02.08 near the first one, in order to reflect that shape. 81 00:03:02.08 --> 00:03:04.02 And then I'll click Okay 82 00:03:04.02 --> 00:03:07.02 in order to create a dummy spiral right there. 83 00:03:07.02 --> 00:03:09.02 And then I'll get rid of it by pressing the Backspace key, 84 00:03:09.02 --> 00:03:10.09 or the Delete key on the Mac. 85 00:03:10.09 --> 00:03:12.09 All right, now I'm Control Spacebar clicking 86 00:03:12.09 --> 00:03:14.01 in order to zoom in, 87 00:03:14.01 --> 00:03:16.06 that's a Command Spacebar click on a Mac, 88 00:03:16.06 --> 00:03:20.03 and I'm going to start by dragging from the center outward, 89 00:03:20.03 --> 00:03:23.00 very important if you want to get the same effect as me. 90 00:03:23.00 --> 00:03:25.04 And then drag out to the second to last 91 00:03:25.04 --> 00:03:27.04 concentric circle, like so. 92 00:03:27.04 --> 00:03:29.03 Now press the down arrow key 93 00:03:29.03 --> 00:03:31.08 until you only have five segments, 94 00:03:31.08 --> 00:03:33.04 which is what we're seeing right here. 95 00:03:33.04 --> 00:03:34.08 So notice that the line just barely 96 00:03:34.08 --> 00:03:36.08 loops in on itself. 97 00:03:36.08 --> 00:03:38.07 And now I want you to press the Control key, 98 00:03:38.07 --> 00:03:40.02 or the Command key on the Mac, 99 00:03:40.02 --> 00:03:43.00 and drag outward in order to increase 100 00:03:43.00 --> 00:03:44.09 the space between the segments. 101 00:03:44.09 --> 00:03:46.07 And then release the Control, or Command key 102 00:03:46.07 --> 00:03:49.01 and come back, like so. 103 00:03:49.01 --> 00:03:51.04 And you should see this sort of alignment, 104 00:03:51.04 --> 00:03:53.03 and now I'm going to release, by the way, 105 00:03:53.03 --> 00:03:55.01 so you can see what I'm talking about. 106 00:03:55.01 --> 00:03:57.03 And so notice that the shape starts down here 107 00:03:57.03 --> 00:04:00.00 at the second to last of the circles, 108 00:04:00.00 --> 00:04:02.03 and then loops in so that the top of the line 109 00:04:02.03 --> 00:04:07.02 is more or less in sync with the third to last circles, 110 00:04:07.02 --> 00:04:09.06 so the one, two, third circle in, so in other words, 111 00:04:09.06 --> 00:04:11.05 the middle circle of the bunch, 112 00:04:11.05 --> 00:04:13.01 and then comes in and aligns 113 00:04:13.01 --> 00:04:15.00 wit the innermost circle. 114 00:04:15.00 --> 00:04:17.05 And if you want some specific settings 115 00:04:17.05 --> 00:04:19.08 just so that you get the same results as me, 116 00:04:19.08 --> 00:04:21.05 just go ahead and get rid of your shaping, 117 00:04:21.05 --> 00:04:24.06 click with the tool, and what I came up with 118 00:04:24.06 --> 00:04:28.02 was the Radius value of about that really 119 00:04:28.02 --> 00:04:31.03 134.5 is what I'm looking for. 120 00:04:31.03 --> 00:04:32.09 And the Decay, that's a little high, 121 00:04:32.09 --> 00:04:37.03 I'm going to reduce that Decay value to 74.77%. 122 00:04:37.03 --> 00:04:39.03 I know that's ridiculously specific, 123 00:04:39.03 --> 00:04:41.02 but that's what I came up with. 124 00:04:41.02 --> 00:04:43.01 And then we want five segments. 125 00:04:43.01 --> 00:04:44.08 This first Style is going to work beautifully, 126 00:04:44.08 --> 00:04:47.00 after which point, go ahead and click Okay 127 00:04:47.00 --> 00:04:49.02 in order to create this shape. 128 00:04:49.02 --> 00:04:51.04 The problem is, it comes in at the wrong angle, 129 00:04:51.04 --> 00:04:52.06 as you can see here. 130 00:04:52.06 --> 00:04:54.05 So just go ahead and press the V key 131 00:04:54.05 --> 00:04:56.04 to switch back to the black arrow tool, 132 00:04:56.04 --> 00:04:59.04 and drag the spiral to a different spot, like so. 133 00:04:59.04 --> 00:05:01.02 Now we need to rotate the spiral, 134 00:05:01.02 --> 00:05:03.03 so see the word Transform up here 135 00:05:03.03 --> 00:05:04.06 in the Control Panel? 136 00:05:04.06 --> 00:05:08.01 If not, that's because you're working on a larger screen. 137 00:05:08.01 --> 00:05:10.05 And I can simulate that by going over 138 00:05:10.05 --> 00:05:12.02 to the flyout menu icon 139 00:05:12.02 --> 00:05:14.03 on the far right side of the Control Panel, 140 00:05:14.03 --> 00:05:16.03 and clicking on it, and then choosing 141 00:05:16.03 --> 00:05:19.08 the Align command here to hide the Alignment icons. 142 00:05:19.08 --> 00:05:22.07 And now notice instead of the word Transform, 143 00:05:22.07 --> 00:05:25.07 we see little hot links for the position of the spiral, 144 00:05:25.07 --> 00:05:27.09 that is the X, and the Y, 145 00:05:27.09 --> 00:05:29.06 as well as W for the width, 146 00:05:29.06 --> 00:05:31.09 and H for the height. 147 00:05:31.09 --> 00:05:34.01 And so if I click on any of these letters, 148 00:05:34.01 --> 00:05:36.06 let's say I click on the W, for example, 149 00:05:36.06 --> 00:05:39.01 you'll bring up the Transform Panel. 150 00:05:39.01 --> 00:05:41.03 So in other words, you can either click the word Transform, 151 00:05:41.03 --> 00:05:45.01 or you can click on the X, Y, W, or H. 152 00:05:45.01 --> 00:05:47.04 And then notice this value right here, 153 00:05:47.04 --> 00:05:48.09 the Rotate value? 154 00:05:48.09 --> 00:05:51.02 We want to change it, not to 90 degrees, 155 00:05:51.02 --> 00:05:54.05 but rather negative 90 degrees, like so. 156 00:05:54.05 --> 00:05:56.09 At which point I'll go ahead and press the Tab key 157 00:05:56.09 --> 00:05:58.07 to invoke that modification. 158 00:05:58.07 --> 00:06:00.09 And then I'll press the Enter key here on the PC, 159 00:06:00.09 --> 00:06:02.03 or the Return key on the Mac, 160 00:06:02.03 --> 00:06:04.05 in order to apply that change. 161 00:06:04.05 --> 00:06:07.00 Now I'll once again go over to the flyout menu 162 00:06:07.00 --> 00:06:08.02 and choose the Align command 163 00:06:08.02 --> 00:06:11.01 in order to bring back my Alignment icons, 164 00:06:11.01 --> 00:06:13.02 and change the hot link letters back 165 00:06:13.02 --> 00:06:14.09 to the word Transform. 166 00:06:14.09 --> 00:06:17.03 So just remember, in case I forget to mention it 167 00:06:17.03 --> 00:06:21.02 in the future, any time I say to click the word Transform, 168 00:06:21.02 --> 00:06:26.02 you can alternately click the X, Y, W, or H, instead. 169 00:06:26.02 --> 00:06:28.01 All right, now at this point it may look like 170 00:06:28.01 --> 00:06:29.03 we've done things wrong, 171 00:06:29.03 --> 00:06:31.03 but if you just drag the spiral back down 172 00:06:31.03 --> 00:06:32.07 you'll see that everything's the way 173 00:06:32.07 --> 00:06:34.02 it's supposed to be. 174 00:06:34.02 --> 00:06:35.09 All right I think I'll Spacebar drag the document down 175 00:06:35.09 --> 00:06:36.08 a little bit. 176 00:06:36.08 --> 00:06:38.08 All right, now I'm going to drag this anchor point, 177 00:06:38.08 --> 00:06:42.01 the left point, so that it snaps into alignment 178 00:06:42.01 --> 00:06:44.03 with this middle circle right there, 179 00:06:44.03 --> 00:06:46.01 the middle of the concentric circles, 180 00:06:46.01 --> 00:06:48.01 and now I'm going to click and drag 181 00:06:48.01 --> 00:06:51.04 this top point upward while pressing the Shift key 182 00:06:51.04 --> 00:06:54.09 so that I'm constraining my drag to exactly vertical. 183 00:06:54.09 --> 00:06:56.09 And I'm going to release when I intersect 184 00:06:56.09 --> 00:06:59.04 with this second to outside circle 185 00:06:59.04 --> 00:07:02.09 in order to produce this effect, right here. 186 00:07:02.09 --> 00:07:04.06 And just to give you a sense of what that looks like 187 00:07:04.06 --> 00:07:07.06 from a distance, I'll go ahead and press Control zero, 188 00:07:07.06 --> 00:07:10.03 or Command zero on the Mac, to zoom out. 189 00:07:10.03 --> 00:07:12.00 And now let's just go ahead and increase 190 00:07:12.00 --> 00:07:14.01 that Lineweight value up here in the Control Panel 191 00:07:14.01 --> 00:07:16.09 to 30 points, so that we're matching the thickness 192 00:07:16.09 --> 00:07:18.05 of the original arc. 193 00:07:18.05 --> 00:07:21.02 And now I'll click off the shape to deselect it. 194 00:07:21.02 --> 00:07:22.00 And those friends, 195 00:07:22.00 --> 00:07:24.03 are the many ways to use the Spiral Tool. 196 00:07:24.03 --> 00:07:26.06 In our case, to create the curling end of the smoke 197 00:07:26.06 --> 00:07:28.03 from our cheerful factory, 198 00:07:28.03 --> 00:07:31.08 here inside Illustrator.