Algonquin College Graphic Design Program Computer Graphics Course Curriculum Algonquin College Graphic Design Program Computer Graphics Course Curriculum

Symbols

Apps Used: Adobe Illustrator

If you have a piece of artwork that repeats many times in your work, it's best to make a Symbol of it. The symbol can be edited, then all the instances you've used will update at once. You can even make colour variations with Dynamic Symbols.

This is a formative assignment

That means that you'll be learning and practising new software skills. This assignment contributes to your final grade in the course. This work will be graded as either:

Complete Incomplete

If needed, I will provide written feedback on your performance.

Video Tutorials

Topics

What Are Symbols?

A symbol is an object in Illustrator that acts like a container which contains artwork. If you double-click on a symbol, you enter Isolation Mode. This allows you to edit the contents of the symbol. You can actually replace them completely.

Each instance of a symbol is a proxy of the original, but it doesn’t make your file any larger. Even if you have hundreds of instances of a symbol in a document, there really is only one instance of that artwork in the file.

symbols-animated

Another benefit here, is that you can edit the original Symbol and all of its dependant instances will update automatically.

What Are Dynamic Symbols?

With Dynamic Symbols, symbols can share a master shape but different instances of the symbol can have dynamically modified appearances. If the master shape is modified, symbol instances receive the new modification, but maintain their own modifications as well. Adobe

You an select parts of a symbol instance with the Direct Selection tool.

symbols-dynamic-animated

Note that the circles above retain their colours even when the star shape is added to the symbol because they are dynamic symbols. If these were Static Symbols, the colours of each instance could not even be edited.

What changes when you edit a Dynamic Symbol are only the properties that the instances had in common to start with. In the case above, if you change the colour of one of the instances, the others will not change because they didn’t have colour in common to start with.

Creating Symbols

To create a new symbol, select artwork. You can either:

symbols-create-symbols

  1. Drag the artwork into the Symbols panel.
  2. Click the New Symbol button in the panel.
  3. Use New Symbol… from the panel menu.
By default, the selected artwork becomes an instance of the new symbol. If you don’t want the artwork to become an instance, press Shift as you create the new symbol. In addition, if you don’t want the New Symbol dialog box to open when you create a new symbol, press Alt (Windows) or Option (Mac OS) as you create the symbol and Illustrator will use a default name for the symbol, such as New Symbol 1.

Using Symbols

There are 4 ways to add a symbol to an artboard.

symbols-ways-to-place

  1. Drag the artwork from the panel onto the page.
  2. Click on the arrow button at the bottom of the panel.
  3. Use the Place Symbol Instance command from the panel’s menu.
  4. Use the Symbol Sprayer tool to spray them onto the page.

Selecting Symbols

One of the advantages of symbols is that you can create hundreds of instances easily. The problem is that once you’ve done so, they become difficult to select because there are so many.

symbols-select-same

If you wish to select all instances of a symbol, click on one, then go Select > Same Symbol Instance. This will grab them all.

Editing Symbols

To edit a symbol, double-click on an instance on the page. You’ll enter Isolation Mode.

symbols-edit-a-symbol

At this point, you see that you can see all the parts of the symbol in the Layers panel. This is similar to isolation mode with grouped art. When you’re in isolation mode, you can replace artwork within the symbol. Just draw whatever you want in isolation mode. When you exit, that will be the new symbol.

symbols-reset-transforms

You can even replace a symbol by selecting it on the page, then use the Replace menu from the control bar.

If you need to edit the artwork of a symbol instance, you always have the option to expand it. That will make it regular vectors like when you initially built it. Avoid expanding if you can avoid it.

9-Slice Scaling

If you choose to use 9-Slice scaling when you create your symbol, the shape will scale where you dictate.

symbols-9-slice scaling

To edit where the art scales, double-click on it to enter isolation mode. Move the guides where you want them. Now, when you stretch the object, it only stretches between the guides. Symbols are worth creating for this use alone.

Spraying Symbols

symbols-ways-to-place

You can use the Symbol Sprayer Tool to add many symbol instances at once. It’s a brush-type tool. It has a radius, which can be changed with either [ or ]. The longer you hold it, the more instances get sprayed onto the page.

symbols-spraying-symbols

The result of spraying symbols is a Symbol Set. It’s a special kind of group in Illustrator. Note that the size of the brush doesn’t affect the dimensions of the symbols sprayed onto the page. The size of the brush is an indicator of the radius it will affect with the gallery tools.

Modifying Sprayed Symbols

Once you’ve created a symbol set with the Sprayer tool, you can modify it with tools in the Symbol tool gallery.

symbols-create-symbols

Each tool is self-explanatory. Maybe you should create a symbol to test each tool with. This is where the radius of the brush really makes a difference. These tools are very useful to create random looking artwork like a school of fish, clouds or grass.

There are options to the Symbol Sprayer tool. Just double-click on the Sprayer tool to see them.

symbols-sprayer-tool-options

Most of the controls are related to using a pen tablet. You can have the Symbol Sprayer tool respond to the pen as you draw. The setting that concerns us is the Intensity setting. It dictates how quickly the symbols flow out of the tool as you paint.

As you spray, you can hold Shift or Shift + Option to have positive or a negative effect, like shrinking or growing the instances. Give it a go.

Formative Activity

Basic Symbols

Draw your own original symbols on the provided map. You should have an icon for:

  1. Camp grounds
  2. Picnic grounds
  3. A hospital
  4. Bicycle paths
  5. Walking paths
  6. Location markers (a dot or geometric shape)
  7. Mile marker (a triangular shape)

Illustrator Symbols Map

Make one of the icons a dynamic symbol. Change the colours of the instances. In my case, I changed the colour of the picnic grounds icons.

9-Slice Scaling

In the second instance, the arrow art has already been drawn for you. What you need to do is make it a symbol with 9-slice scaling. You want to make only the wood shaft scale, as shown.

Illustrator Symbols Arrow

Symbol Sprayer

Create a symbol from the provided artwork. Use the Symbol Sprayer to spray instances on the page.

Illustrator Symbols Sprayer

Use the Sprayer tools to create variations in their size, rotation, etc…

Supplemental Links

What you'll submit:

Instructions

Once you've completed your work, save and close each document. Rename the provided assignment folder as LastName-FirstName-Group-Nº-Assignment-Name. So,

Appleseed-Johnny-1-Symbols

Right-click, then choose Compress... to create a zip file for submission. So...

Paradis-Alain-1-Symbols.zip

The zip file is what you submit.

Failure to submit your files as directed will incur a proportional loss of points. If your file/folder is not named with your name, you will earn a zero. Why?