1
00:00:00.04 --> 00:00:01.08
- [Voiceover] In this movie
we'll lift a few colors

2
00:00:01.08 --> 00:00:02.09
from the tracing template

3
00:00:02.09 --> 00:00:05.00
and we'll introduce them into our gradient

4
00:00:05.00 --> 00:00:08.04
in order to properly
color the emoji's head.

5
00:00:08.04 --> 00:00:10.09
I'll go ahead and switch over
to my document in progress

6
00:00:10.09 --> 00:00:13.06
which contains a far
less attractive gradient

7
00:00:13.06 --> 00:00:15.09
and I'll go up to the Window menu

8
00:00:15.09 --> 00:00:17.06
and choose the swatches command

9
00:00:17.06 --> 00:00:19.08
in order to bring up the swatches panel

10
00:00:19.08 --> 00:00:21.09
which I'll use to house the colors

11
00:00:21.09 --> 00:00:23.07
that I lift from the template.

12
00:00:23.07 --> 00:00:25.04
Alright now if we wanna see the template,

13
00:00:25.04 --> 00:00:27.05
then we need to switch to the outline mode

14
00:00:27.05 --> 00:00:29.05
which you can do by
going up to the View menu

15
00:00:29.05 --> 00:00:30.09
and choosing the outline command

16
00:00:30.09 --> 00:00:32.07
or you've got that keyboard shortcut

17
00:00:32.07 --> 00:00:35.08
of Control + Y or Command + Y on the Mac.

18
00:00:35.08 --> 00:00:37.03
Now I'm just gonna go ahead

19
00:00:37.03 --> 00:00:38.06
and zoom in a little bit

20
00:00:38.06 --> 00:00:41.00
and I'm gonna switch to
this tool right here,

21
00:00:41.00 --> 00:00:43.00
the eyedropper tool, which you can get

22
00:00:43.00 --> 00:00:45.00
by pressing the I key.

23
00:00:45.00 --> 00:00:47.06
Now generally speaking, the
purpose of the eyedropper

24
00:00:47.06 --> 00:00:50.01
is to lift fill and stroke attributes.

25
00:00:50.01 --> 00:00:52.07
What we're gonna be
doing is lifting colors

26
00:00:52.07 --> 00:00:54.06
from an imported image

27
00:00:54.06 --> 00:00:55.08
and to have that happen

28
00:00:55.08 --> 00:00:57.03
with the least amount of frustration.

29
00:00:57.03 --> 00:00:59.01
You wanna go ahead and press the Enter key

30
00:00:59.01 --> 00:01:00.08
or the Return key on the Mac

31
00:01:00.08 --> 00:01:03.04
to bring up the eyedropper
options dialog box.

32
00:01:03.04 --> 00:01:05.08
And then over here on the left-hand side,

33
00:01:05.08 --> 00:01:09.00
make sure the appearance
checkbox is turned off.

34
00:01:09.00 --> 00:01:11.01
In my case it's turned on so I'll go ahead

35
00:01:11.01 --> 00:01:12.05
and click on it to turn it off,

36
00:01:12.05 --> 00:01:14.09
in which case it will
automatically twirl open

37
00:01:14.09 --> 00:01:18.01
and reveal a bunch of other
stuff we don't care about.

38
00:01:18.01 --> 00:01:20.05
So as long as appearance
is off we're fine.

39
00:01:20.05 --> 00:01:22.06
Alright, I'll go ahead
and click on the OK button

40
00:01:22.06 --> 00:01:23.07
to make that change.

41
00:01:23.07 --> 00:01:25.04
And now I'm gonna click way over here

42
00:01:25.04 --> 00:01:27.09
on the far right side of the face

43
00:01:27.09 --> 00:01:31.01
in order to lift a shade of orange.

44
00:01:31.01 --> 00:01:32.06
Now you wanna be careful, by the way,

45
00:01:32.06 --> 00:01:34.07
when you're clicking and dragging around,

46
00:01:34.07 --> 00:01:36.03
that you don't click on the guide,

47
00:01:36.03 --> 00:01:37.07
because it's very possible

48
00:01:37.07 --> 00:01:40.00
that you can either lift
black for some reason

49
00:01:40.00 --> 00:01:43.01
or you can accidentally
lift the color of the guide

50
00:01:43.01 --> 00:01:44.07
as I've done here.

51
00:01:44.07 --> 00:01:46.05
Alright, but I want this shade of orange

52
00:01:46.05 --> 00:01:49.04
so I'll click right there
in order to lift it.

53
00:01:49.04 --> 00:01:51.08
And then I'll save that
orange as a swatch,

54
00:01:51.08 --> 00:01:53.08
by dropping down to the little page icon

55
00:01:53.08 --> 00:01:55.07
at the bottom of the swatches panel

56
00:01:55.07 --> 00:01:56.08
and clicking on it.

57
00:01:56.08 --> 00:01:59.06
And I'll just go ahead
and name this guy orange1

58
00:01:59.06 --> 00:02:02.03
and I'll turn on the global checkbox

59
00:02:02.03 --> 00:02:04.04
so I can come back and modify this swatch

60
00:02:04.04 --> 00:02:08.02
in the future and have it
affect the gradient as well.

61
00:02:08.02 --> 00:02:11.04
You probably wanna leave Add
to My Library turned off.

62
00:02:11.04 --> 00:02:13.08
By the way, we'll be discussing libraries

63
00:02:13.08 --> 00:02:16.00
in a future chapter of this very course

64
00:02:16.00 --> 00:02:18.07
but in the meantime, just
go ahead and click OK.

65
00:02:18.07 --> 00:02:20.07
Alright now notice that we have

66
00:02:20.07 --> 00:02:22.04
a kind of intermediate shade of orange

67
00:02:22.04 --> 00:02:24.06
right about there so
I'll go ahead and click

68
00:02:24.06 --> 00:02:26.01
in order to lift it.

69
00:02:26.01 --> 00:02:28.02
And notice this orange
is quite a bit lighter

70
00:02:28.02 --> 00:02:30.05
so I'll go ahead and save it as well

71
00:02:30.05 --> 00:02:31.08
by clicking on the color swatch

72
00:02:31.08 --> 00:02:34.00
calling this guy orange2

73
00:02:34.00 --> 00:02:36.00
and then turning on the global checkbox

74
00:02:36.00 --> 00:02:37.05
and clicking OK.

75
00:02:37.05 --> 00:02:40.05
And then finally, from right about here,

76
00:02:40.05 --> 00:02:42.04
we have a very bright shade of orange,

77
00:02:42.04 --> 00:02:44.02
that is almost yellow.

78
00:02:44.02 --> 00:02:45.01
Notice it right there.

79
00:02:45.01 --> 00:02:47.07
And it continues all the way to the center

80
00:02:47.07 --> 00:02:49.03
so there's not much difference

81
00:02:49.03 --> 00:02:52.04
over the course of the face of the emoji.

82
00:02:52.04 --> 00:02:54.03
And so just go ahead and click

83
00:02:54.03 --> 00:02:56.05
right about there in order
to lift a very light orange

84
00:02:56.05 --> 00:02:59.02
and save it by clicking
on the little page icon,

85
00:02:59.02 --> 00:03:01.04
naming this guy orange3

86
00:03:01.04 --> 00:03:03.01
and then turn on the global checkbox

87
00:03:03.01 --> 00:03:04.08
and click OK.

88
00:03:04.08 --> 00:03:07.06
Alright, now I wanna give myself
a little more room to work

89
00:03:07.06 --> 00:03:10.06
so I'm gonna click on jive right there

90
00:03:10.06 --> 00:03:13.00
and I'm gonna Shift + click
on that gradient swatch,

91
00:03:13.00 --> 00:03:16.03
the orange gradient, and
I'm gonna alter option click

92
00:03:16.03 --> 00:03:18.05
on the little trash icon
in the bottom right corner

93
00:03:18.05 --> 00:03:21.04
of the swatches panel in
order to get rid of those guys

94
00:03:21.04 --> 00:03:23.07
and because I had the
alter option key down,

95
00:03:23.07 --> 00:03:25.07
I'm not seeing any warning.

96
00:03:25.07 --> 00:03:28.04
Alright now you wanna click
on this orange swatch there

97
00:03:28.04 --> 00:03:29.08
and Shift + click on this guy

98
00:03:29.08 --> 00:03:31.09
so that all three of em are selected.

99
00:03:31.09 --> 00:03:33.04
And let's put these guys in a group

100
00:03:33.04 --> 00:03:35.04
by clicking on the little folder icon

101
00:03:35.04 --> 00:03:37.02
at the bottom of the swatches panel

102
00:03:37.02 --> 00:03:39.03
and I'll just call this guy emoji

103
00:03:39.03 --> 00:03:42.06
and click OK and we now
have three shades of orange

104
00:03:42.06 --> 00:03:44.01
inside this folder.

105
00:03:44.01 --> 00:03:45.08
Alright, now let's go
ahead and switch back

106
00:03:45.08 --> 00:03:48.03
to the preview mode by
again pressing Control + Y

107
00:03:48.03 --> 00:03:49.09
or Command + Y in a Mac.

108
00:03:49.09 --> 00:03:51.08
And you can see that I've
totally lost my gradient

109
00:03:51.08 --> 00:03:54.05
and that's because the object was selected

110
00:03:54.05 --> 00:03:56.04
as I was lifting colors.

111
00:03:56.04 --> 00:03:57.04
That doesn't really matter

112
00:03:57.04 --> 00:04:00.04
because wasn't all that
fond of that gradient

113
00:04:00.04 --> 00:04:01.05
in the first place.

114
00:04:01.05 --> 00:04:03.02
But I'll go ahead and revive it

115
00:04:03.02 --> 00:04:05.05
by clicking on this color ramp right there

116
00:04:05.05 --> 00:04:07.08
and I'm gonna get rid of
one of these color-stops

117
00:04:07.08 --> 00:04:11.09
by grabbing it and dragging it
and dropping it away like so.

118
00:04:11.09 --> 00:04:14.09
And now I'll replace some
of these existing colors

119
00:04:14.09 --> 00:04:17.04
and you do that by grabbing a swatch,

120
00:04:17.04 --> 00:04:19.01
so just grab it from the swatches panel

121
00:04:19.01 --> 00:04:20.08
and drag it and drop it down

122
00:04:20.08 --> 00:04:22.05
and if you drop it in the middle

123
00:04:22.05 --> 00:04:24.04
like so, then you'll
create a new color-stop

124
00:04:24.04 --> 00:04:27.05
or I'll press Control + Z
or Command + Z on the Mac

125
00:04:27.05 --> 00:04:28.07
to undo that change.

126
00:04:28.07 --> 00:04:31.02
The other way to work is
to drag and drop the swatch

127
00:04:31.02 --> 00:04:34.06
and drop it directly onto
an existing color-stop,

128
00:04:34.06 --> 00:04:38.00
in which case you will replace
that color-stop like so.

129
00:04:38.00 --> 00:04:39.08
Alright, so I'll go ahead
and replace this guy

130
00:04:39.08 --> 00:04:43.01
and then I'll grab orange2
and replace the shade of blue

131
00:04:43.01 --> 00:04:45.04
that obviously I'm not interested in

132
00:04:45.04 --> 00:04:49.02
and then I'll grab orange3
and drag it and drop it

133
00:04:49.02 --> 00:04:51.05
onto the very first color-stop like so.

134
00:04:51.05 --> 00:04:52.08
And notice that our colors are

135
00:04:52.08 --> 00:04:54.02
becoming progressively lighter

136
00:04:54.02 --> 00:04:57.00
toward the center of the radial gradient.

137
00:04:57.00 --> 00:04:58.04
If that isn't the case for you,

138
00:04:58.04 --> 00:05:01.00
if you moved your colors
into the wrong locations,

139
00:05:01.00 --> 00:05:04.01
all you have to do is click
on this reverse gradient icon

140
00:05:04.01 --> 00:05:06.09
in order to reverse
the order of the colors

141
00:05:06.09 --> 00:05:10.03
and you will reverse the gradient
inside the circle as well

142
00:05:10.03 --> 00:05:13.01
so that things begin dark and then light,

143
00:05:13.01 --> 00:05:14.05
which obviously isn't what I want

144
00:05:14.05 --> 00:05:17.07
so I'll just go ahead and
click reverse gradient again

145
00:05:17.07 --> 00:05:20.06
in order to swap those color-stops around.

146
00:05:20.06 --> 00:05:23.05
And so obviously we have a
much more attractive gradient.

147
00:05:23.05 --> 00:05:26.03
The problem is if I press
Control + Y or Command + Y

148
00:05:26.03 --> 00:05:29.03
on a Mac, it doesn't really
match the template very well

149
00:05:29.03 --> 00:05:31.07
and that's because I need
to reposition my color-stops

150
00:05:31.07 --> 00:05:35.03
as well as apply a few
modifications to the colors.

151
00:05:35.03 --> 00:05:37.08
And I'll show you exactly
how that process works

152
00:05:37.08 --> 00:05:39.09
in the very next movie.

