1

00:00:00.00 --> 00:00:01.03

- [Voiceover] Alright, now

let's say, you want to change



2

00:00:01.03 --> 00:00:05.03

your artwork from this

monochromatic blue color scheme



3

00:00:05.03 --> 00:00:06.07

to this effect here,



4

00:00:06.07 --> 00:00:08.04

where the text is filled

with this bright orange



5

00:00:08.04 --> 00:00:12.01

and the shadow stroke is

set to violet and so forth.



6

00:00:12.01 --> 00:00:15.08

Well, one way to work, is to

go ahead and target that layer



7

00:00:15.08 --> 00:00:17.06

by returning to the Layers panel



8

00:00:17.06 --> 00:00:21.00

and then clicking on its

circular meatball right there,



9

00:00:21.00 --> 00:00:23.03

and then returning to

the Appearance panel,



10

00:00:23.03 --> 00:00:26.03

and then changing the

top fill, for example.



11

00:00:26.03 --> 00:00:27.02

But notice right now,



12

00:00:27.02 --> 00:00:28.09

here inside the Graphic Styles panel,



13

00:00:28.09 --> 00:00:31.07

that we have an outline around

the "scalloped" thumbnail,



14

00:00:31.07 --> 00:00:34.05

which tells us that we have a link.



15

00:00:34.05 --> 00:00:36.07

But, if I were to change the fill



16

00:00:36.07 --> 00:00:38.09

to this bright shade of orange right here,



17

00:00:38.09 --> 00:00:42.02

R251G176B59,



18

00:00:42.02 --> 00:00:45.02

then I would definitely change the fill,



19

00:00:45.02 --> 00:00:47.05

but I would also break the link.



20

00:00:47.05 --> 00:00:50.03

And by the way, I've done this

in a pretty tedious manner



21

00:00:50.03 --> 00:00:52.00

because I had to switch back and forth



22

00:00:52.00 --> 00:00:54.01

between the Appearance

and the Layers panel,



23

00:00:54.01 --> 00:00:57.00

and so, not surprisingly,

there's a much easier way to work



24

00:00:57.00 --> 00:00:59.01

that doesn't involve breaking the link.



25

00:00:59.01 --> 00:01:00.00

And so, here's what you do:



26

00:01:00.00 --> 00:01:02.09

First, press "Control, Z"

or "Command, Z" on a Mac,



27

00:01:02.09 --> 00:01:04.06

in order to restore the link,



28

00:01:04.06 --> 00:01:06.06

and then press Control, Shift, A



29

00:01:06.06 --> 00:01:08.04

or Command, Shift, A on the Mac,



30

00:01:08.04 --> 00:01:10.00

so nothing is selected.



31

00:01:10.00 --> 00:01:12.07

It's very important nothing is

selected inside your artwork.



32

00:01:12.07 --> 00:01:14.08

And then, here inside

the Appearance panel,



33

00:01:14.08 --> 00:01:17.02

make sure that this top item reads



34

00:01:17.02 --> 00:01:19.02

"No Selection: scalloped"



35

00:01:19.02 --> 00:01:21.09

which tells you that nothing

is selected of course,



36

00:01:21.09 --> 00:01:24.08

and you're working from

the scalloped style.



37

00:01:24.08 --> 00:01:26.04

Then, go ahead and change that fill,



38

00:01:26.04 --> 00:01:28.05

once again, to that

bright shade of orange.



39

00:01:28.05 --> 00:01:31.06

Now, we see no selection

with no style after it



40

00:01:31.06 --> 00:01:34.01

because we've essentially broken the link,



41

00:01:34.01 --> 00:01:36.01

but at least we haven't harmed the layer.



42

00:01:36.01 --> 00:01:39.03

Then, drop down to the blue

stroke, click on its swatch,



43

00:01:39.03 --> 00:01:43.09

and change it to the shade

of violet that begins R=102.



44

00:01:43.09 --> 00:01:46.03

Alright, now there's two

different ways, at this point,



45

00:01:46.03 --> 00:01:47.06

to update the style,



46

00:01:47.06 --> 00:01:50.04

and they're both a little

bit buried, in my opinion.



47

00:01:50.04 --> 00:01:53.03

One way is to stay inside

the Appearance panel,



48

00:01:53.03 --> 00:01:54.09

don't go to the Graphic Styles panel,



49

00:01:54.09 --> 00:01:56.06

stay here inside the Appearance panel;



50

00:01:56.06 --> 00:01:59.09

click on the fly-out menu

icon and choose this command,



51

00:01:59.09 --> 00:02:03.01

Redefined Graphics Style scalloped,



52

00:02:03.01 --> 00:02:05.03

and that will go ahead and

redefine the graphic style



53

00:02:05.03 --> 00:02:08.06

and update the layer

automatically as well,



54

00:02:08.06 --> 00:02:10.01

which is a beautiful thing.



55

00:02:10.01 --> 00:02:12.00

Alright, now let's say what we wanna do



56

00:02:12.00 --> 00:02:16.00

is dim down the blue associated

with this background.



57

00:02:16.00 --> 00:02:20.01

So, I'll go ahead and select

this time, the Jive_GS style,



58

00:02:20.01 --> 00:02:22.03

and I'll click on its

second fill right there,



59

00:02:22.03 --> 00:02:23.06

click on the color swatch,



60

00:02:23.06 --> 00:02:25.08

and change it to, let's

say, this shade of blue,



61

00:02:25.08 --> 00:02:29.04

R=0 G=113 B=188.



62

00:02:29.04 --> 00:02:30.07

And, of course, nothing happens



63

00:02:30.07 --> 00:02:33.01

because we don't have anything selected



64

00:02:33.01 --> 00:02:35.05

and so then I would go over

here to the fly-out menu



65

00:02:35.05 --> 00:02:38.08

and choose Redefine Graphic Style GS.



66

00:02:38.08 --> 00:02:40.03

Alright, that works

beautifully, of course,



67

00:02:40.03 --> 00:02:42.03

but that's not quite the effect I want.



68

00:02:42.03 --> 00:02:43.06

And so, this is how it goes sometimes



69

00:02:43.06 --> 00:02:45.04

when you're working with graphic styles.



70

00:02:45.04 --> 00:02:47.08

You're working a little bit

blind, so it's kind of like



71

00:02:47.08 --> 00:02:49.08

you've gotta try out an effect



72

00:02:49.08 --> 00:02:52.02

and then update the style to preview it.



73

00:02:52.02 --> 00:02:54.06

But, let's say I know I wanna go lighter,



74

00:02:54.06 --> 00:02:56.01

so I'll select this shade of blue,



75

00:02:56.01 --> 00:02:58.07

the one that begins R=41.



76

00:02:58.07 --> 00:03:02.02

And this time, let's say I

go to the fly-out menu icon



77

00:03:02.02 --> 00:03:03.07

and this command is dimmed.



78

00:03:03.07 --> 00:03:05.05

That does sometimes happen.



79

00:03:05.05 --> 00:03:06.07

You will run into that,



80

00:03:06.07 --> 00:03:08.06

in which case there's another way to work,



81

00:03:08.06 --> 00:03:11.01

and that's to go ahead

and drag this thumbnail



82

00:03:11.01 --> 00:03:13.03

in the top-left corner

of the Appearance panel



83

00:03:13.03 --> 00:03:16.06

and drag it over here into

the Graphic Styles panel.



84

00:03:16.06 --> 00:03:18.05

And notice if you drop it right there,



85

00:03:18.05 --> 00:03:21.01

you'll create a new style,

which is not what we want,



86

00:03:21.01 --> 00:03:22.02

so I'll press Control, Z,



87

00:03:22.02 --> 00:03:24.01

or Command, Z on a Mac, to undo that.



88

00:03:24.01 --> 00:03:26.07

Instead, what you do is

you grab that thumbnail



89

00:03:26.07 --> 00:03:29.06

and you drag it onto the

thumbnail you wanna update



90

00:03:29.06 --> 00:03:32.08

and then, you press and hold the Alt key,



91

00:03:32.08 --> 00:03:35.02

or the Option key on a Mac,

and see the difference?



92

00:03:35.02 --> 00:03:36.06

You still have the same cursor,



93

00:03:36.06 --> 00:03:38.06

it's an arrow with a plus sign next to it,



94

00:03:38.06 --> 00:03:41.09

but as soon as you press and

hold Alt, or Option on a Mac,



95

00:03:41.09 --> 00:03:44.05

you see a heavy outline

around the thumbnail



96

00:03:44.05 --> 00:03:46.01

that you're about to replace,



97

00:03:46.01 --> 00:03:47.09

at which point when you release,



98

00:03:47.09 --> 00:03:49.04

you will update that style



99

00:03:49.04 --> 00:03:53.01

as we're seeing reflected here

inside the document window.



100

00:03:53.01 --> 00:03:54.04

And so there you have it,



101

00:03:54.04 --> 00:03:57.01

two different ways to

update a graphic style



102

00:03:57.01 --> 00:04:00.04

and maintain the link

between your styled objects



103

00:04:00.04 --> 00:04:04.06

and the graphic styles themselves,

here inside Illustrator.