1

00:00:00.04 --> 00:00:02.03

- [Deke] In this movie,

I'll take you on a tour



2

00:00:02.03 --> 00:00:06.03

of the three Tile Types:

Grid, Brick, and Hex,



3

00:00:06.03 --> 00:00:10.00

and I'll also introduce you

to the Pattern Tile tool.



4

00:00:10.00 --> 00:00:12.00

I'm going to demonstrate these options



5

00:00:12.00 --> 00:00:14.08

by editing our existing pattern swatch.



6

00:00:14.08 --> 00:00:16.06

Now, when working with pattern swatches,



7

00:00:16.06 --> 00:00:19.03

you don't have to select

the object that's affected,



8

00:00:19.03 --> 00:00:21.04

in our case this big rectangle,



9

00:00:21.04 --> 00:00:23.08

and that's because

patterns are always treated



10

00:00:23.08 --> 00:00:25.08

as global swatches.



11

00:00:25.08 --> 00:00:28.02

So, once again, without

the rectangle selected,



12

00:00:28.02 --> 00:00:30.07

I'll go ahead and double-click

on a pattern swatch



13

00:00:30.07 --> 00:00:34.01

in order to once again

enter the Pattern Editor.



14

00:00:34.01 --> 00:00:36.07

Now, notice this Tile

Type option right here,



15

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

by default, it is set to Grid.



16

00:00:38.09 --> 00:00:41.00

Now, it doesn't have to

be a square, by the way,



17

00:00:41.00 --> 00:00:42.09

it can be any shape that you like.



18

00:00:42.09 --> 00:00:44.06

And another way to modify the shape,



19

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

other than adjusting

these values right here,



20

00:00:47.00 --> 00:00:50.02

is to select this guy,

the Pattern Tile tool,



21

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

and notice that it's a full-fledged tool.



22

00:00:52.06 --> 00:00:55.06

So, a moment ago, my Black

Arrow tool was selected



23

00:00:55.06 --> 00:00:57.05

up here at the top of the toolbox,



24

00:00:57.05 --> 00:01:00.07

but watch what happens when I

select the Pattern Tile tool.



25

00:01:00.07 --> 00:01:04.01

We don't see any tools

selected in the toolbox,



26

00:01:04.01 --> 00:01:06.04

and so, again, this is a full-fledged tool



27

00:01:06.04 --> 00:01:08.08

that takes control and allows you



28

00:01:08.08 --> 00:01:11.02

to modify the Tile directly



29

00:01:11.02 --> 00:01:13.09

by dragging one of these handles.



30

00:01:13.09 --> 00:01:16.05

And it works just like

a standard rectangle,



31

00:01:16.05 --> 00:01:19.08

which is to say, if you press

the Shift key as you drag,



32

00:01:19.08 --> 00:01:22.01

then you'll constrain

the shape to a square



33

00:01:22.01 --> 00:01:23.08

and if you press the Alt key,



34

00:01:23.08 --> 00:01:25.02

or the Option key on a Mac,



35

00:01:25.02 --> 00:01:27.03

and drag one of these corner handles,



36

00:01:27.03 --> 00:01:30.03

then you'll scale the rectangle

from the center outward



37

00:01:30.03 --> 00:01:32.02

and if you press both Shift and Alt,



38

00:01:32.02 --> 00:01:34.02

or Shift and Option on the Mac,



39

00:01:34.02 --> 00:01:37.09

then you will scale a square

from the center outward.



40

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

And if I decide I want to move this square



41

00:01:39.07 --> 00:01:41.01

to a different location,



42

00:01:41.01 --> 00:01:45.04

I could drag its center point like so.



43

00:01:45.04 --> 00:01:49.00

Now, in addition to Grid,

we have two Brick options



44

00:01:49.00 --> 00:01:51.06

as well as two Hex options.



45

00:01:51.06 --> 00:01:52.06

To see what those look like,



46

00:01:52.06 --> 00:01:54.08

I'm going to zoom out a little bit here



47

00:01:54.08 --> 00:01:57.05

so that we can take in more

of the pattern at a time,



48

00:01:57.05 --> 00:02:00.03

and I'll go ahead and

switch to Brick by Row



49

00:02:00.03 --> 00:02:03.03

and notice that that

offsets every other row



50

00:02:03.03 --> 00:02:05.05

as we're seeing right here.



51

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

Now, if you don't want to

offset every other row,



52

00:02:07.09 --> 00:02:10.05

you want to offset every

third row, let's say,



53

00:02:10.05 --> 00:02:14.05

then you can switch the

Brick Offset value to 1/3



54

00:02:14.05 --> 00:02:18.06

and then notice that things

repeat every third row.



55

00:02:18.06 --> 00:02:21.02

And so this guy, for

example, this top row,



56

00:02:21.02 --> 00:02:23.05

is the same as this bottom one.



57

00:02:23.05 --> 00:02:26.07

And to make things even more

clear, I'll zoom farther out



58

00:02:26.07 --> 00:02:29.00

so you can see the kind of

repetition that's happening.



59

00:02:29.00 --> 00:02:33.02

So, basically each row

is offset by a third



60

00:02:33.02 --> 00:02:35.07

of this eye lens.



61

00:02:35.07 --> 00:02:38.00

And if you want to work by column instead,



62

00:02:38.00 --> 00:02:41.07

then you would switch to

Brick by Column, like so,



63

00:02:41.07 --> 00:02:44.03

and now you're going to

see that you have columns



64

00:02:44.03 --> 00:02:48.03

of lenses instead of the

rows you saw a moment ago.



65

00:02:48.03 --> 00:02:51.01

Now, I do want you to

note this extra control



66

00:02:51.01 --> 00:02:53.01

that's available to

you when you're working



67

00:02:53.01 --> 00:02:56.01

with Brick by Row or Brick by Column,



68

00:02:56.01 --> 00:02:57.04

and it's this diamond right here.



69

00:02:57.04 --> 00:03:01.06

It appears on both sides,

incidentally, of the rectangle



70

00:03:01.06 --> 00:03:03.02

and if you were to drag it,



71

00:03:03.02 --> 00:03:06.01

you would notice that

you're Brick Offset value



72

00:03:06.01 --> 00:03:07.01

is going to change.



73

00:03:07.01 --> 00:03:09.00

So, now it's changed to 1/4,



74

00:03:09.00 --> 00:03:10.08

if I drag it still farther upward,



75

00:03:10.08 --> 00:03:13.09

it's going to change to 1/5 and so forth.



76

00:03:13.09 --> 00:03:16.00

Now, initially it can be hard to see.



77

00:03:16.00 --> 00:03:18.06

Notice if I switch back to Brick by Row



78

00:03:18.06 --> 00:03:20.07

that the diamond appears at the bottom



79

00:03:20.07 --> 00:03:22.07

and the top of the rectangle,



80

00:03:22.07 --> 00:03:25.01

and so, if I was to drag

it to the other side,



81

00:03:25.01 --> 00:03:28.03

I will switch to 2/3, in this case,



82

00:03:28.03 --> 00:03:29.09

so you're going to get a different result



83

00:03:29.09 --> 00:03:32.01

at every snap right there.



84

00:03:32.01 --> 00:03:34.07

Now, if I were to switch it back to 1/2,



85

00:03:34.07 --> 00:03:36.03

initially it's just

going to look like I have



86

00:03:36.03 --> 00:03:38.08

eight standard scale handles once again,



87

00:03:38.08 --> 00:03:41.01

but note that the top and bottom handles,



88

00:03:41.01 --> 00:03:43.08

in this case, are indeed diamonds,



89

00:03:43.08 --> 00:03:47.04

allowing you to modify that Brick Offset.



90

00:03:47.04 --> 00:03:49.05

And just to reiterate once again,



91

00:03:49.05 --> 00:03:51.00

you're going to see

these diamonds at the top



92

00:03:51.00 --> 00:03:54.02

and bottom when Tile Type

is set to Brick by Row.



93

00:03:54.02 --> 00:03:56.05

You're going to see them on the sides



94

00:03:56.05 --> 00:04:00.02

when Tile Type is set to Brick by Column.



95

00:04:00.02 --> 00:04:01.04

All right, next I'm going to go ahead



96

00:04:01.04 --> 00:04:05.02

and switch to Hex by

Column this time around



97

00:04:05.02 --> 00:04:10.00

so that you can see that we do

have a hexagonal arrangement



98

00:04:10.00 --> 00:04:11.07

and it's going to be a little more clear



99

00:04:11.07 --> 00:04:13.08

if I drag this handle out right here.



100

00:04:13.08 --> 00:04:16.07

And notice we have a ton of

handles this time around,



101

00:04:16.07 --> 00:04:18.09

but I want you to notice that this guy,



102

00:04:18.09 --> 00:04:20.01

if I drag this guy,



103

00:04:20.01 --> 00:04:24.03

then the blue handle top left

is going to remain stationary



104

00:04:24.03 --> 00:04:25.06

and that's why it's solid blue,



105

00:04:25.06 --> 00:04:27.05

to show you that it's stationary,



106

00:04:27.05 --> 00:04:30.08

and the other handles are

going to move accordingly.



107

00:04:30.08 --> 00:04:33.04

I don't really want this

center point to move, however,



108

00:04:33.04 --> 00:04:35.09

so I'll just go ahead and

drag it back into place.



109

00:04:35.09 --> 00:04:38.02

What I prefer to do is press the Alt key,



110

00:04:38.02 --> 00:04:39.09

or the Option key on a Mac,



111

00:04:39.09 --> 00:04:44.01

so that I can scale this

hexagon from the center outward.



112

00:04:44.01 --> 00:04:47.06

And so now you can see that

these lenses are arranged



113

00:04:47.06 --> 00:04:51.05

in a hexagonal fashion

around the central one



114

00:04:51.05 --> 00:04:54.07

and then when I Alt or

Option+drag that handle in,



115

00:04:54.07 --> 00:04:57.09

we're seeing the lenses

arranged in columns,



116

00:04:57.09 --> 00:05:00.01

hence the name Hex by Column.



117

00:05:00.01 --> 00:05:02.04

If I switch to Hex by Row,



118

00:05:02.04 --> 00:05:05.05

then I'm going to arrange

the lenses in rows,



119

00:05:05.05 --> 00:05:07.06

at which point I can once

again press the Alt key,



120

00:05:07.06 --> 00:05:09.02

or the Option key on a Mac,



121

00:05:09.02 --> 00:05:10.09

and drag one of these handles



122

00:05:10.09 --> 00:05:13.06

in order to scale the shape

with respect to the center.



123

00:05:13.06 --> 00:05:16.02

And if you want a

perfectly regular hexagon,



124

00:05:16.02 --> 00:05:18.01

then you'd add the Shift key as well.



125

00:05:18.01 --> 00:05:21.00

So, in my case I have both

the Shift and Alt keys down,



126

00:05:21.00 --> 00:05:24.06

that's Shift and Option on the Mac.



127

00:05:24.06 --> 00:05:27.02

Now, from my part, I went

ahead and set Tile Type



128

00:05:27.02 --> 00:05:28.07

to Hex by Column



129

00:05:28.07 --> 00:05:30.08

and I went ahead and

manually entered a couple



130

00:05:30.08 --> 00:05:32.02

of values here.



131

00:05:32.02 --> 00:05:34.08

I set the Width to 342



132

00:05:34.08 --> 00:05:37.09

and I set the Height to 296,



133

00:05:37.09 --> 00:05:39.09

and this is just a function, of course,



134

00:05:39.09 --> 00:05:41.09

of trial and error.



135

00:05:41.09 --> 00:05:44.04

At which point, I'll go

ahead and accept my changes



136

00:05:44.04 --> 00:05:46.02

by clicking on a Done button



137

00:05:46.02 --> 00:05:47.05

or as you may recall,



138

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

all you have to do is press the Esc key.



139

00:05:50.03 --> 00:05:52.04

Now, I'm going to have to

press Esc a couple of times



140

00:05:52.04 --> 00:05:55.03

because I tabbed to the

Name value right there



141

00:05:55.03 --> 00:05:56.07

and so the first time I pressed Esc,



142

00:05:56.07 --> 00:05:58.06

I unhighlight the value



143

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

and then when I press Esc again,



144

00:06:00.06 --> 00:06:03.03

I go ahead and exit the

Pattern Editing mode,



145

00:06:03.03 --> 00:06:05.09

and I've automatically

updated the rectangle



146

00:06:05.09 --> 00:06:08.08

that's filled with that pattern as well.



147

00:06:08.08 --> 00:06:11.05

And that's how you work

with the three Tile Types:



148

00:06:11.05 --> 00:06:15.04

Grid, Brick, and Hex, as well

as how you scale the Tile



149

00:06:15.04 --> 00:06:17.06

by dragging inside the Document window



150

00:06:17.06 --> 00:06:20.00

using the Pattern Tile tool.