1 00:00:00.04 --> 00:00:01.07 - [Instructor] In this movie, I'll show you 2 00:00:01.07 --> 00:00:04.06 how to create and rename symbols. 3 00:00:04.06 --> 00:00:07.02 And so, if you have access to my Exercise Files, 4 00:00:07.02 --> 00:00:10.08 I've got some really good ones for you that provide you with 5 00:00:10.08 --> 00:00:13.04 what I consider to be, some valuable assets. 6 00:00:13.04 --> 00:00:14.08 And this is one of them. 7 00:00:14.08 --> 00:00:18.04 Basically, what we're looking at is a bunch of custom shapes 8 00:00:18.04 --> 00:00:21.05 that are available to you, not inside Illustrator, 9 00:00:21.05 --> 00:00:23.08 but rather inside Photoshop. 10 00:00:23.08 --> 00:00:25.09 And so, in other words, Illustrator doesn't really provide 11 00:00:25.09 --> 00:00:30.06 you with an auto drawing tool, whereas Photoshop does. 12 00:00:30.06 --> 00:00:32.04 And so, if you were to go to the Window menu 13 00:00:32.04 --> 00:00:34.05 and choose the Symbols command, 14 00:00:34.05 --> 00:00:36.07 in order to bring up that Symbols panel, 15 00:00:36.07 --> 00:00:40.07 notice if I expand the panel, that we've got tons 16 00:00:40.07 --> 00:00:44.04 and tons of custom shapes available to us, 17 00:00:44.04 --> 00:00:47.04 all of which I brought over from Photoshop. 18 00:00:47.04 --> 00:00:49.03 And, let me show you what that looks like. 19 00:00:49.03 --> 00:00:52.03 Just in case you want to create your own such file. 20 00:00:52.03 --> 00:00:54.04 I'll switch over to Photoshop here. 21 00:00:54.04 --> 00:00:56.07 And then I'll drop down to the Shape Tool, 22 00:00:56.07 --> 00:00:59.05 which by default is going to be the Rectangle Tool. 23 00:00:59.05 --> 00:01:01.01 And then I'll click and hold and select 24 00:01:01.01 --> 00:01:04.04 the Custom Shape Tool from the fly-out menu. 25 00:01:04.04 --> 00:01:07.01 And now you can go up here to the horizontal options bar 26 00:01:07.01 --> 00:01:11.00 and click right there in order to select a custom shape, 27 00:01:11.00 --> 00:01:14.09 which by default is this guy right here, Blob 1. 28 00:01:14.09 --> 00:01:16.06 But let's say I'm looking for something 29 00:01:16.06 --> 00:01:19.04 a little more jazzy, such as Fleur-De-Lis. 30 00:01:19.04 --> 00:01:21.03 So, I'll go ahead and select it. 31 00:01:21.03 --> 00:01:24.01 And then all you have to do is drag here in the image window 32 00:01:24.01 --> 00:01:27.02 in order to draw a Fleur-De-Lis. 33 00:01:27.02 --> 00:01:29.03 So, the great thing here is that somebody's gone ahead 34 00:01:29.03 --> 00:01:30.08 and done the work for us. 35 00:01:30.08 --> 00:01:32.09 So, we don't have to meticulously draw 36 00:01:32.09 --> 00:01:35.04 all those anchor points and control handles. 37 00:01:35.04 --> 00:01:38.09 Now, if you don't want the shape to be tall and skinny 38 00:01:38.09 --> 00:01:42.00 or short and squat, then go ahead and press the Shift key 39 00:01:42.00 --> 00:01:44.00 in order to constrain it's proportions. 40 00:01:44.00 --> 00:01:45.05 And, I'll make it about this big, 41 00:01:45.05 --> 00:01:47.03 let's say, and then release. 42 00:01:47.03 --> 00:01:50.04 And we end up with a new vector-based shape layer. 43 00:01:50.04 --> 00:01:53.07 So, this is a layer inside Photoshop that's made up of 44 00:01:53.07 --> 00:01:58.02 anchor points and control handles, just as in Illustrator. 45 00:01:58.02 --> 00:01:59.04 Now, it's pretty cool that 46 00:01:59.04 --> 00:02:01.00 these shapes are available to you. 47 00:02:01.00 --> 00:02:02.06 It would be actually kind of lame 48 00:02:02.06 --> 00:02:04.08 if this were all of them, but it's not. 49 00:02:04.08 --> 00:02:06.06 And, so if you want access to all the shapes 50 00:02:06.06 --> 00:02:09.01 that ship with Photoshop, then click on this gear icon 51 00:02:09.01 --> 00:02:11.06 right there and choose All. 52 00:02:11.06 --> 00:02:14.08 And that is going to include the shapes that we've already got. 53 00:02:14.08 --> 00:02:16.07 So, don't append, cause then you'd end up 54 00:02:16.07 --> 00:02:18.02 with a bunch of repetitions. 55 00:02:18.02 --> 00:02:21.02 Instead, just click OK, and you will now see 56 00:02:21.02 --> 00:02:23.06 this huge list of custom shapes. 57 00:02:23.06 --> 00:02:27.02 At which point, I'll go ahead and grab, let's say Crown 2, 58 00:02:27.02 --> 00:02:28.08 and then I'll press the Escape key 59 00:02:28.08 --> 00:02:30.04 to hide this pop-up panel. 60 00:02:30.04 --> 00:02:33.01 And I'll just go ahead and draw a crown. 61 00:02:33.01 --> 00:02:34.08 Well, again pressing the Shift key, 62 00:02:34.08 --> 00:02:37.01 in order to constrain its proportions. 63 00:02:37.01 --> 00:02:38.01 Alright, now let's say you want to 64 00:02:38.01 --> 00:02:40.01 take these guys over to Illustrator. 65 00:02:40.01 --> 00:02:42.02 Well, the first thing you need to do is 66 00:02:42.02 --> 00:02:45.03 put both of the shapes on the same shape layer, 67 00:02:45.03 --> 00:02:47.04 so that you can copy them together. 68 00:02:47.04 --> 00:02:49.04 And notice right now that's not the case. 69 00:02:49.04 --> 00:02:52.05 So, what you need to do is press CTRL + X, or 70 00:02:52.05 --> 00:02:56.07 Command + X on the Mac, in order to cut those path outlines. 71 00:02:56.07 --> 00:02:59.03 And then, with the Shape 1 layer active, 72 00:02:59.03 --> 00:03:03.00 press CTRL + V, or Command + V on the Mac, to paste them. 73 00:03:03.00 --> 00:03:05.02 And now notice, both of these custom shapes 74 00:03:05.02 --> 00:03:08.06 appear on the same Shape Layer. 75 00:03:08.06 --> 00:03:10.00 Alright, now what you need to do 76 00:03:10.00 --> 00:03:12.07 just to ensure that everything's going to work properly 77 00:03:12.07 --> 00:03:15.04 is press CTRL + K or Command + K on the Mac, 78 00:03:15.04 --> 00:03:17.03 to bring up the Preferences dialogue box, 79 00:03:17.03 --> 00:03:20.01 same keyboard shortcut you have in Illustrator. 80 00:03:20.01 --> 00:03:23.00 And then notice this checkbox right here, Export Clipboard. 81 00:03:23.00 --> 00:03:26.01 Normally, I recommend people turn it off because 82 00:03:26.01 --> 00:03:29.02 otherwise you run the risk of copying huge images 83 00:03:29.02 --> 00:03:32.05 inside Photoshop, and then when you switch to a different 84 00:03:32.05 --> 00:03:35.09 application, Photoshop has to hand off that huge image to 85 00:03:35.09 --> 00:03:39.07 the operating system, which is a process that usually fails. 86 00:03:39.07 --> 00:03:42.06 But in our case, we need to have the checkbox on, 87 00:03:42.06 --> 00:03:44.04 as by default incidentally, 88 00:03:44.04 --> 00:03:47.02 so just make sure it's on, then click OK. 89 00:03:47.02 --> 00:03:50.04 And now, I'll switch to the black arrow tool, 90 00:03:50.04 --> 00:03:53.01 which Photoshop calls the Path Selection Tool, 91 00:03:53.01 --> 00:03:55.09 but it's got a keyboard shortcut of A for arrow. 92 00:03:55.09 --> 00:03:58.01 And then go ahead and marquis these two shapes 93 00:03:58.01 --> 00:04:01.00 to select them, and then press CTRL + C, 94 00:04:01.00 --> 00:04:04.03 or Command + C on the Mac, in order to copy them. 95 00:04:04.03 --> 00:04:07.07 Now, let's switch back to Illustrator and press CTRL + V, 96 00:04:07.07 --> 00:04:11.02 or Command + V on the Mac, in order to paste those shapes. 97 00:04:11.02 --> 00:04:13.07 At which point, you'll get this alert message asking you 98 00:04:13.07 --> 00:04:16.03 if you want to paste them as a compound shape, 99 00:04:16.03 --> 00:04:19.08 which is great when you have really super complex artwork. 100 00:04:19.08 --> 00:04:22.05 But, in our case, compound path is going to work, 101 00:04:22.05 --> 00:04:25.01 not faster really, just better. 102 00:04:25.01 --> 00:04:26.07 And the reason it's better is because 103 00:04:26.07 --> 00:04:28.04 these are fairly simple shapes. 104 00:04:28.04 --> 00:04:30.03 They do have holes in them, 105 00:04:30.03 --> 00:04:34.00 but they don't have any complex pathfinder stuff going on. 106 00:04:34.00 --> 00:04:35.03 Alright, so I'll go ahead 107 00:04:35.03 --> 00:04:37.02 and select that option and click OK. 108 00:04:37.02 --> 00:04:40.01 And we end up with these two paths right here. 109 00:04:40.01 --> 00:04:42.05 Now, it may alarm you that they're neither filled 110 00:04:42.05 --> 00:04:44.05 nor stroked, but that's not really a problem. 111 00:04:44.05 --> 00:04:46.08 The real problem is that they're grouped together. 112 00:04:46.08 --> 00:04:49.00 Illustrator just loves to group things. 113 00:04:49.00 --> 00:04:51.04 We can see that this is the case, because of the word Group 114 00:04:51.04 --> 00:04:53.07 on the far left side of the Control Panel. 115 00:04:53.07 --> 00:04:54.09 So, the first thing you need to do is 116 00:04:54.09 --> 00:04:57.00 go to the Object menu and choose Ungroup, 117 00:04:57.00 --> 00:04:58.06 or you can press CTRL + Shift + G, 118 00:04:58.06 --> 00:05:00.01 or Command + Shift + G on the Mac, 119 00:05:00.01 --> 00:05:02.02 at which point we'll see compound path, 120 00:05:02.02 --> 00:05:06.00 because both of these guys are in fact now compound paths. 121 00:05:06.00 --> 00:05:08.01 And so, I'm going to give them a fill by clicking on 122 00:05:08.01 --> 00:05:11.06 this first color swatch and selecting this shade of red, 123 00:05:11.06 --> 00:05:13.05 just to make them stand out. 124 00:05:13.05 --> 00:05:16.04 Now this guy does need to be a compound path, incidentally, 125 00:05:16.04 --> 00:05:19.00 because he's got a bunch of holes, you can see that. 126 00:05:19.00 --> 00:05:20.01 And this guy doesn't. 127 00:05:20.01 --> 00:05:22.03 He doesn't have anything going on, so if you wanted to, 128 00:05:22.03 --> 00:05:25.00 you don't have to, but you could go up to the Object Menu, 129 00:05:25.00 --> 00:05:28.03 choose Compound Path and choose Release, 130 00:05:28.03 --> 00:05:30.07 so that he's just a standard path outline. 131 00:05:30.07 --> 00:05:32.08 Alright, now you would presumably 132 00:05:32.08 --> 00:05:35.02 turn these guys into symbols. 133 00:05:35.02 --> 00:05:37.02 The thing is I've already saved both of these shapes 134 00:05:37.02 --> 00:05:39.07 as symbols in advance here. 135 00:05:39.07 --> 00:05:42.01 And so, you can see if I scroll down a little ways, 136 00:05:42.01 --> 00:05:44.07 there's Crown 2, so the king's crown, 137 00:05:44.07 --> 00:05:46.06 and there's the Fleur-De-Lis. 138 00:05:46.06 --> 00:05:48.04 However, I haven't got around to 139 00:05:48.04 --> 00:05:51.03 saving these tiny paths right here, 140 00:05:51.03 --> 00:05:54.07 which are located more or less in the center of the artwork. 141 00:05:54.07 --> 00:05:56.00 And so, to see what those look like, 142 00:05:56.00 --> 00:05:58.09 I'll deselect my artwork and then zoom in on them. 143 00:05:58.09 --> 00:06:01.03 And you may wonder why they're so tiny. 144 00:06:01.03 --> 00:06:04.03 Well, that's because all of the original symbol definitions 145 00:06:04.03 --> 00:06:07.08 in this particular piece of artwork are very small. 146 00:06:07.08 --> 00:06:09.05 And so, I want to match them. 147 00:06:09.05 --> 00:06:12.03 Alright, so I'm going to scroll down the Symbols Panel, 148 00:06:12.03 --> 00:06:14.02 and maybe make it a little taller, 149 00:06:14.02 --> 00:06:19.02 until I can see that italic I that represents Information. 150 00:06:19.02 --> 00:06:21.00 Alright, so let's say I want to put these paths 151 00:06:21.00 --> 00:06:25.01 right next door to the info icon, for the simple reason 152 00:06:25.01 --> 00:06:28.06 that that's the way things are organized inside Photoshop. 153 00:06:28.06 --> 00:06:29.09 In that case, I would go ahead 154 00:06:29.09 --> 00:06:31.02 and select the paths, like so. 155 00:06:31.02 --> 00:06:32.06 And notice that they're organized 156 00:06:32.06 --> 00:06:34.03 into a single compound path. 157 00:06:34.03 --> 00:06:37.00 And then I would drag them and drop them 158 00:06:37.00 --> 00:06:39.05 to this location right there. 159 00:06:39.05 --> 00:06:42.08 And that's going to bring up the Symbol Options dialogue box. 160 00:06:42.08 --> 00:06:44.00 Now, the first thing you want to do, of course, 161 00:06:44.00 --> 00:06:45.07 is name your symbol. 162 00:06:45.07 --> 00:06:48.01 So, I'll go ahead and call mine Campfire. 163 00:06:48.01 --> 00:06:50.09 And then I'll briefly run through what's going on here. 164 00:06:50.09 --> 00:06:53.06 Export Type is set to Movie Clip, by default. 165 00:06:53.06 --> 00:06:55.08 That's an old Flash thing. 166 00:06:55.08 --> 00:06:57.04 And what that does is it just goes ahead 167 00:06:57.04 --> 00:06:59.02 and gives the symbol a time code. 168 00:06:59.02 --> 00:07:01.04 If you're working exclusively inside Illustrator, 169 00:07:01.04 --> 00:07:04.01 then it absolutely doesn't matter what you set this to, 170 00:07:04.01 --> 00:07:06.04 which is a great reason to ignore it. 171 00:07:06.04 --> 00:07:09.08 Then we have Symbol Type, which can be Dynamic or Static. 172 00:07:09.08 --> 00:07:13.03 That's a relatively new thing inside Illustrator CC. 173 00:07:13.03 --> 00:07:16.00 I'm going to be explaining exactly what's going on here, 174 00:07:16.00 --> 00:07:16.09 in a future movie. 175 00:07:16.09 --> 00:07:19.04 But for now, just set it to Static. 176 00:07:19.04 --> 00:07:21.03 Then you can set a center point, 177 00:07:21.03 --> 00:07:24.02 which is going to be your default transformation origin. 178 00:07:24.02 --> 00:07:26.02 We might as well leave it set to Center, 179 00:07:26.02 --> 00:07:28.04 because you can always override it later. 180 00:07:28.04 --> 00:07:30.03 And then we have 9-Slice Scaling, 181 00:07:30.03 --> 00:07:33.02 which again I'm going to be dealing with in a future movie. 182 00:07:33.02 --> 00:07:34.08 And, so for now the only change you have to make 183 00:07:34.08 --> 00:07:38.05 is to select Static Symbol and click OK. 184 00:07:38.05 --> 00:07:40.08 And now notice that we have a new campfire symbol 185 00:07:40.08 --> 00:07:44.00 right next door to Information. 186 00:07:44.00 --> 00:07:45.08 Now, let's say, instead of putting a symbol 187 00:07:45.08 --> 00:07:49.04 at a specific location here inside the panel, 188 00:07:49.04 --> 00:07:51.03 and you can move these around by the way. 189 00:07:51.03 --> 00:07:53.06 You can drag them to different locations if you want. 190 00:07:53.06 --> 00:07:55.09 I don't want to do that though, so I'm going to put them back. 191 00:07:55.09 --> 00:07:57.05 Let's say you just want to add a symbol 192 00:07:57.05 --> 00:07:59.04 to the end of the list. 193 00:07:59.04 --> 00:08:02.02 In that case, just go ahead and select the item, 194 00:08:02.02 --> 00:08:03.09 which is this guy right here. 195 00:08:03.09 --> 00:08:06.05 And then you can click on the little page icon 196 00:08:06.05 --> 00:08:08.02 at the bottom of the Symbols panel 197 00:08:08.02 --> 00:08:10.06 to once again bring up that dialogue box. 198 00:08:10.06 --> 00:08:12.08 I'm going to call this guy World Wide Web, 199 00:08:12.08 --> 00:08:15.08 set it to a Static Symbol and click OK. 200 00:08:15.08 --> 00:08:18.03 And we end up with this new World Wide Web symbol 201 00:08:18.03 --> 00:08:21.05 at the bottom of the list. 202 00:08:21.05 --> 00:08:24.00 Also worth noting, both of these guys 203 00:08:24.00 --> 00:08:26.07 have now been converted to Instances. 204 00:08:26.07 --> 00:08:27.08 Notice we're no longer seeing 205 00:08:27.08 --> 00:08:29.06 the anchor points and control handles. 206 00:08:29.06 --> 00:08:33.06 Instead, we're just seeing a rectangular bounding box. 207 00:08:33.06 --> 00:08:36.01 Alright, now there's just one more thing here. 208 00:08:36.01 --> 00:08:40.00 Notice this star that's just above the Information symbol. 209 00:08:40.00 --> 00:08:41.02 It doesn't have a name. 210 00:08:41.02 --> 00:08:43.08 So, next door we have Boom 1 and Boom 2. 211 00:08:43.08 --> 00:08:46.05 And then we've got New Symbol 164. 212 00:08:46.05 --> 00:08:48.09 If you want to rename a symbol, don't double click on it 213 00:08:48.09 --> 00:08:51.04 because that's going to take you into the symbol edit mode, 214 00:08:51.04 --> 00:08:53.05 as we saw in the previous movie. 215 00:08:53.05 --> 00:08:55.05 Instead, click on it to select it, 216 00:08:55.05 --> 00:08:58.05 and then drop down to this little dialogue box icon 217 00:08:58.05 --> 00:09:00.09 at the bottom of the panel and click on it. 218 00:09:00.09 --> 00:09:02.01 And that will once again bring up 219 00:09:02.01 --> 00:09:04.01 the Symbol Options dialogue box. 220 00:09:04.01 --> 00:09:06.03 At which point, I'll just go ahead and name this guy 221 00:09:06.03 --> 00:09:10.02 Sculpted Star, let's say, and then I'll click OK. 222 00:09:10.02 --> 00:09:12.02 And notice now, if I hover over that symbol, 223 00:09:12.02 --> 00:09:14.09 that I have indeed renamed it. 224 00:09:14.09 --> 00:09:17.03 And that is how you create new symbols, 225 00:09:17.03 --> 00:09:21.04 as well as rename existing symbols here inside Illustrator.