1

00:00:00.04 --> 00:00:02.02

- [Voiceover] In this movie,

we'll make all the squares



2

00:00:02.02 --> 00:00:04.06

match the letters so that they have both



3

00:00:04.06 --> 00:00:06.07

strokes and beveled edges.



4

00:00:06.07 --> 00:00:08.07

And while this doesn't

really have anything to do



5

00:00:08.07 --> 00:00:12.02

with alignment per se, it

is a really cool technique.



6

00:00:12.02 --> 00:00:15.01

And it is going to throw off

the alignment of our artboard,



7

00:00:15.01 --> 00:00:18.04

although we'll fix that problem

before the movie is out.



8

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

All right, I'll go ahead and

switch over to my document



9

00:00:20.03 --> 00:00:23.04

so far, and notice that all

of the squares are relegated



10

00:00:23.04 --> 00:00:26.02

to their own layer, here

inside the layers panel.



11

00:00:26.02 --> 00:00:28.04

And so to select them all I'll just click



12

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

in the upper right corner of that layer.



13

00:00:31.02 --> 00:00:33.03

Then, I'll go out to

the line weight option



14

00:00:33.03 --> 00:00:36.00

and increase it to three

points, and that should



15

00:00:36.00 --> 00:00:38.02

automatically set the stroke to black



16

00:00:38.02 --> 00:00:40.08

but if you're to shift +

click on that stroke swatch



17

00:00:40.08 --> 00:00:43.08

in order to bring up the

RGB values, and incidentally



18

00:00:43.08 --> 00:00:47.02

if you don't see RGB, then

just go ahead and choose



19

00:00:47.02 --> 00:00:49.00

RGB from the File menu.



20

00:00:49.00 --> 00:00:51.02

It's very possible that

you're going to see something



21

00:00:51.02 --> 00:00:54.04

other than zero, which is to

say you're going to end up



22

00:00:54.04 --> 00:00:56.09

with a weak black, and if that's the case,



23

00:00:56.09 --> 00:00:58.09

then just go ahead and

click on that swatch



24

00:00:58.09 --> 00:01:01.06

instead of shift clicking

and select the black swatch



25

00:01:01.06 --> 00:01:04.02

up here at the top of the

list, which, if I were



26

00:01:04.02 --> 00:01:07.03

to now shift + click, as

you can see, gets a zero



27

00:01:07.03 --> 00:01:09.03

for the RGB values.



28

00:01:09.03 --> 00:01:10.09

All right we also want

to align the strokes



29

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

to the inside of the path

outlines, and you can do that



30

00:01:13.05 --> 00:01:16.04

by clicking on the word

Stroke, and then selecting



31

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

the second Align Stroke

icon, this guy right there.



32

00:01:20.02 --> 00:01:22.03

And that'll shift those guys inward.



33

00:01:22.03 --> 00:01:24.07

All right, now we need to

create the beveled edges



34

00:01:24.07 --> 00:01:28.02

and the best way to do that

is to go ahead and zoom in



35

00:01:28.02 --> 00:01:31.07

on, let's say, this top

left square, I'll click off



36

00:01:31.07 --> 00:01:34.00

the squares to deselect

all of them, and I'll click



37

00:01:34.00 --> 00:01:36.00

on this guy once again,

so I'm selecting him



38

00:01:36.00 --> 00:01:38.02

independently of the other squares.



39

00:01:38.02 --> 00:01:41.07

Then, I'll press control +

c, or command + c on the Mac



40

00:01:41.07 --> 00:01:44.07

to copy the square and

I'll press control + f



41

00:01:44.07 --> 00:01:47.05

or command + f on the Mac

in order to paste a copy



42

00:01:47.05 --> 00:01:49.02

of the square in front.



43

00:01:49.02 --> 00:01:51.06

And I can tell it's there by moving it.



44

00:01:51.06 --> 00:01:53.01

Of course I don't want to

move it, so I'll just press



45

00:01:53.01 --> 00:01:56.02

control + z, or command + z

on the Mac to undo that change



46

00:01:56.02 --> 00:01:59.08

and then, I'll change the stroke to None



47

00:01:59.08 --> 00:02:01.04

and I'll go ahead and click on this first



48

00:02:01.04 --> 00:02:04.06

Fill swatch right there

and change it to black.



49

00:02:04.06 --> 00:02:07.00

And this black square by the

way is going to represent



50

00:02:07.00 --> 00:02:10.03

the beveled edge, but we need

to make a couple of changes.



51

00:02:10.03 --> 00:02:13.00

First, because the black

arrow tool was selected,



52

00:02:13.00 --> 00:02:15.01

press the enter key or

the return key on the Mac



53

00:02:15.01 --> 00:02:18.02

to bring up the Move dialog

box, and we want to change



54

00:02:18.02 --> 00:02:21.07

both the horizontal and

vertical values to eight points



55

00:02:21.07 --> 00:02:24.08

in this case, and what we're

doing is basically determining



56

00:02:24.08 --> 00:02:26.09

the size of that beveled edge.



57

00:02:26.09 --> 00:02:29.04

At which point, go ahead

and click the Copy button



58

00:02:29.04 --> 00:02:32.00

in order to create a copy

of that black square.



59

00:02:32.00 --> 00:02:34.01

Then shift + click on the original so that



60

00:02:34.01 --> 00:02:36.05

they're both selected,

and let's combine them



61

00:02:36.05 --> 00:02:38.06

by going up to the Window

menu and choosing the



62

00:02:38.06 --> 00:02:42.01

Pathfinder command to bring

up the Pathfinder panel.



63

00:02:42.01 --> 00:02:44.07

After which point you just

want to click the first icon



64

00:02:44.07 --> 00:02:47.03

in the first row to unite those two shapes



65

00:02:47.03 --> 00:02:49.01

into one path outline.



66

00:02:49.01 --> 00:02:51.07

After which point you can

hide the Pathfinder panel.



67

00:02:51.07 --> 00:02:56.02

Now what we want to do is

smooth off this edge right there



68

00:02:56.02 --> 00:02:59.02

as well as the one down

left, and you can do that



69

00:02:59.02 --> 00:03:00.07

using the Pen tool.



70

00:03:00.07 --> 00:03:02.07

So go ahead and select the

Pen tool, which you can get



71

00:03:02.07 --> 00:03:05.05

by pressing the P key,

and then hover your cursor



72

00:03:05.05 --> 00:03:07.07

over this anchor point

right there, at which point



73

00:03:07.07 --> 00:03:10.05

you should see a minus next

to the Pen tool cursor,



74

00:03:10.05 --> 00:03:12.09

then click in order to

get rid of that point



75

00:03:12.09 --> 00:03:15.03

and Illustrator will go

ahead and draw a new segment



76

00:03:15.03 --> 00:03:18.00

between the remaining anchor points, then



77

00:03:18.00 --> 00:03:19.06

click on this anchor point right there



78

00:03:19.06 --> 00:03:21.00

to get rid of it as well.



79

00:03:21.00 --> 00:03:23.08

And now we have a nicely tapered edge.



80

00:03:23.08 --> 00:03:25.05

Okay, now you want to press the v key



81

00:03:25.05 --> 00:03:27.04

to switch back to the black arrow tool,



82

00:03:27.04 --> 00:03:29.07

click on the shape to

select the entire thing



83

00:03:29.07 --> 00:03:33.01

and right click on it,

and then choose Arrange



84

00:03:33.01 --> 00:03:35.02

and choose Send to Back, or you can press



85

00:03:35.02 --> 00:03:37.01

control + shift + left bracket, or



86

00:03:37.01 --> 00:03:39.03

command + shift + left bracket on the Mac.



87

00:03:39.03 --> 00:03:41.00

All right, now we need

to duplicate this guy



88

00:03:41.00 --> 00:03:43.07

a bunch of times, so go ahead and zoom out



89

00:03:43.07 --> 00:03:46.04

and then drag this guy by

its top left anchor point



90

00:03:46.04 --> 00:03:49.04

until it snaps into

alignment with its neighbor



91

00:03:49.04 --> 00:03:51.06

at which point just go ahead

and release your mouse button.



92

00:03:51.06 --> 00:03:52.09

You don't need to press the alt key



93

00:03:52.09 --> 00:03:55.02

or the option key on the Mac, even though



94

00:03:55.02 --> 00:03:57.06

we do ultimately want to make a copy.



95

00:03:57.06 --> 00:03:59.07

All I'm doing right now

is trying to figure out



96

00:03:59.07 --> 00:04:02.04

what the distance of this move is,



97

00:04:02.04 --> 00:04:04.07

and I can determine that

by pressing the enter key



98

00:04:04.07 --> 00:04:06.02

or the return key on the Mac, in order to



99

00:04:06.02 --> 00:04:09.01

bring up the Move dialog

box which will replay



100

00:04:09.01 --> 00:04:11.08

the last movement, and so

that tells me that it just



101

00:04:11.08 --> 00:04:15.07

moved that beveled edge

180 points to the right.



102

00:04:15.07 --> 00:04:18.06

And so with that information

in mind, I'll just cancel out



103

00:04:18.06 --> 00:04:20.09

and then I'll press control +

z, or command + z on the Mac



104

00:04:20.09 --> 00:04:24.06

to undo that move, and I'll

go up to the Effect menu,



105

00:04:24.06 --> 00:04:28.02

choose Distort and Transform,

and choose Transform



106

00:04:28.02 --> 00:04:31.01

in order to bring up the

Dynamic Transform Effect



107

00:04:31.01 --> 00:04:33.04

and now I'm going to change

that horizontal move value



108

00:04:33.04 --> 00:04:36.02

to 180 just as I saw a moment ago.



109

00:04:36.02 --> 00:04:38.03

I'm going to leave the

vertical value alone,



110

00:04:38.03 --> 00:04:41.00

I'm going to turn on the

Preview checkbox just to confirm



111

00:04:41.00 --> 00:04:43.01

that everything's working

out the way it should



112

00:04:43.01 --> 00:04:45.02

and then I'll click in

the Copies value and press



113

00:04:45.02 --> 00:04:48.06

the up arrow key until I

fill out that first row.



114

00:04:48.06 --> 00:04:52.03

And as you can see, a Copies

value of three does the trick,



115

00:04:52.03 --> 00:04:54.04

after which point I'll click OK



116

00:04:54.04 --> 00:04:57.01

and then I'll go up to the Effect menu



117

00:04:57.01 --> 00:04:59.07

and choose the second

instance of Transform,



118

00:04:59.07 --> 00:05:01.09

the one that ends dot, dot, dot,



119

00:05:01.09 --> 00:05:05.00

in order to apply another

instance of this effect.



120

00:05:05.00 --> 00:05:07.01

At which point Illustrator

will bark at me.



121

00:05:07.01 --> 00:05:09.03

I'll just go ahead and

click Apply New Effect



122

00:05:09.03 --> 00:05:11.05

because I do indeed

want one, but this time



123

00:05:11.05 --> 00:05:12.09

I'm going to swap these values.



124

00:05:12.09 --> 00:05:15.02

I'm going to change the

horizontal value to zero



125

00:05:15.02 --> 00:05:18.02

and I'm going to take the

vertical value up to 180,



126

00:05:18.02 --> 00:05:20.05

turn on the Preview

checkbox to make sure things



127

00:05:20.05 --> 00:05:22.08

are working out the way

they should, and because



128

00:05:22.08 --> 00:05:25.04

Illustrator remembered

my Copies value of three,



129

00:05:25.04 --> 00:05:27.03

I have filled out the entire artwork.



130

00:05:27.03 --> 00:05:29.02

And so, having done that, just go ahead



131

00:05:29.02 --> 00:05:32.00

and click OK to accept that change.



132

00:05:32.00 --> 00:05:33.07

All right, now as you can

see the extruded edges



133

00:05:33.07 --> 00:05:35.09

are encroaching upon the right



134

00:05:35.09 --> 00:05:38.00

and bottom edges of the artboard.



135

00:05:38.00 --> 00:05:40.02

So I'll go ahead and

switch to the Artboard tool



136

00:05:40.02 --> 00:05:42.06

by selecting it or pressing shift + o



137

00:05:42.06 --> 00:05:45.04

and then, I'll go up here

to the Control Panel,



138

00:05:45.04 --> 00:05:47.06

I'll select the top right reference point



139

00:05:47.06 --> 00:05:49.03

because I don't want the top right corner



140

00:05:49.03 --> 00:05:52.02

of the artboard to move,

and then I'll just go ahead



141

00:05:52.02 --> 00:05:54.05

and add plus eight to the width value



142

00:05:54.05 --> 00:05:57.00

and do the same for the

height value as well.



143

00:05:57.00 --> 00:05:59.05

Just enter plus eight for

that, and that will take



144

00:05:59.05 --> 00:06:02.01

both the width and height up to 748 points



145

00:06:02.01 --> 00:06:04.01

and the reason I'm adding eight is because



146

00:06:04.01 --> 00:06:06.08

that is the size of those extruded edges.



147

00:06:06.08 --> 00:06:08.08

After which point I'll

press the escape key



148

00:06:08.08 --> 00:06:10.08

to exit the Artboard mode.



149

00:06:10.08 --> 00:06:12.04

All right, just one more thing here,



150

00:06:12.04 --> 00:06:15.02

I want to add a gray

background and so I'm going to



151

00:06:15.02 --> 00:06:17.05

click off my path to deselect it,



152

00:06:17.05 --> 00:06:19.09

and then notice the Document

Setup button right there,



153

00:06:19.09 --> 00:06:22.08

I'm going to click on it and

I'm going to give this document



154

00:06:22.08 --> 00:06:25.06

a 12 point bleed, just

so I can go all the way



155

00:06:25.06 --> 00:06:27.04

to the edge of my artboard.



156

00:06:27.04 --> 00:06:29.05

And now I'll just zoom out a little bit



157

00:06:29.05 --> 00:06:32.00

and I'll create a new layer

below the checkers layer



158

00:06:32.00 --> 00:06:35.01

using the keyboard shortcut

of control + alt + l,



159

00:06:35.01 --> 00:06:37.08

or command + option + l on the Mac,



160

00:06:37.08 --> 00:06:40.04

and notice the new layers now

at the bottom of the stack.



161

00:06:40.04 --> 00:06:42.07

I'll call this layer Back

because it's going to be



162

00:06:42.07 --> 00:06:46.03

a kind of background, and I'll

change the color to Violet



163

00:06:46.03 --> 00:06:49.02

then click OK, and then

finally, I'll select



164

00:06:49.02 --> 00:06:53.05

my Rectangle tool, I'll

go ahead and draw a square



165

00:06:53.05 --> 00:06:57.07

that's as big as the bleed,

and I will change the color



166

00:06:57.07 --> 00:07:00.09

of this square from black

to this guy right here



167

00:07:00.09 --> 00:07:03.09

Whetstone, which I've created in advance.



168

00:07:03.09 --> 00:07:06.01

And then I'll press the

enter key, or the return key



169

00:07:06.01 --> 00:07:08.01

on the Mac to hide that

panel, and I'll press



170

00:07:08.01 --> 00:07:11.04

control + zero or command +

zero on the Mac to zoom out.



171

00:07:11.04 --> 00:07:14.00

And that friends, is how

you add extruded edges



172

00:07:14.00 --> 00:07:17.03

to your squares, beginning

with a simple Move function



173

00:07:17.03 --> 00:07:20.08

followed up by a couple of

dynamic transform effects



174

00:07:20.08 --> 00:07:22.08

here inside Illustrator.