- Alright, in this movie, we're gonna finish
off the custom emoji by adding the angry red eyes,
and we're gonna do so by combining
multiple gradient fills inside each one of them.
Alright, so, I'll go ahead and switch over to
my artwork so far, and I'm gonna
add a few more swatches based on
the standard RGB red swatch right here,
and so I'll just go ahead and select it
and it really doesn't matter whether
the fill or stroke is active,
then click on a little page icon
at the bottom of the swatches panel,
and I'll call this guy "red 1",
and I'll change the color mode to HSB,
and then I'll just take the brightness value
down to 40% and I'll turn on
the global check box, and click okay.
Alright, now I'm gonna grab that guy
and drag it and drop it down here into the folder,
so right there at the end of the list.
Alright now click on a little page icon again,
in order to create a copy of that swatch,
and I'll just go ahead and name it "red 2",
leave global turned on,
switch back to HSB, and this time
we wanna take the brightness value up to 60%,
and click okay.
And finally, click on a little page icon a third time,
change the name to "red 3", I think predictably,
and then I'll switch to HSB once again
and this time, I'm gonna take my hue value up to 10,
and I'll take the brightness value up to 100
in order to produce this bright shade of scarlet,
and then, of course, click okay.
Alright now we wanna select the eyes,
so click in one, shift-click in the other
with the black arrow tool,
and then switch to the fill, here inside the gradient panel,
and go ahead and grab "red 1" right there
and drag and drop it onto the last color stop,
then, grab "red 2" and drag it and drop it
onto the middle color stop,
the one that's at a location of 90%,
and then, go ahead and grab "red 3"
and drag it and drop it onto the first color stop,
the one that has a location value of 50%.
Alright now we need to add the white reflective highlights,
so, make sure your appearance panel is up on-screen,
if not, you can choose the appearance command
from the window menu,
and then, click on the add new fill icon
in the bottom left corner of the panel.
Alright, with this top fill selected,
I want you to assign that white to trans gradient,
which I've saved in advance, along with this file,
so I'll go ahead and apply it like so,
and we want the angle value to be, I think, 90 degrees,
yeah that looks right, and that way
we're going from relative opacity
to relative transparency, but I don't want it
to be relative, I want it to be absolute,
so I'm gonna select that last color swatch,
and change its opacity value to 100%,
and then I'll select the first color swatch
and I'll set its opacity value to 0%, like so.
Alright now what I wanna do is
reduce the size of these fills and move them around,
and so normally I would click on the effects icon,
choose distort and transform, and then
choose the transform command,
and I might take the horizontal value
down to, let's say, I don't know, 60%,
and take the vertical value down to 50%
or something like that, I'm just making it up,
and then I'll turn on the preview check box
and we can see the problem, this is why
I'm making it up is because this is
not the way we're gonna work.
Basically, what's happening is we're seeing
those cut-off edges at the top repeated in the highlight,
and that's not what I want, so,
I'm gonna cancel that and instead,
I'll go ahead and convert this fill to an ellipse,
by clicking on the effects icon,
choosing convert to shape, and then choosing ellipse.
And notice that the preview check box is on,
I don't want to expand these shapes
to a relative size so instead I'll go ahead and
select absolute and I'll set the width value to 24 points
and I'll set the height value to 56 points,
in order to produce this effect here,
and then, click okay to accept that change.
Alright, now we need to scoot the fills up a little bit,
so you've gotta retarget the fill by
clicking on it down here in the appearance panel,
and then click on the effects icon,
choose distort and transform,
and choose the transform command,
and then turn on the preview check box,
and I came up with a vertical value of -15 points,
which is gonna move those highlights upward, like so.
After which, I'll go ahead and click okay
in order to accept that change,
and then, I'll go ahead and zoom out
by pressing control-zero or command-zero on a Mac,
and I'll click off of my path outlines to deselect them,
and that is the final version of our custom emoticon,
complete with red eyes shining with fury,
thanks to our ability to apply multiple gradient fills
to a single path outline, here inside Illustrator.