1

00:00:00.05 --> 00:00:02.08

- [Narrator] In this movie

we'll express these waving lines



2

00:00:02.08 --> 00:00:05.07

as a seamlessly repeating tile pattern.



3

00:00:05.07 --> 00:00:08.03

Now you may wonder why

at this point, after all



4

00:00:08.03 --> 00:00:11.02

we're already filling the

screen with the seamless effect,



5

00:00:11.02 --> 00:00:14.01

but if I press Control +

0, or Command + 0 on a Mac,



6

00:00:14.01 --> 00:00:17.07

you can see that a lot of the

artboard is left uncovered,



7

00:00:17.07 --> 00:00:20.01

and we might want to create

a pattern that we can apply



8

00:00:20.01 --> 00:00:23.01

to a vertical piece of artwork as well.



9

00:00:23.01 --> 00:00:26.00

And that's where tile

patterns come in very handy.



10

00:00:26.00 --> 00:00:28.01

Now if we refer to the diagram again,



11

00:00:28.01 --> 00:00:31.00

you can see the distance

between the crest of one wave



12

00:00:31.00 --> 00:00:34.01

and the crest of the next is 300 points,



13

00:00:34.01 --> 00:00:35.09

which means that our

pattern needs to measure



14

00:00:35.09 --> 00:00:41.05

300 points wide as well as

300 points tall. Why tall?



15

00:00:41.05 --> 00:00:44.02

Because in addition to

the horizontal waves,



16

00:00:44.02 --> 00:00:47.04

we have those bright vertical waves.



17

00:00:47.04 --> 00:00:49.07

I'm going to go ahead

and press Control + A,



18

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

or Command + A on a Mac,



19

00:00:50.09 --> 00:00:53.04

to select all of the

artwork, and then I'll go up



20

00:00:53.04 --> 00:00:57.01

to the Object menu, choose

Pattern, and choose Make,



21

00:00:57.01 --> 00:00:59.02

or if you loaded dekeKeys,

you have that shortcut



22

00:00:59.02 --> 00:01:03.08

of Control + M here on a

PC, or Command + M on a Mac.



23

00:01:03.08 --> 00:01:06.03

Now by default you're going

to see some very large width



24

00:01:06.03 --> 00:01:08.05

and height values which

are going to preclude



25

00:01:08.05 --> 00:01:11.04

any kind of seamless

repetition whatsoever.



26

00:01:11.04 --> 00:01:14.00

And so what you want to do

is select the width value



27

00:01:14.00 --> 00:01:16.04

and change it to 300 points, and then tab



28

00:01:16.04 --> 00:01:20.02

to the height value and change

it to 300 points as well.



29

00:01:20.02 --> 00:01:23.02

Do not turn on Size Tile to Art,

because that's just going to



30

00:01:23.02 --> 00:01:25.06

mess things up, as we're seeing here.



31

00:01:25.06 --> 00:01:28.03

So again, I'll turn that

check box off and return



32

00:01:28.03 --> 00:01:31.06

both the values to 300 points.



33

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

Now we're seeing some

kind of wacky repetition



34

00:01:34.01 --> 00:01:35.09

at this point, which is why I'm going



35

00:01:35.09 --> 00:01:38.04

to call this guy bad pattern, even though



36

00:01:38.04 --> 00:01:42.03

what we're currently seeing

is not quite accurate.



37

00:01:42.03 --> 00:01:44.00

Then, I'll press the Escape key



38

00:01:44.00 --> 00:01:46.03

in order to exit the pattern editor,



39

00:01:46.03 --> 00:01:49.03

and create that new pattern swatch.



40

00:01:49.03 --> 00:01:51.07

Now let's employ the pattern by creating



41

00:01:51.07 --> 00:01:55.01

a new layer which you can

do by Alt or Option clicking



42

00:01:55.01 --> 00:01:57.09

on the little page icon at the

bottom of the Layers panel,



43

00:01:57.09 --> 00:02:00.02

and I'll call this layer

pattern, and then I'll change



44

00:02:00.02 --> 00:02:04.01

its color to something

like gold, and click OK.



45

00:02:04.01 --> 00:02:06.04

Now you want to select the rectangle tool,



46

00:02:06.04 --> 00:02:09.02

then make sure your smart

guides are turned on,



47

00:02:09.02 --> 00:02:11.00

which you can do by

going to the View menu,



48

00:02:11.00 --> 00:02:12.06

and if you don't see a check mark,



49

00:02:12.06 --> 00:02:14.05

choosing the Smart Guides command,



50

00:02:14.05 --> 00:02:17.04

and then I'll draw a

rectangle from one corner



51

00:02:17.04 --> 00:02:20.07

of the red bleed boundary to the other,



52

00:02:20.07 --> 00:02:24.01

in order to create, in my

case, a big white rectangle.



53

00:02:24.01 --> 00:02:26.02

I want it to be filled

with our pattern, however,



54

00:02:26.02 --> 00:02:29.01

and so I'll click on the Fill

Swatch and select bad pattern,



55

00:02:29.01 --> 00:02:31.02

at which point I get this.



56

00:02:31.02 --> 00:02:34.00

Now, there's a couple of problems with it.



57

00:02:34.00 --> 00:02:36.06

One is the most obvious one, that we have



58

00:02:36.06 --> 00:02:39.04

these weird little triangles right here.



59

00:02:39.04 --> 00:02:42.09

And those appear over and over again.



60

00:02:42.09 --> 00:02:45.05

But that's not actually

our biggest problem.



61

00:02:45.05 --> 00:02:48.08

Notice instead of these

wonderful, bright, vertical waves,



62

00:02:48.08 --> 00:02:52.00

that our vertical waves appear white,



63

00:02:52.00 --> 00:02:53.08

and that's because

they're getting duplicated



64

00:02:53.08 --> 00:02:56.09

over and over again on top of each other,



65

00:02:56.09 --> 00:02:58.05

which is why we need to contain



66

00:02:58.05 --> 00:03:01.06

our waves inside of a clipping mask.



67

00:03:01.06 --> 00:03:02.09

And so I'll go ahead and turn off



68

00:03:02.09 --> 00:03:04.06

the pattern layer for the moment,



69

00:03:04.06 --> 00:03:07.03

and then I'll select the expanded layer,



70

00:03:07.03 --> 00:03:09.00

click on the fly-out menu icon



71

00:03:09.00 --> 00:03:10.07

in the top right corner

of the Layers panel



72

00:03:10.07 --> 00:03:12.08

and choose Duplicate expanded.



73

00:03:12.08 --> 00:03:15.05

Then you want to turn off

the original expanded layer,



74

00:03:15.05 --> 00:03:17.08

very important, we don't

want to mess it up,



75

00:03:17.08 --> 00:03:21.02

and then double-click on an

empty portion of expanded copy,



76

00:03:21.02 --> 00:03:24.02

in order to bring up the

Layer Options dialogue box.



77

00:03:24.02 --> 00:03:27.01

Let's go ahead and call this guy cropped,



78

00:03:27.01 --> 00:03:32.04

and I'll change the color to

grass green, and then click OK.



79

00:03:32.04 --> 00:03:34.04

Now I need to bring back my guides,



80

00:03:34.04 --> 00:03:36.04

so I'll turn on the guides layer,



81

00:03:36.04 --> 00:03:38.00

and now you want to position your cursor



82

00:03:38.00 --> 00:03:42.00

at the exact intersection of

all four of those guidelines,



83

00:03:42.00 --> 00:03:44.07

and press the Alt key, or

the Option key on a Mac,



84

00:03:44.07 --> 00:03:46.06

and click, in order to bring up



85

00:03:46.06 --> 00:03:49.05

the Rectangle dialogue box,

and then set both the width



86

00:03:49.05 --> 00:03:54.08

and height values to 300

points exactly, and click OK.



87

00:03:54.08 --> 00:03:57.03

In my case, this rectangle comes in filled



88

00:03:57.03 --> 00:04:00.00

with the bad pattern, and

that doesn't really matter



89

00:04:00.00 --> 00:04:03.07

because we're going to lose

that fill in just a second.



90

00:04:03.07 --> 00:04:06.00

Just go ahead and press

Control + A, or Command + A



91

00:04:06.00 --> 00:04:09.07

on a Mac, in order to

select all of your artwork,



92

00:04:09.07 --> 00:04:12.08

and then go to the Object

menu, drop all the way down



93

00:04:12.08 --> 00:04:15.09

to Clipping Mask, and

click Make, or you have



94

00:04:15.09 --> 00:04:19.03

that shortcut of Control +

7, or Command + 7 on a Mac,



95

00:04:19.03 --> 00:04:22.05

at which point you'll

have cropped your pattern.



96

00:04:22.05 --> 00:04:25.02

Now let's turn this

guy into a pattern tile



97

00:04:25.02 --> 00:04:28.00

by going to the Object

menu, choosing Pattern,



98

00:04:28.00 --> 00:04:30.00

and once again choosing Make.



99

00:04:30.00 --> 00:04:33.07

And this time, by the way, you

can turn on Size Tile to Art



100

00:04:33.07 --> 00:04:36.08

and Illustrator will size

the pattern automatically.



101

00:04:36.08 --> 00:04:40.03

You want to leave your Tile

Type set to Grid, by the way,



102

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

anything else is going

to mess up the effect,



103

00:04:42.08 --> 00:04:45.05

as we can see if I choose Brick by Row,



104

00:04:45.05 --> 00:04:47.07

that's going to totally mess things up.



105

00:04:47.07 --> 00:04:50.02

We won't have any seams

going left to right,



106

00:04:50.02 --> 00:04:52.06

but we will have seams up and down.



107

00:04:52.06 --> 00:04:54.03

So, go ahead and stick with grid,



108

00:04:54.03 --> 00:04:57.05

and then name your pattern.

I'm going to call mine



109

00:04:57.05 --> 00:05:01.00

waving 300x300, like so,



110

00:05:01.00 --> 00:05:03.05

and then press the Enter

key to accept that change,



111

00:05:03.05 --> 00:05:07.03

and press the Escape key

to create your new pattern.



112

00:05:07.03 --> 00:05:09.00

Now, I'll turn off the crop layer



113

00:05:09.00 --> 00:05:10.09

and turn on the pattern layer.



114

00:05:10.09 --> 00:05:12.08

I'll also turn off the guides layer



115

00:05:12.08 --> 00:05:14.09

so you can better see what's going on.



116

00:05:14.09 --> 00:05:17.08

I'll press the V key to

switch to the black arrow tool



117

00:05:17.08 --> 00:05:20.01

and I'll click on a

rectangle to select it,



118

00:05:20.01 --> 00:05:22.01

and then I'll return to this first swatch



119

00:05:22.01 --> 00:05:24.00

on the far left side of the control panel,



120

00:05:24.00 --> 00:05:28.00

and I will select waving 300x300,



121

00:05:28.00 --> 00:05:31.05

to produce this absolutely

impeccable effect here.



122

00:05:31.05 --> 00:05:32.09

I'll press Control + Shift + A,



123

00:05:32.09 --> 00:05:35.04

or Command + Shift + A on a

Mac, to deselect the artwork.



124

00:05:35.04 --> 00:05:37.06

I'll press Control + 0,

or Command + 0 on a Mac,



125

00:05:37.06 --> 00:05:40.08

just so you can see that we're

filling the entire artboard,



126

00:05:40.08 --> 00:05:42.08

and I'll press the F key a couple of times



127

00:05:42.08 --> 00:05:44.09

to switch to the full-screen mode,



128

00:05:44.09 --> 00:05:48.03

and I'll go ahead and zoom on in.



129

00:05:48.03 --> 00:05:51.02

And that's how you create

an absolutely impeccable



130

00:05:51.02 --> 00:05:54.01

seamlessly repeating tile

pattern with the help



131

00:05:54.01 --> 00:05:58.03

of an old school clipping

mask here inside Illustrator.