1

00:00:00.06 --> 00:00:01.04

- [Voiceover] In this movie,



2

00:00:01.04 --> 00:00:03.04

I'll show you how to use

the alignment options



3

00:00:03.04 --> 00:00:05.07

as precise positioning tools.



4

00:00:05.07 --> 00:00:07.03

So, just to set things up here,



5

00:00:07.03 --> 00:00:09.02

I'm gonna press Shift + Tab in order



6

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

to hide the right side panels,



7

00:00:10.09 --> 00:00:12.07

and then I'll go up to the View menu



8

00:00:12.07 --> 00:00:14.07

and choose Fit All in Window,



9

00:00:14.07 --> 00:00:16.06

or you can press Control + Alt + zero,



10

00:00:16.06 --> 00:00:18.01

or Command + Option + zero on a Mac,



11

00:00:18.01 --> 00:00:20.08

in order to reveal these letters,



12

00:00:20.08 --> 00:00:23.05

over here in the left hand artboard.



13

00:00:23.05 --> 00:00:25.03

And so what we're gonna do,



14

00:00:25.03 --> 00:00:26.09

is move every single one of the letters



15

00:00:26.09 --> 00:00:29.01

to the proper position,

and we're gonna do so



16

00:00:29.01 --> 00:00:31.09

without dragging a single one of them.



17

00:00:31.09 --> 00:00:33.07

We're gonna be relying exclusively



18

00:00:33.07 --> 00:00:36.07

on the alignment and distribution options.



19

00:00:36.07 --> 00:00:39.02

So notice here that this

text is set in a font



20

00:00:39.02 --> 00:00:43.00

called Zebrawood, that I have

converted to path outlines,



21

00:00:43.00 --> 00:00:45.02

and so what we have is this outline,



22

00:00:45.02 --> 00:00:46.09

which is the regular style,



23

00:00:46.09 --> 00:00:49.08

as well as this color

which is the fill style.



24

00:00:49.08 --> 00:00:51.07

And so what I've done

is combine the border



25

00:00:51.07 --> 00:00:54.04

and the fill into groups,



26

00:00:54.04 --> 00:00:57.09

for every single one of

the letters except this E.



27

00:00:57.09 --> 00:00:59.06

And so I'll just go ahead

and press Control + Z



28

00:00:59.06 --> 00:01:01.06

or Command + Z on a Mac a couple of times



29

00:01:01.06 --> 00:01:03.08

to put those guys back where they were.



30

00:01:03.08 --> 00:01:06.01

And I'll marquee these

two paths right here,



31

00:01:06.01 --> 00:01:07.09

one of which is a compound path,



32

00:01:07.09 --> 00:01:10.03

and then I'll just go

up to the Object menu



33

00:01:10.03 --> 00:01:12.01

and choose the Group command, or of course



34

00:01:12.01 --> 00:01:15.03

you can press Control + G

or Command + G on a Mac.



35

00:01:15.03 --> 00:01:17.04

And that's gonna be

essential that these guys



36

00:01:17.04 --> 00:01:19.03

are grouped together, if we want to move



37

00:01:19.03 --> 00:01:22.05

the border and the fill as one unit.



38

00:01:22.05 --> 00:01:24.03

Alright, so the first thing I'm gonna do



39

00:01:24.03 --> 00:01:26.08

is click on this nine to select it,



40

00:01:26.08 --> 00:01:29.05

and then I'll Shift + click

on this upper left square.



41

00:01:29.05 --> 00:01:32.05

But, I forgot that these

guys are grouped together,



42

00:01:32.05 --> 00:01:34.04

so I'm gonna have to start things off



43

00:01:34.04 --> 00:01:37.01

by marqueeing all the squares like so,



44

00:01:37.01 --> 00:01:39.04

and then going up to the

Object menu and choosing



45

00:01:39.04 --> 00:01:43.04

the Ungroup command in order

to break up all of the groups.



46

00:01:43.04 --> 00:01:44.09

Alright now I'll try that again.



47

00:01:44.09 --> 00:01:46.04

I'll go ahead and click on the nine,



48

00:01:46.04 --> 00:01:48.02

and Shift + click on the square.



49

00:01:48.02 --> 00:01:50.09

And then, you wanna click

on the square again.



50

00:01:50.09 --> 00:01:52.07

Don't double click on it,

cause then you'll enter



51

00:01:52.07 --> 00:01:55.01

the Isolation mode which

is not what you want.



52

00:01:55.01 --> 00:01:57.07

Just give it a moment and

click on it a second time



53

00:01:57.07 --> 00:01:59.07

in order to make it the key object.



54

00:01:59.07 --> 00:02:02.01

And then, go up here to the control panel



55

00:02:02.01 --> 00:02:04.04

and click Horizontal Align Center,



56

00:02:04.04 --> 00:02:06.09

followed by Vertical Align Center



57

00:02:06.09 --> 00:02:09.08

in order to move that nine into position.



58

00:02:09.08 --> 00:02:12.08

Now you want to move the D

into the bottom right square,



59

00:02:12.08 --> 00:02:14.08

so go ahead and click on that square,



60

00:02:14.08 --> 00:02:17.02

Shift + click on the D to select it,



61

00:02:17.02 --> 00:02:19.02

and then click on that square again



62

00:02:19.02 --> 00:02:20.09

to make it the key object.



63

00:02:20.09 --> 00:02:24.00

And now once again click

Horizontal Align Center,



64

00:02:24.00 --> 00:02:26.00

followed by Vertical Align Center,



65

00:02:26.00 --> 00:02:29.02

in order to put that letter into place.



66

00:02:29.02 --> 00:02:30.05

Alright now we want to move the I



67

00:02:30.05 --> 00:02:32.05

into this position right there,



68

00:02:32.05 --> 00:02:36.00

and we want to move the

L into this green square,



69

00:02:36.00 --> 00:02:37.09

and we're gonna do that by aligning



70

00:02:37.09 --> 00:02:40.03

and then distributing these two letters,



71

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

and so I'll go ahead and click on the L



72

00:02:42.03 --> 00:02:45.01

and Shift + click on that orange I,



73

00:02:45.01 --> 00:02:46.06

and then you also want to Shift + click



74

00:02:46.06 --> 00:02:48.07

on the nine to select it.



75

00:02:48.07 --> 00:02:51.03

Alright, now obviously we

don't want the nine to move,



76

00:02:51.03 --> 00:02:53.08

so I need to establish it as a key object,



77

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

by clicking on it again so

it gets that heavy outline,



78

00:02:56.09 --> 00:03:00.00

and then what's tempting to

do is to get these guys over



79

00:03:00.00 --> 00:03:02.00

into the proper location,



80

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

you might click on Horizontal Align Center



81

00:03:04.07 --> 00:03:07.01

in order to produce this effect here,



82

00:03:07.01 --> 00:03:10.02

and then Shift + click on

the D so that it's selected,



83

00:03:10.02 --> 00:03:11.08

go ahead and click on the nine



84

00:03:11.08 --> 00:03:14.00

so it's no longer the key object,



85

00:03:14.00 --> 00:03:16.02

and then you want to

distribute these guys.



86

00:03:16.02 --> 00:03:19.08

But notice if I now click on

Horizontal Distribute Center,



87

00:03:19.08 --> 00:03:21.05

I'm going to make a mess of things,



88

00:03:21.05 --> 00:03:23.00

and that's because the L has become



89

00:03:23.00 --> 00:03:25.01

the farthest left hand object.



90

00:03:25.01 --> 00:03:27.02

Another problem that we have,



91

00:03:27.02 --> 00:03:30.01

is I've got Align to Artboard turned on,



92

00:03:30.01 --> 00:03:32.08

so I've gotta make a couple

of modifications here.



93

00:03:32.08 --> 00:03:35.06

First, I'll switch this

to Align to Selection,



94

00:03:35.06 --> 00:03:37.04

so that we don't move the letters



95

00:03:37.04 --> 00:03:40.01

to the far left and right

sides of the artboard,



96

00:03:40.01 --> 00:03:42.00

and then I'll press Control + Z,



97

00:03:42.00 --> 00:03:44.00

or Command + Z on a Mac a couple of times,



98

00:03:44.00 --> 00:03:47.01

in order to put the I and

the L back where they were.



99

00:03:47.01 --> 00:03:49.04

And now, I'll click once again on the nine



100

00:03:49.04 --> 00:03:51.00

to make it the key object,



101

00:03:51.00 --> 00:03:53.09

and instead of clicking

Horizontal Align Center,



102

00:03:53.09 --> 00:03:56.06

I want to click Horizontal Align Left,



103

00:03:56.06 --> 00:04:00.03

so that the nine is as far to

the left as the I and the L.



104

00:04:00.03 --> 00:04:04.06

Now click on the nine, so that

it's no longer a key object,



105

00:04:04.06 --> 00:04:07.07

then Shift + click on the

D so that it's selected,



106

00:04:07.07 --> 00:04:10.05

and now what we're gonna do

is distribute the letters



107

00:04:10.05 --> 00:04:13.08

between the two extremes

of the nine and the D,



108

00:04:13.08 --> 00:04:17.02

by first clicking Horizontal

Distribute Center.



109

00:04:17.02 --> 00:04:19.04

And by the way, you definitely

want to click center,



110

00:04:19.04 --> 00:04:23.04

as oppposed to, for example,

Horizontal Distribute Right,



111

00:04:23.04 --> 00:04:26.03

which is gonna move that I too far over.



112

00:04:26.03 --> 00:04:28.04

So I'll just go ahead and undo that move.



113

00:04:28.04 --> 00:04:31.02

And then you want to click

Vertical Distribute Center



114

00:04:31.02 --> 00:04:33.07

in order to distribute the I and the L



115

00:04:33.07 --> 00:04:36.01

into the proper locations.



116

00:04:36.01 --> 00:04:38.05

Alright, now here's where

things get really interesting.



117

00:04:38.05 --> 00:04:41.00

I'm gonna go ahead and

click off the letters



118

00:04:41.00 --> 00:04:43.05

to deselect them, then

I'll click on the nine,



119

00:04:43.05 --> 00:04:47.02

and Shift + drag across the

two, the zero and the one.



120

00:04:47.02 --> 00:04:49.07

You can't use Select

Similar Objects by the way,



121

00:04:49.07 --> 00:04:51.09

because we have mixed fills,



122

00:04:51.09 --> 00:04:55.00

and so Illustrator isn't gonna

really be able to suss out



123

00:04:55.00 --> 00:04:57.07

that these guys share the same attributes.



124

00:04:57.07 --> 00:04:59.05

Alright, now click again on the nine



125

00:04:59.05 --> 00:05:00.09

and make it the key object,



126

00:05:00.09 --> 00:05:04.07

and then go up here to this

option, Vertical Align Center,



127

00:05:04.07 --> 00:05:07.07

and click on it to move

those numbers upward.



128

00:05:07.07 --> 00:05:09.00

Now click on the I,



129

00:05:09.00 --> 00:05:11.09

and then Shift + click on

all the orange letters,



130

00:05:11.09 --> 00:05:14.01

which include the V, the F and the E,



131

00:05:14.01 --> 00:05:17.03

go ahead and click on the I

again to make it the key object,



132

00:05:17.03 --> 00:05:19.09

and click on Vertical Align Center again,



133

00:05:19.09 --> 00:05:22.06

in order to move those guys

to the proper locations.



134

00:05:22.06 --> 00:05:24.06

Next I'm gonna work on the red letters,



135

00:05:24.06 --> 00:05:26.06

just cause they're easier to get to,



136

00:05:26.06 --> 00:05:29.08

so click and Shift +

click on the O, A and R,



137

00:05:29.08 --> 00:05:31.05

then Shift + click on the D,



138

00:05:31.05 --> 00:05:34.03

and click on it again to

make it the key object,



139

00:05:34.03 --> 00:05:37.01

and then go ahead and click

Vertical Align Center,



140

00:05:37.01 --> 00:05:39.07

and then finally do the same



141

00:05:39.07 --> 00:05:41.09

with the L, the M, the I and the E,



142

00:05:41.09 --> 00:05:43.02

all the blue letters,



143

00:05:43.02 --> 00:05:45.06

click on the L again to

make it the key object,



144

00:05:45.06 --> 00:05:48.02

and then click on Vertical Align Center



145

00:05:48.02 --> 00:05:51.03

in order to move those guys

into the proper positions.



146

00:05:51.03 --> 00:05:53.03

Alright, now you want to align the letters



147

00:05:53.03 --> 00:05:54.07

into the proper columns,



148

00:05:54.07 --> 00:05:57.03

which include the nine, the F,



149

00:05:57.03 --> 00:05:59.00

I'm gonna go ahead and

Shift + click on that,



150

00:05:59.00 --> 00:06:01.08

the M, and then finally the R.



151

00:06:01.08 --> 00:06:04.04

And so go ahead and make sure

those letters are selected,



152

00:06:04.04 --> 00:06:07.03

click once again on the nine

to make it the key object,



153

00:06:07.03 --> 00:06:09.07

and then click Horizontal Align Center



154

00:06:09.07 --> 00:06:12.08

in order to move all those

letters into the first row.



155

00:06:12.08 --> 00:06:15.05

Now, you'll want to click

on the I to make it active,



156

00:06:15.05 --> 00:06:18.06

then Shift + click on the

zero, the purple zero there,



157

00:06:18.06 --> 00:06:20.07

Shift + click on the blue I,



158

00:06:20.07 --> 00:06:23.03

and Shift + click on the red O.



159

00:06:23.03 --> 00:06:25.04

Then, click again on the orange I



160

00:06:25.04 --> 00:06:26.04

to make it the key object,



161

00:06:26.04 --> 00:06:28.07

and click Horizontal Align Center



162

00:06:28.07 --> 00:06:31.00

to move those guys into position.



163

00:06:31.00 --> 00:06:33.02

Now click on the L to select it,



164

00:06:33.02 --> 00:06:35.03

you want to Shift + click on the V,



165

00:06:35.03 --> 00:06:37.06

we also want to Shift +

click on the number one,



166

00:06:37.06 --> 00:06:39.02

the purple number one right there,



167

00:06:39.02 --> 00:06:41.06

and then Shift + click on the red A,



168

00:06:41.06 --> 00:06:45.00

go ahead and click again on the

L to make it the key object,



169

00:06:45.00 --> 00:06:47.04

and click on Horizontal Align Center.



170

00:06:47.04 --> 00:06:50.00

And then finally, go

ahead and click on the D,



171

00:06:50.00 --> 00:06:52.07

just go ahead and Shift +

marquee the remaining letters



172

00:06:52.07 --> 00:06:54.03

over here on the right hand artboard,



173

00:06:54.03 --> 00:06:56.09

and click on the D again

to make it the key object



174

00:06:56.09 --> 00:06:58.08

and then click Horizontal Align Center



175

00:06:58.08 --> 00:07:02.06

in order to move the selection

into the final column.



176

00:07:02.06 --> 00:07:04.05

Alright, now we no longer

need this extra artboard,



177

00:07:04.05 --> 00:07:06.09

so I'll just go ahead and

select the artboard tool,



178

00:07:06.09 --> 00:07:08.09

which again you can get

by pressing Shift + zero,



179

00:07:08.09 --> 00:07:11.00

click on that second

artboard to select it,



180

00:07:11.00 --> 00:07:13.04

press the backspace key

or the delete key on a Mac



181

00:07:13.04 --> 00:07:14.03

to get rid of it.



182

00:07:14.03 --> 00:07:15.06

And then press the escape key,



183

00:07:15.06 --> 00:07:18.02

in order to exit the artboard mode.



184

00:07:18.02 --> 00:07:19.05

Alright now press Shift + Tab



185

00:07:19.05 --> 00:07:20.09

to bring back my right side panels,



186

00:07:20.09 --> 00:07:24.02

and I'll press Control + zero,

or Command + zero on a Mac,



187

00:07:24.02 --> 00:07:26.02

to center my remaining artboard.



188

00:07:26.02 --> 00:07:28.08

And that's how you position

all the numbers and letters



189

00:07:28.08 --> 00:07:30.01

so that they make sense,



190

00:07:30.01 --> 00:07:32.07

into exactly aligned rows and columns,



191

00:07:32.07 --> 00:07:36.04

using the align and distribute options,



192

00:07:36.04 --> 00:07:38.04

here inside Illustrator.