1

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

- [Voiceover] Alright, now I

know there's someone out there



2

00:00:02.03 --> 00:00:03.07

who's gotta be thinking, gosh,



3

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

you know what would

really sell this effect



4

00:00:05.09 --> 00:00:10.00

is if the letters and the

squares were casting shadows



5

00:00:10.00 --> 00:00:12.02

as in the case of this final artwork.



6

00:00:12.02 --> 00:00:14.04

And while it's a little

bit tricky to pull it off



7

00:00:14.04 --> 00:00:16.00

it's totally possible,



8

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

as I'll show you in this very movie.



9

00:00:18.01 --> 00:00:19.07

Alright, so I'll go ahead and switch over



10

00:00:19.07 --> 00:00:21.08

to the final tile arrangement,



11

00:00:21.08 --> 00:00:24.01

and I'll press the A

key in order to select



12

00:00:24.01 --> 00:00:25.06

my white arrow tool,



13

00:00:25.06 --> 00:00:28.07

and I will click the colored

shape inside of the nine



14

00:00:28.07 --> 00:00:30.03

in order to select it,



15

00:00:30.03 --> 00:00:32.04

and then to select the

other purple numbers



16

00:00:32.04 --> 00:00:34.07

click the select similiar objects icon



17

00:00:34.07 --> 00:00:37.01

on the right side of the control panel.



18

00:00:37.01 --> 00:00:39.02

Then you wanna go up to the objects menu



19

00:00:39.02 --> 00:00:40.05

and choose the copy command,



20

00:00:40.05 --> 00:00:42.02

or of course you can press Control + C



21

00:00:42.02 --> 00:00:43.09

or Command + C on the Mac.



22

00:00:43.09 --> 00:00:46.04

Then click off the

letters to deselect them



23

00:00:46.04 --> 00:00:49.05

and return to the edit menu

and choose paste in front



24

00:00:49.05 --> 00:00:52.07

or press Control + F or

Command + F on a Mac.



25

00:00:52.07 --> 00:00:55.06

Now what we wanna do is

combine the numbers together,



26

00:00:55.06 --> 00:00:57.09

and because they all share

the same fill attributes



27

00:00:57.09 --> 00:01:00.08

the best way to do that is

to go to the object menu,



28

00:01:00.08 --> 00:01:03.03

choose compound path, and choose make,



29

00:01:03.03 --> 00:01:05.01

or you can press Control + eight



30

00:01:05.01 --> 00:01:07.00

or Command + eight on the Mac.



31

00:01:07.00 --> 00:01:08.08

Alright, now we just need

to repeat those steps



32

00:01:08.08 --> 00:01:10.02

for the other letters,



33

00:01:10.02 --> 00:01:13.08

so I'll click in the orange

portion of the letter F,



34

00:01:13.08 --> 00:01:16.06

then I'll click on the

select similar objects icon



35

00:01:16.06 --> 00:01:18.04

in order to select all the letters,



36

00:01:18.04 --> 00:01:21.01

I'll press Control + C

or Command + C on a Mac,



37

00:01:21.01 --> 00:01:23.04

I'll click off the

letters to deselect them,



38

00:01:23.04 --> 00:01:25.09

I'll press Control + F

or Command + F on the Mac



39

00:01:25.09 --> 00:01:27.05

in order to paste them in front,



40

00:01:27.05 --> 00:01:29.08

and I'll press Control +

eight or Command + eight



41

00:01:29.08 --> 00:01:33.00

in order to combine them

into a single compound path.



42

00:01:33.00 --> 00:01:35.00

Now I'll click inside

the blue portion of the M



43

00:01:35.00 --> 00:01:36.05

to select that letter,



44

00:01:36.05 --> 00:01:39.03

I'll click on the select

similar objects icon,



45

00:01:39.03 --> 00:01:41.09

I'll press Control + C or

Command + C on the Mac,



46

00:01:41.09 --> 00:01:44.00

click off the letters, press Control + F



47

00:01:44.00 --> 00:01:45.06

or Command + F on the Mac,



48

00:01:45.06 --> 00:01:47.06

and then combine them into a compound path



49

00:01:47.06 --> 00:01:51.02

by pressing Control + eight

or Command + eight on the Mac.



50

00:01:51.02 --> 00:01:52.09

The only ones left are the red letters,



51

00:01:52.09 --> 00:01:55.07

so I'll click inside the

red portion of the R,



52

00:01:55.07 --> 00:01:57.07

click on the select similar objects icon



53

00:01:57.07 --> 00:01:59.02

to select all the letters,



54

00:01:59.02 --> 00:02:01.04

press Control + C or

Command + C on the Mac



55

00:02:01.04 --> 00:02:02.08

in order to copy them,



56

00:02:02.08 --> 00:02:04.08

click off the letters

and press Control + F



57

00:02:04.08 --> 00:02:06.03

or Command + F on the Mac,



58

00:02:06.03 --> 00:02:09.04

and then press Control + eight

or Command + eight on a Mac



59

00:02:09.04 --> 00:02:12.05

to combine them all into a compound path.



60

00:02:12.05 --> 00:02:14.04

Alright, now press the

V key to switch back



61

00:02:14.04 --> 00:02:15.09

to the black arrow tool



62

00:02:15.09 --> 00:02:20.01

and just go ahead and Shift +

click on each set of letters.



63

00:02:20.01 --> 00:02:23.07

So the blue M, the orange

F, and the purple nine.



64

00:02:23.07 --> 00:02:26.05

And now I wanna make a new

layer below the letters layer



65

00:02:26.05 --> 00:02:28.01

by pressing Control + Alt + L,



66

00:02:28.01 --> 00:02:30.04

or Command + Option + L on a Mac,



67

00:02:30.04 --> 00:02:33.00

and you can see that

makes a new layer behind.



68

00:02:33.00 --> 00:02:36.01

And I'll go ahead and

call this layer shadows



69

00:02:36.01 --> 00:02:39.07

and I'll change its color

to light red let's say,



70

00:02:39.07 --> 00:02:41.03

and I'll click OK.



71

00:02:41.03 --> 00:02:44.04

Alright, now just go ahead and

drag that little gold square



72

00:02:44.04 --> 00:02:46.00

down to the shadows layer



73

00:02:46.00 --> 00:02:49.02

in order to move the selection

behind the extruded letters.



74

00:02:49.02 --> 00:02:51.02

And then I'll just go

ahead and zoom in a little



75

00:02:51.02 --> 00:02:53.05

so I make sure I'm doing this right,



76

00:02:53.05 --> 00:02:55.07

and I'll press Shift + down arrow,



77

00:02:55.07 --> 00:02:57.08

and then Shift + right arrow



78

00:02:57.08 --> 00:03:00.01

in order to move the

selected path outlines



79

00:03:00.01 --> 00:03:01.07

so they're aligned to the back of those



80

00:03:01.07 --> 00:03:03.08

sculpted characters of type.



81

00:03:03.08 --> 00:03:05.08

Alright, now we want these

guys to be filled with black,



82

00:03:05.08 --> 00:03:07.09

so switch over to the appearance panel,



83

00:03:07.09 --> 00:03:09.04

notice that we're seeing

mixed appearances,



84

00:03:09.04 --> 00:03:11.07

because they're all filled differently.



85

00:03:11.07 --> 00:03:13.00

Well to solve that problem



86

00:03:13.00 --> 00:03:14.03

just go up to the first swatch



87

00:03:14.03 --> 00:03:16.03

in the left hand side of the control panel



88

00:03:16.03 --> 00:03:18.04

and change the fill to black



89

00:03:18.04 --> 00:03:20.03

and then you will no longer

see mixed appearances



90

00:03:20.03 --> 00:03:22.04

inside the appearance panel.



91

00:03:22.04 --> 00:03:25.02

Alright, now I want you to click

on a fill inside the panel,



92

00:03:25.02 --> 00:03:28.07

twirl it open, and then

click on the word opacity,



93

00:03:28.07 --> 00:03:30.05

and let's go ahead and

take that opacity value



94

00:03:30.05 --> 00:03:32.02

down to 50%.



95

00:03:32.02 --> 00:03:34.06

Alright, now click on the

fill again to make it active,



96

00:03:34.06 --> 00:03:36.02

drop down to the FX icon,



97

00:03:36.02 --> 00:03:38.02

choose distort and transform,



98

00:03:38.02 --> 00:03:40.06

and choose the transform command.



99

00:03:40.06 --> 00:03:43.00

And I'm gonna change the

horizontal move value



100

00:03:43.00 --> 00:03:46.05

to negative 0.05 point,



101

00:03:46.05 --> 00:03:49.03

so very teeny increment.



102

00:03:49.03 --> 00:03:52.00

1/1440 of an inch.



103

00:03:52.00 --> 00:03:56.00

And then I'll take the

vertical value to 0.1,



104

00:03:56.00 --> 00:03:58.06

which is 1/720 of an inch.



105

00:03:58.06 --> 00:04:00.06

And now turn the preview checkbox on,



106

00:04:00.06 --> 00:04:02.02

so you can watch this happen.



107

00:04:02.02 --> 00:04:03.09

Click in the copies value there



108

00:04:03.09 --> 00:04:06.06

and press Shift + up

arrow a bunch of times



109

00:04:06.06 --> 00:04:10.06

and notice as you do you'll

see the shadows emerging



110

00:04:10.06 --> 00:04:11.09

from the letters.



111

00:04:11.09 --> 00:04:14.00

And I went ahead and

took this copies value



112

00:04:14.00 --> 00:04:16.05

up to a total of 160.



113

00:04:16.05 --> 00:04:19.06

So we're just moving these

guys on top of each other.



114

00:04:19.06 --> 00:04:21.06

After which point click OK.



115

00:04:21.06 --> 00:04:25.05

And now just go ahead and

zoom way, way, way in there



116

00:04:25.05 --> 00:04:28.07

and you'll see that what

you really have is a ton



117

00:04:28.07 --> 00:04:31.01

of little paths on top of each other.



118

00:04:31.01 --> 00:04:33.01

So we have this kind of jagged edge.



119

00:04:33.01 --> 00:04:35.04

But it's so tiny,



120

00:04:35.04 --> 00:04:37.06

it has at the very least a resolution



121

00:04:37.06 --> 00:04:41.00

of 720 jags per inch,



122

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

and so there's no way it's

gonna show up in print.



123

00:04:43.05 --> 00:04:45.07

Alright, now let's just

go ahead and zoom out.



124

00:04:45.07 --> 00:04:48.08

We also need to add shadows

behind the squares of course,



125

00:04:48.08 --> 00:04:51.06

so go ahead and switch

back to the layers panel



126

00:04:51.06 --> 00:04:54.05

and click in the upper right

corner of that checkers layer



127

00:04:54.05 --> 00:04:55.07

to select it.



128

00:04:55.07 --> 00:04:57.00

We wanna select all the squares,



129

00:04:57.00 --> 00:04:59.01

but we don't wanna

select this beveled edge,



130

00:04:59.01 --> 00:05:01.04

so go ahead and Shift

+ click on that edge,



131

00:05:01.04 --> 00:05:03.06

which is located exclusively

in the top left corner



132

00:05:03.06 --> 00:05:04.09

of the document,



133

00:05:04.09 --> 00:05:06.08

because after all, the others are a result



134

00:05:06.08 --> 00:05:09.02

of a couple of dynamic effects.



135

00:05:09.02 --> 00:05:10.08

And now we wanna copy these guys



136

00:05:10.08 --> 00:05:14.03

by pressing Control + C

or Command + C on the Mac,



137

00:05:14.03 --> 00:05:18.00

and then just press Control

+ F or Command + F on the Mac



138

00:05:18.00 --> 00:05:19.08

in order to paste them in front.



139

00:05:19.08 --> 00:05:21.02

Alright, we don't need a stroke,



140

00:05:21.02 --> 00:05:23.05

so go ahead and change the stroke to none,



141

00:05:23.05 --> 00:05:27.05

and let's set the fill to black, like so.



142

00:05:27.05 --> 00:05:29.04

And we need to move these

guys eight points to the right



143

00:05:29.04 --> 00:05:30.08

and eight points down



144

00:05:30.08 --> 00:05:33.03

by pressing the Enter key or

the Return key on the Mac,



145

00:05:33.03 --> 00:05:35.05

which when the black

arrow tool is selected



146

00:05:35.05 --> 00:05:37.04

brings up the move dialog box.



147

00:05:37.04 --> 00:05:39.01

And I'm gonna change both the horizontal



148

00:05:39.01 --> 00:05:41.00

and vertical values to eight points



149

00:05:41.00 --> 00:05:42.07

and click OK.



150

00:05:42.07 --> 00:05:44.04

Alright, now once again

I wanna switch over



151

00:05:44.04 --> 00:05:45.09

to the appearance panel



152

00:05:45.09 --> 00:05:48.05

and should've mentioned you can get to it



153

00:05:48.05 --> 00:05:49.09

by going up to the window menu



154

00:05:49.09 --> 00:05:51.08

and choosing the appearance command.



155

00:05:51.08 --> 00:05:54.00

But I think you probably know that by now.



156

00:05:54.00 --> 00:05:55.08

And I'll twirl open the black fill,



157

00:05:55.08 --> 00:06:00.04

click on the word opacity,

change that opacity value to 50%,



158

00:06:00.04 --> 00:06:02.06

and go ahead and click on the fill again.



159

00:06:02.06 --> 00:06:05.07

And this time rather than

dropping down to the FX icon



160

00:06:05.07 --> 00:06:07.08

I'm gonna go up to the effect menu



161

00:06:07.08 --> 00:06:10.06

and choose transform dot dot dot,



162

00:06:10.06 --> 00:06:13.00

which will repeat those last settings.



163

00:06:13.00 --> 00:06:14.09

So now if I turn on the preview checkbox



164

00:06:14.09 --> 00:06:18.00

you can see we've got

big shadows here as well.



165

00:06:18.00 --> 00:06:20.07

I decided the squares weren't

quite as deep however,



166

00:06:20.07 --> 00:06:24.03

so I reduced the copies value to 120,



167

00:06:24.03 --> 00:06:27.02

so that we're casting

slightly smaller shadows.



168

00:06:27.02 --> 00:06:29.02

At which point I'll click OK.



169

00:06:29.02 --> 00:06:31.04

And then of course we need

to move the shadows behind



170

00:06:31.04 --> 00:06:33.04

the things that are casting them,



171

00:06:33.04 --> 00:06:35.07

so I'll switch back to the layers panel



172

00:06:35.07 --> 00:06:37.02

and I'll drag this little blue square



173

00:06:37.02 --> 00:06:40.00

down to the back layer like so.



174

00:06:40.00 --> 00:06:41.06

Alright, now I'll click in the pasteboard



175

00:06:41.06 --> 00:06:43.02

in order to deselect everything.



176

00:06:43.02 --> 00:06:45.03

And I want you to see that the shadows



177

00:06:45.03 --> 00:06:48.02

aren't quite as accurate

behind the letters



178

00:06:48.02 --> 00:06:49.05

as they could be.



179

00:06:49.05 --> 00:06:51.01

And if that bothers you



180

00:06:51.01 --> 00:06:52.04

then what I recommend you do



181

00:06:52.04 --> 00:06:54.03

is lock down the letters layer,



182

00:06:54.03 --> 00:06:56.07

so that you can more easily select things,



183

00:06:56.07 --> 00:06:58.05

and then press the A

key in order to switch



184

00:06:58.05 --> 00:07:00.02

to the white arrow tool,



185

00:07:00.02 --> 00:07:01.08

and click on this guy right there



186

00:07:01.08 --> 00:07:03.00

in order to select him,



187

00:07:03.00 --> 00:07:05.01

because he's sticking out

in a way he shouldn't,



188

00:07:05.01 --> 00:07:07.02

we have some problems right here



189

00:07:07.02 --> 00:07:08.08

on the edge of the F as well,



190

00:07:08.08 --> 00:07:11.07

so I'll Shift + click on those two points,



191

00:07:11.07 --> 00:07:14.04

and then I'm gonna scroll over to the V,



192

00:07:14.04 --> 00:07:15.08

we gotta problem right there,



193

00:07:15.08 --> 00:07:17.06

so go ahead and Shift + click on it.



194

00:07:17.06 --> 00:07:19.01

In each case I'm Shift + clicking



195

00:07:19.01 --> 00:07:21.06

to add more points to the selection.



196

00:07:21.06 --> 00:07:24.00

And after having selected

all of these points,



197

00:07:24.00 --> 00:07:27.03

these are really the ones

that are most problematic,



198

00:07:27.03 --> 00:07:28.08

you wanna press the left arrow key



199

00:07:28.08 --> 00:07:31.07

a total of three times, one, two, three,



200

00:07:31.07 --> 00:07:33.08

to move those guys out of the way.



201

00:07:33.08 --> 00:07:36.02

Now we also have a problem with the one,



202

00:07:36.02 --> 00:07:38.04

so I'll just go ahead

and select its point,



203

00:07:38.04 --> 00:07:40.03

the purple one that is to say,



204

00:07:40.03 --> 00:07:42.03

up here at the top of the document.



205

00:07:42.03 --> 00:07:44.06

And if we move down to the blue line



206

00:07:44.06 --> 00:07:46.07

you can see that we've

got a problem with the I,



207

00:07:46.07 --> 00:07:48.05

so I'll Shift + click right there.



208

00:07:48.05 --> 00:07:50.00

I think the M might have an issue,



209

00:07:50.00 --> 00:07:52.06

it does, so I'll Shift +

click on its anchor point.



210

00:07:52.06 --> 00:07:54.08

And then let's Shift + click on the L's



211

00:07:54.08 --> 00:07:56.07

top right anchor point.



212

00:07:56.07 --> 00:07:57.08

How about the E?



213

00:07:57.08 --> 00:07:59.02

Yep, he's got some issues right there,



214

00:07:59.02 --> 00:08:02.01

so I'll Shift + click on each

one of those anchor points.



215

00:08:02.01 --> 00:08:03.04

And I think that's it.



216

00:08:03.04 --> 00:08:04.07

I don't think any of the bottom letters,



217

00:08:04.07 --> 00:08:07.09

beacuse they're rounded,

really have much of a problem.



218

00:08:07.09 --> 00:08:10.04

Even the A looks to be

in pretty good shape.



219

00:08:10.04 --> 00:08:13.02

Alright, so let's just

take a look at the M here.



220

00:08:13.02 --> 00:08:15.05

Might as well do the

same thing we did before,



221

00:08:15.05 --> 00:08:17.07

which is to say you wanna

press the left arrow key



222

00:08:17.07 --> 00:08:20.08

a total of one, two, three times



223

00:08:20.08 --> 00:08:22.05

in order to tuck in those points.



224

00:08:22.05 --> 00:08:24.00

And then press Control + Shift + A



225

00:08:24.00 --> 00:08:25.04

or Command + Shift + A on a Mac



226

00:08:25.04 --> 00:08:27.04

in order to deselect your artwork.



227

00:08:27.04 --> 00:08:29.02

And you know, I'm gonna press the F key



228

00:08:29.02 --> 00:08:32.02

a couple of times to fill

the screen with my art



229

00:08:32.02 --> 00:08:34.09

and I'll press Control + zero

or Command + zero on the Mac



230

00:08:34.09 --> 00:08:36.03

to zoom in.



231

00:08:36.03 --> 00:08:38.04

And that, folks, is how you use the align



232

00:08:38.04 --> 00:08:41.05

and distribute options

to create precise rows



233

00:08:41.05 --> 00:08:43.03

and columns of objects,



234

00:08:43.03 --> 00:08:46.01

as well as how you

create nifty drop shadows



235

00:08:46.01 --> 00:08:50.03

using the transform effect

here inside Illustrator.