1

00:00:00.06 --> 00:00:02.05

- [Voiceover] Alright, now

we're back to clipping masks,



2

00:00:02.05 --> 00:00:04.02

and so in this movie

I'm gonna show you how



3

00:00:04.02 --> 00:00:06.09

to move objects into an existing mask.



4

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

So in other words, after

you create the mask,



5

00:00:08.09 --> 00:00:11.02

you can put more objects inside of it.



6

00:00:11.02 --> 00:00:13.03

And we're gonna use

this technique in order



7

00:00:13.03 --> 00:00:15.01

to mask this guys face in the background



8

00:00:15.01 --> 00:00:17.09

as well as all these helmet

details in the foreground,



9

00:00:17.09 --> 00:00:20.01

in order to create this final effect.



10

00:00:20.01 --> 00:00:22.04

Alright so first I'm gonna

show you yet another way



11

00:00:22.04 --> 00:00:24.09

to create a clipping mask,

just in case you're interested.



12

00:00:24.09 --> 00:00:28.00

I'll start by twirling open

this helmet layer right here,



13

00:00:28.00 --> 00:00:29.08

and then I'm gonna scroll down the list



14

00:00:29.08 --> 00:00:32.02

and I want you to notice

these objects right here.



15

00:00:32.02 --> 00:00:35.02

This guy, if I were to turn

it off and turn it back on,



16

00:00:35.02 --> 00:00:38.02

that's the dark shadow

on the right hand side.



17

00:00:38.02 --> 00:00:42.02

The next path outline down is

a relatively brighter shadow



18

00:00:42.02 --> 00:00:44.09

on the left hand side, and then below that



19

00:00:44.09 --> 00:00:47.01

we have this light gray helmet.



20

00:00:47.01 --> 00:00:50.02

I wanna put these two shadow paths inside



21

00:00:50.02 --> 00:00:53.08

the light gray helmet, and I'm

gonna do that by first moving



22

00:00:53.08 --> 00:00:57.08

the thing that's going to

become the Clipping Mask on top,



23

00:00:57.08 --> 00:01:00.07

by dragging it here

inside the layers panel.



24

00:01:00.07 --> 00:01:03.06

So I'm just dragging it to

the stop of the stack like so.



25

00:01:03.06 --> 00:01:05.08

You don't wanna drag it all

the way to the very top.



26

00:01:05.08 --> 00:01:08.04

That variable item will

come in handy later,



27

00:01:08.04 --> 00:01:10.06

but for now just go ahead

and move that guy there.



28

00:01:10.06 --> 00:01:13.00

And then Shift + Click on

the item that's gonna become



29

00:01:13.00 --> 00:01:15.07

the Clipping Mask so

that the mask and then



30

00:01:15.07 --> 00:01:18.09

the two items that will go

inside of it are all selected.



31

00:01:18.09 --> 00:01:21.01

And then you wanna go

up to the object menu,



32

00:01:21.01 --> 00:01:23.09

choose Clipping Mask, and choose Make.



33

00:01:23.09 --> 00:01:26.06

Or you've got a keyboard

shortcut of Control + 7,



34

00:01:26.06 --> 00:01:28.08

or Command + 7 on the Mac, and so



35

00:01:28.08 --> 00:01:30.04

that's just another way to work.



36

00:01:30.04 --> 00:01:32.07

And by the way, in case

you're looking for any help



37

00:01:32.07 --> 00:01:35.08

in memorizing this keyboard

shortcut, because it is useful,



38

00:01:35.08 --> 00:01:38.07

it's the number right before

Compound Path shortcut,



39

00:01:38.07 --> 00:01:41.09

which of course is Control +

8, or Command + 8 on the Mac.



40

00:01:41.09 --> 00:01:44.03

And that one I think

makes sense because an 8



41

00:01:44.03 --> 00:01:46.07

is a Compound Path, it

has two holes in it.



42

00:01:46.07 --> 00:01:49.01

And so if you just remember

Clipping Mask comes right before



43

00:01:49.01 --> 00:01:51.02

it, that might be of some help.



44

00:01:51.02 --> 00:01:53.04

Alright, anyway, I'm gonna go

ahead and choose that command.



45

00:01:53.04 --> 00:01:55.03

And that goes ahead

and clips those shadows



46

00:01:55.03 --> 00:01:56.02

as you can see here.



47

00:01:56.02 --> 00:01:58.01

So they were all selected

by the way, all three



48

00:01:58.01 --> 00:02:00.01

of those paths were selected, and now



49

00:02:00.01 --> 00:02:01.08

the shadows are clipped inside.



50

00:02:01.08 --> 00:02:03.08

The problem is, when you work that way,



51

00:02:03.08 --> 00:02:06.03

you lose the fill and

stroke attributes associated



52

00:02:06.03 --> 00:02:07.06

with the Clipping Mask.



53

00:02:07.06 --> 00:02:10.02

And so to reinstate them, go

up here to the Control Panel



54

00:02:10.02 --> 00:02:13.03

on the far left side and

notice these two options here.



55

00:02:13.03 --> 00:02:17.03

One says Edit Clipping Path,

the other says Edit Contents.



56

00:02:17.03 --> 00:02:20.00

If you switch back and forth

between them, notice I'll click



57

00:02:20.00 --> 00:02:23.04

on Edit Contents in order

to make the contents active,



58

00:02:23.04 --> 00:02:26.05

and then I'll click on Edit

Clipping Path, and that



59

00:02:26.05 --> 00:02:28.09

will make that Clipping Path active.



60

00:02:28.09 --> 00:02:31.04

And I can see that it

has no fill or stroke,



61

00:02:31.04 --> 00:02:33.07

at which point I'll

click on the fill swatch,



62

00:02:33.07 --> 00:02:35.05

and change it to this shade of gray.



63

00:02:35.05 --> 00:02:39.06

The one in which the

RGB Values are all 179



64

00:02:39.06 --> 00:02:42.00

in order to reinstate that fill.



65

00:02:42.00 --> 00:02:44.00

Alright now I'm gonna click off the path



66

00:02:44.00 --> 00:02:47.01

to deselect it, and I want you

to notice that not everything



67

00:02:47.01 --> 00:02:48.08

is clipped that way it should be.



68

00:02:48.08 --> 00:02:51.02

We've got some problems with

the face and the background,



69

00:02:51.02 --> 00:02:53.07

but in the foreground we

have this line that crosses



70

00:02:53.07 --> 00:02:55.09

the visor right here, which it shouldn't,



71

00:02:55.09 --> 00:02:58.07

because that would mean the

line is now on his face.



72

00:02:58.07 --> 00:03:02.00

And we have this guy that dips

down in front a little bit.



73

00:03:02.00 --> 00:03:04.04

Then we have this pair

of sort of crease lines



74

00:03:04.04 --> 00:03:06.07

that are behind this

line, the selected line,



75

00:03:06.07 --> 00:03:09.04

so they need to move inside

the Clipping Mask as well.



76

00:03:09.04 --> 00:03:11.00

And so what I'm gonna do just to make



77

00:03:11.00 --> 00:03:12.08

it easier select these items,



78

00:03:12.08 --> 00:03:15.05

is turn off the helmet layer for a moment.



79

00:03:15.05 --> 00:03:17.09

And then I'll just go

ahead and marquee with



80

00:03:17.09 --> 00:03:21.08

a black arrow tool across

these path outlines like so.



81

00:03:21.08 --> 00:03:24.02

So you just wanna make

sure these two pairs



82

00:03:24.02 --> 00:03:26.04

are selected as well as this guy,



83

00:03:26.04 --> 00:03:30.02

this V-shaped line, and then

this almost vertical line.



84

00:03:30.02 --> 00:03:32.04

Alright now bring back

the helmet, and notice



85

00:03:32.04 --> 00:03:35.02

this purple square that

represents the selection on



86

00:03:35.02 --> 00:03:39.02

the Horn Etcetera layer, go

ahead and drag it and drop it



87

00:03:39.02 --> 00:03:42.06

onto the Clipping Mask which

is this item right here.



88

00:03:42.06 --> 00:03:45.08

And so as soon as you do you

will move everything into



89

00:03:45.08 --> 00:03:48.00

that Clipping Mask, and

you can see that's the case



90

00:03:48.00 --> 00:03:50.04

if I click off the artwork to deselect it.



91

00:03:50.04 --> 00:03:53.04

So that's one way to work

just drag the selection here



92

00:03:53.04 --> 00:03:57.06

inside the layers panel, and

drop it onto the Clipping Mask.



93

00:03:57.06 --> 00:04:00.02

And incidentally, if I were to

target this item right there,



94

00:04:00.02 --> 00:04:02.03

you can see over here

on the far left side of



95

00:04:02.03 --> 00:04:04.03

the Control Panel, that

it's actually called



96

00:04:04.03 --> 00:04:07.04

a Clipping Group, and that's

because a Clipping Group



97

00:04:07.04 --> 00:04:10.09

includes the Clipping Mask

which is actually doing



98

00:04:10.09 --> 00:04:14.03

the clipping along with

all of its contents.



99

00:04:14.03 --> 00:04:17.01

Alright now I'm gonna hide

that helmet layer once again,



100

00:04:17.01 --> 00:04:19.04

just so that I can access the face.



101

00:04:19.04 --> 00:04:22.05

And this time I'm gonna put

this shadow into the face,



102

00:04:22.05 --> 00:04:24.09

and then I'll move the eyes in as well.



103

00:04:24.09 --> 00:04:27.01

And we'll do this using

that Draw Inside mode



104

00:04:27.01 --> 00:04:29.06

so that we don't lose the

fill and stroke attributes.



105

00:04:29.06 --> 00:04:31.05

So I'll go ahead and select this shadow.



106

00:04:31.05 --> 00:04:34.00

I'll press Control + X, or

Command + X on a Mac, to cut it



107

00:04:34.00 --> 00:04:37.07

to the clip board, and then

I'll click on this face shape



108

00:04:37.07 --> 00:04:39.08

which obviously doesn't

represent his entire face,



109

00:04:39.08 --> 00:04:42.04

just the visible region

there inside the helmet.



110

00:04:42.04 --> 00:04:45.00

And then I'll switch to the

two column tool box so that



111

00:04:45.00 --> 00:04:48.03

I can see the Draw Inside

icon down here at the bottom.



112

00:04:48.03 --> 00:04:50.00

I'll go ahead and click on it,



113

00:04:50.00 --> 00:04:52.09

and that'll give me these dotted

boundaries in the corners.



114

00:04:52.09 --> 00:04:56.05

Then I'll go up to the Edit

menu and choose Paste in Place,



115

00:04:56.05 --> 00:04:58.02

or you can press Control + Shift + V,



116

00:04:58.02 --> 00:05:00.06

or Command + Shift + V on

the Mac, in order to paste



117

00:05:00.06 --> 00:05:03.01

that shadow into the face without losing



118

00:05:03.01 --> 00:05:04.08

the fill and stroke attributes.



119

00:05:04.08 --> 00:05:07.08

Alright now I'm gonna switch

back to the Draw Normal mode,



120

00:05:07.08 --> 00:05:10.05

so I can show you a way

to move the eyes in.



121

00:05:10.05 --> 00:05:12.02

So I'll go ahead and

click on one of the eyes.



122

00:05:12.02 --> 00:05:14.03

It's just a circle with

a bunch of dynamic fills



123

00:05:14.03 --> 00:05:16.09

and strokes, and then I'll

shift click on the other eye



124

00:05:16.09 --> 00:05:20.03

to select it as well, and

I'll go ahead and once again



125

00:05:20.03 --> 00:05:23.02

press Control + X, or

Command + X on the Mac,



126

00:05:23.02 --> 00:05:25.08

in order to cut those

shapes to the clipboard.



127

00:05:25.08 --> 00:05:28.00

Alright now this time

around, rather than using



128

00:05:28.00 --> 00:05:31.01

the Draw Inside mode,

which does work by the way,



129

00:05:31.01 --> 00:05:34.00

instead, I'll go ahead and

grab the white arrow tool.



130

00:05:34.00 --> 00:05:36.08

And now I'll just go ahead

and click on that shadow path,



131

00:05:36.08 --> 00:05:39.05

which is contained inside the

face shape, and I'll go up



132

00:05:39.05 --> 00:05:42.05

to the object menu and

choose Paste in Front,



133

00:05:42.05 --> 00:05:45.04

or press Control + F, or

Command + F on the Mac,



134

00:05:45.04 --> 00:05:47.09

in order to paste those

guys in front of the shadow



135

00:05:47.09 --> 00:05:50.08

and as a result, into the Clipping Mask.



136

00:05:50.08 --> 00:05:52.09

Alright now I'm gonna scroll

up my layers panel here



137

00:05:52.09 --> 00:05:55.07

and bring back my helmet

layer so that I can show you



138

00:05:55.07 --> 00:05:57.06

a little problem you might run into.



139

00:05:57.06 --> 00:06:00.05

If I press the V key to switch

back to my black arrow tool



140

00:06:00.05 --> 00:06:02.05

and I click on the helmet to select it.



141

00:06:02.05 --> 00:06:05.05

Now let's say I wanna add

a variable with stroke.



142

00:06:05.05 --> 00:06:07.03

Well, I'll go ahead and

switch back and forth



143

00:06:07.03 --> 00:06:09.01

between these icons on the far left side



144

00:06:09.01 --> 00:06:10.07

of the control panel, I'll click



145

00:06:10.07 --> 00:06:14.04

Edit Contents, and then I'll

click Edit Clipping Path



146

00:06:14.04 --> 00:06:17.03

because otherwise all

the paths are selected.



147

00:06:17.03 --> 00:06:20.00

And now you can see

there's my light gray fill.



148

00:06:20.00 --> 00:06:21.06

I'm now gonna change the line weight



149

00:06:21.06 --> 00:06:24.00

to two points let's

say, and now I wanna add



150

00:06:24.00 --> 00:06:26.03

a little bit of variable

width by switching to



151

00:06:26.03 --> 00:06:28.09

the Width tool, which in

the two column tool box



152

00:06:28.09 --> 00:06:30.09

is located below the Rotate tool.



153

00:06:30.09 --> 00:06:32.08

I'll go ahead and select

that guy, and let's say



154

00:06:32.08 --> 00:06:35.09

I just wanna add a width point

by double clicking somewhere



155

00:06:35.09 --> 00:06:38.08

on the path outline and I'll

change the total width value



156

00:06:38.08 --> 00:06:40.09

to 12 just so that we can really



157

00:06:40.09 --> 00:06:42.06

see something happen onscreen.



158

00:06:42.06 --> 00:06:45.00

And notice that increases the

line weight uniformly across



159

00:06:45.00 --> 00:06:48.02

the entire path and that's

because variable width strokes



160

00:06:48.02 --> 00:06:50.07

are not compatible with Clipping Masks.



161

00:06:50.07 --> 00:06:53.05

So what you have to do instead

is, of course, cancel out



162

00:06:53.05 --> 00:06:55.06

and then undo the

addition of that stroke in



163

00:06:55.06 --> 00:06:57.06

the first place, and I'll press the V-key



164

00:06:57.06 --> 00:07:00.00

to switch back to my black

arrow tool and I'll click off



165

00:07:00.00 --> 00:07:02.01

the paths to deselect

them and I'll show you



166

00:07:02.01 --> 00:07:04.09

this variable path outline right there.



167

00:07:04.09 --> 00:07:07.00

That is the Clipping Mask expressed as



168

00:07:07.00 --> 00:07:09.04

an independent path

outline, which then gives me



169

00:07:09.04 --> 00:07:12.04

the ability to create this

variable width stroke.



170

00:07:12.04 --> 00:07:15.00

And you can see that it

goes from being pretty thick



171

00:07:15.00 --> 00:07:17.07

up here at the top, to

very thin down here toward



172

00:07:17.07 --> 00:07:21.02

the bottom near the walrus's tusks.



173

00:07:21.02 --> 00:07:22.08

Alright there's just one problem remaining



174

00:07:22.08 --> 00:07:24.07

and it's this edge to the helmet.



175

00:07:24.07 --> 00:07:26.07

I'll go ahead and click on it to select it



176

00:07:26.07 --> 00:07:28.07

and I'll press Control + X,

or Command + X on the Mac



177

00:07:28.07 --> 00:07:31.03

to cut it to the clipboard,

and then I'll click on



178

00:07:31.03 --> 00:07:34.06

the face to select it and

I'll go up to the object menu



179

00:07:34.06 --> 00:07:37.09

and choose Paste in Back or

you can press Control + B



180

00:07:37.09 --> 00:07:41.04

here on the PC, or Command

+ B on a Mac in order



181

00:07:41.04 --> 00:07:43.07

to produce this effect right there.



182

00:07:43.07 --> 00:07:46.01

And that, among other

things, is how you move



183

00:07:46.01 --> 00:07:49.01

additional objects into

an existing Clipping Mask



184

00:07:49.01 --> 00:07:51.05

long after you create

it, either by dragging



185

00:07:51.05 --> 00:07:54.07

a selection and dropping it

onto an existing clipping group



186

00:07:54.07 --> 00:07:58.02

here inside the layers panel,

or by cutting and pasting via



187

00:07:58.02 --> 00:08:01.04

the clipboard here inside Illustrator.