1

00:00:00.08 --> 00:00:02.03

- [Narrator] Alright so, our tattoo lines



2

00:00:02.03 --> 00:00:04.02

are looking pretty good, but obviously



3

00:00:04.02 --> 00:00:06.07

they're extending too

far outside of the image,



4

00:00:06.07 --> 00:00:09.00

which is why we need to mask those lines



5

00:00:09.00 --> 00:00:12.07

using a combination of whole layer masks,



6

00:00:12.07 --> 00:00:16.06

which we first saw in chapter

23 of the advanced course,



7

00:00:16.06 --> 00:00:18.02

plus I'm going to show you how



8

00:00:18.02 --> 00:00:20.06

to copy a mask from Photoshop,



9

00:00:20.06 --> 00:00:24.04

and paste it into Illustrator

as an opacity mask.



10

00:00:24.04 --> 00:00:25.09

So, the first thing you need to do,



11

00:00:25.09 --> 00:00:27.07

is to roll open the image layer



12

00:00:27.07 --> 00:00:30.03

as well as this clipping group,



13

00:00:30.03 --> 00:00:32.01

and then I'm going to

select this guy right here,



14

00:00:32.01 --> 00:00:34.05

and I'm going to Alt or Option-drag him



15

00:00:34.05 --> 00:00:36.07

up to the tattoo one layer.



16

00:00:36.07 --> 00:00:39.06

And notice, because I have

the Alt or Option key down,



17

00:00:39.06 --> 00:00:42.05

that I see a little plus

sign next to my cursor.



18

00:00:42.05 --> 00:00:46.02

And I can do that, even

though the layer is locked.



19

00:00:46.02 --> 00:00:48.07

So that's something you can

do inside the Layers panel,



20

00:00:48.07 --> 00:00:52.01

that you can't do outside

in the Document window.



21

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

Alright, now the next

thing I want you to do,



22

00:00:54.02 --> 00:00:57.00

is twirl the tattoo one layer open.



23

00:00:57.00 --> 00:00:58.07

Now, the fact that it's underlined



24

00:00:58.07 --> 00:01:01.03

tells us that Illustrator thinks



25

00:01:01.03 --> 00:01:05.02

that this path outline is

serving as a whole layer mask.



26

00:01:05.02 --> 00:01:06.08

But obviously, it isn't.



27

00:01:06.08 --> 00:01:10.04

We have all kinds of dark paths

extending outside the face.



28

00:01:10.04 --> 00:01:13.03

So what you need to do

is target that path,



29

00:01:13.03 --> 00:01:15.03

by clicking on a circular meatball.



30

00:01:15.03 --> 00:01:16.05

Then you want to drop down



31

00:01:16.05 --> 00:01:19.01

to the Make Release Clipping Mask icon,



32

00:01:19.01 --> 00:01:22.00

at the bottom of the Layers

panel, and click on it.



33

00:01:22.00 --> 00:01:25.00

At which point, the

mask really takes hold.



34

00:01:25.00 --> 00:01:27.00

Alright, now let's grab this guy,



35

00:01:27.00 --> 00:01:29.03

and Alt or Option drag him



36

00:01:29.03 --> 00:01:32.05

onto the tattoo two layer like so.



37

00:01:32.05 --> 00:01:35.04

And then go ahead and

twirl closed tattoo one.



38

00:01:35.04 --> 00:01:38.04

Twirl open tattoo two, and you can see



39

00:01:38.04 --> 00:01:41.05

that this guy thinks he's a mask as well.



40

00:01:41.05 --> 00:01:43.04

But, he's probably right.



41

00:01:43.04 --> 00:01:46.04

Even though things don't

look right on screen,



42

00:01:46.04 --> 00:01:48.09

notice that we have these path outlines



43

00:01:48.09 --> 00:01:50.09

coming off on either side.



44

00:01:50.09 --> 00:01:54.01

If you want to check out whether

the mask is right or not,



45

00:01:54.01 --> 00:01:55.09

whether it's really

supposed to be working,



46

00:01:55.09 --> 00:01:59.06

then turn it off, and

then turn it back on.



47

00:01:59.06 --> 00:02:03.01

And, if this happens, if it disappears,



48

00:02:03.01 --> 00:02:04.02

which is what it just did.



49

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

It actually just completely

physically disappeared.



50

00:02:06.09 --> 00:02:08.07

I can't even target it.



51

00:02:08.07 --> 00:02:10.05

Then, you're going to

have to do that again.



52

00:02:10.05 --> 00:02:12.04

You're going to have to

grab this guy right here,



53

00:02:12.04 --> 00:02:15.05

and actually the best way

to work, is to just undo.



54

00:02:15.05 --> 00:02:18.00

I'm going to press

Control-Z, or Command-Z,



55

00:02:18.00 --> 00:02:20.05

a few times in a row, in order to get rid



56

00:02:20.05 --> 00:02:22.08

of that non path thing,



57

00:02:22.08 --> 00:02:25.01

and I'll twirl this guy open,



58

00:02:25.01 --> 00:02:27.07

and Alt or Option drag him once again



59

00:02:27.07 --> 00:02:29.08

onto the tattoo two layer.



60

00:02:29.08 --> 00:02:32.01

Twirl this guy closed,

twirl this one open.



61

00:02:32.01 --> 00:02:34.04

Make sure that he's selected, which he is.



62

00:02:34.04 --> 00:02:37.00

You can see that out here

in the Document window.



63

00:02:37.00 --> 00:02:38.05

And then just go ahead and drop down



64

00:02:38.05 --> 00:02:40.03

to the Make Release Clipping Mask icon,



65

00:02:40.03 --> 00:02:41.08

and click on it.



66

00:02:41.08 --> 00:02:44.05

And, that goes ahead and works.



67

00:02:44.05 --> 00:02:46.00

Anyway, so apparently there's



68

00:02:46.00 --> 00:02:47.07

a couple of bugs along the way.



69

00:02:47.07 --> 00:02:50.08

But, if you were as

elderly as Illustrator is,



70

00:02:50.08 --> 00:02:52.08

you would have a couple of bugs too.



71

00:02:52.08 --> 00:02:55.04

Anyway, I'm going to twirl

closed this layer right here,



72

00:02:55.04 --> 00:02:58.03

and I'm going to click off the

path outline to deselect it.



73

00:02:58.03 --> 00:03:00.00

Now I want you to see something else.



74

00:03:00.00 --> 00:03:03.07

Notice here in the hair that we have



75

00:03:03.07 --> 00:03:06.08

some bright paths extending into it.



76

00:03:06.08 --> 00:03:08.06

And this is from the

tattoo layer, by the way.



77

00:03:08.06 --> 00:03:09.08

You can confirm that's the case



78

00:03:09.08 --> 00:03:11.04

by turning the layer off,



79

00:03:11.04 --> 00:03:13.04

and then turning the layer back on.



80

00:03:13.04 --> 00:03:15.06

So, nothing about the hard light layer



81

00:03:15.06 --> 00:03:17.02

is presenting a problem.



82

00:03:17.02 --> 00:03:19.03

It's just this difference

layer right here.



83

00:03:19.03 --> 00:03:21.06

You can also see these bright paths.



84

00:03:21.06 --> 00:03:23.09

And then something interesting to note,



85

00:03:23.09 --> 00:03:26.05

is this bright stuff in the eyebrow,



86

00:03:26.05 --> 00:03:29.04

as well as this eyebrow over here.



87

00:03:29.04 --> 00:03:31.09

So what we want to do

is mask that stuff away,



88

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

using an opacity mask.



89

00:03:33.07 --> 00:03:35.08

But this is hair, folks.



90

00:03:35.08 --> 00:03:37.07

And hair is not something



91

00:03:37.07 --> 00:03:40.03

that Illustrator deals with very well.



92

00:03:40.03 --> 00:03:43.01

Whereas it is something that Photoshop



93

00:03:43.01 --> 00:03:45.05

deals with extremely well.



94

00:03:45.05 --> 00:03:47.02

Now I don't know if you're very familiar



95

00:03:47.02 --> 00:03:48.08

with Photoshop or not,



96

00:03:48.08 --> 00:03:50.03

whether you even have it running,



97

00:03:50.03 --> 00:03:52.09

but I'm just going to

show you how this works.



98

00:03:52.09 --> 00:03:54.04

It's not very hard to pull off,



99

00:03:54.04 --> 00:03:56.05

so you should be able

to work along with me.



100

00:03:56.05 --> 00:03:57.05

But let's see.



101

00:03:57.05 --> 00:04:00.00

I'm going to go ahead and

switch over to Photoshop,



102

00:04:00.00 --> 00:04:03.02

where I have this flat

image open right here.



103

00:04:03.02 --> 00:04:05.03

And it's got some problems along the jaws,



104

00:04:05.03 --> 00:04:06.05

but that's just to make



105

00:04:06.05 --> 00:04:09.08

the clipping paths work

better inside Illustrator.



106

00:04:09.08 --> 00:04:12.07

What we want to do is

select all the dark stuff.



107

00:04:12.07 --> 00:04:15.08

All the black stuff in the image really.



108

00:04:15.08 --> 00:04:17.00

And the best way to do that



109

00:04:17.00 --> 00:04:18.06

is to go to the Select menu,



110

00:04:18.06 --> 00:04:20.06

and choose the Color Range command.



111

00:04:20.06 --> 00:04:23.07

Now this command, if you've

never seen it before,



112

00:04:23.07 --> 00:04:26.07

is actually a selection command.



113

00:04:26.07 --> 00:04:29.03

And what we're seeing is a preview



114

00:04:29.03 --> 00:04:31.09

of the mask, here inside the dialog box.



115

00:04:31.09 --> 00:04:34.02

Now by default, you're going to see



116

00:04:34.02 --> 00:04:37.02

the full color image out

here in the Image window,



117

00:04:37.02 --> 00:04:40.00

because Selection Preview is set to None.



118

00:04:40.00 --> 00:04:42.01

And so what I want you to do



119

00:04:42.01 --> 00:04:44.01

with this eyedropper, notice that.



120

00:04:44.01 --> 00:04:46.07

Click up here in the hair,



121

00:04:46.07 --> 00:04:50.05

in order to establish a base

color for the selection.



122

00:04:50.05 --> 00:04:54.07

So basically this thing is

an elaborate magic wand tool.



123

00:04:54.07 --> 00:04:56.06

Then, this Fuzziness value,



124

00:04:56.06 --> 00:04:59.01

which by default is set to 40,



125

00:04:59.01 --> 00:05:00.08

well notice what that's going to do



126

00:05:00.08 --> 00:05:03.03

is create a mask that looks like this.



127

00:05:03.03 --> 00:05:08.05

So again, bear in mind, white

reveals, black conceals.



128

00:05:08.05 --> 00:05:11.03

So we're going to be revealing the hair,



129

00:05:11.03 --> 00:05:13.07

the way things are standing right now.



130

00:05:13.07 --> 00:05:15.06

But we want to select more of that hair,



131

00:05:15.06 --> 00:05:18.01

so you want to crank

that Fuzziness value up,



132

00:05:18.01 --> 00:05:21.02

and in the end, I decided

to take that value



133

00:05:21.02 --> 00:05:24.01

up to 100, like so.



134

00:05:24.01 --> 00:05:27.01

After which point, you want to click OK.



135

00:05:27.01 --> 00:05:29.02

And that's going to select

the portions of the image,



136

00:05:29.02 --> 00:05:32.09

that looked white just a moment ago.



137

00:05:32.09 --> 00:05:35.06

Alright, so, this is a

little bit technical,



138

00:05:35.06 --> 00:05:37.05

but we're going to do it anyway.



139

00:05:37.05 --> 00:05:40.06

I want you to go to the

Window menu, if you dare,



140

00:05:40.06 --> 00:05:42.08

and choose the Channels command,



141

00:05:42.08 --> 00:05:46.00

in order to switch to the Channels panel.



142

00:05:46.00 --> 00:05:48.08

Then I want you to drop down

to this little icon here,



143

00:05:48.08 --> 00:05:51.05

which reads, Save Selection as Channel,



144

00:05:51.05 --> 00:05:53.05

and I want you to click on it.



145

00:05:53.05 --> 00:05:56.05

And now, you can go up to the Select menu,



146

00:05:56.05 --> 00:05:58.03

and choose the Deselect command,



147

00:05:58.03 --> 00:06:00.08

because we're done with

the selection outline.



148

00:06:00.08 --> 00:06:03.08

Now, go ahead and click

on this Alpha one item



149

00:06:03.08 --> 00:06:05.03

that you just created,



150

00:06:05.03 --> 00:06:07.03

and there you have that mask



151

00:06:07.03 --> 00:06:09.00

that you were just seeing a moment ago



152

00:06:09.00 --> 00:06:10.07

inside the color range command.



153

00:06:10.07 --> 00:06:12.09

So it's exactly the same thing.



154

00:06:12.09 --> 00:06:14.03

What we want is the opposite of this,



155

00:06:14.03 --> 00:06:16.01

because we want to mask away the hair,



156

00:06:16.01 --> 00:06:17.09

and reveal the skin.



157

00:06:17.09 --> 00:06:20.03

And so, go up to the Image menu,



158

00:06:20.03 --> 00:06:23.03

choose Adjustments, and and choose Invert,



159

00:06:23.03 --> 00:06:24.08

or you have a keyboard shortcut



160

00:06:24.08 --> 00:06:29.03

of Control-I here on the PC,

that's Command-I on the Mac.



161

00:06:29.03 --> 00:06:30.09

And you get this effect here.



162

00:06:30.09 --> 00:06:33.05

Alright, now I want you

to back out a little bit,



163

00:06:33.05 --> 00:06:36.04

and press Control-K, or Command-K on a Mac



164

00:06:36.04 --> 00:06:40.02

to bring up Photoshop's

Preferences dialog box.



165

00:06:40.02 --> 00:06:41.02

It's the same keyboard shortcut



166

00:06:41.02 --> 00:06:42.07

as you have in Illustrator,



167

00:06:42.07 --> 00:06:45.05

and make sure this

checkbox, Export Clipboard,



168

00:06:45.05 --> 00:06:47.01

is turned on.



169

00:06:47.01 --> 00:06:49.08

So, that needs to happen if

you're going to make this work.



170

00:06:49.08 --> 00:06:51.09

Then click OK.



171

00:06:51.09 --> 00:06:53.06

And now, go up to the Select menu,



172

00:06:53.06 --> 00:06:55.03

and choose the All command.



173

00:06:55.03 --> 00:06:58.04

That's just Control-A,

or Command-A on a Mac,



174

00:06:58.04 --> 00:07:00.02

and then go up to the Edit menu,



175

00:07:00.02 --> 00:07:01.06

and choose the Copy command,



176

00:07:01.06 --> 00:07:04.04

which is Control-C, or Command-C on a Mac.



177

00:07:04.04 --> 00:07:05.04

Alright, for those of you



178

00:07:05.04 --> 00:07:07.04

who don't know Photoshop,



179

00:07:07.04 --> 00:07:09.02

you'll be relieved to

know we're done with it.



180

00:07:09.02 --> 00:07:11.02

We're going to switch back to Illustrator.



181

00:07:11.02 --> 00:07:13.08

And now at this point,

I'm going to zoom out



182

00:07:13.08 --> 00:07:17.03

by pressing Control-zero,

or Command-zero on a Mac.



183

00:07:17.03 --> 00:07:21.02

And what you want to do is

target the tattoo two layer,



184

00:07:21.02 --> 00:07:25.03

by click on it's circular

meatball once again,



185

00:07:25.03 --> 00:07:27.02

so that the entire layer is selected.



186

00:07:27.02 --> 00:07:29.08

Let's press Control-H,

or Command-H on a Mac



187

00:07:29.08 --> 00:07:31.05

to hide the selection edges,



188

00:07:31.05 --> 00:07:33.05

so that we can better see what's going on.



189

00:07:33.05 --> 00:07:36.09

And now I want you to go

into the Transparency panel.



190

00:07:36.09 --> 00:07:39.07

Make sure that it's expanded enough



191

00:07:39.07 --> 00:07:42.02

so that you can see

these options right here,



192

00:07:42.02 --> 00:07:45.09

and double click on this Ghostbusters icon



193

00:07:45.09 --> 00:07:47.07

in the right hand thumbnail,



194

00:07:47.07 --> 00:07:50.08

in order to not only

create an opacity mask,



195

00:07:50.08 --> 00:07:53.06

but to select it as well.



196

00:07:53.06 --> 00:07:56.02

Now notice that there's nothing

in it at present, of course,



197

00:07:56.02 --> 00:07:58.05

because we haven't added anything to it,



198

00:07:58.05 --> 00:08:00.00

but we are going to now,



199

00:08:00.00 --> 00:08:01.04

by going up to the Edit menu,



200

00:08:01.04 --> 00:08:04.04

and choosing just the Paste command.



201

00:08:04.04 --> 00:08:06.00

Don't choose any of these other ones,



202

00:08:06.00 --> 00:08:08.01

because they'll put it

in the wrong location.



203

00:08:08.01 --> 00:08:10.03

Just choose Paste, which you can get



204

00:08:10.03 --> 00:08:12.07

by pressing Control-V,

or Command-V on a Mac.



205

00:08:12.07 --> 00:08:14.09

But before you do so, just make sure



206

00:08:14.09 --> 00:08:18.04

that you press Control-zero,

or Command-zero on a Mac,



207

00:08:18.04 --> 00:08:20.00

because you want to make sure



208

00:08:20.00 --> 00:08:22.08

that the document is

centered inside the window.



209

00:08:22.08 --> 00:08:24.06

Then, again, go to the Edit menu,



210

00:08:24.06 --> 00:08:26.09

choose the Paste command,

and that will go ahead



211

00:08:26.09 --> 00:08:31.08

and paste that image into

the center of your artwork.



212

00:08:31.08 --> 00:08:33.03

And now, everything that's black



213

00:08:33.03 --> 00:08:35.05

is going to conceal the layer,



214

00:08:35.05 --> 00:08:38.04

and everything that's

white is going to reveal.



215

00:08:38.04 --> 00:08:40.08

So you can put pixel based artwork



216

00:08:40.08 --> 00:08:44.09

into an opacity mask, inside illustrator.



217

00:08:44.09 --> 00:08:47.03

Which is the only way

to mask, using pixels,



218

00:08:47.03 --> 00:08:48.09

inside the program.



219

00:08:48.09 --> 00:08:50.08

Alright, now I'll go ahead and click



220

00:08:50.08 --> 00:08:52.03

on the left hand thumbnail,



221

00:08:52.03 --> 00:08:54.06

to switch back to the layer document.



222

00:08:54.06 --> 00:08:57.05

And, I'm going to go head

and zoom in over here,



223

00:08:57.05 --> 00:08:59.04

just so that we can see the difference.



224

00:08:59.04 --> 00:09:01.01

Notice that the eyebrow's in better shape,



225

00:09:01.01 --> 00:09:02.05

and so is the hair.



226

00:09:02.05 --> 00:09:04.08

But just so that we can

really compare the two,



227

00:09:04.08 --> 00:09:07.03

I'll shift click on that

layer mask thumbnail,



228

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

there in the Transparency panel,



229

00:09:09.02 --> 00:09:13.00

and you can see that we

have those difference lines



230

00:09:13.00 --> 00:09:15.03

extending into the black hair,



231

00:09:15.03 --> 00:09:17.03

as well as the eyebrows.



232

00:09:17.03 --> 00:09:20.00

And check out the detail

in the eyebrows here.



233

00:09:20.00 --> 00:09:22.09

When I shift click on

that opacity mask again,



234

00:09:22.09 --> 00:09:27.03

we get this great detail

going through the eyebrows,



235

00:09:27.03 --> 00:09:29.05

that we could not otherwise achieve



236

00:09:29.05 --> 00:09:32.08

here inside Illustrator.



237

00:09:32.08 --> 00:09:34.06

Now, you might want to go

ahead and do the same thing



238

00:09:34.06 --> 00:09:36.04

for the tattoo one layer,



239

00:09:36.04 --> 00:09:39.08

because you can see that

we've got those same problems.



240

00:09:39.08 --> 00:09:42.00

But, I don't really think that's worth it.



241

00:09:42.00 --> 00:09:44.02

So, I'm just going to press Control-zero,



242

00:09:44.02 --> 00:09:46.05

or Command-zero on a Mac to zoom out,



243

00:09:46.05 --> 00:09:50.01

and take in the entire artwork.



244

00:09:50.01 --> 00:09:53.03

And that is how you take a

pixel-based image from Photoshop,



245

00:09:53.03 --> 00:09:56.07

and turn it into a highly

accurate opacity mask,



246

00:09:56.07 --> 00:09:58.07

here inside Illustrator.