1

00:00:00.04 --> 00:00:01.09

- [Voiceover] In this movie

I'll show you how to adjust



2

00:00:01.09 --> 00:00:05.07

the position as well as the

color of your color stops.



3

00:00:05.07 --> 00:00:08.00

In order to create a gradient that



4

00:00:08.00 --> 00:00:10.01

better matches the tracing template.



5

00:00:10.01 --> 00:00:13.09

And also how to save your

custom gradient as a swatch.



6

00:00:13.09 --> 00:00:16.05

Now, for safety's sake, I'm

going to switch away from



7

00:00:16.05 --> 00:00:19.08

my eye dropper, because otherwise

I might accidentally click



8

00:00:19.08 --> 00:00:22.01

something like the artboard



9

00:00:22.01 --> 00:00:25.00

and upset all the colors

inside my selected circle.



10

00:00:25.00 --> 00:00:26.09

So I'll just go ahead

and press Control + Z,



11

00:00:26.09 --> 00:00:28.08

or Command + Z on the

Mac, to undo that change,



12

00:00:28.08 --> 00:00:31.00

and I'll press the V key to switch back to



13

00:00:31.00 --> 00:00:32.04

the black arrow tool.



14

00:00:32.04 --> 00:00:34.03

Alright now notice if I press Control + Y,



15

00:00:34.03 --> 00:00:37.00

or Command + Y on the Mac, to

switch to the outline mode,



16

00:00:37.00 --> 00:00:39.02

that just about all of the face



17

00:00:39.02 --> 00:00:41.07

is filled with that very first color.



18

00:00:41.07 --> 00:00:45.03

In fact I figured about the first 80% is



19

00:00:45.03 --> 00:00:48.04

just that very light shade

of orange, and it's only



20

00:00:48.04 --> 00:00:50.05

that final 20% where we start



21

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

transitioning to darker shades.



22

00:00:52.04 --> 00:00:54.03

So, I'm going to press Control + Y,



23

00:00:54.03 --> 00:00:56.09

or Command + Y on a Mac, to

switch back to the preview mode,



24

00:00:56.09 --> 00:01:00.00

and I'm going to drag these

guys over to the right-hand



25

00:01:00.00 --> 00:01:03.02

side, including this

very first color stop,



26

00:01:03.02 --> 00:01:05.01

I'm gonna take it all the way over



27

00:01:05.01 --> 00:01:08.04

to a location value of 80%.



28

00:01:08.04 --> 00:01:11.06

So, a location of 0%

represents the very beginning



29

00:01:11.06 --> 00:01:14.03

of the gradient, that would

be the color at the center



30

00:01:14.03 --> 00:01:17.01

of our circle and a location value of 100%



31

00:01:17.01 --> 00:01:20.00

represents the end of the

gradient, which is the color



32

00:01:20.00 --> 00:01:22.03

around the perimeter of the circle.



33

00:01:22.03 --> 00:01:25.03

Alright, so I'm gonna leave

that guy set to 100 percent,



34

00:01:25.03 --> 00:01:27.07

or perhaps I should take

it up to 100 percent,



35

00:01:27.07 --> 00:01:30.05

and then I'll select that

middle color stop right there



36

00:01:30.05 --> 00:01:34.07

and I'll take it up to 95%,

and that's going to be easier



37

00:01:34.07 --> 00:01:37.03

to pull off numerically because otherwise,



38

00:01:37.03 --> 00:01:39.01

you're gonna have to drag

this second color stop



39

00:01:39.01 --> 00:01:41.03

very close to the last one.



40

00:01:41.03 --> 00:01:44.02

Alright now I want to modify

my colors and I can do that



41

00:01:44.02 --> 00:01:46.09

by editing my Global Swatches right here.



42

00:01:46.09 --> 00:01:48.08

And so, because they are Global Swatches,



43

00:01:48.08 --> 00:01:50.08

as indicated by these little white wedges,



44

00:01:50.08 --> 00:01:53.04

in the bottom right

corners of each Swatch,



45

00:01:53.04 --> 00:01:57.05

any modifications I apply will

affect the gradient as well.



46

00:01:57.05 --> 00:01:59.09

However, I don't wanna

just start double-clicking



47

00:01:59.09 --> 00:02:01.06

on one of these guys

because if I do I will,



48

00:02:01.06 --> 00:02:05.01

once again, replace the

color of the selected circle.



49

00:02:05.01 --> 00:02:08.01

So instead, I'll go ahead

and undo that change,



50

00:02:08.01 --> 00:02:11.01

and I'll click off the

circle to deselect it.



51

00:02:11.01 --> 00:02:13.05

Alright now I'll go

ahead and double-click on



52

00:02:13.05 --> 00:02:17.08

the first orange Swatch and

I'll switch from RBG to HSB



53

00:02:17.08 --> 00:02:20.00

just because it's a little

easier to work with.



54

00:02:20.00 --> 00:02:22.07

And I'll dial in a few

colors that I came up with,



55

00:02:22.07 --> 00:02:24.09

it looks like I'm pretty

darn close to what I want.



56

00:02:24.09 --> 00:02:27.04

But, the hue value should be 25%,



57

00:02:27.04 --> 00:02:30.00

the saturation value should be 90%,



58

00:02:30.00 --> 00:02:32.06

and the brightness value should be 100%.



59

00:02:32.06 --> 00:02:34.07

Which isn't going to

be that much different



60

00:02:34.07 --> 00:02:36.03

because I did a pretty good job of



61

00:02:36.03 --> 00:02:37.08

lifting that color in the first place.



62

00:02:37.08 --> 00:02:39.08

But you can see the

difference if you turn on



63

00:02:39.08 --> 00:02:42.01

the Preview checkbox, so

notice that things got



64

00:02:42.01 --> 00:02:45.09

ever so slightly brighter,

at which point I'll click OK.



65

00:02:45.09 --> 00:02:49.01

Alright, now I'll click

on a second one, Orange 2,



66

00:02:49.01 --> 00:02:51.05

and I'll once again dial in HSB values,



67

00:02:51.05 --> 00:02:54.06

but this time I'm going to

take the hue value down to 30°,



68

00:02:54.06 --> 00:02:57.05

I'll take the saturation

value down to 80%,



69

00:02:57.05 --> 00:03:00.00

and I'll boost the

brightness value to 100%



70

00:03:00.00 --> 00:03:01.09

and then I'll turn on the Preview checkbox



71

00:03:01.09 --> 00:03:04.02

and that is going to warm things up



72

00:03:04.02 --> 00:03:06.06

just a little bit in

this region right here.



73

00:03:06.06 --> 00:03:09.02

Again, I'll go ahead and

click OK to apply that change,



74

00:03:09.02 --> 00:03:11.07

and then finally I'll just check Orange 3,



75

00:03:11.07 --> 00:03:13.05

to make sure that it's looking good.



76

00:03:13.05 --> 00:03:17.02

I want a hue value of

45°, so closer to yellow.



77

00:03:17.02 --> 00:03:20.00

I'm looking for a saturation

value of 80%, not much



78

00:03:20.00 --> 00:03:23.00

difference, and I'll take the

brightness value up to 100%.



79

00:03:23.00 --> 00:03:25.08

So, if I turn on a Preview

checkbox, if anything



80

00:03:25.08 --> 00:03:28.03

things are going to look

more yellow on screen here



81

00:03:28.03 --> 00:03:31.02

in the main region of that gradient.



82

00:03:31.02 --> 00:03:33.02

After which I'll click OK,



83

00:03:33.02 --> 00:03:36.00

to once again apply those modifications.



84

00:03:36.00 --> 00:03:37.05

Alright, now I'll press Control + Y,



85

00:03:37.05 --> 00:03:39.09

or Command + Y on a

Mac, so that we can see



86

00:03:39.09 --> 00:03:41.07

the tracing template in the background.



87

00:03:41.07 --> 00:03:44.04

And then I'll press Control

or Command + Y again,



88

00:03:44.04 --> 00:03:48.01

and you can see we have a very good match.



89

00:03:48.01 --> 00:03:50.06

Alright now you want to make

sure that your shape doesn't



90

00:03:50.06 --> 00:03:53.06

have any stroke, somehow I lost

mine, which is a good thing.



91

00:03:53.06 --> 00:03:55.05

Make sure your fill is active,



92

00:03:55.05 --> 00:03:57.09

and let's go ahead and

save that gradient by



93

00:03:57.09 --> 00:03:59.07

clicking on the little page icon



94

00:03:59.07 --> 00:04:01.08

at the bottom of the Swatches panel.



95

00:04:01.08 --> 00:04:05.04

And this time instead of getting

a list of RBG or HSB values



96

00:04:05.04 --> 00:04:09.01

or what have you, we simply

see the new swatch dialogue box



97

00:04:09.01 --> 00:04:12.02

reading New Gradient Swatch,

and that's because we have



98

00:04:12.02 --> 00:04:15.01

a gradient active, which means

all we can do is name it.



99

00:04:15.01 --> 00:04:17.06

So I'll just go ahead and

call it Shades of Orange,



100

00:04:17.06 --> 00:04:20.04

let's say, and then I'll

press the Enter key,



101

00:04:20.04 --> 00:04:21.07

or the Return key on the Mac,



102

00:04:21.07 --> 00:04:24.05

to create that new Gradient Swatch.



103

00:04:24.05 --> 00:04:27.02

And then I'll go ahead and zoom

out by pressing Control + 0,



104

00:04:27.02 --> 00:04:29.03

or Command + 0 on the Mac.



105

00:04:29.03 --> 00:04:31.00

Alright now there's just

one more thing we need to do



106

00:04:31.00 --> 00:04:33.09

with this shape and that's

give it a drop shadow.



107

00:04:33.09 --> 00:04:36.04

Notice if I turn the happy

layer off for a moment



108

00:04:36.04 --> 00:04:39.04

that our original emoji, the

one that we're trying to trace,



109

00:04:39.04 --> 00:04:41.07

has a built-in drop shadow.



110

00:04:41.07 --> 00:04:44.08

So, I'll go ahead and turn

happy back on, the happy layer.



111

00:04:44.08 --> 00:04:46.05

I'll click on a circle to select it.



112

00:04:46.05 --> 00:04:49.07

And then I'll go up to the

Effect menu, choose Stylize,



113

00:04:49.07 --> 00:04:51.04

and choose Drop Shadow.



114

00:04:51.04 --> 00:04:53.06

And, for this effect,

I'm just going to select



115

00:04:53.06 --> 00:04:56.04

the Darkness option,

which when set to 100%



116

00:04:56.04 --> 00:04:57.08

just applies black.



117

00:04:57.08 --> 00:04:59.04

You want the Mode set to Multiply.



118

00:04:59.04 --> 00:05:02.09

Let's go ahead and take

the Opacity down to 33%,



119

00:05:02.09 --> 00:05:04.01

so pretty low.



120

00:05:04.01 --> 00:05:06.03

This Drop Shadow is gonna go straight down



121

00:05:06.03 --> 00:05:08.08

so set the X Offset value to 0



122

00:05:08.08 --> 00:05:11.07

and then let's take the

Y Offset value up to 8,



123

00:05:11.07 --> 00:05:14.03

and I'm looking for a blur of 4 points.



124

00:05:14.03 --> 00:05:16.02

At which point I'll turn

on the Preview checkbox



125

00:05:16.02 --> 00:05:18.06

and you can see that we

have a pretty good match.



126

00:05:18.06 --> 00:05:20.07

Now it's looking like

it's turning darker on us



127

00:05:20.07 --> 00:05:21.05

but that's because we're seeing through



128

00:05:21.05 --> 00:05:24.01

our new drop shadow to the old one.



129

00:05:24.01 --> 00:05:27.04

But if I click OK and then I

turn off the template layer



130

00:05:27.04 --> 00:05:30.05

you can see that we have

a nice light drop shadow.



131

00:05:30.05 --> 00:05:33.05

Alright now I'll just click

off the shape to deselect it.



132

00:05:33.05 --> 00:05:36.06

And that is how you very

carefully and precisely



133

00:05:36.06 --> 00:05:39.09

adjust the position and the

color of the color stops



134

00:05:39.09 --> 00:05:42.06

in a gradient so that

you get the exact effect



135

00:05:42.06 --> 00:05:44.08

your looking for as well

as how you save your



136

00:05:44.08 --> 00:05:48.09

custom gradient as a swatch

here inside Illustrator.