Join Deke McClelland for an in-depth discussion in this video Creating and naming symbols, part of Illustrator CS6 One-on-One: Mastery.
In this movie, I'll show you how to create and rename symbols. If you have access to the exercise files, you'll find one called Photoshop shapes.ai. Then if you bring up the symbols panel, you see it contains tons and tons of symbols that I've acquired over the years from Photoshop's custom shape tool. And for those of you who do not have access to this file, let me show you how you can put one together for yourself. I'll go ahead and switch over to Photoshop, then I'll drop down to the near bottom of the toolbox here, click and hold on the shape tool and select the custom shape tool, and then what you want to do is go up to the shape option here in the options bar.
And click on it and you'll see that you have a variety of different shapes that you can choose from so for example I can go ahead and grab the Florida Lee if I wanted to and then just drag inside of my image like so and if you want to constrain the proportions of the artwork so you don't end up stretching it. Then you press and hold the Shift key until you finish drawing the shape. Now that might seem like a cool trinket, but A it's something that's missing from Illustrator, and B you have access to a lot more artwork than these simple shapes here. And you can get to everything that ships along with Photoshop by clicking in this little gear icon and choosing All from the menu.
That's going to go ahead and replace everything that's already here, so instead of clicking append, Just go ahead and click on the OK button and you'll see this very long list of shapes, like so. And then I might grab one, such as Crown 2. And I'll go ahead and press the Esc key to hide that panel, and then I'll drop the crown next door to the fleur-de-lis while pressing the shift key. To get this artwork over to Illustrator, you want to get the black arrow tool, which is the path selectino tool, you can also get to it by pressing the A key. And then, if we want to select both shapes here, then I'll go ahead and click this guy, the crown, because currently these objects are on different shape layers, and I'll press Ctrl + X or Cmd + X on a Mac in order to cut that shape, then I'll go ahead and click on the Fleur-de-lis for a moment here just to make sure it's selected, and I'll press Ctrl + V or Cmd + V on a Mac.
And notice, that places the two shapes on the same shape layer. Which is essential, if you want to select a both and then you can Shift + Click on the Fleur-de-lis in order to select it as well, and then you want to press Ctrl + K or Cmd + K on the Mac, to bring up the preferences dialog box. I normally recommend that people turn this option right here off, export clipboard, cause when you are copying big image files it can present a problem. But in our case we will want export clipboard to be turned on as by default. So, I'll just go ahead and click the canel button. And then, go to the edit menu and choose a copy command, or you can press Ctrl + C or Cmd + C on the Mac. Now go ahead and switch back over to Illustrator.
And at this point, it's just a matter of going up to the edit menu and choosing the paste command. Or you can press Ctrl + V or Cmd + V on the Mac. Here in the paste options dialog box, you want to go ahead and select compound path, which is going to give you simple shapes, not really faster ones, and then click OK. And you will end up with these 2 unfilled shapes like so. Just to separate them from the other clutter in the background, I'll go ahead and change their filter color to, lets say, red. Should make them nice and garish on screen. And also notice that they've automatically been combined into a single group, which we can see, over here in the far left side of the control panel.
So, to get rid of that group, go up to the object menu and choose the N group command, or press Ctrl + Shift + G or Cmd + Shift + G on a Mac. Because, otherwise, we wouldn't be able to define these objects independently of each other. And now we can select each object independently, which is all together essential, of course, for defining independent symbols. Anyway, I've already put these guys into this document with the exception of these two down here. The tricycle, which no longer ships along with Photoshop, but did once upon a time. And then the world wide web next door. So I'll go ahead and delete the red shapes from view and I'll show you two ways to save a shape at as a symbol.
One is to put the new symbol in a very specific location. I'll go ahead and increase the size of my panel here. And let's say I want to put this tricycle right next store to the bike. Well then I'll go ahead and drag it and drop it into place, and you can see that allows to specify exactly where that symbol goes, and then release, and up comes the symbol options dialog box, and actually you want to name your symbol, I'll just call mine tricycle, and in most cases that all you need to do, but I will briefly explain what's going on with the rest of the options Type is specifically for working with Flash Professional. A movie clip just goes ahead and gives the symbol a time code, which is a more flexible way to work.
But if you're working just inside of Illustrator, then, this option is meaningless. Next door we've got registration, which, where Illustrator is concerned affects the default location of the transformation origin. When you're scaling or rotating a symbol. And I'll show you what that looks like in a future movie. I'll also explain nine slice scaling in a future movie. And finally, a line and pixel grid is going to go ahead and align the perpendicular segments associated with a symbol, to the pixel grid. Which is useful if you're going to the web. If you're creating Web art. But if you're not creating web art, or you have circular or curving objects, then it's more of a pain in the neck than anything else. So I'll go ahead and leave it off, and then I'll click OK. And notice that goes ahead and turns the tricycle into an instance and we can see the registration mark right there, in the center of the object. All right, what if you don't want to drop an object to a specific location. Well in that case, let's say you want it to appear at the end of the list. Then you go ahead and cilck on you paths out here on the document window. And you click on the little page icon on the bottom of the symbols pannels. Well, and I'll just go ahead and name this guy World Wide Web, and then click OK.
In order to save it off right there at the bottom of the panel, and turn the original object into an instance of that symbol. Finally, let's say you need to give a symbol a new name. For example, if I click off this symbol to deselect it, you'll notice in this row, I've got a symbol called Boom 1 and another called Boom 2. But I neglected to name this one next door, so it's just called New Symbol 164. If you want to change the name of the symbol, don't double-click on it because that's how you change the definition of a symbol, that's how you edit it.
To change it's name, you drop down to this little dialog box icon at the bottom of the panel and click on it. And then I'll just go ahead and call this guy sculpted star, and click OK. In order to modify it's name and you can see that the new name now appears as a tip here inside the Symbols panel. And that's how you create a new symbol, as well as rename an existing one here inside Illustrator.
- Setting up angular construction guides
- Kerning and clipping hand-drawn type
- Creating and naming symbols
- Using symbols to simulate master pages
- Creating a gradient mesh
- Using gradients to cast shadows
- Fading artwork with a gradient opacity mask
- Warping and distorting artwork with Liquify and Envelope
- Assembling a seamless pattern brush
- Creating charts and pictographs
- Working in 3D space