- [Voiceover] In this movie I'll show you how to adjust
the position as well as the color of your color stops.
In order to create a gradient that
better matches the tracing template.
And also how to save your custom gradient as a swatch.
Now, for safety's sake, I'm going to switch away from
my eye dropper, because otherwise I might accidentally click
something like the artboard
and upset all the colors inside my selected circle.
So I'll just go ahead and press Control + Z,
or Command + Z on the Mac, to undo that change,
and I'll press the V key to switch back to
the black arrow tool.
Alright now notice if I press Control + Y,
or Command + Y on the Mac, to switch to the outline mode,
that just about all of the face
is filled with that very first color.
In fact I figured about the first 80% is
just that very light shade of orange, and it's only
that final 20% where we start
transitioning to darker shades.
So, I'm going to press Control + Y,
or Command + Y on a Mac, to switch back to the preview mode,
and I'm going to drag these guys over to the right-hand
side, including this very first color stop,
I'm gonna take it all the way over
to a location value of 80%.
So, a location of 0% represents the very beginning
of the gradient, that would be the color at the center
of our circle and a location value of 100%
represents the end of the gradient, which is the color
around the perimeter of the circle.
Alright, so I'm gonna leave that guy set to 100 percent,
or perhaps I should take it up to 100 percent,
and then I'll select that middle color stop right there
and I'll take it up to 95%, and that's going to be easier
to pull off numerically because otherwise,
you're gonna have to drag this second color stop
very close to the last one.
Alright now I want to modify my colors and I can do that
by editing my Global Swatches right here.
And so, because they are Global Swatches,
as indicated by these little white wedges,
in the bottom right corners of each Swatch,
any modifications I apply will affect the gradient as well.
However, I don't wanna just start double-clicking
on one of these guys because if I do I will,
once again, replace the color of the selected circle.
So instead, I'll go ahead and undo that change,
and I'll click off the circle to deselect it.
Alright now I'll go ahead and double-click on
the first orange Swatch and I'll switch from RBG to HSB
just because it's a little easier to work with.
And I'll dial in a few colors that I came up with,
it looks like I'm pretty darn close to what I want.
But, the hue value should be 25%,
the saturation value should be 90%,
and the brightness value should be 100%.
Which isn't going to be that much different
because I did a pretty good job of
lifting that color in the first place.
But you can see the difference if you turn on
the Preview checkbox, so notice that things got
ever so slightly brighter, at which point I'll click OK.
Alright, now I'll click on a second one, Orange 2,
and I'll once again dial in HSB values,
but this time I'm going to take the hue value down to 30°,
I'll take the saturation value down to 80%,
and I'll boost the brightness value to 100%
and then I'll turn on the Preview checkbox
and that is going to warm things up
just a little bit in this region right here.
Again, I'll go ahead and click OK to apply that change,
and then finally I'll just check Orange 3,
to make sure that it's looking good.
I want a hue value of 45°, so closer to yellow.
I'm looking for a saturation value of 80%, not much
difference, and I'll take the brightness value up to 100%.
So, if I turn on a Preview checkbox, if anything
things are going to look more yellow on screen here
in the main region of that gradient.
After which I'll click OK,
to once again apply those modifications.
Alright, now I'll press Control + Y,
or Command + Y on a Mac, so that we can see
the tracing template in the background.
And then I'll press Control or Command + Y again,
and you can see we have a very good match.
Alright now you want to make sure that your shape doesn't
have any stroke, somehow I lost mine, which is a good thing.
Make sure your fill is active,
and let's go ahead and save that gradient by
clicking on the little page icon
at the bottom of the Swatches panel.
And this time instead of getting a list of RBG or HSB values
or what have you, we simply see the new swatch dialogue box
reading New Gradient Swatch, and that's because we have
a gradient active, which means all we can do is name it.
So I'll just go ahead and call it Shades of Orange,
let's say, and then I'll press the Enter key,
or the Return key on the Mac,
to create that new Gradient Swatch.
And then I'll go ahead and zoom out by pressing Control + 0,
or Command + 0 on the Mac.
Alright now there's just one more thing we need to do
with this shape and that's give it a drop shadow.
Notice if I turn the happy layer off for a moment
that our original emoji, the one that we're trying to trace,
has a built-in drop shadow.
So, I'll go ahead and turn happy back on, the happy layer.
I'll click on a circle to select it.
And then I'll go up to the Effect menu, choose Stylize,
and choose Drop Shadow.
And, for this effect, I'm just going to select
the Darkness option, which when set to 100%
just applies black.
You want the Mode set to Multiply.
Let's go ahead and take the Opacity down to 33%,
so pretty low.
This Drop Shadow is gonna go straight down
so set the X Offset value to 0
and then let's take the Y Offset value up to 8,
and I'm looking for a blur of 4 points.
At which point I'll turn on the Preview checkbox
and you can see that we have a pretty good match.
Now it's looking like it's turning darker on us
but that's because we're seeing through
our new drop shadow to the old one.
But if I click OK and then I turn off the template layer
you can see that we have a nice light drop shadow.
Alright now I'll just click off the shape to deselect it.
And that is how you very carefully and precisely
adjust the position and the color of the color stops
in a gradient so that you get the exact effect
your looking for as well as how you save your
custom gradient as a swatch here inside Illustrator.