From the course: Design the Web: Using Symbols in SVG

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Recoloring instances of a symbol

Recoloring instances of a symbol - Illustrator Tutorial

From the course: Design the Web: Using Symbols in SVG

Start my 1-month free trial Buy for my team

Recoloring instances of a symbol

“

- So now that we've transformed individual instances of our symbol, let's come in here and recolor individual instances. Now before we can do that, we're going to need to come back to our original artwork, and we can't have a style set here, otherwise we won't be able to override it later on. So let's come up here and select and cut that style attribute, so the source artwork simply has path and then the d attribute. On the stage, you'll see that all of the artwork now converted back to being black. Let's come down here and inside of our very first instance, let's come down here and paste in that style attribute. So for the first use element, which controls this top-most item here, we can see that that's now showing up in white. And all the other transforms are being affected as well. Now for the second item, let's paste in that style attribute, so instead of white, we're gonna set 35 for red, 4C for green, and 4A for blue, that's gonna give us a similar dark blue color that's already…

Contents