- [Voiceover] In this movie we'll introduce
the mouth and the teeth.
Both of which, we'll fill with good old radial gradients.
Alright, so I'll go ahead and switch over
to my document in progress.
And then I'll go up to the Object Menu
and choose Show All or press Control+Alt+Three,
or Command Option Three on a Mac,
in order to bring up my final path outlines.
Notice we only have the right half of the shapes.
So, go ahead and select the Reflect Tool,
which you can get by pressing the "O" key,
and then Alt click, or Option click,
on that vertical guideline in order to bring up
the Reflect Dialogue box.
If you're working along with me your access
should still be set to vertical,
which is exactly what we want.
So, go ahead and click the Copy button
in order to create those extra paths.
Alright, now we need to join them together.
So, press the "V" key in order to switch back
to the black arrow tool, and then click
on the right half of the mouth
and then Shift click on the left half
in order to select both open path outlines.
Then go up to the Object Menu,
choose Path and choose Join.
Or you can press Control+J, or Command+J on the Mac.
Just to make sure things have worked properly
I'll press the "A" key to switch to the
wide arrow tool and then I'll click on that
anchor point to select it and I'll drag it.
And sure enough, we now have fused anchor point
and a single closed path outline.
Problem is if I drag a control handle
you can see that we have a cusp point,
instead of a smooth point, which is not what I want.
So I'll go ahead and press Control+Z,
or Command+Z on a Mac, a couple of times
in order to undo those changes.
And then I'll Shift click on this anchor point
down here at the bottom.
And I'll go to the second icon up here in the Control Panel,
which allows me to convert the points to smooth points.
And just to demonstrate that that has worked,
I'll click on this top point again
and I will drag one of the control handles.
And you can see that the other
control handle moves in the opposite direction.
Alright, I'll go ahead and undo that change
and then I'll Alt click, or Option click, on this
path outline to select the entire thing.
And I'll Shift+Alt, or Shift+Option click
on the right half to select it as well.
And then I'll press Control+J, or Command+J on a Mac,
to join the paths together.
And now I'll click on this anchor point
and Shift click on this one.
And then I'll convert both of those to smooth points
by clicking on the second icon up here in the Control Panel.
And just to make sure it worked,
I'll go ahead and select this anchor point
and I'll drag its control handle
and sure enough everything's exactly the way it should be.
Alright, now I'm going to zoom in a little bit here.
And we need to round the corners of the paths,
so I'll go ahead and Alt click, or Option click,
on the path that represents the mouth
so that we can see these corner widgets on either side.
But rather than dragging on them,
I'll just go ahead and change the corner's value
up here in the Control Panel to 10 points.
Then I'll Alt, or Option, click on this path outline,
the one that represents the teeth, in order to select it.
And I'll change corner's value, at first to eight points,
and then I'll click on this bottom right widget
and Shift click on the bottom left one
and I'll increase the corner's value to 16 points, like so.
Alright, now I'll go ahead and press the "V" key
to switch back to the black arrow tool.
And I'll click on the path outline for the mouth.
And for the most part it needs to be
stroked and filled like the eyes.
And so I'll go ahead and grab my eye dropper tool,
which once again you can get by pressing the eye key.
And then I'll click on one of the eyes
to lift its fill and stoke attributes.
But notice things didn't work out quite right.
First of all, the strokes on top of the fill.
And secondly, the stroke, which is twirled open
is lacking in transform effect.
And so, if you want to bring over
all the appearance attributes
what you have to do is press
the Enter key, or the Return key on a Mac,
to bring up the eye dropper Options Dialogue box
and then turn on the Appearance check box
on the left hand list and click "Ok".
And now if you, once again, click on the eye
you'll see that the fill and stroke
are in their proper locations
and the transform effect has been restored.
Unfortunately, we have a hard edge around the stroke
and that because for whatever reason
it's going in a wrong direction.
So, go ahead and select the stroke,
here inside the Gradient Panel,
and click on the Reverse Gradient icon.
In order to make the stroke go from opaque inside the shape
to transparent on the outside edge.
Alright, now click on the word Transform
associated with the stroke, here inside the Appearance Panel
and this is a very slight change.
We're just going to take the horizontal value
up to 99% and then click "Ok".
And that's just going to make the stroke
a little wider at the outside edges of the mouth.
Now we need to adjust the fill, and to do that
go ahead and click on the Fill icon,
here inside the Gradient Panel and change
the type from Radial to Linear, like so.
And then we want the angle value to be 90 degrees.
So the gradient is going from bright
at the bottom to dark at the top.
Alright now, if you press Control+Y,
or Command+Y on a Mac, you're going to see that
we have some even brighter brown going on inside the mouth.
The thing is though, if I were to click right now
with the eye dropper, I'm not going to get that color.
And, by the way, I would mess up my selected path outline
so I'll press Control+Shift+A,
or Command+Shift+A on Mac, to deselect the path
and then notice, if I click right here,
instead of getting a shade of brown for the fill,
which is currently active, I get nothing.
Both the fill and the stroke turn to none.
And that's because I turned on that Appearance checkbox.
So, it changes the behavior of the eye dropper,
but there's a way to get it back.
And that's to press the Shift key as you click.
So if you Shift click,
whether that Appearance checkbox is turned on or not,
you should get the color directly underneath your cursor.
And so just remember that in the future.
If the eye dropper does you wrong,
because it has been known to change its behavior over time,
a Shift click should set it right.
Alright, now lets go ahead and save that new brown
as a swatch by clicking on the little Page icon
at the bottom of the Swatches Panel.
And I'll just go ahead and call this guy "Brown Four"
and then I'll turn on the Global checkbox,
switch to the HSB sliders,
Tab my way to the hue value,
change it to 35 degrees,
and then change the saturation value to 85%,
and I'll change brightness value to 75% and click "Ok".
And you know, as long as I'm here, I want to lift this
really dark brown under the teeth
and so I will once again Shift click in order to select it.
And you can see I now have a new shade of brown,
here in the Swatches Panel.
And then I'll click on the little Page icon
at the bottom of the panel.
I'll call this guy a "Brown Five",
turn on the Global checkbox, switch to HSB,
Tab to my hue value, pick it up to 40%,
Saturation value's already 100%, which is what I want,
and then I'll set the Brightness value
to 20% and click "Ok".
Alright, now I'll take these two new swatches here,
click on one, Shift click on the other
and drag them to end of the Emoji folder
in order to move them into that group.
Alright, now press the "V" key
to switch back to the black arrow tool.
Press Control+Y, or Command+Y on a Mac,
to switch to the Preview mode
and then go ahead and click on the mouth to select it.
Alright, now I'm going to click on this color stop
right there, here inside the Gradient Panel.
And I'm going to take the location value up to 60%,
and then I'll grab "Brown Four",
the brightest of the browns,
and drag it and drop it onto the gradient.
And I'm going to change its location value to 30%
in order to produce this effect here.
Alright, now we need to fill the teeth,
so go ahead and select that path, get rid of the stroke
by clicking on the second Swatch icon
up here in the Control Panel and changing it to "None".
And then make sure your fill is active,
here inside the Gradient Panel
and select "White/Black" to start with.
And that's obviously not the effect we are looking for,
but it will be in a moment,
when you drag this shade of grey,
the one in which all the values are 179.
Go ahead and drag this guy
and drop it onto the black color stop to replace it.
Then select the white color stop and change its
location value to 50% so its right there in the middle.
And then Alt or Option drag the grey color stop
from the far right hand side
to the far left hand side of the gradient
and you will end up with this effect here.
Alright, now I'll press Control+Shift+A,
or Command+Shift+A on a Mac, to deselect my artwork
and just for the sake of comparison here
I'll press Control+Y, or Command+Y on a Mac,
so that we can see the tracing template,
complete with a vertical gradient inside the mouth
and horizontal gradient across the teeth
compared with the effect that we've produced so far.
And that is how you make the most of
a couple of old school linear gradients,
which are still as great as they ever were
here inside Illustrator.