What's new
By:
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

How to change colour in existing gradient on an existing image?


P

Persil

Member
Messages
11
Likes
0
I have an image which is simply a one colour gradient, with transparency from nothing to something. I would like to be able to access the existing gradient on the image and change only the colour. I have hunted high and low and cannot see how to do this.

(I am familiar with how to make a new gradient and how to change the colours in a saved gradient via the gradient dialogue. But for the life of me, I can't see how to access an existing gradient on an image and change only this one parameter.)
 
2 Red gradient FLIPPED 1500 pixels wide Small sample.png
This is the image. The gradient is on an angle and is transparent...but I don't know what all the parameters of the gradient are.
I do know the paremeters of the saved gradient which I used, but do not know its location on the image, and do not know how to change the gradient colour on the image. If I could access the gradient bar (not sure if that is the correct term) of the gradient on the image I would be able to change the colour, but I don't know how to do that.

What I am trying to achieve is an identical image but with a different colour. It is part of a background image to replace a greenscreen.
 
right click on gradient img in tool bar

g1.PNG

click on stop in bottom row, color block appears, click on i it or use swatches to change color

g2.PNG

redo gradient. To just change the entire gradient without redoing it, use a hue/sat adjustment
 
Thanks guys...I see how to do it now...duh... Much appreciated.

When I mentioned the 'gradient bar' I was thinking of Illustrator - confusing the programs...
 
Easy to do, mix programs up like that. Glad we could help. If you feel like it, post some of your work. It's always gratifying and fun to see what our members are up to, even when you just stop by to get a wee problem straightened out. Thanks for coming to us.
 
Thanks for the welcome. Don't have anything to share really. The image I needed help on was the colour layer of a greenscreen background. I've done a 'cloud' image to which I've added the colour layer. Over the duration of the 13 minute video, one cloud image morphs to another, and the start colour morphs to the end colour. Gives a very subtile, imperceptable almost change in the background over the duration. People who have watched it have not realised that the end colour was very different to the beginning colour - RED > Blue ...
 
Actually...hmmmm...I don't see it after all!!! :-(

Yes, I have been able to change the colours in the gradient and have made a new gradient with the new colours - the other gradient parameters stay the same with only the colour changing. I have retained the old gradient for future use.

What I can't see how to do is to replace the gradient in the image with new one I have created.

I'm going to be making about 15 colour changes and want to use the image with gradient I posted above, as a template to make new images with different colours from. The only change I want to make is to change the colour. The location of the gradient on the image is exactly as I want it but I have no idea now where the gradient starts and finishes on the image and so cannot reproduce it.

So...the question is: How do I replace the existing gradient with a new one while at the same time retaining the location of the gradient on the image?

Alternatively, how do I access the colour of the gradient on the existing image to change it - so the colour on the image changes, not just the colour in the gradient pre set. If I could do this I could just change the colour and save the image as a new file...

Am I missing something?
 
It sounds like you're not separating the different elements into different layers. This is a very important step as it allows you to easily edit any element you want such as changing the color. Once you do this you can go to Image - Adjustments - Hue/Saturation to change the color.
 
Thanks RTContent for your reply...

I only have one 'element' - the gradient. I'm familiar with layers - particularly in Illustrator - not much in Photoshop.

I have been working out my colour scheme from a web colour thingi at colorschemedesigner.com. To keep track of all the colours, I have been using the RGB hex numbers - the one in the gradient above is f90707 and is R=249, G=7, B=7.

When I go Image>Adjustments> Hue/Saturation as you suggest, there is no option that I can see to use the RGB number or numbers for the colour as above. Is there an option to define colours by RGB numbers anywhere?
 
Since you want to be accurate with your colors add a new solid color adjustment layer above the gradient and change the blend mode to color.
 
I'm not on my computer right now but I believe it's under Layer - new adjustment layer. You could also find it under the adjustment layer icon next to the new layer icon in the layers window. Hopefully that helps.
 
I edited the comments below onto the earlier post but it seems like you may not have seen it...

Nope...that didn't work...it has no gradient...and leaves the existing gradient there, going 'over the top' of it.

I don't want to add anything to the image/gradient. I simply want to change the gradients colour. If the Hue/Saturation had an eyedropper, then perhap I could define my colour in colourschemedesigner and eyedrop from it....hmmm not sure if that would work...trying to eyedrop off another program. There are three eyedroppers in Hue/Sat but they are greyed out...
 
So...it appears I have found the solution...open 'Gradient Map', click the down arrow to 'open gradient picker' and simply select a new gradient. Now that was easy...:-)

EDIT > Only it is not quite the way I was hoping to do it. I have to first of all make and save new gradients with the alternative colours I want..so they are in the gradient picker list, so I can select them. However, the gradient location and direction are the same for the new gradient applied, as for the original one. <

However...I now have another question...

When you open the 'Gradient Editor', you can select a gradient from the thumbnail list, and it shows you the gradient bar with colour and transparency stops on it...and the name of the selected gradient is in the 'Name' box. If you say want to modify a colour in the gradient, you click on a colour stop, but immediately the 'Name' changes to 'Custom', and any changes you made will not be made to the gradient you selected and wanted to modify...but you will have a new gradient. How do you modify an existing gradient while retaining its name, and without making a new gradient?
 
Last edited:
I don't really understand the OP question, but the problem, as stated, occured to me sometime in the past:cheesygrin:

Say you have some natural gradient in the image, and you want to change it to some other colors...

Then you can try Curves Adjustment layer:

go to each channel and just make 2 points: input from one color and output from the other one. Try to make the transition as linear as possible. Also you may have to сhange the order of the colors:cheesygrin:

Hue/Sat won't help here as it changes both colors equally, which is rarely the case..:cheesygrin:
 
Persil said:
How do you modify an existing gradient while retaining its name, and without making a new gradient?
Click to expand...

You can't. Just name it the same and delete the old one. And for the record I thought I knew what your problem was but now after reading back everything I'm more confused than ever.
 
RTContent said:
You can't. Just name it the same and delete the old one. And for the record I thought I knew what your problem was but now after reading back everything I'm more confused than ever.
Click to expand...
Part 1 - Thanks. Part 2 - oh dear... :-) I just wanted to change the colour in an existing gradient. Perhaps you can't do it...but I've got around it so don't worry...
 
Back
Top