graphicxtras.com > tutorials > Illustrator symbols

Learn how to color symbols by adding Illustrator pattern swatches tutorial

how to add illustrator swatches to color symbols fill and strokesLearn how to add color to a symbol in Illustrator by adding colorful swatches to the fill or stroke of a symbol. The Adobe Illustrator symbol can be used as is but it can also be filled or strokes with all kinds of colorful swatches in Illustrator

  1. Select a symbol

  2. Display the appearance panel (via the window menu)

  3. Go to the appearance panel in Illustrator and you will see a breakdown in the list for the symbol : symbol, contents, opacity.

  4. Go to the right side menu of the symbol panel and then select the add new fill and the symbol will be filled with a solid black swatch.

  5. OK, now go to the fill entry in the appearance panel and select the dropdown and then select one of the swatches you want to add to the symbol to color the artwork.

You will see the entries for the fill and stroke in between the symbol and contents entries. You will also see an entry for the opacity as well as the blending mode for the fill and the same for the stroke so instead of just using the normal blend for the color fill and the swatch, you can set the blending mode to lighten or darken or difference etc by going to the opacity and displaying the opacity panel and setting the blending mode there (some will have little effect and the stroke will have even less effect if there is nothing behind the design

 

Symbols for your projects, all royalty free $4.95 per set, AI format, download

BUY 200 Background symbols for use with swatches (V6) Background symbols for Illustrator

 

You can also add stroke pattern swatches to the symbol in Illustrator giving a colorful edge to the symbols

color swatches symbols stroke

The stroke can be added to the symbol and that can also use the same Illustrator swatch or a different swatch. Some combinations will work well and some will be gloriously garrish but it is up to you. The stroke also allows for the swatch to be manipulated a little further with stroke options such as caps and width profiles that can be added and you can access those by clicking the underline stroke entry

  1. Select a symbol

  2. go to the appearance panel

  3. go to the right side menu and select add new stroke

  4. expand the swatches picker for that stroke

  5. select a swatch

  6. set the stroke weight

  7. click the stroke options in the appearance panel

  8. set profile if you wish

You can also add multiple fills and multiple strokes to the symbol by using the appearance panel

multiple swatches fill replace color symbolYou can go back to the appearance panel and click the add new fill to add additional entries as well as add new stroke. The key thing here is that the entries added to the symbol are in order so any new fills and strokes added are on top of the originals and the original swatch will be lost unless you change the opacity or blending mode of the new swatch color. Likewise for the stroke but with the stroke the width of the stroke can also come into play so you can see the strokes added to the symbol if the smaller strokes are on top and the wider strokes are on the bottom (so if you have a 8pt and a 16pt stroke then you will see both of them but if the 16pt is above the 8pt then you will not see the 8pt unless you use blending modes etc).

 

You can move the entries in the appearance around at any time depending on the desired symbol / swatch combination and colors.

 

You can create some truly unique swatch fills and stroke color effects by combining the blending modes of multiple swatches especially using gradients but you can also combine the color effects also with the source symbol color to create perhaps subtle changes to the symbol instead of a radically different vector design

You can add transformations such as rotations and scaling to the pattern swatches applied to the symbols

swatches and symbols color and scale in IllustratorYou don't have to keep the default scaling and rotation etc for the pattern swatch as defined,

  1. select the entry in the appearance panel for the swatch / fill or swatch / stroke

  2. use the object menu command and transform and apply a different scale such as 50% or rotate 45 degrees, though you should always remember to set the transform object to off and pattern to on (it should be a sticky feature but it always reverts back to object on when you don't want it).

All kinds of excellent fills and strokes can be added to the symbol just by using that feature to vary the result of the selected swatch

Effects can also be added to the symbol's swatches

swatches fill color and effects You can also add effects to the fill and the stroke. If you want to create a truly unique fill and stroke simply add a blur or other effect via the effect menu or via the effects at the bottom of the appearance panel.

  1. Select the symbol

  2. Select a fill entry in the appearance panel

  3. Go to the bottom of the appearance panel and select an effect such as a blur or Phantasm or distort or transformation etc

  4. Apply (change settings etc)

  5. Go to another entry in the appearance panel and then select another effect

You can also save the symbol and swatches combination to the symbols panel

You can also just select the entire symbol and all the associated swatches and add them to the symbol panel and save it as a new artwork. You can then simply add new fills and new stroke swatches to that and start the process again. I would say, this must however have some impact on the system but if you have a powerful machine who knows how many combinations of color effects and symbols you can combine.

Other tutorials

1. how to replace symbol instances in Illustrator

2. how to convert Illustrator symbols to other formats such as PNG for use in other applications

 

graphicxtras

(c) 1995-2017 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375

e-mail: support@ graphicxtras.com

License / Privacy

Contact us

Contact via facebook.com/

pinterest.com/

twitter.com/graphicxtras

youtube.com/

instagram.com/

Linkedin.com/

 

Updated: August 2017