1

00:00:00.05 --> 00:00:01.06

- [Voiceover] All right,

now let's try out hand



2

00:00:01.06 --> 00:00:03.09

at creating a custom emoji.



3

00:00:03.09 --> 00:00:05.09

And I came up with the idea for this one



4

00:00:05.09 --> 00:00:08.04

one day when I had an

appointment across town



5

00:00:08.04 --> 00:00:11.08

and my car broke down and

so I was texting the guy



6

00:00:11.08 --> 00:00:13.03

that I wasn't going to be able to make it



7

00:00:13.03 --> 00:00:14.09

and I wanted to convey the fact



8

00:00:14.09 --> 00:00:17.00

that I was not happy about things.



9

00:00:17.00 --> 00:00:19.04

But the angriest emoticon on my iPhone



10

00:00:19.04 --> 00:00:22.08

is this one here which is

more petulant than furious.



11

00:00:22.08 --> 00:00:24.05

And so I figured I should create this one



12

00:00:24.05 --> 00:00:27.01

as a kind of backup and

so here's how it works.



13

00:00:27.01 --> 00:00:29.07

I'll go ahead and switch over

to the starter document here



14

00:00:29.07 --> 00:00:31.09

in which I've drawn a few path outlines



15

00:00:31.09 --> 00:00:33.09

and then I'll switch to the Layers panel



16

00:00:33.09 --> 00:00:36.07

and turn on the happy Layer,

there in the background.



17

00:00:36.07 --> 00:00:37.07

And while it's a little confusing



18

00:00:37.07 --> 00:00:40.06

to have all this stuff onscreen

it won't be here very long.



19

00:00:40.06 --> 00:00:43.01

So, I'm going to go ahead

and select the teeth



20

00:00:43.01 --> 00:00:45.00

and I need to save off its Gradient



21

00:00:45.00 --> 00:00:46.08

so make sure the Fill is targeted



22

00:00:46.08 --> 00:00:48.04

here inside the Gradient panel,



23

00:00:48.04 --> 00:00:49.09

and then click on the little page icon



24

00:00:49.09 --> 00:00:51.06

at the bottom of the Swatches panel,



25

00:00:51.06 --> 00:00:55.04

and call this guy Teeth and then click OK.



26

00:00:55.04 --> 00:00:58.07

All right, now I want to grab

this path outline right here,



27

00:00:58.07 --> 00:01:00.03

the grumpy mouth path



28

00:01:00.03 --> 00:01:03.05

and I'm going to go up to

the Edit menu and Copy it



29

00:01:03.05 --> 00:01:06.08

or you can press Control +

C or Command + C on the Mac



30

00:01:06.08 --> 00:01:09.05

because we're going to need it

again in just a few minutes.



31

00:01:09.05 --> 00:01:10.05

All right, now let's go ahead



32

00:01:10.05 --> 00:01:13.08

and lift the appearance

attributes from the happy mouth



33

00:01:13.08 --> 00:01:15.04

by switching to the Eyedropper



34

00:01:15.04 --> 00:01:17.04

which you can get by pressing the I key



35

00:01:17.04 --> 00:01:20.01

and then I'll just click

on the mouth like so.



36

00:01:20.01 --> 00:01:22.03

All right, now press

the V key to switch back



37

00:01:22.03 --> 00:01:26.01

to the black arrow tool and

marquee these paths right here



38

00:01:26.01 --> 00:01:29.04

so that you select the

eyes, the reflection,



39

00:01:29.04 --> 00:01:32.00

and the big orange head in the background,



40

00:01:32.00 --> 00:01:34.05

then press the Alt key or

the Option key on the Mac



41

00:01:34.05 --> 00:01:36.02

and drag this blue square,



42

00:01:36.02 --> 00:01:38.01

on the right side of the Layers panel,



43

00:01:38.01 --> 00:01:39.09

up onto the angry Layer



44

00:01:39.09 --> 00:01:42.00

in order to duplicate all those paths.



45

00:01:42.00 --> 00:01:44.08

And then right click anywhere

in the document window



46

00:01:44.08 --> 00:01:47.08

choose Arrange and choose Send to Back



47

00:01:47.08 --> 00:01:49.09

or you can press Control

+ Shift + left bracket



48

00:01:49.09 --> 00:01:52.02

or Command + Shift +

left bracket on a Mac.



49

00:01:52.02 --> 00:01:54.00

All right, we don't need

the happy Layer anymore



50

00:01:54.00 --> 00:01:56.06

so turn it off in order to protect it



51

00:01:56.06 --> 00:01:59.08

and then click off the path

outlines to deselect them



52

00:01:59.08 --> 00:02:02.07

and let's go ahead and

zoom in on the mouth here.



53

00:02:02.07 --> 00:02:04.04

Go ahead and scroll up as well.



54

00:02:04.04 --> 00:02:06.04

And I'll click on that mouth to select it



55

00:02:06.04 --> 00:02:08.03

and notice a couple of things here,



56

00:02:08.03 --> 00:02:10.07

first of all, I think I

neglected to mention this



57

00:02:10.07 --> 00:02:12.05

but I cranked the line

weight value for the mouth



58

00:02:12.05 --> 00:02:15.04

up to 18 points and yet

we're still having a problem



59

00:02:15.04 --> 00:02:17.08

with the Gradient going

in the wrong direction



60

00:02:17.08 --> 00:02:20.07

so I'll target the Stroke

here inside the Gradient panel



61

00:02:20.07 --> 00:02:23.03

and I'll click on the

Reverse Gradient icon



62

00:02:23.03 --> 00:02:26.01

in order to put the softness

on the right side of things.



63

00:02:26.01 --> 00:02:28.04

Now on the other side we

have this point right here



64

00:02:28.04 --> 00:02:29.09

and the best way to get rid of it



65

00:02:29.09 --> 00:02:32.07

is to click on the word Stroke

up here in the Control panel



66

00:02:32.07 --> 00:02:35.05

and switch to a Round Join, like so.



67

00:02:35.05 --> 00:02:37.08

All right, now I'll press the

Escape key to hide that panel



68

00:02:37.08 --> 00:02:40.00

and I'll go ahead and

once again target the Fill



69

00:02:40.00 --> 00:02:44.01

inside the Gradient panel

and I'll change it to Teeth



70

00:02:44.01 --> 00:02:46.01

in order to produce this effect here.



71

00:02:46.01 --> 00:02:48.00

So we still have the

inner glow which is great



72

00:02:48.00 --> 00:02:49.09

but we just have a different Gradient.



73

00:02:49.09 --> 00:02:50.09

All right, now I'll go ahead



74

00:02:50.09 --> 00:02:53.05

and select this crease path right here



75

00:02:53.05 --> 00:02:55.03

and we're going to stroke

it with the Gradient



76

00:02:55.03 --> 00:02:57.03

by first cranking the line weight value



77

00:02:57.03 --> 00:03:00.01

up to 16 points, like so,



78

00:03:00.01 --> 00:03:02.08

and then I'm going to

design a custom gradient



79

00:03:02.08 --> 00:03:04.05

by first targeting the Stroke



80

00:03:04.05 --> 00:03:05.09

here inside the Gradient panel.



81

00:03:05.09 --> 00:03:09.01

And then I'll grab

Orange two, right there,



82

00:03:09.01 --> 00:03:11.09

and I'll drag it and drop

it onto that Gradient ramp



83

00:03:11.09 --> 00:03:14.04

and I'm looking for a

location value of 50%



84

00:03:14.04 --> 00:03:17.01

which I seem to have

achieved just by dumb luck.



85

00:03:17.01 --> 00:03:19.07

And now, I'll go ahead and

Alt + drag or Option + drag



86

00:03:19.07 --> 00:03:22.00

this guy over in order to create a Copy.



87

00:03:22.00 --> 00:03:24.01

I'll grab this color

stop and get rid of it



88

00:03:24.01 --> 00:03:26.01

and then with the last one selected



89

00:03:26.01 --> 00:03:29.00

I'll change the Location value to 95%



90

00:03:29.00 --> 00:03:32.03

and I'll take the

Opacity value down to 0%.



91

00:03:32.03 --> 00:03:34.04

And the reason I'm doing this is because



92

00:03:34.04 --> 00:03:38.00

I really want the Gradient

to go along the path outline



93

00:03:38.00 --> 00:03:39.03

and I'll achieve that by clicking



94

00:03:39.03 --> 00:03:41.06

on the second Stroke icon, right there,



95

00:03:41.06 --> 00:03:44.00

and I get this effect right there.



96

00:03:44.00 --> 00:03:45.09

And notice, if I were

to move this color stop



97

00:03:45.09 --> 00:03:48.07

to the absolute end of the Gradient



98

00:03:48.07 --> 00:03:50.09

then I'm going to see a break right there



99

00:03:50.09 --> 00:03:53.06

at the end of the path and

I don't want that to happen



100

00:03:53.06 --> 00:03:57.06

so that's why I backed

off the Location to 95%.



101

00:03:57.06 --> 00:03:59.09

And now I'm going to get

rid of this first stop



102

00:03:59.09 --> 00:04:02.08

and I'll go ahead and Alt

+ drag or Option + drag



103

00:04:02.08 --> 00:04:07.05

the last color stop right there

until I get a Location value



104

00:04:07.05 --> 00:04:10.01

of 5%, like so.



105

00:04:10.01 --> 00:04:12.04

And something seems to have

gone wrong right there.



106

00:04:12.04 --> 00:04:14.08

I'll go ahead and select

the color stop at 50%



107

00:04:14.08 --> 00:04:18.04

and increase it's Opacity value to a 100%



108

00:04:18.04 --> 00:04:20.06

in order to create this effect here.



109

00:04:20.06 --> 00:04:22.02

Now, I'll press Control + zero



110

00:04:22.02 --> 00:04:24.06

or Command + zero on the Mac to back out.



111

00:04:24.06 --> 00:04:26.06

All right, I don't want to be

all the way backed out though



112

00:04:26.06 --> 00:04:28.06

so I guess I'll zoom in a little bit.



113

00:04:28.06 --> 00:04:30.02

Now notice the teeth here,



114

00:04:30.02 --> 00:04:31.06

I'll go ahead and click on them,



115

00:04:31.06 --> 00:04:34.03

they're all grouped together

and so I'm going to increase



116

00:04:34.03 --> 00:04:36.04

the line weight value to four points,



117

00:04:36.04 --> 00:04:38.07

I'm going to change

the color of the Stroke



118

00:04:38.07 --> 00:04:41.04

to this shade of gray

in which the RGB values



119

00:04:41.04 --> 00:04:44.00

are all set to 179.



120

00:04:44.00 --> 00:04:45.09

And I'll also click on the word Stroke



121

00:04:45.09 --> 00:04:47.05

and set the Cap to Round Cap



122

00:04:47.05 --> 00:04:49.06

and the Corner to Round Join.



123

00:04:49.06 --> 00:04:51.00

At which point you'll

notice that the teeth



124

00:04:51.00 --> 00:04:53.08

go outside the mouth which is not cool.



125

00:04:53.08 --> 00:04:55.05

And so I'm going to go ahead and retrieve



126

00:04:55.05 --> 00:04:59.00

that copied mouth path by

going up to the Edit menu



127

00:04:59.00 --> 00:05:01.00

and choosing Paste in Front



128

00:05:01.00 --> 00:05:04.00

or you can press Control +

F or Command + F on a Mac.



129

00:05:04.00 --> 00:05:06.04

And then I want you click

on the second swatch



130

00:05:06.04 --> 00:05:09.02

which represents the

Stroke and set it to None



131

00:05:09.02 --> 00:05:12.04

so that we have a unfilled

and unstroked path outline.



132

00:05:12.04 --> 00:05:14.09

Now what we're going to

do is select the teeth,



133

00:05:14.09 --> 00:05:17.06

go up to the Edit menu

and choose the Cut command



134

00:05:17.06 --> 00:05:20.07

or you can press Control +

X or Command + X on the Mac



135

00:05:20.07 --> 00:05:24.02

and we're going to paste them

into that empty mouth path



136

00:05:24.02 --> 00:05:26.03

by first selecting it, like so.



137

00:05:26.03 --> 00:05:28.01

And you'll want to confirm

that both your Fill



138

00:05:28.01 --> 00:05:29.09

and your Stroke are set to None.



139

00:05:29.09 --> 00:05:32.07

Then I'll go ahead and switch

to the two column Tool box



140

00:05:32.07 --> 00:05:35.01

so I can see these options right here



141

00:05:35.01 --> 00:05:37.02

that start with Draw Normal.



142

00:05:37.02 --> 00:05:40.00

You want to click on

this guy, Draw Inside,



143

00:05:40.00 --> 00:05:42.09

in order to make it active

at which point you'll see



144

00:05:42.09 --> 00:05:44.09

these dotted corner boundaries.



145

00:05:44.09 --> 00:05:48.06

Then go up to the Edit menu

and choose Paste in Place



146

00:05:48.06 --> 00:05:50.05

and that'll go ahead and paste the teeth



147

00:05:50.05 --> 00:05:52.04

into that mouth path.



148

00:05:52.04 --> 00:05:55.00

Now go ahead and switch

back to the Draw Normal mode



149

00:05:55.00 --> 00:05:56.04

by clicking on its icon



150

00:05:56.04 --> 00:05:59.02

and then I'll return to

the single column Tool box.



151

00:05:59.02 --> 00:06:01.03

And just to make everything blend in



152

00:06:01.03 --> 00:06:04.05

because we want the shadow

to cover the teeth as well,



153

00:06:04.05 --> 00:06:07.02

go up to the Opacity

option here, click on it,



154

00:06:07.02 --> 00:06:11.00

and change the Blend Mode

from Normal to Multiply



155

00:06:11.00 --> 00:06:12.09

and you'll end up with this effect here.



156

00:06:12.09 --> 00:06:14.08

After which point, press the Escape key



157

00:06:14.08 --> 00:06:16.07

and then press Control + Shift + A



158

00:06:16.07 --> 00:06:18.05

or Command + Shift + A on a Mac



159

00:06:18.05 --> 00:06:21.03

in order to deselect that path outline.



160

00:06:21.03 --> 00:06:22.09

All right, that takes care of the mouth.



161

00:06:22.09 --> 00:06:24.01

Oh wait, no it doesn't.



162

00:06:24.01 --> 00:06:25.09

We've got a problem with the teeth here,



163

00:06:25.09 --> 00:06:27.09

the Gradients going in the wrong direction



164

00:06:27.09 --> 00:06:30.01

so I'll go ahead and

click inside that Gradient



165

00:06:30.01 --> 00:06:31.09

and then you want to target the fill,



166

00:06:31.09 --> 00:06:33.06

once again, inside the Gradient panel



167

00:06:33.06 --> 00:06:36.09

and change the Angle value to zero degrees



168

00:06:36.09 --> 00:06:39.02

at which point we end up

with this effect here.



169

00:06:39.02 --> 00:06:41.02

All right, that really

does take care of the mouth



170

00:06:41.02 --> 00:06:43.07

but we still have to

address the angry eyes



171

00:06:43.07 --> 00:06:46.03

which is a task for the next movie.