Editing Photoshop Web Buttons Gradient

Video Transcript

"Hi this is Jimmy Hartman on behalf of Expert Village and in this clip we will be finalizing our first web tour pointer button. One of the modifications you might want to make to your buttons is color for whether it is a mouse over or just for different buttons themselves. So I am going to show you a quick way to change the colors and revert back to them here. Since you have the colors both stored in your button layer and your reflection layer we are going to want to go into first our button layer and our only color is on our back layers which has our gradient, are main gradient. So let's go ahead and open the layer styles for that and we will go to our gradient overlay option where we set our color, click on that gradient to bring up our gradient editor, and now in case we want to revert back to this gradient itself, let's go ahead and type a name for it. We will call it "Web Gradient Blue," go ahead and click new. That puts it up here in your preset and then we will go ahead and change it to what we want our button to look like. First let me get out of here so we can see as we work. Now, this is pretty easy to do if we go ahead and click our dark color here. Go ahead and double click it to bring up the color editor and just drag your hue slider here to the color you want it to be. I am going to take it to red and as you can see this little circle here which selects our exact color is going to stay where it is so I can just change the hue to get any color I want. So I click OK and then I will change the light color here and I will slide that back up to red as well. Click OK and we will call this "Web Grad Red," and go ahead and click New and now we have got our red there so click OK and click OK, we get out of this. Now let's change the color of our button, but we still have our reflection to deal with. So what I will do is go ahead and open up my reflection group and down here in the layer that has our gradient color we are going to open up our layer styles. And we will go to our gradient overlay, click the editor, and all we have to do is click on this new web grad red style that we just added and there you have it. Go ahead and click OK, click OK to exit the layer styles, and now you have your red web button."