Hi, this is Anne with Graphic Design How To, and today I'm going to show you how to make your own
custom gradient in Adobe Photoshop. Alright, let's get started. Okay, so I'm here in Photoshop,
and I'm just going to come over here to Create New, we'll come up here to Web, and then I'll
choose Web Most Common, but you can really choose anything you want for this. We'll say
Create. Now I'm in Adobe Photoshop 2021, so your Gradient Window might look a little different.
And your layout might look a little different if you're on a different Photoshop version.
But let's go ahead and open our Gradient window. So I'll come up here to Window > Gradients. Okay,
so mine has a bunch of different folders in it, and if I toggle it down, you can see it's got
some different gradients in it. And if yours looks like this, where you can't actually see what the
gradients look like, come over here to the flyout and choose Small Thumbnail or Large Thumbnail.
And this will show you what all the gradients look like. So now we can see all our gradients.
I'm also going to come up here, and choose Show Recents. And this will show you all of your most
recent gradients up here at the top. Now if you want to open all of these folders at once,
hold OPTION and CMD on a Mac and just click on an arrow while holding those two keys down. And it'll
toggle open all of the closed folders, you can also do the same thing to close everything back
up. So OPTION and CMD. On a PC, this is going to be ALT and CTRL to toggle open and toggle closed.
I usually don't use gradients that are already set up, because I design websites in Photoshop. That's
the main reason I use Photoshop. And I almost always need to use the client specific color.
So to do that, I'm going to close all these folders, and then I'll come up here to
the three little bars and choose New Gradient Preset. And now it'll give us this slider right
here. We can also name it. And we also have some options down here. Now I'm going to double click
on this bottom bar left slider. And when I do that, I get my color picker up,
I can enter a hex code here if I want to, if they have a web color that they use,
or I can also come over here to Color Libraries. And I usually use Pantone Solid Color,
although since this is web it won't be exact, and that's okay. And I'm going to type in 1225
and bring me to that color right here. And so I'll say OK. And then I'll come down here and I'm just
going to choose a red color. So if you need a specific color, you can just do it that way.
Or you can use the picker and choose whichever color you want. Okay, so I'm going to name this,
I'm going to call it Yellow Red. Now I'm going to show you how to add more stops to your gradient.
So I'm going to click on this one and hold OPTION or ALT and just drag it over. Now when I do that,
it doesn't look like it worked. And that's because for whatever reason, it puts it right back on top
of this one over here. So there's actually two stops right on top of each other. And now I can
just click one and drag it over. I don't know why that happens, it seems like a bug or something. So
I'm going to recolor this one to something else. I'll come to my picker, and I'll just use a blue.
We'll say OK. And then if you wanted to get more or less yellow over here on this side,
you could use this little in-between slider. And then to get this slider you have to click
on one of these two colors. But then you can move this line over however you need to do it.
Now it got rid of our name because we actually changed our gradient. So we'll have to add another
name - Yellowbluered. And then we'll click New. So don't use OK, you'll need to choose New down
here. And when we do that, it'll go to the very bottom of the list, and we can see it right here.
And we'll say OK. I'm going to pull my gradients out again, and I'm barely able to see it,
but I can actually see that very bottom one. Now, if you find there are some you like,
you can actually export those. So I'm going to choose this one, I'll hold CTRL or CMD,
I'll choose a few of these different ones. And then, then I'll come all the way down
to the bottom and choose the one we just made. And then I'll come up to the flyout and choose
Export Selected Gradients. And this would be good to do if you know you're going to need those
gradients in the future. So I'm just going to call this Gradients and I'll save it on my desktop. Now
if I decide to close Photoshop, and I haven't done this, I'm going to lose this gradient that I made.
So if you want to keep your gradients that you've created, definitely export them or you'll lose
them. So if you restart Photoshop and you don't see your gradients, you can just come up here,
import your gradients and then choose that file that you saved out there.
It's basically just like saving your gradients. Okay, so I'm personally not a fan of scrolling all
the way down to the bottom to get to my colors that I made and in fact, I want all of these
presets to be out of the way completely. So I'm going to stick this back where it was before,
and I'm going to make a new folder. We'll call this Default gradients. And now I can
just highlight all these and drag them into Default gradients and close that up. And now
I don't have that problem, I can see the ones I made at a glance. But, if I ever do want to get
into my default gradients, I can just hold OPTION and CMD or ALT and CTRL and click that and see
all the gradients in that folder. And you can also choose all these gradients and throw them away.
I wouldn't do that - I think they're out of the way enough if you just put them in their own
folder. All right, if you liked this video and you want to see more videos like this,
just hit the Subscribe button and the little bell next to it, and you'll be notified every
time a new video comes out. All right, I'll see you in the next video. Thank you!!!