1

00:00:00.05 --> 00:00:02.06

- [Instructor] Okay,

so here's my rendition



2

00:00:02.06 --> 00:00:06.07

of, I think, the eye of HAL

9000, the robot run amok



3

00:00:06.07 --> 00:00:09.06

from 2001: A Space Odyssey.



4

00:00:09.06 --> 00:00:12.03

Which you may recall is

a Stanley Kubrik movie



5

00:00:12.03 --> 00:00:14.06

first released in 1968.



6

00:00:14.06 --> 00:00:17.08

Now granted, 2001 is in the past now



7

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

and 1968 happened before

some of you were born



8

00:00:21.04 --> 00:00:23.09

but the design still holds up today.



9

00:00:23.09 --> 00:00:26.02

So we're going to take

this eye and turn it into



10

00:00:26.02 --> 00:00:29.00

this strangely eye-catching pattern.



11

00:00:29.00 --> 00:00:32.00

And the great thing is even

though you can see the seams



12

00:00:32.00 --> 00:00:35.05

between the lenses, you

can't see the tiles.



13

00:00:35.05 --> 00:00:38.01

So for example, you might

not be able to really tell



14

00:00:38.01 --> 00:00:41.07

that these tiles are arranged

as rectangular bricks



15

00:00:41.07 --> 00:00:44.04

and these are hexagonal.



16

00:00:44.04 --> 00:00:47.03

Let's take a look at Illustrator's

automated pattern editor



17

00:00:47.03 --> 00:00:50.03

also known as the pattern editing mode.



18

00:00:50.03 --> 00:00:52.03

I'll switch back to my starter file.



19

00:00:52.03 --> 00:00:54.05

And you want to start

things off by selecting



20

00:00:54.05 --> 00:00:57.01

the objects that you want

to turn into a pattern.



21

00:00:57.01 --> 00:00:59.08

And in our case, the backdrop is locked,



22

00:00:59.08 --> 00:01:03.04

so you can just press control-A,

or command-A on a mac,



23

00:01:03.04 --> 00:01:06.00

to select everything on the drawing layer.



24

00:01:06.00 --> 00:01:09.04

And then go onto the object

menu, choose Pattern,



25

00:01:09.04 --> 00:01:10.09

and choose Make.



26

00:01:10.09 --> 00:01:13.05

Or, if you loaded my D

keys keyboard shortcuts,



27

00:01:13.05 --> 00:01:17.05

you can press control-M,

or command-M on the mac.



28

00:01:17.05 --> 00:01:19.09

And that will take you

to the pattern editor.



29

00:01:19.09 --> 00:01:21.07

Now if this is the first

time you've done this,



30

00:01:21.07 --> 00:01:24.04

you're going to see an

alert message that tells you



31

00:01:24.04 --> 00:01:27.04

that Illustrator has

already added a new swatch



32

00:01:27.04 --> 00:01:28.09

to the swatches panel.



33

00:01:28.09 --> 00:01:31.04

And any changes you make

in the pattern editing mode



34

00:01:31.04 --> 00:01:33.07

will be saved when you exit.



35

00:01:33.07 --> 00:01:36.01

You can safely go ahead and turn on



36

00:01:36.01 --> 00:01:38.03

the Don't Show Again

check box for this one



37

00:01:38.03 --> 00:01:40.01

and then click OK.



38

00:01:40.01 --> 00:01:42.01

All right, I'm going to

back up a little so that we



39

00:01:42.01 --> 00:01:44.03

can see more of the tiles at a time.



40

00:01:44.03 --> 00:01:47.03

And notice by default that

I'm seeing the tile edge



41

00:01:47.03 --> 00:01:52.00

which is represented in the

case of this circle as a square.



42

00:01:52.00 --> 00:01:54.09

Now I want to go ahead and bring

these tiles closer together



43

00:01:54.09 --> 00:01:57.05

so I'm going to change my

width and height values



44

00:01:57.05 --> 00:02:01.04

to, let's say, 250 a piece

should work out pretty nicely.



45

00:02:01.04 --> 00:02:03.06

And that'll make those eyes overlap



46

00:02:03.06 --> 00:02:05.06

as we're seeing right here.



47

00:02:05.06 --> 00:02:08.01

Another way to work is to

turn on this check box,



48

00:02:08.01 --> 00:02:09.05

Size Tile to Art.



49

00:02:09.05 --> 00:02:12.01

And as soon as you do, notice

that you're going to lose



50

00:02:12.01 --> 00:02:15.04

the width and height values

and you're going to bring up



51

00:02:15.04 --> 00:02:17.01

these H and V Spacing controls.



52

00:02:17.01 --> 00:02:19.01

The difference between them

is that width and height



53

00:02:19.01 --> 00:02:22.00

are absolute values,

whereas the Spacing values



54

00:02:22.00 --> 00:02:23.03

are relative.



55

00:02:23.03 --> 00:02:25.08

And so, for example, I

could enter positive values



56

00:02:25.08 --> 00:02:29.07

to move the tiles away or I

could enter negative values



57

00:02:29.07 --> 00:02:32.07

in order to bring them together.



58

00:02:32.07 --> 00:02:34.09

But in the case of this

artwork, I think things



59

00:02:34.09 --> 00:02:37.04

are going to fare better

if I turn the check box off



60

00:02:37.04 --> 00:02:40.09

and I just go ahead and modify

the width and height values.



61

00:02:40.09 --> 00:02:43.04

Now you should know that

you can nudge these values



62

00:02:43.04 --> 00:02:44.03

if you like.



63

00:02:44.03 --> 00:02:46.09

So for example, if I

press the down arrow key



64

00:02:46.09 --> 00:02:50.08

I'm going to move these tiles

closer together, like so.



65

00:02:50.08 --> 00:02:53.03

Or you can press shift-down arrow



66

00:02:53.03 --> 00:02:56.03

in order to move them

closer together still.



67

00:02:56.03 --> 00:02:58.08

So notice when I'm

pressing shift-down arrow



68

00:02:58.08 --> 00:03:01.01

that I am reducing the

width value in this case



69

00:03:01.01 --> 00:03:04.05

in increments of 10 points

instead of just one point.



70

00:03:04.05 --> 00:03:07.02

And I'm going to do the

same for the height value.



71

00:03:07.02 --> 00:03:09.02

I'll go ahead and press

shift-down arrow for it



72

00:03:09.02 --> 00:03:11.03

in order to scoot those tiles together



73

00:03:11.03 --> 00:03:13.07

so, again, they overlap.



74

00:03:13.07 --> 00:03:16.00

Now how they overlap is determined



75

00:03:16.00 --> 00:03:18.01

by these options right here.



76

00:03:18.01 --> 00:03:20.09

So currently, the way

things stand, the lenses



77

00:03:20.09 --> 00:03:24.00

are appearing to the right and down below



78

00:03:24.00 --> 00:03:26.06

each of the lenses above them.



79

00:03:26.06 --> 00:03:29.01

If you want to put the

right ones in front,



80

00:03:29.01 --> 00:03:31.07

then you go ahead and

select this option here.



81

00:03:31.07 --> 00:03:33.09

And notice how this moves this guy



82

00:03:33.09 --> 00:03:35.04

in front of this one here.



83

00:03:35.04 --> 00:03:37.05

You can also put the

bottom lenses in front



84

00:03:37.05 --> 00:03:39.09

by selecting this icon,

which is the effect



85

00:03:39.09 --> 00:03:41.06

I'm looking for by the way.



86

00:03:41.06 --> 00:03:43.09

But I also want the

left ones to be in front



87

00:03:43.09 --> 00:03:47.01

in order to produce this effect here.



88

00:03:47.01 --> 00:03:49.01

Now notice this Copies option.



89

00:03:49.01 --> 00:03:52.02

Now that's just going to control

how many copies you're seeing



90

00:03:52.02 --> 00:03:54.02

here inside the pattern editor.



91

00:03:54.02 --> 00:03:56.09

If you want to see more, then

you can boost up the number



92

00:03:56.09 --> 00:03:58.05

of values, like so.



93

00:03:58.05 --> 00:04:00.09

And that'll go ahead and

fill up my entire screen.



94

00:04:00.09 --> 00:04:03.03

Or you can go with fewer if you prefer.



95

00:04:03.03 --> 00:04:06.02

And you can even take it

all the way down to one.



96

00:04:06.02 --> 00:04:09.06

Although in most cases I doubt

that's going to do you any good.



97

00:04:09.06 --> 00:04:12.08

Anyway, I'm going to crank

this guy up to 7 x 7.



98

00:04:12.08 --> 00:04:16.04

Then we've got this Dim Copies

to check box right there.



99

00:04:16.04 --> 00:04:18.05

Notice that it's set to 70%.



100

00:04:18.05 --> 00:04:20.08

You can take it to a

lower value if you want



101

00:04:20.08 --> 00:04:23.03

and you can even enter a

specific numerical value



102

00:04:23.03 --> 00:04:24.06

if you prefer.



103

00:04:24.06 --> 00:04:27.03

Or you can just go ahead

and turn the check box off



104

00:04:27.03 --> 00:04:30.08

if you don't want to see

any dimming whatsoever.



105

00:04:30.08 --> 00:04:31.07

All right.



106

00:04:31.07 --> 00:04:34.01

Now the last thing we want

to do is name this pattern.



107

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

And so I'll just go ahead and click



108

00:04:35.09 --> 00:04:37.05

on the word Name right there.



109

00:04:37.05 --> 00:04:40.03

And I'll enter HAL, H-A-L, like so.



110

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

And then I'll press the enter

key, the return key on the mac



111

00:04:42.08 --> 00:04:44.05

to accept that change.



112

00:04:44.05 --> 00:04:48.03

All right, now we have a few

ways to escape out up here.



113

00:04:48.03 --> 00:04:50.06

One is to cancel, and

if you click that button



114

00:04:50.06 --> 00:04:53.05

then you are going to

cancel the entire operation



115

00:04:53.05 --> 00:04:55.05

and you're going to lose that swatch



116

00:04:55.05 --> 00:04:57.04

here inside the swatches panel.



117

00:04:57.04 --> 00:04:59.01

Or, if you want to save your changes,



118

00:04:59.01 --> 00:05:00.07

you click the done button.



119

00:05:00.07 --> 00:05:02.08

But there's also a

couple of other options.



120

00:05:02.08 --> 00:05:05.00

You can click this left

pointing arrow head



121

00:05:05.00 --> 00:05:07.07

in order to escape the

pattern editing mode



122

00:05:07.07 --> 00:05:10.05

which will go ahead and save your changes,



123

00:05:10.05 --> 00:05:13.03

by the way, which is why your other option



124

00:05:13.03 --> 00:05:15.07

is to just press the escape key.



125

00:05:15.07 --> 00:05:18.01

So there is no keyboard

shortcut for the cancel button,



126

00:05:18.01 --> 00:05:18.09

by the way.



127

00:05:18.09 --> 00:05:21.07

If you press the escape

key, then you will go ahead



128

00:05:21.07 --> 00:05:25.00

and escape out of the mode and

save your new pattern swatch



129

00:05:25.00 --> 00:05:28.08

as we're seeing here

inside the swatches panel.



130

00:05:28.08 --> 00:05:31.03

All right, now I want to see

what this pattern looks like.



131

00:05:31.03 --> 00:05:33.09

So I'll just go ahead and drop

down to the little page icon



132

00:05:33.09 --> 00:05:35.04

at the bottom of the layers panel



133

00:05:35.04 --> 00:05:37.09

and alt or option click

on it in order to force



134

00:05:37.09 --> 00:05:40.03

the display of the layer

options dialog box.



135

00:05:40.03 --> 00:05:43.03

If you loaded D keys, you also

have the option of pressing



136

00:05:43.03 --> 00:05:48.01

control-shift-alt-L or

command-shift-option-L on the mac.



137

00:05:48.01 --> 00:05:50.06

And I'll just go ahead and

call this layer "pattern"



138

00:05:50.06 --> 00:05:53.02

and for no reason whatsoever

I'll change the color



139

00:05:53.02 --> 00:05:56.00

to violet and then click OK.



140

00:05:56.00 --> 00:05:58.03

All right, now I want

to draw a big rectangle



141

00:05:58.03 --> 00:05:59.05

to hold my pattern.



142

00:05:59.05 --> 00:06:02.07

So I'll go up to the View

menu and choose Smart Guides



143

00:06:02.07 --> 00:06:04.05

in order to turn them on.



144

00:06:04.05 --> 00:06:07.02

And then I'll grab my rectangle tool,



145

00:06:07.02 --> 00:06:09.04

which you can get by pressing the M key,



146

00:06:09.04 --> 00:06:11.07

and I'll position my cursor at the corner



147

00:06:11.07 --> 00:06:13.03

of this red bounding box.



148

00:06:13.03 --> 00:06:16.05

And I'll drag from one

corner to the other, like so.



149

00:06:16.05 --> 00:06:18.05

Now I'm not looking for

a stroke, so I'll go up



150

00:06:18.05 --> 00:06:22.02

to this second swatch right

here and change it to none.



151

00:06:22.02 --> 00:06:26.00

And then I'll click on the first

swatch and I'll select HAL.



152

00:06:26.00 --> 00:06:28.05

And we'll end up with this effect here.



153

00:06:28.05 --> 00:06:30.08

Now I've gone ahead and made

the pattern, on purpose,



154

00:06:30.08 --> 00:06:32.01

a little too big.



155

00:06:32.01 --> 00:06:34.03

If you want to scale

it, all you have to do



156

00:06:34.03 --> 00:06:36.04

is drop down to the scale tool,



157

00:06:36.04 --> 00:06:38.08

double click on it in order to bring up



158

00:06:38.08 --> 00:06:41.09

the scale dialog box, and I'm

going to change the uniform value



159

00:06:41.09 --> 00:06:45.01

to 50% and turn on the Preview check box.



160

00:06:45.01 --> 00:06:47.03

And notice, that not

only scales the pattern,



161

00:06:47.03 --> 00:06:49.04

but it scales the rectangle as well.



162

00:06:49.04 --> 00:06:51.05

If all you want to do

is scale the pattern,



163

00:06:51.05 --> 00:06:55.01

then go ahead and turn off the

Transform Objects check box.



164

00:06:55.01 --> 00:06:57.05

Leave Transform Patterns turned on.



165

00:06:57.05 --> 00:07:00.05

And then go ahead and click OK.



166

00:07:00.05 --> 00:07:02.03

All right, now I'll just

press the B key to switch



167

00:07:02.03 --> 00:07:04.00

back to my black arrow tool.



168

00:07:04.00 --> 00:07:06.03

I'll click off the

rectangle to deselect it.



169

00:07:06.03 --> 00:07:09.05

And I'll go ahead and zoom in.



170

00:07:09.05 --> 00:07:13.02

And that is how you create a

very basic repeating pattern



171

00:07:13.02 --> 00:07:17.03

using the automated pattern

editor here inside Illustrator.