1

00:00:00.05 --> 00:00:02.02

- Alright, in this

movie, we're gonna finish



2

00:00:02.02 --> 00:00:05.06

off the custom emoji by

adding the angry red eyes,



3

00:00:05.06 --> 00:00:07.06

and we're gonna do so by combining



4

00:00:07.06 --> 00:00:11.05

multiple gradient fills

inside each one of them.



5

00:00:11.05 --> 00:00:13.04

Alright, so, I'll go

ahead and switch over to



6

00:00:13.04 --> 00:00:15.02

my artwork so far, and I'm gonna



7

00:00:15.02 --> 00:00:17.04

add a few more swatches based on



8

00:00:17.04 --> 00:00:20.04

the standard RGB red swatch right here,



9

00:00:20.04 --> 00:00:22.03

and so I'll just go ahead and select it



10

00:00:22.03 --> 00:00:23.05

and it really doesn't matter whether



11

00:00:23.05 --> 00:00:25.05

the fill or stroke is active,



12

00:00:25.05 --> 00:00:27.01

then click on a little page icon



13

00:00:27.01 --> 00:00:28.07

at the bottom of the swatches panel,



14

00:00:28.07 --> 00:00:31.04

and I'll call this guy "red 1",



15

00:00:31.04 --> 00:00:33.07

and I'll change the color mode to HSB,



16

00:00:33.07 --> 00:00:35.01

and then I'll just take

the brightness value



17

00:00:35.01 --> 00:00:37.01

down to 40% and I'll turn on



18

00:00:37.01 --> 00:00:39.06

the global check box, and click okay.



19

00:00:39.06 --> 00:00:41.04

Alright, now I'm gonna grab that guy



20

00:00:41.04 --> 00:00:44.08

and drag it and drop it

down here into the folder,



21

00:00:44.08 --> 00:00:46.08

so right there at the end of the list.



22

00:00:46.08 --> 00:00:49.03

Alright now click on a

little page icon again,



23

00:00:49.03 --> 00:00:52.00

in order to create a copy of that swatch,



24

00:00:52.00 --> 00:00:54.01

and I'll just go ahead

and name it "red 2",



25

00:00:54.01 --> 00:00:55.07

leave global turned on,



26

00:00:55.07 --> 00:00:58.02

switch back to HSB, and this time



27

00:00:58.02 --> 00:01:01.06

we wanna take the

brightness value up to 60%,



28

00:01:01.06 --> 00:01:03.03

and click okay.



29

00:01:03.03 --> 00:01:06.01

And finally, click on a

little page icon a third time,



30

00:01:06.01 --> 00:01:09.04

change the name to "red

3", I think predictably,



31

00:01:09.04 --> 00:01:11.08

and then I'll switch to HSB once again



32

00:01:11.08 --> 00:01:15.05

and this time, I'm gonna

take my hue value up to 10,



33

00:01:15.05 --> 00:01:17.08

and I'll take the

brightness value up to 100



34

00:01:17.08 --> 00:01:20.08

in order to produce this

bright shade of scarlet,



35

00:01:20.08 --> 00:01:23.03

and then, of course, click okay.



36

00:01:23.03 --> 00:01:24.09

Alright now we wanna select the eyes,



37

00:01:24.09 --> 00:01:26.08

so click in one, shift-click in the other



38

00:01:26.08 --> 00:01:28.03

with the black arrow tool,



39

00:01:28.03 --> 00:01:32.02

and then switch to the fill,

here inside the gradient panel,



40

00:01:32.02 --> 00:01:34.04

and go ahead and grab "red 1" right there



41

00:01:34.04 --> 00:01:37.03

and drag and drop it

onto the last color stop,



42

00:01:37.03 --> 00:01:40.03

then, grab "red 2" and drag it and drop it



43

00:01:40.03 --> 00:01:42.00

onto the middle color stop,



44

00:01:42.00 --> 00:01:44.03

the one that's at a location of 90%,



45

00:01:44.03 --> 00:01:46.07

and then, go ahead and grab "red 3"



46

00:01:46.07 --> 00:01:50.00

and drag it and drop it

onto the first color stop,



47

00:01:50.00 --> 00:01:54.01

the one that has a location value of 50%.



48

00:01:54.01 --> 00:01:56.06

Alright now we need to add the

white reflective highlights,



49

00:01:56.06 --> 00:02:00.00

so, make sure your appearance

panel is up on-screen,



50

00:02:00.00 --> 00:02:01.06

if not, you can choose

the appearance command



51

00:02:01.06 --> 00:02:02.09

from the window menu,



52

00:02:02.09 --> 00:02:05.00

and then, click on the add new fill icon



53

00:02:05.00 --> 00:02:07.05

in the bottom left corner of the panel.



54

00:02:07.05 --> 00:02:09.05

Alright, with this top fill selected,



55

00:02:09.05 --> 00:02:12.07

I want you to assign that

white to trans gradient,



56

00:02:12.07 --> 00:02:15.02

which I've saved in advance,

along with this file,



57

00:02:15.02 --> 00:02:17.04

so I'll go ahead and apply it like so,



58

00:02:17.04 --> 00:02:21.00

and we want the angle value

to be, I think, 90 degrees,



59

00:02:21.00 --> 00:02:22.06

yeah that looks right, and that way



60

00:02:22.06 --> 00:02:25.00

we're going from relative opacity



61

00:02:25.00 --> 00:02:27.03

to relative transparency,

but I don't want it



62

00:02:27.03 --> 00:02:29.03

to be relative, I want it to be absolute,



63

00:02:29.03 --> 00:02:31.03

so I'm gonna select

that last color swatch,



64

00:02:31.03 --> 00:02:35.00

and change its opacity value to 100%,



65

00:02:35.00 --> 00:02:37.05

and then I'll select

the first color swatch



66

00:02:37.05 --> 00:02:41.07

and I'll set its opacity

value to 0%, like so.



67

00:02:41.07 --> 00:02:43.01

Alright now what I wanna do is



68

00:02:43.01 --> 00:02:45.07

reduce the size of these

fills and move them around,



69

00:02:45.07 --> 00:02:48.02

and so normally I would

click on the effects icon,



70

00:02:48.02 --> 00:02:50.05

choose distort and transform, and then



71

00:02:50.05 --> 00:02:52.03

choose the transform command,



72

00:02:52.03 --> 00:02:54.01

and I might take the horizontal value



73

00:02:54.01 --> 00:02:57.01

down to, let's say, I don't know, 60%,



74

00:02:57.01 --> 00:02:59.05

and take the vertical value down to 50%



75

00:02:59.05 --> 00:03:01.07

or something like that,

I'm just making it up,



76

00:03:01.07 --> 00:03:03.06

and then I'll turn on

the preview check box



77

00:03:03.06 --> 00:03:05.04

and we can see the problem, this is why



78

00:03:05.04 --> 00:03:07.01

I'm making it up is because this is



79

00:03:07.01 --> 00:03:08.05

not the way we're gonna work.



80

00:03:08.05 --> 00:03:10.08

Basically, what's

happening is we're seeing



81

00:03:10.08 --> 00:03:14.04

those cut-off edges at the

top repeated in the highlight,



82

00:03:14.04 --> 00:03:16.00

and that's not what I want, so,



83

00:03:16.00 --> 00:03:18.02

I'm gonna cancel that and instead,



84

00:03:18.02 --> 00:03:21.01

I'll go ahead and convert

this fill to an ellipse,



85

00:03:21.01 --> 00:03:22.08

by clicking on the effects icon,



86

00:03:22.08 --> 00:03:26.07

choosing convert to shape,

and then choosing ellipse.



87

00:03:26.07 --> 00:03:29.03

And notice that the

preview check box is on,



88

00:03:29.03 --> 00:03:30.07

I don't want to expand these shapes



89

00:03:30.07 --> 00:03:33.03

to a relative size so

instead I'll go ahead and



90

00:03:33.03 --> 00:03:37.06

select absolute and I'll set

the width value to 24 points



91

00:03:37.06 --> 00:03:41.00

and I'll set the height

value to 56 points,



92

00:03:41.00 --> 00:03:43.00

in order to produce this effect here,



93

00:03:43.00 --> 00:03:45.08

and then, click okay

to accept that change.



94

00:03:45.08 --> 00:03:48.03

Alright, now we need to scoot

the fills up a little bit,



95

00:03:48.03 --> 00:03:50.03

so you've gotta retarget the fill by



96

00:03:50.03 --> 00:03:52.08

clicking on it down here

in the appearance panel,



97

00:03:52.08 --> 00:03:55.00

and then click on the effects icon,



98

00:03:55.00 --> 00:03:56.05

choose distort and transform,



99

00:03:56.05 --> 00:03:58.03

and choose the transform command,



100

00:03:58.03 --> 00:04:00.00

and then turn on the preview check box,



101

00:04:00.00 --> 00:04:03.09

and I came up with a

vertical value of -15 points,



102

00:04:03.09 --> 00:04:07.02

which is gonna move those

highlights upward, like so.



103

00:04:07.02 --> 00:04:09.03

After which, I'll go ahead and click okay



104

00:04:09.03 --> 00:04:11.01

in order to accept that change,



105

00:04:11.01 --> 00:04:12.08

and then, I'll go ahead and zoom out



106

00:04:12.08 --> 00:04:15.06

by pressing control-zero

or command-zero on a Mac,



107

00:04:15.06 --> 00:04:19.02

and I'll click off of my path

outlines to deselect them,



108

00:04:19.02 --> 00:04:22.02

and that is the final version

of our custom emoticon,



109

00:04:22.02 --> 00:04:24.08

complete with red eyes shining with fury,



110

00:04:24.08 --> 00:04:28.02

thanks to our ability to

apply multiple gradient fills



111

00:04:28.02 --> 00:04:32.04

to a single path outline,

here inside Illustrator.