- [Instructor] Adding gradient effects
and bring a logo up to date.
So here are some things to know about gradients.
Firstly I'm going to apply a gradient to type.
I've converted this type to outlines,
that's not strictly necessary I've just done that
in case you don't have this font which incidentally
is Fresno Black available on Adobe Fonts.
and then click on the swatches panel
and this is why I like to have the gradient panel
different color stops easily.
Hold down your Option or Alt key and click on red.
Now the issue here is that I'm gradating from red
which if I double click on that color we see
and the black is just 100% black.
That means that there's no magenta, no yellow in the black.
gray gradient, I'm going to duplicate this so that
we can compare and on the one that is on the bottom.
I'm going to change the black to a four color black,
double click on the color and then we'll change the sliders
to CMYK, and now I will add in 100% magenta,
100% yellow and we have
a much more interesting gradient as a result.
For my second example I want to use an opacity gradient
I'll select this, and I'm going to copy it
and then paste it in front, and then I'm going to scale
the copy from its center point by holding down
Option or Alt and dragging inwards.
Then I'll apply my linear gradient.
I need to change the colors, I need to go from
what's currently red, that should be white
and I'm going to go to white.
But the key here is that for my starting color stop
I need the opacity to be down at zero.
Now I also need to change the direction,
and if like me you always end up getting your gradient
going the opposite way to how you intended
you can click on this button here to reverse it
and in addition I am going to adjust the midpoint slider.
Now I can do that here on the gradient panel,
I can also do it here on the gradient bar
when I'm in the gradient tool.
And I'm going to move that slightly closer
to the top right-hand corner.
In this example we see how the gradients
are adding dimension, first of all to implement this
we need to segment our shapes.
So I am going to draw myself a line
using the line segment from the top right down
to the bottom left, and I'll do that on both shapes.
and come and get the shape builder tool.
Now the issue here is that it's using the same gradient
that I just used which goes from white to 0% white.
So I want to start with the blue,
I have this blue already in a color group
on my swatches panel.
So I Alt click on that, and then I want to gradate to
that same blue, let's set its opacity to 100%
but then I need a darker version of this.
So I'm going to double click on that color.
Switch to my CMYK sliders, increase the saturation
I'll just pull on one of these sliders,
holding down the shift key and I will also add in 50% black.
Now I will come and change the direction of the gradient.
Just in this one segment so I'll click away
and select this one segment, and I think it want it to be,
something like this, adjust the midpoint.
Okay, so let's go with that.
Now if I save this gradient by dragging it
onto my swatches panel the colors are saved,
the midpoint is saved but the angle is not saved.
So for that reason I am going to come to my graphic styles
and I'm going to add that as a graphic style.
'Cause down here I want to use the same angle
of gradient, I do now want to change the colors.
So I'll select the first color stop,
come to my swatches Option or Alt click on the red.
Second color stop, Option or Alt click on the same color.
Double click on that color, let's come to the CMYK sliders
and add in 50% black.
Moving now to this segment I want to modify the existing
gradient, I'm going from the lighter blue
to the darker blue, I'm going to move the lighter blue
to the center and copy the darker blue to the left edge
of the gradient bar, holding down Option
or Alt as I drag it.
I'll then come and get my gradient tool
and just experiment with the angle of the gradient,
and its midpoints, so let's say I like that once again,
I'm going to come to my graphic styles,
save that as a graphic style.
So that, I can apply it there and switch out the colors.
I'll swap that one for the normal red,
and then I want to swap the others for the darker red.
Now I've already create that in this segment right here,
so rather than create it again, which wouldn't be that hard.
But rather than have to do that, I'm going to select
this segment and come and click on new color group,
and create color group from my selected artwork,
and that now includes that darker red.
I'll come back here and I can use that
on both ends of the gradient.
So that's how we can take a flat shape
and apply dimension to it through the use of gradients.
Lastly I just want to mention the new
free form gradient tool, so here I'm going to select
this and then on my gradient panel add a free form gradient.
I have my color group already set up
and I'm just going to drop some pins on the four corners.
We start out with two pins already, but I'm going to add more
so I have a pin on each corner and a pin in the center.
You select the pin and then apply the color to it.
And as you move these color pins around,
the gradation from one color to the next will update.
So those are some useful techniques
for working with gradients.