1

00:00:00.05 --> 00:00:01.05

- [Voiceover] In this movie, I'll show you



2

00:00:01.05 --> 00:00:03.07

how to crop an image

inside of a clipping mask,



3

00:00:03.07 --> 00:00:05.08

which gives you a lot more control



4

00:00:05.08 --> 00:00:08.00

than relying on the bounding box.



5

00:00:08.00 --> 00:00:11.05

So, the first thing I'm going

to do is select a shape tool.



6

00:00:11.05 --> 00:00:12.08

It can be any shape tool.



7

00:00:12.08 --> 00:00:16.02

You can place an image inside

of a star, or a polygon,



8

00:00:16.02 --> 00:00:18.06

or a free-form path outline, whatever.



9

00:00:18.06 --> 00:00:19.09

But I'm going to keep things simple



10

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

by selecting the rectangle tool,



11

00:00:21.07 --> 00:00:23.08

which you can get by pressing the M key.



12

00:00:23.08 --> 00:00:25.06

You also, if you're working along with me,



13

00:00:25.06 --> 00:00:28.05

want to make sure that your

smart guides are turned on.



14

00:00:28.05 --> 00:00:30.05

And then I'm going to

drag from the intersection



15

00:00:30.05 --> 00:00:32.09

of these two guys in the top left corner



16

00:00:32.09 --> 00:00:36.07

of the yellow rectangle, down

and to the left, like so,



17

00:00:36.07 --> 00:00:39.05

in order to create a shape

that's 162 points wide



18

00:00:39.05 --> 00:00:44.04

by 180 points tall, as you can

see in that heads-up display.



19

00:00:44.04 --> 00:00:45.03

Notice that it's coming in



20

00:00:45.03 --> 00:00:48.01

with a white fill and a black stroke.



21

00:00:48.01 --> 00:00:48.09

Now what you want to do,



22

00:00:48.09 --> 00:00:50.06

is switch back to the black arrow tool,



23

00:00:50.06 --> 00:00:52.06

which you can get by pressing the V key,



24

00:00:52.06 --> 00:00:58.01

and then just drag my face

to in back of that rectangle.



25

00:00:58.01 --> 00:01:00.05

Then shift-click on the

rectangle to select it,



26

00:01:00.05 --> 00:01:03.02

so you have both the photograph

and the rectangle active.



27

00:01:03.02 --> 00:01:06.06

Then go up to the object

menu, choose Clipping Mask,



28

00:01:06.06 --> 00:01:09.01

and choose Make, or you

have the keyboard shortcut



29

00:01:09.01 --> 00:01:12.01

of "Control + 7", or

"Command + 7" on the Mac.



30

00:01:12.01 --> 00:01:13.05

Now the thing about working that way,



31

00:01:13.05 --> 00:01:15.08

is that you lose the fill and stroke.



32

00:01:15.08 --> 00:01:17.01

So I'm going to zoom in here,



33

00:01:17.01 --> 00:01:19.06

so that you can see

that the stroke is gone.



34

00:01:19.06 --> 00:01:21.02

You can reinstate it if you like.



35

00:01:21.02 --> 00:01:23.00

But here's another way to work.



36

00:01:23.00 --> 00:01:24.03

I'm going to press "Control + Z",



37

00:01:24.03 --> 00:01:25.06

or "Command + Z" on the Mac,



38

00:01:25.06 --> 00:01:27.06

in order to undo the clipping mask.



39

00:01:27.06 --> 00:01:29.04

And I'll press "Control + Shift + A",



40

00:01:29.04 --> 00:01:30.05

or "Command + Shift + A" on the Mac,



41

00:01:30.05 --> 00:01:32.03

to deselect the artwork,

and then I'll click



42

00:01:32.03 --> 00:01:33.08

on the photograph in the background



43

00:01:33.08 --> 00:01:36.09

and press the backspace key,

or the delete key on the Mac.



44

00:01:36.09 --> 00:01:38.06

Another option is to place the image



45

00:01:38.06 --> 00:01:40.05

directly into the rectangle.



46

00:01:40.05 --> 00:01:43.07

You can do that by clicking

on the rectangle to select it,



47

00:01:43.07 --> 00:01:46.05

and then switch to the two column toolbox,



48

00:01:46.05 --> 00:01:49.04

by clicking on this little

icon in the top left corner,



49

00:01:49.04 --> 00:01:53.00

so that I can gain access to

these Draw options right here.



50

00:01:53.00 --> 00:01:57.02

We've got Draw Normal, Draw

Behind, and then Draw Inside.



51

00:01:57.02 --> 00:02:01.00

Click on Draw Inside and

you'll see these dotted borders



52

00:02:01.00 --> 00:02:03.03

around the corners of the rectangle.



53

00:02:03.03 --> 00:02:06.07

Then, go up to the File menu

and choose the Place command,



54

00:02:06.07 --> 00:02:07.09

or press "Control + Shift + P",



55

00:02:07.09 --> 00:02:10.01

or "Command + Shift + P" on the Mac.



56

00:02:10.01 --> 00:02:12.02

And then select my face,



57

00:02:12.02 --> 00:02:13.09

make sure the Link check box is turned on,



58

00:02:13.09 --> 00:02:16.09

and also turn on the Replace check box.



59

00:02:16.09 --> 00:02:19.03

And that way, when you

click the Place button,



60

00:02:19.03 --> 00:02:22.05

you'll place me directly

into that rectangle.



61

00:02:22.05 --> 00:02:25.06

And notice that I maintained

that black stroke,



62

00:02:25.06 --> 00:02:27.02

as well as the white fill,



63

00:02:27.02 --> 00:02:29.03

although currently we can't see it.



64

00:02:29.03 --> 00:02:31.08

This is so much better because I can just



65

00:02:31.08 --> 00:02:34.08

drag my face around

inside the clipping mask,



66

00:02:34.08 --> 00:02:38.02

as opposed to relying on

that little alignment icon.



67

00:02:38.02 --> 00:02:41.02

I'm going to switch back

to the Draw Normal mode.



68

00:02:41.02 --> 00:02:44.02

I'm also going to switch back

to the single column toolbox.



69

00:02:44.02 --> 00:02:46.04

And I want to scale my face.



70

00:02:46.04 --> 00:02:50.03

So with the photograph selected,

switch to the Scale tool,



71

00:02:50.03 --> 00:02:52.01

which you can get by pressing the S key,



72

00:02:52.01 --> 00:02:54.02

and then press the Enter key,

or the Return key on the Mac



73

00:02:54.02 --> 00:02:56.02

to bring up the Scale dialog box.



74

00:02:56.02 --> 00:02:58.09

I came up with a uniform

value of 52 percent,



75

00:02:58.09 --> 00:03:01.09

after which point, I clicked

Ok to accept that change.



76

00:03:01.09 --> 00:03:03.03

Now I'll press the V key,



77

00:03:03.03 --> 00:03:05.01

to switch back to my black arrow tool,



78

00:03:05.01 --> 00:03:07.07

and I'll drag this guy around.



79

00:03:07.07 --> 00:03:10.00

And I want it in a very specific location.



80

00:03:10.00 --> 00:03:11.08

So I'm going to click on Transform,



81

00:03:11.08 --> 00:03:13.05

up here in the control panel.



82

00:03:13.05 --> 00:03:15.03

Make sure that the top left point



83

00:03:15.03 --> 00:03:17.08

in this little reference

point matrix is selected,



84

00:03:17.08 --> 00:03:20.08

and then change the X value to 58 points.



85

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

And we're looking for a

Y value of zero points.



86

00:03:23.05 --> 00:03:26.00

And now I'll hide the transform panel.



87

00:03:26.00 --> 00:03:28.05

I don't really want the fill and stroke



88

00:03:28.05 --> 00:03:30.04

associated with the rectangle,



89

00:03:30.04 --> 00:03:32.02

so notice these little icons over here,



90

00:03:32.02 --> 00:03:34.02

in the far left side of the control panel.



91

00:03:34.02 --> 00:03:36.07

Right now, Edit Contents is turned on,



92

00:03:36.07 --> 00:03:39.03

which allows me to drag the image around,



93

00:03:39.03 --> 00:03:40.09

as well as scale it.



94

00:03:40.09 --> 00:03:42.03

I'll go ahead and undo that move.



95

00:03:42.03 --> 00:03:44.08

What I want to do is switch

to Edit Clipping Path,



96

00:03:44.08 --> 00:03:46.07

by clicking on that first icon.



97

00:03:46.07 --> 00:03:48.04

That's going to show

me the fill and stroke,



98

00:03:48.04 --> 00:03:50.07

and then I'll change the fill to none,



99

00:03:50.07 --> 00:03:55.02

and also change the

stroke to none as well,



100

00:03:55.02 --> 00:03:57.03

in order to produce

this effect right here.



101

00:03:57.03 --> 00:04:00.06

And then I'll click off

the photo to deselect it.



102

00:04:00.06 --> 00:04:03.04

And that's how you crop

an image like a real pro,



103

00:04:03.04 --> 00:04:06.06

using a more reliable and

flexible clipping mask,



104

00:04:06.06 --> 00:04:08.06

here inside Illustrator.