1

00:00:00.06 --> 00:00:02.00

- [Voiceover] All right in

this movie I'm gonna show you



2

00:00:02.00 --> 00:00:04.07

how to re-color a repeating tile pattern.



3

00:00:04.07 --> 00:00:06.08

And I know we haven't

reviewed tile patterns yet



4

00:00:06.08 --> 00:00:09.03

they're a very powerful

feature which is why



5

00:00:09.03 --> 00:00:10.09

I'll be devoting an entire chapter



6

00:00:10.09 --> 00:00:13.01

to the topic in my mastery course.



7

00:00:13.01 --> 00:00:14.08

But you don't have to know anything



8

00:00:14.08 --> 00:00:16.09

about them to re-color them.



9

00:00:16.09 --> 00:00:19.04

And so my idea was, I've got these sort of



10

00:00:19.04 --> 00:00:21.07

box towers going on here



11

00:00:21.07 --> 00:00:24.02

and it struck me that this one edge



12

00:00:24.02 --> 00:00:27.08

from the green tiles to the

blue tiles should be one color



13

00:00:27.08 --> 00:00:29.07

and then from the purple to the red tiles



14

00:00:29.07 --> 00:00:31.08

should be another color,

then the yellow tiles



15

00:00:31.08 --> 00:00:35.03

should be a third and these

dark areas should be a fourth



16

00:00:35.03 --> 00:00:37.09

as in this final effect right here.



17

00:00:37.09 --> 00:00:39.07

And so the first thing that we need to do



18

00:00:39.07 --> 00:00:41.05

is create a color group.



19

00:00:41.05 --> 00:00:44.01

And so I'll go ahead and

return to my starter document



20

00:00:44.01 --> 00:00:47.05

and I'll select this shade of

blue right there let's say.



21

00:00:47.05 --> 00:00:50.02

And obviously it's my

stroke that is selected



22

00:00:50.02 --> 00:00:51.07

as opposed to my fill.



23

00:00:51.07 --> 00:00:53.07

It doesn't really matter

however, so if you're



24

00:00:53.07 --> 00:00:55.04

working along with me just go ahead and



25

00:00:55.04 --> 00:00:57.03

click on that little

page icon at the bottom



26

00:00:57.03 --> 00:00:58.07

of the swatches panel.



27

00:00:58.07 --> 00:01:00.06

And I'm gonna turn on the Global check box



28

00:01:00.06 --> 00:01:03.09

and I'm gonna change the color mode to HSB



29

00:01:03.09 --> 00:01:06.06

and then I'm gonna change

the hue value to 190



30

00:01:06.06 --> 00:01:09.04

which is very close to

cyan, I'm gonna take



31

00:01:09.04 --> 00:01:11.06

the saturation value down to 50% and



32

00:01:11.06 --> 00:01:14.06

I'll increase the brightness value to 100%



33

00:01:14.06 --> 00:01:16.04

and I'll make sure the Add

to my Library check box



34

00:01:16.04 --> 00:01:19.04

is turned off and then click OK.



35

00:01:19.04 --> 00:01:21.01

Alright now we want to

create a color group



36

00:01:21.01 --> 00:01:22.05

based on this new swatch.



37

00:01:22.05 --> 00:01:25.00

And to do that make sure

the swatch is selected



38

00:01:25.00 --> 00:01:27.05

and then click on the little folder icon



39

00:01:27.05 --> 00:01:29.03

at the bottom of the swatches panel



40

00:01:29.03 --> 00:01:32.08

and let's just call this

guy Blues and click OK



41

00:01:32.08 --> 00:01:35.06

and you can see that we

now have that shade of blue



42

00:01:35.06 --> 00:01:37.06

inside the new Blues group.



43

00:01:37.06 --> 00:01:39.02

Aright now I want to create another swatch



44

00:01:39.02 --> 00:01:40.04

based on the previous one.



45

00:01:40.04 --> 00:01:42.05

And so I'll click on the little page icon



46

00:01:42.05 --> 00:01:44.07

to bring up the new swatch panel



47

00:01:44.07 --> 00:01:46.06

because Global was turned on for



48

00:01:46.06 --> 00:01:48.07

this swatch it's turned on once again,



49

00:01:48.07 --> 00:01:51.01

which means I'll have a

link between these swatches



50

00:01:51.01 --> 00:01:54.02

and the objects that are either

filled or stroked with them.



51

00:01:54.02 --> 00:01:57.06

Alright now I'll switch the

color mode yet again to HSB



52

00:01:57.06 --> 00:02:00.07

and I'll take the Hue

value this time up to 200



53

00:02:00.07 --> 00:02:03.07

and then I'm looking for

a Saturation of 100%,



54

00:02:03.07 --> 00:02:05.09

a Brightness of 100% is just fine



55

00:02:05.09 --> 00:02:07.07

at which point I'll click OK.



56

00:02:07.07 --> 00:02:09.06

Alright now to create

yet another swatch by



57

00:02:09.06 --> 00:02:12.00

clicking on the little

page icon at the bottom



58

00:02:12.00 --> 00:02:14.04

of the swatches panel, making

sure the Global checkbox



59

00:02:14.04 --> 00:02:17.08

is turned on, switching

the color mode to HSB,



60

00:02:17.08 --> 00:02:20.04

then tabbing my way to the

Hue value and I'm gonna



61

00:02:20.04 --> 00:02:24.02

take it up to 240 degrees

for a nice rich deep blue.



62

00:02:24.02 --> 00:02:26.02

And then I'll Tab down

to the Brightness value



63

00:02:26.02 --> 00:02:29.03

and reduce it to 50% and click OK.



64

00:02:29.03 --> 00:02:31.01

And now we need just one more color



65

00:02:31.01 --> 00:02:34.05

which is gonna be for this

dark area in between the cubes



66

00:02:34.05 --> 00:02:37.03

and so I'll once again click

on the little page icon



67

00:02:37.03 --> 00:02:38.06

at the bottom of the swatches panel,



68

00:02:38.06 --> 00:02:41.09

make sure Global is turned on,

change the color mode to HSB,



69

00:02:41.09 --> 00:02:46.09

Tab my way down to the Saturation

value and set it to 10%



70

00:02:46.09 --> 00:02:49.05

and then set the Brightness

value to 10% as well



71

00:02:49.05 --> 00:02:51.06

and then click OK.



72

00:02:51.06 --> 00:02:53.08

Alright now if you zoom

out a little bit here



73

00:02:53.08 --> 00:02:55.09

you'll see that all we

have is a rectangle that's



74

00:02:55.09 --> 00:02:57.02

filled with the tile pattern.



75

00:02:57.02 --> 00:02:59.05

And so I'll just click on

a rectangle to select it



76

00:02:59.05 --> 00:03:01.00

with the black Arrow tool,



77

00:03:01.00 --> 00:03:03.05

and I want you to note here

if I make the fill active



78

00:03:03.05 --> 00:03:06.03

in the swatches panel,

there's my little tile pattern



79

00:03:06.03 --> 00:03:08.07

right there called Boxed Towers.



80

00:03:08.07 --> 00:03:10.04

And so I could switch the

pattern if I wanted to



81

00:03:10.04 --> 00:03:13.06

by clicking on Jive instead

but obviously that's not what I



82

00:03:13.06 --> 00:03:17.00

want so I'll go ahead and

click on Boxed Towers again,



83

00:03:17.00 --> 00:03:18.09

I just want you to see

that you can save repeating



84

00:03:18.09 --> 00:03:22.03

Tile patterns as swatches in Illustrator.



85

00:03:22.03 --> 00:03:24.06

And now I'll go ahead and zoom back in



86

00:03:24.06 --> 00:03:28.00

and with the rectangle selected

go ahead and double click



87

00:03:28.00 --> 00:03:30.01

on a folder icon for the Blues group



88

00:03:30.01 --> 00:03:33.02

in order to bring up the

Recolor Artwork dialogue box



89

00:03:33.02 --> 00:03:38.00

and once again we have a

kind of miracle going on here



90

00:03:38.00 --> 00:03:41.06

because as you can see, yellow,

which was formerly on top



91

00:03:41.06 --> 00:03:43.06

of these edges right there is being mapped



92

00:03:43.06 --> 00:03:44.08

to the lightest blue.



93

00:03:44.08 --> 00:03:48.04

Green and blue which share

the forward edge right here



94

00:03:48.04 --> 00:03:50.07

the left hand edge, they

are now being mapped



95

00:03:50.07 --> 00:03:53.06

to the medium blue, purple

and red which are on



96

00:03:53.06 --> 00:03:56.03

the right hand edge, are being

mapped to the darkest blue,



97

00:03:56.03 --> 00:03:58.04

we've got a little bit

of a problem however



98

00:03:58.04 --> 00:04:01.05

with black and grey which we'll

take care in just a moment.



99

00:04:01.05 --> 00:04:04.08

So go ahead and turn on

Recolor Artwork checkbox



100

00:04:04.08 --> 00:04:07.06

and I'll click on a

little dialogue box icon



101

00:04:07.06 --> 00:04:10.05

and I'll turn back on Preserve Black



102

00:04:10.05 --> 00:04:13.05

because I don't want to

remap black and I'll click OK



103

00:04:13.05 --> 00:04:15.02

in order to accept that change,



104

00:04:15.02 --> 00:04:18.07

and the reason is the black

is that little edge effect



105

00:04:18.07 --> 00:04:21.06

right there which I do not want to modify.



106

00:04:21.06 --> 00:04:25.01

Alright now problem is if

you're to look very closely



107

00:04:25.01 --> 00:04:26.06

at these colors here, notice how this



108

00:04:26.06 --> 00:04:29.09

deep blue edge right here,

these six skewed squares



109

00:04:29.09 --> 00:04:33.07

is a little bit darker than

the light ones below it



110

00:04:33.07 --> 00:04:35.03

and it's even more obvious up here,



111

00:04:35.03 --> 00:04:37.02

so these guys are a little darker than



112

00:04:37.02 --> 00:04:40.03

these guys down below,

and that is because we've



113

00:04:40.03 --> 00:04:42.08

selected the wrong color reduction method.



114

00:04:42.08 --> 00:04:45.02

So what you need to do is click on this



115

00:04:45.02 --> 00:04:48.04

down pointing arrow head next

to this medium blue swatch



116

00:04:48.04 --> 00:04:50.08

or really any of the

swatches, it doesn't matter



117

00:04:50.08 --> 00:04:53.06

turn the Apply To All checkbox on, turn on



118

00:04:53.06 --> 00:04:56.06

Preserve Spot Colors, which

will dim the final two options



119

00:04:56.06 --> 00:05:00.09

and go ahead and select Exact

and watch very carefully



120

00:05:00.09 --> 00:05:04.01

what goes on right here as

soon as I switch to Exact



121

00:05:04.01 --> 00:05:08.03

and click off that popup

menu we get darker edges



122

00:05:08.03 --> 00:05:11.03

that exactly match each

other, which is of course



123

00:05:11.03 --> 00:05:13.03

exactly what I'm looking for.



124

00:05:13.03 --> 00:05:16.05

After which point you can

just go ahead and click OK



125

00:05:16.05 --> 00:05:18.03

in order to apply that effect



126

00:05:18.03 --> 00:05:22.03

and notice Illustrator not

only updates the artwork



127

00:05:22.03 --> 00:05:24.03

but it also gives us a new swatch.



128

00:05:24.03 --> 00:05:27.03

So I still have access to

the old Boxed Towers swatch,



129

00:05:27.03 --> 00:05:30.03

which I can select if I

like, plus I have access to



130

00:05:30.03 --> 00:05:33.00

a new swatch called Boxed Towers Two



131

00:05:33.00 --> 00:05:35.06

and so if I want to change

its name then I would



132

00:05:35.06 --> 00:05:38.00

click on the fly out menu

icon in the top right corner



133

00:05:38.00 --> 00:05:41.02

of the swatches panel and I

would choose Swatch Options



134

00:05:41.02 --> 00:05:43.01

to bring up this dialogue box here



135

00:05:43.01 --> 00:05:46.02

and I would just go ahead and

call this guy Blue Towers,



136

00:05:46.02 --> 00:05:49.08

let's say and get rid

of the two and click OK.



137

00:05:49.08 --> 00:05:51.00

And now I'll press Control + Shift + A



138

00:05:51.00 --> 00:05:54.08

or Command + Shift + A on a

Mac to deselect my artwork.



139

00:05:54.08 --> 00:05:57.08

And that folks is how you

recolor a repeating tile pattern



140

00:05:57.08 --> 00:06:00.07

and have the whole thing

occur non-destructively



141

00:06:00.07 --> 00:06:03.04

so that the original

pattern swatch goes unharmed



142

00:06:03.04 --> 00:06:05.04

here inside Illustrator.