- [Narrator] Alright so, our tattoo lines
are looking pretty good, but obviously
they're extending too far outside of the image,
which is why we need to mask those lines
using a combination of whole layer masks,
which we first saw in chapter 23 of the advanced course,
plus I'm going to show you how
to copy a mask from Photoshop,
and paste it into Illustrator as an opacity mask.
So, the first thing you need to do,
is to roll open the image layer
as well as this clipping group,
and then I'm going to select this guy right here,
and I'm going to Alt or Option-drag him
up to the tattoo one layer.
And notice, because I have the Alt or Option key down,
that I see a little plus sign next to my cursor.
And I can do that, even though the layer is locked.
So that's something you can do inside the Layers panel,
that you can't do outside in the Document window.
Alright, now the next thing I want you to do,
is twirl the tattoo one layer open.
Now, the fact that it's underlined
tells us that Illustrator thinks
that this path outline is serving as a whole layer mask.
But obviously, it isn't.
We have all kinds of dark paths extending outside the face.
So what you need to do is target that path,
by clicking on a circular meatball.
Then you want to drop down
to the Make Release Clipping Mask icon,
at the bottom of the Layers panel, and click on it.
At which point, the mask really takes hold.
Alright, now let's grab this guy,
and Alt or Option drag him
onto the tattoo two layer like so.
And then go ahead and twirl closed tattoo one.
Twirl open tattoo two, and you can see
that this guy thinks he's a mask as well.
But, he's probably right.
Even though things don't look right on screen,
notice that we have these path outlines
coming off on either side.
If you want to check out whether the mask is right or not,
whether it's really supposed to be working,
then turn it off, and then turn it back on.
And, if this happens, if it disappears,
which is what it just did.
It actually just completely physically disappeared.
I can't even target it.
Then, you're going to have to do that again.
You're going to have to grab this guy right here,
and actually the best way to work, is to just undo.
I'm going to press Control-Z, or Command-Z,
a few times in a row, in order to get rid
of that non path thing,
and I'll twirl this guy open,
and Alt or Option drag him once again
onto the tattoo two layer.
Twirl this guy closed, twirl this one open.
Make sure that he's selected, which he is.
You can see that out here in the Document window.
And then just go ahead and drop down
to the Make Release Clipping Mask icon,
and click on it.
And, that goes ahead and works.
Anyway, so apparently there's
a couple of bugs along the way.
But, if you were as elderly as Illustrator is,
you would have a couple of bugs too.
Anyway, I'm going to twirl closed this layer right here,
and I'm going to click off the path outline to deselect it.
Now I want you to see something else.
Notice here in the hair that we have
some bright paths extending into it.
And this is from the tattoo layer, by the way.
You can confirm that's the case
by turning the layer off,
and then turning the layer back on.
So, nothing about the hard light layer
is presenting a problem.
It's just this difference layer right here.
You can also see these bright paths.
And then something interesting to note,
is this bright stuff in the eyebrow,
as well as this eyebrow over here.
So what we want to do is mask that stuff away,
using an opacity mask.
But this is hair, folks.
And hair is not something
that Illustrator deals with very well.
Whereas it is something that Photoshop
deals with extremely well.
Now I don't know if you're very familiar
with Photoshop or not,
whether you even have it running,
but I'm just going to show you how this works.
It's not very hard to pull off,
so you should be able to work along with me.
But let's see.
I'm going to go ahead and switch over to Photoshop,
where I have this flat image open right here.
And it's got some problems along the jaws,
but that's just to make
the clipping paths work better inside Illustrator.
What we want to do is select all the dark stuff.
All the black stuff in the image really.
And the best way to do that
is to go to the Select menu,
and choose the Color Range command.
Now this command, if you've never seen it before,
is actually a selection command.
And what we're seeing is a preview
of the mask, here inside the dialog box.
Now by default, you're going to see
the full color image out here in the Image window,
because Selection Preview is set to None.
And so what I want you to do
with this eyedropper, notice that.
Click up here in the hair,
in order to establish a base color for the selection.
So basically this thing is an elaborate magic wand tool.
Then, this Fuzziness value,
which by default is set to 40,
well notice what that's going to do
is create a mask that looks like this.
So again, bear in mind, white reveals, black conceals.
So we're going to be revealing the hair,
the way things are standing right now.
But we want to select more of that hair,
so you want to crank that Fuzziness value up,
and in the end, I decided to take that value
up to 100, like so.
After which point, you want to click OK.
And that's going to select the portions of the image,
that looked white just a moment ago.
Alright, so, this is a little bit technical,
but we're going to do it anyway.
I want you to go to the Window menu, if you dare,
and choose the Channels command,
in order to switch to the Channels panel.
Then I want you to drop down to this little icon here,
which reads, Save Selection as Channel,
and I want you to click on it.
And now, you can go up to the Select menu,
and choose the Deselect command,
because we're done with the selection outline.
Now, go ahead and click on this Alpha one item
that you just created,
and there you have that mask
that you were just seeing a moment ago
inside the color range command.
So it's exactly the same thing.
What we want is the opposite of this,
because we want to mask away the hair,
and reveal the skin.
And so, go up to the Image menu,
choose Adjustments, and and choose Invert,
or you have a keyboard shortcut
of Control-I here on the PC, that's Command-I on the Mac.
And you get this effect here.
Alright, now I want you to back out a little bit,
and press Control-K, or Command-K on a Mac
to bring up Photoshop's Preferences dialog box.
It's the same keyboard shortcut
as you have in Illustrator,
and make sure this checkbox, Export Clipboard,
is turned on.
So, that needs to happen if you're going to make this work.
Then click OK.
And now, go up to the Select menu,
and choose the All command.
That's just Control-A, or Command-A on a Mac,
and then go up to the Edit menu,
and choose the Copy command,
which is Control-C, or Command-C on a Mac.
Alright, for those of you
who don't know Photoshop,
you'll be relieved to know we're done with it.
We're going to switch back to Illustrator.
And now at this point, I'm going to zoom out
by pressing Control-zero, or Command-zero on a Mac.
And what you want to do is target the tattoo two layer,
by click on it's circular meatball once again,
so that the entire layer is selected.
Let's press Control-H, or Command-H on a Mac
to hide the selection edges,
so that we can better see what's going on.
And now I want you to go into the Transparency panel.
Make sure that it's expanded enough
so that you can see these options right here,
and double click on this Ghostbusters icon
in the right hand thumbnail,
in order to not only create an opacity mask,
but to select it as well.
Now notice that there's nothing in it at present, of course,
because we haven't added anything to it,
but we are going to now,
by going up to the Edit menu,
and choosing just the Paste command.
Don't choose any of these other ones,
because they'll put it in the wrong location.
Just choose Paste, which you can get
by pressing Control-V, or Command-V on a Mac.
But before you do so, just make sure
that you press Control-zero, or Command-zero on a Mac,
because you want to make sure
that the document is centered inside the window.
Then, again, go to the Edit menu,
choose the Paste command, and that will go ahead
and paste that image into the center of your artwork.
And now, everything that's black
is going to conceal the layer,
and everything that's white is going to reveal.
So you can put pixel based artwork
into an opacity mask, inside illustrator.
Which is the only way to mask, using pixels,
inside the program.
Alright, now I'll go ahead and click
on the left hand thumbnail,
to switch back to the layer document.
And, I'm going to go head and zoom in over here,
just so that we can see the difference.
Notice that the eyebrow's in better shape,
and so is the hair.
But just so that we can really compare the two,
I'll shift click on that layer mask thumbnail,
there in the Transparency panel,
and you can see that we have those difference lines
extending into the black hair,
as well as the eyebrows.
And check out the detail in the eyebrows here.
When I shift click on that opacity mask again,
we get this great detail going through the eyebrows,
that we could not otherwise achieve
here inside Illustrator.
Now, you might want to go ahead and do the same thing
for the tattoo one layer,
because you can see that we've got those same problems.
But, I don't really think that's worth it.
So, I'm just going to press Control-zero,
or Command-zero on a Mac to zoom out,
and take in the entire artwork.
And that is how you take a pixel-based image from Photoshop,
and turn it into a highly accurate opacity mask,
here inside Illustrator.