1 00:00:00.07 --> 00:00:02.07 - [Instructor] Alright, now that you know how to open 2 00:00:02.07 --> 00:00:06.04 and edit the top secret Arrowheads.ai file 3 00:00:06.04 --> 00:00:08.07 which is shipped along with Illustrator 4 00:00:08.07 --> 00:00:10.05 for nearly two decades now, 5 00:00:10.05 --> 00:00:12.08 I'm going to show you how you can use symbols 6 00:00:12.08 --> 00:00:14.04 to create custom arrowheads. 7 00:00:14.04 --> 00:00:17.00 Now, you should have the file open in front of you 8 00:00:17.00 --> 00:00:19.09 and you should have saved at least one change, 9 00:00:19.09 --> 00:00:23.01 that is, the expansion of the art board, and FYI, 10 00:00:23.01 --> 00:00:26.02 for those of you who have access to my exercise files, 11 00:00:26.02 --> 00:00:29.05 I have gone ahead and backed up the original unmodified 12 00:00:29.05 --> 00:00:32.01 arrowheads.ai file and, to see that, 13 00:00:32.01 --> 00:00:35.05 I'll go to the File menu and choose Browse in Bridge. 14 00:00:35.05 --> 00:00:38.00 Because I'm running Illustrator as an administrator, 15 00:00:38.00 --> 00:00:41.09 Windows requires me to click on the Bridge icon down here 16 00:00:41.09 --> 00:00:44.08 in the taskbar but, in any case, notice that I'm looking at 17 00:00:44.08 --> 00:00:46.07 the contents of a subfolder called 18 00:00:46.07 --> 00:00:50.00 Original unmodified Arrowheads file which is found 19 00:00:50.00 --> 00:00:53.00 in the 36 symbols folder, in which case, right there 20 00:00:53.00 --> 00:00:56.00 we have that original file just in case 21 00:00:56.00 --> 00:00:58.05 something goes wrong, which, I'm here to tell you, 22 00:00:58.05 --> 00:01:00.05 is not likely. 23 00:01:00.05 --> 00:01:02.04 I've never had anything go wrong with this 24 00:01:02.04 --> 00:01:03.07 no matter what I've done. 25 00:01:03.07 --> 00:01:06.09 But, in any event, I'm going to return to this file right here 26 00:01:06.09 --> 00:01:08.08 and I'm going to select this guy, 27 00:01:08.08 --> 00:01:11.09 the arrowhead that's associated with arrow three 28 00:01:11.09 --> 00:01:13.08 and I'll press control plus 29 00:01:13.08 --> 00:01:16.00 or command plus on a Mac to zoom in. 30 00:01:16.00 --> 00:01:19.02 I rather like this arrowhead, I like the way that it tapers, 31 00:01:19.02 --> 00:01:21.09 but I don't like these corners right here. 32 00:01:21.09 --> 00:01:24.05 I want something that tapers more smoothly. 33 00:01:24.05 --> 00:01:26.06 And so, I'm going to start with this 34 00:01:26.06 --> 00:01:29.03 but I'm going to create my own custom variation on it 35 00:01:29.03 --> 00:01:32.07 by zooming back out and shift clicking on the words 36 00:01:32.07 --> 00:01:34.07 Arrow 3 which is just some point text 37 00:01:34.07 --> 00:01:37.04 and then I'll drag it down while pressing the shift key 38 00:01:37.04 --> 00:01:39.08 so that I'm constraining the angle of my drag 39 00:01:39.08 --> 00:01:42.08 to exactly vertical, that is not necessary, by the way, 40 00:01:42.08 --> 00:01:44.07 you don't have to do that at all, 41 00:01:44.07 --> 00:01:46.06 I'm just being Mr. Tidy here, 42 00:01:46.06 --> 00:01:48.08 and then I'll press the alt key or the option key 43 00:01:48.08 --> 00:01:50.09 on a Mac in order to create a copy 44 00:01:50.09 --> 00:01:53.05 so that I don't harm the original. 45 00:01:53.05 --> 00:01:55.03 Alright, now I'm going to zoom on in 46 00:01:55.03 --> 00:01:57.09 and I'm going to double click in this point text 47 00:01:57.09 --> 00:02:00.08 in order to automatically switch to my type tool 48 00:02:00.08 --> 00:02:03.02 and I'll press control A or command A on a Mac 49 00:02:03.02 --> 00:02:06.02 to select all that text and I'll enter Custom 1. 50 00:02:06.02 --> 00:02:09.01 Now, this doesn't matter, it just serves as a label 51 00:02:09.01 --> 00:02:11.09 so I know what I'm doing, all that matters 52 00:02:11.09 --> 00:02:14.06 is what you really do inside the symbols panel. 53 00:02:14.06 --> 00:02:16.08 But it's going to be a little less confusing 54 00:02:16.08 --> 00:02:18.09 if you do some setup in advance. 55 00:02:18.09 --> 00:02:21.00 In any event, I'll go ahead and click on this guy 56 00:02:21.00 --> 00:02:24.06 and notice that it is an instance of a static symbol 57 00:02:24.06 --> 00:02:27.00 as indicated by the words Symbol 58 00:02:27.00 --> 00:02:29.01 and then in parenthesis Static over here 59 00:02:29.01 --> 00:02:31.01 on the far left side of the control panel. 60 00:02:31.01 --> 00:02:33.05 If I want to edit this guy, I need to break it up 61 00:02:33.05 --> 00:02:35.01 and so I'll go up here to the control panel 62 00:02:35.01 --> 00:02:37.03 and click on the Break Link button 63 00:02:37.03 --> 00:02:40.00 in order to break that link like so. 64 00:02:40.00 --> 00:02:42.00 Alright, as you can see here in the layers panel, 65 00:02:42.00 --> 00:02:43.09 my layer one has popped open 66 00:02:43.09 --> 00:02:46.06 and we got all kinds of different colors going on 67 00:02:46.06 --> 00:02:48.04 and I'll explain why that is in just a moment 68 00:02:48.04 --> 00:02:50.09 but let's go ahead and move this guy to the top here. 69 00:02:50.09 --> 00:02:53.06 By right clicking anywhere inside the document window, 70 00:02:53.06 --> 00:02:56.02 choosing Arrange, and then choosing Bring to Front, 71 00:02:56.02 --> 00:02:59.02 or you've got that shortcut of control, shift, right bracket 72 00:02:59.02 --> 00:03:01.05 here in the PC, that's command, shift, right bracket 73 00:03:01.05 --> 00:03:02.05 on a Mac. 74 00:03:02.05 --> 00:03:05.06 And now notice much of what follows is cyan 75 00:03:05.06 --> 00:03:09.00 and that's because this guy right here is the sublayer 76 00:03:09.00 --> 00:03:11.03 and you can tell that's the case if you go ahead 77 00:03:11.03 --> 00:03:14.09 and target this item and then notice over here on the far 78 00:03:14.09 --> 00:03:17.06 left side of the control panel, we're seeing the word Layer 79 00:03:17.06 --> 00:03:20.07 which is very unfortunate because it means that we need to 80 00:03:20.07 --> 00:03:23.01 break things apart and just to make things 81 00:03:23.01 --> 00:03:25.06 a little more clear, I'm going to double click on the words 82 00:03:25.06 --> 00:03:29.04 Arrow 3 and change it to Bad Sublayer just so we can keep 83 00:03:29.04 --> 00:03:32.00 track of this guy and then I'll twirl it open 84 00:03:32.00 --> 00:03:34.02 at which point I can see that it contains 85 00:03:34.02 --> 00:03:35.04 three path outlines. 86 00:03:35.04 --> 00:03:37.02 Go ahead and click on the first one 87 00:03:37.02 --> 00:03:39.00 and shift click on the last and drag it and drop it 88 00:03:39.00 --> 00:03:42.01 outside of the bad sublayer and now go ahead and click on 89 00:03:42.01 --> 00:03:45.06 bad sublayer once again and then drop down to the trash icon 90 00:03:45.06 --> 00:03:48.00 in the bottom right corner of the layers panel 91 00:03:48.00 --> 00:03:49.01 and click on it. 92 00:03:49.01 --> 00:03:51.09 And now notice that we have a bunch of cyan items here. 93 00:03:51.09 --> 00:03:55.01 If I twirl Layer 1 close and then twirl back open, 94 00:03:55.01 --> 00:03:58.03 everybody's blue down to Arrow 17. 95 00:03:58.03 --> 00:03:59.05 Notice that guy right there? 96 00:03:59.05 --> 00:04:02.07 If you target it, you'll see that it's an unnecessary 97 00:04:02.07 --> 00:04:06.01 empty, by the way, sublayer and you can tell it's empty 98 00:04:06.01 --> 00:04:08.04 'cause you can't twirl it open and so just go ahead 99 00:04:08.04 --> 00:04:10.05 and grab it and Arrow 14, by the way, 100 00:04:10.05 --> 00:04:13.05 that's another empty sublayer, go ahead and click 101 00:04:13.05 --> 00:04:17.03 on Arrow 17, shift click on Arrow 14, click on the little 102 00:04:17.03 --> 00:04:19.07 trash icon, and the fact that you don't get a warning 103 00:04:19.07 --> 00:04:22.00 also tells you that there's nothing there. 104 00:04:22.00 --> 00:04:24.09 And now you can go ahead and twirl that guy closed 105 00:04:24.09 --> 00:04:27.06 and then twirl it back open and you should see 106 00:04:27.06 --> 00:04:30.00 that just about everything is blue 107 00:04:30.00 --> 00:04:31.09 up 'til Arrow 11. 108 00:04:31.09 --> 00:04:33.06 Now, you don't have to keep doing this, by the way, 109 00:04:33.06 --> 00:04:35.03 you don't have to clean up this file at all 110 00:04:35.03 --> 00:04:37.01 if you don't want to but if you do, 111 00:04:37.01 --> 00:04:39.01 then notice that this guy has a little twirly triangle 112 00:04:39.01 --> 00:04:41.07 in front of it, twirl it open, and you'll find 113 00:04:41.07 --> 00:04:44.09 that Arrows 26 and 23 are sitting inside of it, 114 00:04:44.09 --> 00:04:48.01 so go ahead and grab those guys and drag 'em out like so 115 00:04:48.01 --> 00:04:51.03 and then select the empty Arrow 11 right there, 116 00:04:51.03 --> 00:04:52.07 click on the trash icon. 117 00:04:52.07 --> 00:04:54.07 If it's got anything in it, you'll get a warning. 118 00:04:54.07 --> 00:04:56.06 If you don't get a warning, you know there's nothing in it 119 00:04:56.06 --> 00:04:59.07 and now you can twirl up to the top, twirl close layer one, 120 00:04:59.07 --> 00:05:03.02 twirl back open, and now everybody should be the exact 121 00:05:03.02 --> 00:05:06.02 same shade of blue which means that we no longer have 122 00:05:06.02 --> 00:05:09.08 any unnecessary sublayers inside this file. 123 00:05:09.08 --> 00:05:12.06 Again, you don't have to do that unless, like me, 124 00:05:12.06 --> 00:05:16.00 you can't get anything done until you fix what's wrong. 125 00:05:16.00 --> 00:05:19.03 Alright, so, anyway, go ahead and select this arrowhead 126 00:05:19.03 --> 00:05:21.05 right there, the one that we duplicated, 127 00:05:21.05 --> 00:05:23.06 it's going to serve as a kind of template, so, 128 00:05:23.06 --> 00:05:26.01 just go ahead and click on the fill icon up here 129 00:05:26.01 --> 00:05:29.02 in the control panel and change it to a light shade of gray. 130 00:05:29.02 --> 00:05:31.07 Alright, now what you want to do is grab your pen tool, 131 00:05:31.07 --> 00:05:33.09 which you can get by pressing the P key, 132 00:05:33.09 --> 00:05:36.02 I want you to see under the View menu 133 00:05:36.02 --> 00:05:37.09 that I have my smart guides turned off, 134 00:05:37.09 --> 00:05:39.06 it's just going to give me a little more flexibility 135 00:05:39.06 --> 00:05:42.07 and then make sure your cursor is hovered over 136 00:05:42.07 --> 00:05:45.04 that tip of the arrow but you don't want to see 137 00:05:45.04 --> 00:05:47.05 a minus sign next to the cursor 'cause that means 138 00:05:47.05 --> 00:05:49.02 if you click, you'll get rid of that point, 139 00:05:49.02 --> 00:05:52.01 so I'll undo that change and I'll press control, shift, A, 140 00:05:52.01 --> 00:05:54.05 or command, shift, A on a Mac to deselect that artwork 141 00:05:54.05 --> 00:05:57.07 and then I'll just go ahead and drag from this point 142 00:05:57.07 --> 00:06:00.04 so that I'm creating a new smooth point 143 00:06:00.04 --> 00:06:04.01 at that same tip location and then I'll create 144 00:06:04.01 --> 00:06:07.04 another smooth point right here and so I'm dragging 145 00:06:07.04 --> 00:06:09.08 to create each one of the points and I just want to create 146 00:06:09.08 --> 00:06:12.06 a nice smooth segment and now I'm going to alt 147 00:06:12.06 --> 00:06:16.03 or option drag from that smooth point to convert it 148 00:06:16.03 --> 00:06:19.06 to a cusp and I'll drag right here in order to create 149 00:06:19.06 --> 00:06:22.07 another smooth point right there at this location 150 00:06:22.07 --> 00:06:25.03 and so everything should be snapping into alignment. 151 00:06:25.03 --> 00:06:27.03 Alright, now what you want to do is press the V key 152 00:06:27.03 --> 00:06:29.00 to switch to your black arrow tool, 153 00:06:29.00 --> 00:06:30.09 click on that new path to select it, 154 00:06:30.09 --> 00:06:33.01 and go ahead and change its fill back to black 155 00:06:33.01 --> 00:06:36.01 so you can tell it apart from that first arrowhead 156 00:06:36.01 --> 00:06:37.08 that we're using as a template. 157 00:06:37.08 --> 00:06:40.05 Then click and hold on the rotate tool 158 00:06:40.05 --> 00:06:42.07 and select the reflect tool from the fly out menu 159 00:06:42.07 --> 00:06:46.07 or you can just press the O key and then alt or option click 160 00:06:46.07 --> 00:06:49.05 at this anchor point right there in order to bring up 161 00:06:49.05 --> 00:06:52.00 the reflect dialog box, turn on the preview checkbox 162 00:06:52.00 --> 00:06:54.05 so you can see that this is wrong, we want the axis 163 00:06:54.05 --> 00:06:56.06 to be horizontal, not vertical, 164 00:06:56.06 --> 00:06:58.02 and then you want to click on the copy button 165 00:06:58.02 --> 00:06:59.09 in order to create a copy of that path 166 00:06:59.09 --> 00:07:02.02 then press the V key to switch back to your 167 00:07:02.02 --> 00:07:04.01 black arrow tool, shift click on the top half 168 00:07:04.01 --> 00:07:06.04 of the arrowhead, and then go up to the Object menu, 169 00:07:06.04 --> 00:07:08.07 choose Path, and choose Joint, 170 00:07:08.07 --> 00:07:11.09 or you can just press control J or command J on a Mac 171 00:07:11.09 --> 00:07:14.00 and that's going to fuse the two halves 172 00:07:14.00 --> 00:07:15.04 of the arrowhead together 173 00:07:15.04 --> 00:07:17.09 after which point you can click on that gray path 174 00:07:17.09 --> 00:07:20.02 in the background and press the backspace key 175 00:07:20.02 --> 00:07:22.03 or the delete key on a Mac to get rid of it. 176 00:07:22.03 --> 00:07:24.06 Alright, that takes care of our first custom arrowhead. 177 00:07:24.06 --> 00:07:26.09 I figure, however, as long as we're doing this, 178 00:07:26.09 --> 00:07:28.06 we should create three. 179 00:07:28.06 --> 00:07:31.04 And so, I'll go ahead and marquee all this stuff 180 00:07:31.04 --> 00:07:33.09 and I want you to notice in addition to the text 181 00:07:33.09 --> 00:07:36.04 and the arrowhead, there's also an invisible box 182 00:07:36.04 --> 00:07:39.03 around the outside and this line that represents 183 00:07:39.03 --> 00:07:40.06 the stroke itself. 184 00:07:40.06 --> 00:07:42.01 Don't change those. 185 00:07:42.01 --> 00:07:43.01 Just leave those alone. 186 00:07:43.01 --> 00:07:45.03 Alright, so, I'll go ahead and drag this guy down 187 00:07:45.03 --> 00:07:47.09 while pressing the shift and alt keys 188 00:07:47.09 --> 00:07:50.05 so that I'm making a copy of those items, 189 00:07:50.05 --> 00:07:52.04 that would be shift and option on a Mac, 190 00:07:52.04 --> 00:07:54.07 and then you want to press control D or command D on a Mac 191 00:07:54.07 --> 00:07:56.05 in order to create a second copy, 192 00:07:56.05 --> 00:08:00.00 so we have three potential custom arrowheads and all. 193 00:08:00.00 --> 00:08:02.07 Now press the T key in order to switch to the type tool, 194 00:08:02.07 --> 00:08:05.07 change this guy to Custom 2, and this guy to Custom 3. 195 00:08:05.07 --> 00:08:07.05 Alright, now press the escape key 196 00:08:07.05 --> 00:08:09.08 in order to escape the text entry mode 197 00:08:09.08 --> 00:08:12.05 and I'll press the A key to switch to my white arrow tool 198 00:08:12.05 --> 00:08:15.03 and I'll go ahead and zoom in on the second arrowhead, 199 00:08:15.03 --> 00:08:17.05 I'll click on its outline like so 200 00:08:17.05 --> 00:08:19.06 in order to select this top segment 201 00:08:19.06 --> 00:08:21.06 and I'll drag this control handle up 202 00:08:21.06 --> 00:08:23.06 so that we have a little bit of a wave 203 00:08:23.06 --> 00:08:25.09 associated with this line and then I'll click 204 00:08:25.09 --> 00:08:27.04 on this anchor point right there 205 00:08:27.04 --> 00:08:30.07 and I'll drag this top control handle over to the left. 206 00:08:30.07 --> 00:08:33.07 Alright, now we want this arrowhead to be symmetrical, 207 00:08:33.07 --> 00:08:35.02 it doesn't have to be, by the way, 208 00:08:35.02 --> 00:08:38.00 you can have asymmetry where an arrowhead is concerned 209 00:08:38.00 --> 00:08:40.06 but I'm going for symmetry so I'll select this anchor point 210 00:08:40.06 --> 00:08:43.04 and get rid of it and then I'll press the O key 211 00:08:43.04 --> 00:08:45.08 to switch back to my reflect tool over here 212 00:08:45.08 --> 00:08:48.05 in the toolbox and I'll alt or option click 213 00:08:48.05 --> 00:08:50.06 on this anchor point, this left one, 214 00:08:50.06 --> 00:08:53.00 and I'll make sure that the access is set to horizontal 215 00:08:53.00 --> 00:08:54.07 and I'll click on the copy button 216 00:08:54.07 --> 00:08:56.07 and then I'll press the V key to switch back 217 00:08:56.07 --> 00:08:59.00 to my black arrow tool, I'll shift click on the top 218 00:08:59.00 --> 00:09:01.03 of the arrow, and I'll press control J or command J 219 00:09:01.03 --> 00:09:04.01 on a Mac in order to fuse those two halves together. 220 00:09:04.01 --> 00:09:07.00 Alright, now let's go down to this guy 221 00:09:07.00 --> 00:09:09.05 and I'm going to make things a little different for him. 222 00:09:09.05 --> 00:09:11.08 I'll select this existing arrowhead 223 00:09:11.08 --> 00:09:14.02 and I'll change it to light gray again 224 00:09:14.02 --> 00:09:16.00 so it's serving as a kind of template 225 00:09:16.00 --> 00:09:18.02 and then I'll press the P key to switch 226 00:09:18.02 --> 00:09:21.05 to my pen tool, I'll go ahead and click, not on this guy, 227 00:09:21.05 --> 00:09:23.08 but just above him and if I want things to be aligned, 228 00:09:23.08 --> 00:09:26.00 then I'll need to return to the View menu 229 00:09:26.00 --> 00:09:29.05 and turn my smart guides on and then I can click above it 230 00:09:29.05 --> 00:09:32.05 like so and rest assured that I am aligned 231 00:09:32.05 --> 00:09:35.00 because of that smart guide and then I'll click, 232 00:09:35.00 --> 00:09:36.07 let's say, right about there this time 233 00:09:36.07 --> 00:09:39.03 and then over here so that I have a blocky edge 234 00:09:39.03 --> 00:09:41.01 and I'll click down here. 235 00:09:41.01 --> 00:09:43.05 Alright, now I'll press the V key 236 00:09:43.05 --> 00:09:45.07 to switch to my black arrow tool, 237 00:09:45.07 --> 00:09:47.04 I'll select this template guy right here 238 00:09:47.04 --> 00:09:49.07 and I'll get rid of it, and then I'll select this path 239 00:09:49.07 --> 00:09:52.01 and I'll press the O key to switch back to my reflect tool 240 00:09:52.01 --> 00:09:54.08 and I'll alt or option click on this left hand point right 241 00:09:54.08 --> 00:09:57.04 there to bring up the reflect dialog box, 242 00:09:57.04 --> 00:09:59.01 I'll make sure Axis is set to horizontal 243 00:09:59.01 --> 00:10:00.09 and I'll click on the copy button 244 00:10:00.09 --> 00:10:02.07 and then I'll press the V key 245 00:10:02.07 --> 00:10:04.01 to switch back to my black arrow tool, 246 00:10:04.01 --> 00:10:06.02 I'll shift click on this top path, 247 00:10:06.02 --> 00:10:08.08 and I'll press control J or command J on a Mac 248 00:10:08.08 --> 00:10:11.02 to fuse these two points right here together 249 00:10:11.02 --> 00:10:14.02 but notice I have gap between the right hand points. 250 00:10:14.02 --> 00:10:16.07 To close that gap, I'll press control J or command J 251 00:10:16.07 --> 00:10:19.03 on a Mac again and then I'll change the color 252 00:10:19.03 --> 00:10:21.07 of this arrow to black. 253 00:10:21.07 --> 00:10:24.08 Alright, now I'm going to go ahead and zoom out here 254 00:10:24.08 --> 00:10:27.03 so that I can see all of my arrowheads 255 00:10:27.03 --> 00:10:30.06 and I'll go up to the File menu and choose the Save command 256 00:10:30.06 --> 00:10:33.01 or you can press control S or command S on a Mac 257 00:10:33.01 --> 00:10:35.03 to update your file. 258 00:10:35.03 --> 00:10:38.04 Now, that's just going to ensure that we've saved 259 00:10:38.04 --> 00:10:40.08 all the work that we've done so far. 260 00:10:40.08 --> 00:10:44.03 Thing is, we don't really have any new custom arrowheads, 261 00:10:44.03 --> 00:10:46.02 even though we have the arrowhead designs, 262 00:10:46.02 --> 00:10:47.07 we don't have the arrowheads 263 00:10:47.07 --> 00:10:49.07 and that's because if you go to the Window menu 264 00:10:49.07 --> 00:10:51.05 and choose the Symbols command to bring up that Symbols 265 00:10:51.05 --> 00:10:55.00 panel which, as you can see, I've gone ahead and added 266 00:10:55.00 --> 00:10:58.04 back to the icon column, I'll go ahead and scroll 267 00:10:58.04 --> 00:11:01.07 down a list and notice that the symbols start with arrow one 268 00:11:01.07 --> 00:11:05.01 and they end with arrow 39 but we're not seeing 269 00:11:05.01 --> 00:11:08.04 any of the new arrowhead set we've created so far 270 00:11:08.04 --> 00:11:10.04 and that's because we need to take our designs 271 00:11:10.04 --> 00:11:13.08 and convert them into symbols and I'll show you 272 00:11:13.08 --> 00:11:16.07 how that works in the very next movie.