1

00:00:00.05 --> 00:00:01.03

- [Instructor] In this movie,



2

00:00:01.03 --> 00:00:03.08

I'll show you how to work

with dynamic symbols.



3

00:00:03.08 --> 00:00:05.05

Now to take advantage of this feature,



4

00:00:05.05 --> 00:00:07.09

you need to be using

the most recent version



5

00:00:07.09 --> 00:00:11.09

of Illustrator CC 2015 or later.



6

00:00:11.09 --> 00:00:14.04

And what dynamic symbols allow you to do



7

00:00:14.04 --> 00:00:17.01

is change the color of your instances



8

00:00:17.01 --> 00:00:19.07

independently of the

original symbol definition



9

00:00:19.07 --> 00:00:22.09

while still maintaining

a link between the two.



10

00:00:22.09 --> 00:00:24.09

Alright, so I'm going to

demonstrate how this works



11

00:00:24.09 --> 00:00:27.00

on the sun shape right here.



12

00:00:27.00 --> 00:00:29.00

But I want to create multiple suns.



13

00:00:29.00 --> 00:00:31.03

So I'm going to go ahead

and select this guy



14

00:00:31.03 --> 00:00:33.02

by clicking on it with

the black arrow tool.



15

00:00:33.02 --> 00:00:35.03

And then I'll go up to the replace option



16

00:00:35.03 --> 00:00:36.09

up here in the control panel,



17

00:00:36.09 --> 00:00:38.03

click on it, and then scroll up



18

00:00:38.03 --> 00:00:41.03

until I see the butterflies right there.



19

00:00:41.03 --> 00:00:44.02

And right next door to

butterfly two is sun one.



20

00:00:44.02 --> 00:00:45.02

So I'll go ahead and click on it



21

00:00:45.02 --> 00:00:47.03

to replace one instance with another,



22

00:00:47.03 --> 00:00:49.07

and it's a little bit smaller by the way,



23

00:00:49.07 --> 00:00:51.02

than this guy over here on the right,



24

00:00:51.02 --> 00:00:53.05

and so I'm going to

switch to the scale tool,



25

00:00:53.05 --> 00:00:56.03

and I'll press the enter key,

or the return key on the Mac,



26

00:00:56.03 --> 00:00:57.09

to bring up the scale dialog box.



27

00:00:57.09 --> 00:01:04.03

And I'll change the

uniform value to 111.11%.



28

00:01:04.03 --> 00:01:06.03

And then I'll click okay.



29

00:01:06.03 --> 00:01:08.04

Alright, now let's say I

want to change the color



30

00:01:08.04 --> 00:01:10.02

of one or both of the suns.



31

00:01:10.02 --> 00:01:13.01

Well, currently I'm working

with a static symbol,



32

00:01:13.01 --> 00:01:14.05

and you can tell that's the case



33

00:01:14.05 --> 00:01:17.08

because of the words symbol,

and then in parentheses static,



34

00:01:17.08 --> 00:01:21.04

over here on the far left

side of the control panel.



35

00:01:21.04 --> 00:01:23.00

And static symbols by the way



36

00:01:23.00 --> 00:01:25.05

are the same as the

symbols we've had forever



37

00:01:25.05 --> 00:01:29.00

inside Illustrator,

and what that means is,



38

00:01:29.00 --> 00:01:30.04

if you want to change

the color of the sun,



39

00:01:30.04 --> 00:01:31.07

you need to change the color



40

00:01:31.07 --> 00:01:34.02

of the original symbol definition.



41

00:01:34.02 --> 00:01:36.07

Now as you may recall, these

symbols are way smaller



42

00:01:36.07 --> 00:01:38.01

than we're seeing right here,



43

00:01:38.01 --> 00:01:40.07

and just to avoid a

little bit of confusion,



44

00:01:40.07 --> 00:01:43.02

I'm going to create a new

window into this document



45

00:01:43.02 --> 00:01:44.06

by going up to the window menu



46

00:01:44.06 --> 00:01:47.00

and choosing the new window command.



47

00:01:47.00 --> 00:01:48.09

Or if you loaded d keys,

you have a shortcut



48

00:01:48.09 --> 00:01:51.09

of control-shift-alt-N here on a PC,



49

00:01:51.09 --> 00:01:54.04

or command-shift-option-N on the Mac.



50

00:01:54.04 --> 00:01:56.04

Alright, now I'll bring

up the symbols panel,



51

00:01:56.04 --> 00:01:59.02

which is identified by

this clover leaf icon.



52

00:01:59.02 --> 00:02:02.00

I'll find sun one next to the butterflies,



53

00:02:02.00 --> 00:02:03.07

and I'll double click on it.



54

00:02:03.07 --> 00:02:06.09

And as you can see, it

is very tiny indeed.



55

00:02:06.09 --> 00:02:08.09

And so I'm going to zoom on in here.



56

00:02:08.09 --> 00:02:11.04

And then I'll press the V key



57

00:02:11.04 --> 00:02:13.04

to switch to the black arrow tool,



58

00:02:13.04 --> 00:02:15.03

and I'll click on the rays to select them.



59

00:02:15.03 --> 00:02:17.02

And I'll just change them, let's say,



60

00:02:17.02 --> 00:02:19.03

to the shade of orange right here.



61

00:02:19.03 --> 00:02:20.05

Doesn't really matter.



62

00:02:20.05 --> 00:02:22.03

Any old change is going to do the trick.



63

00:02:22.03 --> 00:02:24.03

After which point I'll update this symbol



64

00:02:24.03 --> 00:02:25.08

by pressing the escape key.



65

00:02:25.08 --> 00:02:28.00

And you can see here in this symbols panel



66

00:02:28.00 --> 00:02:29.07

that the icon is updated.



67

00:02:29.07 --> 00:02:31.03

The reason we're not seeing it



68

00:02:31.03 --> 00:02:33.05

is because we're so far zoomed in,



69

00:02:33.05 --> 00:02:36.01

which is why I took that

moment to create a new view



70

00:02:36.01 --> 00:02:38.07

into the document, so I can easily restore



71

00:02:38.07 --> 00:02:39.09

the old view here.



72

00:02:39.09 --> 00:02:43.01

And notice that both of

the suns have updated.



73

00:02:43.01 --> 00:02:44.06

Well, what if you want to change the color



74

00:02:44.06 --> 00:02:46.05

of one sun independently of the other?



75

00:02:46.05 --> 00:02:50.01

Well, one way to work is to

select an instance, like so,



76

00:02:50.01 --> 00:02:52.02

and then go up to the window menu



77

00:02:52.02 --> 00:02:53.07

and choose the appearance command



78

00:02:53.07 --> 00:02:55.07

to bring up the appearance panel,



79

00:02:55.07 --> 00:02:57.07

and notice we can see

the word symbol here.



80

00:02:57.07 --> 00:03:00.00

I'm going to drop down

to the add new fill icon,



81

00:03:00.00 --> 00:03:02.07

in the bottom left corner of

the panel, and click on it.



82

00:03:02.07 --> 00:03:05.02

Notice this new fill is

overriding the old one.



83

00:03:05.02 --> 00:03:07.09

And I'll change it, let's

say, to the shade of red,



84

00:03:07.09 --> 00:03:10.08

just so we can see a difference.



85

00:03:10.08 --> 00:03:13.03

Now the problem is that I

don't have a ton of control.



86

00:03:13.03 --> 00:03:16.02

I can't for example

color the rays in the sun



87

00:03:16.02 --> 00:03:17.08

independently of each other.



88

00:03:17.08 --> 00:03:20.08

But I can do exactly

that if I were working



89

00:03:20.08 --> 00:03:22.04

with a dynamic symbol.



90

00:03:22.04 --> 00:03:23.09

And so I'm going to get

rid of that new fill



91

00:03:23.09 --> 00:03:25.07

because it'll mess things up



92

00:03:25.07 --> 00:03:28.04

by pressing control Z,

or command Z on the Mac,



93

00:03:28.04 --> 00:03:32.01

a couple of times, and then

I'll bring back my symbols panel



94

00:03:32.01 --> 00:03:34.02

and rather than double clicking



95

00:03:34.02 --> 00:03:36.00

on this guy this time around,



96

00:03:36.00 --> 00:03:38.04

you just want to click

on the dialog box icon



97

00:03:38.04 --> 00:03:40.01

down here at the bottom of the panel,



98

00:03:40.01 --> 00:03:44.01

and just change the symbol

type to dynamic symbol.



99

00:03:44.01 --> 00:03:47.00

So you could do that

any old time you like.



100

00:03:47.00 --> 00:03:49.07

After which point I'll click

okay to accept that change,



101

00:03:49.07 --> 00:03:52.02

and for the moment, just so I

can better see what I'm doing,



102

00:03:52.02 --> 00:03:53.07

I'll hide the symbols panel,



103

00:03:53.07 --> 00:03:56.07

and now I'll click on this

left hand symbol over here,



104

00:03:56.07 --> 00:03:59.08

and I'll go ahead and

zoom in on it as well.



105

00:03:59.08 --> 00:04:00.09

And now what you want to do



106

00:04:00.09 --> 00:04:03.05

is switch to the white arrow tool,



107

00:04:03.05 --> 00:04:05.06

which of course you can

get by pressing the A key.



108

00:04:05.06 --> 00:04:08.02

And then notice if I click

on a symbol to select it,



109

00:04:08.02 --> 00:04:11.01

that it's telling me that

it's a dynamic symbol,



110

00:04:11.01 --> 00:04:13.06

over here on the far left

side of the control panel.



111

00:04:13.06 --> 00:04:15.03

Now I should be able

to click on the outline



112

00:04:15.03 --> 00:04:17.06

in order to select the rays,



113

00:04:17.06 --> 00:04:19.05

but feature's a little flaky at times.



114

00:04:19.05 --> 00:04:21.00

If it doesn't work, what you need to do



115

00:04:21.00 --> 00:04:22.05

is just click off the symbol



116

00:04:22.05 --> 00:04:24.04

and click on its outline once again,



117

00:04:24.04 --> 00:04:27.06

at which point you should

see a thick outline like so,



118

00:04:27.06 --> 00:04:28.09

and that's going to allow you



119

00:04:28.09 --> 00:04:31.03

to switch to a different fill if you like,



120

00:04:31.03 --> 00:04:33.03

and so I could go over

here to the stroke panel,



121

00:04:33.03 --> 00:04:36.08

and change the weight

value to one, let's say,



122

00:04:36.08 --> 00:04:38.06

so that I have a one point stroke.



123

00:04:38.06 --> 00:04:40.02

And notice it traces around the outside



124

00:04:40.02 --> 00:04:43.00

as well as the inside edge of the rays,



125

00:04:43.00 --> 00:04:45.07

because after all this is a compound path.



126

00:04:45.07 --> 00:04:46.06

And then if you want



127

00:04:46.06 --> 00:04:48.04

to independently color the central shape,



128

00:04:48.04 --> 00:04:51.02

then you can click on its outline

with the white arrow tool,



129

00:04:51.02 --> 00:04:54.06

and change it to, let's say purple.



130

00:04:54.06 --> 00:04:57.01

Alright, now the great

thing is that's not going



131

00:04:57.01 --> 00:05:00.01

to affect the other symbol at all.



132

00:05:00.01 --> 00:05:01.08

And so I'll just go ahead

and click in those rays



133

00:05:01.08 --> 00:05:04.02

with the white arrow tool

once again to select them.



134

00:05:04.02 --> 00:05:05.07

And then I'll change the fill



135

00:05:05.07 --> 00:05:07.02

which is active here in the swatches panel



136

00:05:07.02 --> 00:05:09.00

to let's say blue.



137

00:05:09.00 --> 00:05:10.00

Doesn't really matter.



138

00:05:10.00 --> 00:05:11.04

And I'll select the central shape.



139

00:05:11.04 --> 00:05:14.09

And I'll change it to

this dark shade of orange.



140

00:05:14.09 --> 00:05:16.06

Alright, so I'm going to zoom out here,



141

00:05:16.06 --> 00:05:20.04

so that we can see both

the suns at the same time.



142

00:05:20.04 --> 00:05:23.04

And so clearly, they are

different from each other,



143

00:05:23.04 --> 00:05:24.07

and they're a little bit different



144

00:05:24.07 --> 00:05:27.04

than the original symbol

definition as well.



145

00:05:27.04 --> 00:05:28.06

Now let's see what happens



146

00:05:28.06 --> 00:05:30.08

if you once again edit the symbol.



147

00:05:30.08 --> 00:05:33.03

I'll go ahead and switch over

to the second window here.



148

00:05:33.03 --> 00:05:35.00

And I will bring up the symbols panel,



149

00:05:35.00 --> 00:05:37.04

and I'll double click

on the sun one symbol,



150

00:05:37.04 --> 00:05:39.06

in order to open it up.



151

00:05:39.06 --> 00:05:41.01

And because we're still zoomed in



152

00:05:41.01 --> 00:05:42.08

I can see it nice and large.



153

00:05:42.08 --> 00:05:44.02

Now I'm going to press the V key



154

00:05:44.02 --> 00:05:46.00

to switch back to my black arrow tool,



155

00:05:46.00 --> 00:05:49.01

and I'm going to change the

colors of the rays back to black.



156

00:05:49.01 --> 00:05:51.07

Because at this point it doesn't

matter what the colors are.



157

00:05:51.07 --> 00:05:54.05

And apparently, I went ahead

and changed the stroke,



158

00:05:54.05 --> 00:05:56.06

which is not what I

want, so I'll switch back



159

00:05:56.06 --> 00:05:58.06

to the fill here in the swatches panel,



160

00:05:58.06 --> 00:06:00.06

and change it back to black.



161

00:06:00.06 --> 00:06:02.03

And then I'll select the central circle



162

00:06:02.03 --> 00:06:04.04

and let's change it into a face.



163

00:06:04.04 --> 00:06:06.02

By selecting the scale tool,



164

00:06:06.02 --> 00:06:08.06

and I'll go ahead and press the enter key



165

00:06:08.06 --> 00:06:09.07

or the return key on a Mac



166

00:06:09.07 --> 00:06:11.04

to bring up the scale dialog box



167

00:06:11.04 --> 00:06:15.02

and I'll change the uniform

value to 70% and click copy.



168

00:06:15.02 --> 00:06:17.06

And because it's a black

shape on another black shape,



169

00:06:17.06 --> 00:06:18.07

we're not really seeing it,



170

00:06:18.07 --> 00:06:21.00

so I'll change its fill to white.



171

00:06:21.00 --> 00:06:22.01

And then I'll create another copy



172

00:06:22.01 --> 00:06:24.07

by pressing the enter key

or the return key on the Mac



173

00:06:24.07 --> 00:06:26.07

and I'll tab down to the horizontal value,



174

00:06:26.07 --> 00:06:29.00

and set it to 120%,



175

00:06:29.00 --> 00:06:31.09

and then I'll set the

vertical value to 60%,



176

00:06:31.09 --> 00:06:34.04

and I'll once again click the copy button.



177

00:06:34.04 --> 00:06:35.06

Alright, now I'll press the V key



178

00:06:35.06 --> 00:06:37.04

to switch to my black arrow tool.



179

00:06:37.04 --> 00:06:39.07

I'll shift click on that

second circle right there,



180

00:06:39.07 --> 00:06:41.07

and I'll go up to the window menu,



181

00:06:41.07 --> 00:06:43.05

and choose the pathfinder command,



182

00:06:43.05 --> 00:06:45.06

to bring up the pathfinder panel,



183

00:06:45.06 --> 00:06:47.06

and I'll click minus front



184

00:06:47.06 --> 00:06:50.01

in order to subtract that front shape.



185

00:06:50.01 --> 00:06:52.03

As you can see on the far left

side of the control handle



186

00:06:52.03 --> 00:06:53.06

we end up with a group,



187

00:06:53.06 --> 00:06:55.00

so I'll press control-shift-G,



188

00:06:55.00 --> 00:06:57.09

or command-shift-G on the

Mac, to ungroup those paths.



189

00:06:57.09 --> 00:06:59.08

Then I'll shift click on

this guy to deselect it,



190

00:06:59.08 --> 00:07:01.08

and I'll delete the top shape.



191

00:07:01.08 --> 00:07:03.05

And that way we're left with a smile.



192

00:07:03.05 --> 00:07:05.00

Alright, now I'm going

to zoom in a little more



193

00:07:05.00 --> 00:07:08.01

and I'm going to select the ellipse tool



194

00:07:08.01 --> 00:07:09.09

from the shape tool flyout menu,



195

00:07:09.09 --> 00:07:14.01

and I'll go ahead and draw

an eye right about there,



196

00:07:14.01 --> 00:07:16.07

let's say, and then I'll

select the reflect tool,



197

00:07:16.07 --> 00:07:18.05

which you can get by pressing the O key,



198

00:07:18.05 --> 00:07:21.00

and I'll alter option click,



199

00:07:21.00 --> 00:07:22.05

right there on that center point,



200

00:07:22.05 --> 00:07:24.05

and I want to set the axis to vertical,



201

00:07:24.05 --> 00:07:27.08

after which I'll click

copy to create that eye.



202

00:07:27.08 --> 00:07:29.09

And now I'll switch back

to the black arrow tool,



203

00:07:29.09 --> 00:07:31.06

and I'll shift click on the first eye



204

00:07:31.06 --> 00:07:34.02

as well as the smile, and

I'll fuse them together



205

00:07:34.02 --> 00:07:35.08

by going up to the object menu,



206

00:07:35.08 --> 00:07:39.00

choosing compound path, and choosing make.



207

00:07:39.00 --> 00:07:40.05

Alright, now, I'll press the escape key



208

00:07:40.05 --> 00:07:42.09

in order to save my changes,



209

00:07:42.09 --> 00:07:45.00

and you can see if I bring

back the symbols panel,



210

00:07:45.00 --> 00:07:47.02

sure enough, this tiny little thumbnail



211

00:07:47.02 --> 00:07:49.07

is showing us that we have a face.



212

00:07:49.07 --> 00:07:50.09

And to see what that looks like



213

00:07:50.09 --> 00:07:52.08

I'll switch back to my first window,



214

00:07:52.08 --> 00:07:54.03

and here's what we've got.



215

00:07:54.03 --> 00:07:56.08

Now somehow my stroke

has gone completely nuts,



216

00:07:56.08 --> 00:07:59.00

but you can see that this guy over here



217

00:07:59.00 --> 00:08:01.03

on the right hand side

looks absolutely great.



218

00:08:01.03 --> 00:08:03.04

And they both are sporting faces.



219

00:08:03.04 --> 00:08:05.03

Alright, so I'm going to take

care of that stroke problem



220

00:08:05.03 --> 00:08:09.02

by pressing the A key to

switch to my white arrow tool.



221

00:08:09.02 --> 00:08:11.09

And then I'll click on

the rays to select them.



222

00:08:11.09 --> 00:08:13.00

And there's my culprit,



223

00:08:13.00 --> 00:08:14.03

my line weight here in the stroke panel



224

00:08:14.03 --> 00:08:17.02

has leapt up to eight points, dunno why,



225

00:08:17.02 --> 00:08:18.07

but I can easily remedy the problem



226

00:08:18.07 --> 00:08:21.05

by selecting the stroke

here in the swatches panel



227

00:08:21.05 --> 00:08:24.00

and changing it to none.



228

00:08:24.00 --> 00:08:25.05

Alright, now I'm going to

switch back to the fill



229

00:08:25.05 --> 00:08:28.02

so that I can click inside the mouth,



230

00:08:28.02 --> 00:08:29.04

and as you can see right here,



231

00:08:29.04 --> 00:08:31.08

that ends up selecting

the mouth and the eyes.



232

00:08:31.08 --> 00:08:34.07

And I'll change them to blue, let's say,



233

00:08:34.07 --> 00:08:36.02

just so we can see a difference.



234

00:08:36.02 --> 00:08:38.02

And I'll go ahead and change the mouth



235

00:08:38.02 --> 00:08:40.09

and eyes for this guy to yellow.



236

00:08:40.09 --> 00:08:42.03

Alright, but let's say

you don't want people



237

00:08:42.03 --> 00:08:43.06

to be able to do that.



238

00:08:43.06 --> 00:08:45.05

You want the mouth and

eyes to create holes



239

00:08:45.05 --> 00:08:47.08

in the circular faces.



240

00:08:47.08 --> 00:08:49.00

In that case, you'll switch back



241

00:08:49.00 --> 00:08:50.05

to that second window once again,



242

00:08:50.05 --> 00:08:54.04

double click on sun one, in

order to visit the symbol.



243

00:08:54.04 --> 00:08:57.00

I'll press the V key to switch

back to my black arrow tool.



244

00:08:57.00 --> 00:08:59.02

I'll click in the mouth

and eyes to select them,



245

00:08:59.02 --> 00:09:02.03

and I'll shift click on the

inner circle to select it.



246

00:09:02.03 --> 00:09:04.06

And then, I'll return to the object menu,



247

00:09:04.06 --> 00:09:07.00

choose compound path, and choose make.



248

00:09:07.00 --> 00:09:08.06

And while that doesn't look any different,



249

00:09:08.06 --> 00:09:11.05

the eyes and mouth have

now been turned into holes,



250

00:09:11.05 --> 00:09:12.04

and you can see that's the case



251

00:09:12.04 --> 00:09:14.05

if you drag the shape around.



252

00:09:14.05 --> 00:09:15.09

But I don't want to dislocate it



253

00:09:15.09 --> 00:09:18.01

so I'll go ahead and undo that move,



254

00:09:18.01 --> 00:09:21.01

and I'll press the escape key

in order to update the symbol,



255

00:09:21.01 --> 00:09:23.00

and now I'll switch back

to the other window,



256

00:09:23.00 --> 00:09:26.02

and you can see that

the interior of the suns



257

00:09:26.02 --> 00:09:29.06

have changed from

fillable shapes to holes.



258

00:09:29.06 --> 00:09:31.05

And that, friends, is

how you take advantage



259

00:09:31.05 --> 00:09:33.00

of the newest development



260

00:09:33.00 --> 00:09:35.08

where symbols are

concerned, dynamic symbols,



261

00:09:35.08 --> 00:09:37.08

here inside the most recent version



262

00:09:37.08 --> 00:09:40.06

of Illustrator CC 2015 and later.