2

enter image description here

Essentially I'm trying to make another background, beneath this image, become the colour of the object. The object/phone is red, the under-background is a linear gradient of colour and I'm trying to have that linear-gradient of colour come through instead of the red.

All the while maintaining the lighting/shadows of the object. None of the solutions I've attempted have seemed even close to correct. Could luminousity masks have something to do with a solution?

1

Here's one possible method

Layer 1: gradient

Layer 2: mask on white fill

Layer 3: desaturated original, set to multiply mode, layer opacity reduced to 69%

Layer 4: same as layer 3, but with inverted mask applied, set to hard light mode, opacity 100%

enter image description here

Please excuse the bad quality of the GIF, because GIFs don't do gradients very well.

Here's a sample showing the before and after, but with better quality

enter image description here

10
  • Could I ask a question or two tomorrow, if I have trouble implementing your solution? Also, thanks, this seems excellent. Feb 22 at 23:55
  • @BillRobbins Sure you can ask for clarification if there's something you don't understand.
    – Billy Kerr
    Feb 23 at 0:04
  • I should have mentioned then, that the background I'm relying on is a CSS linear gradient with the GIMP image sitting on top of it. Also, I'm a complete novice at GIMP, some basic points elude me Feb 23 at 17:42
  • @BillRobbins Then you'll probably need to come up with something that doesn't use layer blending modes. For example, here I created separate highlights and shadow layers using GIMP's Colour to Alpha filter imgur.com/mmztsUt - obviously, it's not going to look as good as using layer blending modes inside GIMP. Instead you'd just have semi transparent pixels laying on top of a background, with no computation. Maybe it could be tweaked a bit using levels.
    – Billy Kerr
    Feb 23 at 18:40
  • Alright then, it would function much like a children's book with plastic overlays that build up an image. Feb 23 at 19:12

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.