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.

Transforming instances of a symbol

Transforming 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

Transforming instances of a symbol

“

- Now something you'll probably want to do once you start working with symbols, is transform the symbols on the stage. Maybe making the size or scale larger or smaller, or even skewing individual elements. Especially if you want to use this for some info graphics. So let's come down here and let's scale one of these individual instances. So for the very first one, let's come in here, and let's add a space after the y-property, and let's add an attribute called transform. So we're gonna set transform, equal to, two quotes. And what we're going to do here is we're going to use CSS3 properties to scale this individual element. So this first use element here is the instance that's at the very top of our canvas. So let's come over here and scale this up 70 percent. So to do that we'll type: scale, then a set of parentheses. Now inside of the parentheses for scale, we're going to set two values. We're going to set the x-value and the y-value. So we're going to set 1.7 to scale this 70…

Contents