Learn how to create and use gradient fills in Illustrator. Explore how to apply colors to gradient stops and control the blending point of gradients. Discover the options for linear and radial gradients, as well as the new diffusion gradients.
- [Instructor] So let's have a bit of an exploration of Gradients with our good friend Panacear Eyscap here. And I'm just going to check that the layer I've got active in my file is the one that I'm going to apply Gradients to and it is. So I'll select this rectangle. Now I could go to the swatches and apply a Gradient. So if I click here for the local swatches. Then I've got a Gradient there, of course. And a shortcut if the fill is in front here, which it is, remember the solid square is the fill down at the bottom of the toolbox.
If I hit the . key it will fill that with a Gradient. Now at the moment this one is Radial, so I'll click for a Linear Gradient at the top. And I'll just actually change this first stop color. So if I double-click on that I have access to the choices here. And I think I'll just make this one white, like so. And I'm going to mess around with the stops, by pulling them in just a bit. So if I take this one to about 25%, more or less, and take this one into about 75%, more or less, okay, you can see that here where the Gradient is inside of the bar that the black stop is pretty much on that line.
It's slightly more difficult to see the white one, but the black one's much easier to see and that the transition occurs between those two. Let's just crank that up a little bit and take that to about 40% there. Okay, and about 60% there. Okay, it should be slightly easier to see now, because the transition's very clear and easy. And in between those two I've got this, which is the midpoint slider.
And that determines the bias of the blend more or less, or the Gradient. And if I take these out to the edges, so back to 100%, so they start there and there respectively, and move this across I can go all the way to 13% on this side and you can see that's way down here before it actually starts to move across. So in the white region anyway. And all the way to 87% on the other side. And you can see that the opposite is true, the black where it doesn't really get a look in and has to climb very steeply there, and then the softer blend longer as it goes out.
You can add stops quite easily by just simply clicking underneath the ramp and choosing a color for those by double-clicking on them. And if I choose orange here, for example, from that or mix a color using the Color panel. You've got access to that there. And finally, after such a long time you've also got this eyedropper tool, which is also present at the bottom corner of the box there and on any selected stop you can click and add that color.
I can't believe it's taken this long for that to arrive in Illustrator, but there you are. I'm now going to select the circle underneath and I'll apply the same Gradient here, which currently is Linear. And then I'll click to turn this into a Radial Gradient. So the color on the left is the one in the center, okay, the color on the right is the one on the outer edge. And we've got this one in between. And just as before, we can move that and the blend midpoints around to change the nature of that Gradient.
We can also change the Opacity of them if we need to. We can specify they're Location numerically. And we can do things to resize the Gradient as well. If I go to 50% here you can see that now it's elliptical and I can change the angle that it's drawn at, like so. And there's an easier way to do this that you'll discover in the next movie, but you can do these options here in the panel. I can also flip them over, so if the Gradient needs to be reversed I can do that very, very simply.
And finally I've got one exciting new type of Gradient and that's something called a Diffusion Gradient and it's the last one of the stops here. And if I click on that it should wake up in the Gradient panel with a couple of Points, which you should be able to see as I hover over them. In fact, there are three here specifically. And also in the Properties panel and if you have it visible, the control strip.
So at the moment this is using Points and if I move a Point to a different location you can see that the Gradient blend changes quite dramatically. And you can extend the Gradient blend out a bit, like so, as well. And that is like changing the midpoint of the blend between the two. And you can see if I do that there how that changes the blend. With any selected stop you can come along and choose a different color, like so, to fill it. So it gives some exciting shading possibilities for how we work with this.
You can also do this in addition to the Points if you want to, although exclusively as well, change it to Lines. And if you do that it's very much like using the curvature tool, which you'll come across later on. And you can actually draw a Gradient around something, in fact, you can even make it so it joins up and then target any of those points and change their color. So a whole load of things that were previously so much more difficult, and now very, very accessible.
So there you are, those are your three Gradient types in Illustrator.
- Navigating documents
- Creating your own Illustrator workspace
- Working with artboards
- Using layers
- Drawing shapes
- Transforming objects
- Adding fills and strokes
- Working with color and type
- Drawing in Illustrator
- Adding content to CC Libraries
- Printing and exporting artwork