- [Voiceover] All right, now let's try out hand
at creating a custom emoji.
And I came up with the idea for this one
one day when I had an appointment across town
and my car broke down and so I was texting the guy
that I wasn't going to be able to make it
and I wanted to convey the fact
that I was not happy about things.
But the angriest emoticon on my iPhone
is this one here which is more petulant than furious.
And so I figured I should create this one
as a kind of backup and so here's how it works.
I'll go ahead and switch over to the starter document here
in which I've drawn a few path outlines
and then I'll switch to the Layers panel
and turn on the happy Layer, there in the background.
And while it's a little confusing
to have all this stuff onscreen it won't be here very long.
So, I'm going to go ahead and select the teeth
and I need to save off its Gradient
so make sure the Fill is targeted
here inside the Gradient panel,
and then click on the little page icon
at the bottom of the Swatches panel,
and call this guy Teeth and then click OK.
All right, now I want to grab this path outline right here,
the grumpy mouth path
and I'm going to go up to the Edit menu and Copy it
or you can press Control + C or Command + C on the Mac
because we're going to need it again in just a few minutes.
All right, now let's go ahead
and lift the appearance attributes from the happy mouth
by switching to the Eyedropper
which you can get by pressing the I key
and then I'll just click on the mouth like so.
All right, now press the V key to switch back
to the black arrow tool and marquee these paths right here
so that you select the eyes, the reflection,
and the big orange head in the background,
then press the Alt key or the Option key on the Mac
and drag this blue square,
on the right side of the Layers panel,
up onto the angry Layer
in order to duplicate all those paths.
And then right click anywhere in the document window
choose Arrange and choose Send to Back
or you can press Control + Shift + left bracket
or Command + Shift + left bracket on a Mac.
All right, we don't need the happy Layer anymore
so turn it off in order to protect it
and then click off the path outlines to deselect them
and let's go ahead and zoom in on the mouth here.
Go ahead and scroll up as well.
And I'll click on that mouth to select it
and notice a couple of things here,
first of all, I think I neglected to mention this
but I cranked the line weight value for the mouth
up to 18 points and yet we're still having a problem
with the Gradient going in the wrong direction
so I'll target the Stroke here inside the Gradient panel
and I'll click on the Reverse Gradient icon
in order to put the softness on the right side of things.
Now on the other side we have this point right here
and the best way to get rid of it
is to click on the word Stroke up here in the Control panel
and switch to a Round Join, like so.
All right, now I'll press the Escape key to hide that panel
and I'll go ahead and once again target the Fill
inside the Gradient panel and I'll change it to Teeth
in order to produce this effect here.
So we still have the inner glow which is great
but we just have a different Gradient.
All right, now I'll go ahead
and select this crease path right here
and we're going to stroke it with the Gradient
by first cranking the line weight value
up to 16 points, like so,
and then I'm going to design a custom gradient
by first targeting the Stroke
here inside the Gradient panel.
And then I'll grab Orange two, right there,
and I'll drag it and drop it onto that Gradient ramp
and I'm looking for a location value of 50%
which I seem to have achieved just by dumb luck.
And now, I'll go ahead and Alt + drag or Option + drag
this guy over in order to create a Copy.
I'll grab this color stop and get rid of it
and then with the last one selected
I'll change the Location value to 95%
and I'll take the Opacity value down to 0%.
And the reason I'm doing this is because
I really want the Gradient to go along the path outline
and I'll achieve that by clicking
on the second Stroke icon, right there,
and I get this effect right there.
And notice, if I were to move this color stop
to the absolute end of the Gradient
then I'm going to see a break right there
at the end of the path and I don't want that to happen
so that's why I backed off the Location to 95%.
And now I'm going to get rid of this first stop
and I'll go ahead and Alt + drag or Option + drag
the last color stop right there until I get a Location value
of 5%, like so.
And something seems to have gone wrong right there.
I'll go ahead and select the color stop at 50%
and increase it's Opacity value to a 100%
in order to create this effect here.
Now, I'll press Control + zero
or Command + zero on the Mac to back out.
All right, I don't want to be all the way backed out though
so I guess I'll zoom in a little bit.
Now notice the teeth here,
I'll go ahead and click on them,
they're all grouped together and so I'm going to increase
the line weight value to four points,
I'm going to change the color of the Stroke
to this shade of gray in which the RGB values
are all set to 179.
And I'll also click on the word Stroke
and set the Cap to Round Cap
and the Corner to Round Join.
At which point you'll notice that the teeth
go outside the mouth which is not cool.
And so I'm going to go ahead and retrieve
that copied mouth path by going up to the Edit menu
and choosing Paste in Front
or you can press Control + F or Command + F on a Mac.
And then I want you click on the second swatch
which represents the Stroke and set it to None
so that we have a unfilled and unstroked path outline.
Now what we're going to do is select the teeth,
go up to the Edit menu and choose the Cut command
or you can press Control + X or Command + X on the Mac
and we're going to paste them into that empty mouth path
by first selecting it, like so.
And you'll want to confirm that both your Fill
and your Stroke are set to None.
Then I'll go ahead and switch to the two column Tool box
so I can see these options right here
that start with Draw Normal.
You want to click on this guy, Draw Inside,
in order to make it active at which point you'll see
these dotted corner boundaries.
Then go up to the Edit menu and choose Paste in Place
and that'll go ahead and paste the teeth
into that mouth path.
Now go ahead and switch back to the Draw Normal mode
by clicking on its icon
and then I'll return to the single column Tool box.
And just to make everything blend in
because we want the shadow to cover the teeth as well,
go up to the Opacity option here, click on it,
and change the Blend Mode from Normal to Multiply
and you'll end up with this effect here.
After which point, press the Escape key
and then press Control + Shift + A
or Command + Shift + A on a Mac
in order to deselect that path outline.
All right, that takes care of the mouth.
Oh wait, no it doesn't.
We've got a problem with the teeth here,
the Gradients going in the wrong direction
so I'll go ahead and click inside that Gradient
and then you want to target the fill,
once again, inside the Gradient panel
and change the Angle value to zero degrees
at which point we end up with this effect here.
All right, that really does take care of the mouth
but we still have to address the angry eyes
which is a task for the next movie.