how to re-color some parts of a image ....

[saint_m]

hello everyone 

good day!

how to re-color some parts of a image 

which options do we have here

[rich2005]

(08-03-2025, 09:49 AM)saint_m Wrote: hello everyone 

good day!

how to re-color some parts of a image 

which options do we have here

You need to give details of the image.

Is it from an old monochrome photograph ? 
Is it a line drawing ?
Is it already colored, and you want to change some of the colours ?
..or..something else ?

[saint_m]

good day dear ritch

many thanks for the quick reply. - awesome. 

glad to hear from you

(08-03-2025, 09:49 AM)saint_m Wrote: hello everyone 

good day!

how to re-color some parts of a image 

which options do we have here

You need to give details of the image.

Is it from an old monochrome photograph ? 
Is it a line drawing ?
Is it already colored, and you want to change some of the colours ?
..or..something else ?

   




well - see an example what is meant - thie image shows a little visualized "network". - it consits of dots and links (connections or in other words - nodes)


what is aimed: 
 - this visualzid network should be visible on a background with a colorde color sheme. 
- therfore the here visible dots and lines (connections) should be re-colorized (to be visible on the gradient network) 

so we need to do several things

a. create a background with the color sheme (a gradient color-sheme)


see an example:; 

   
 
since this network should be shown up in white - (white dots and white lines) - all of the colors (in our little example-image) should be "re-colored" - to be finally visible as white 

b. working on the "network" . consisting of the dots and lines) exchange the colors everything that is black to wihte. (that will recolor the lines)

Look forard to hear from you

[rich2005]

(08-03-2025, 11:03 AM)saint_m Wrote: what is aimed: 
 - this visualzid network should be visible on a background with a colorde color sheme. 
- therfore the here visible dots and lines (connections) should be re-colorized (to be visible on the gradient network) 

so we need to do several things

a. create a background with the color sheme (a gradient color-sheme)

see an example:; 
 
since this network should be shown up in white - (white dots and white lines) - all of the colors (in our little example-image) should be "re-colored" - to be finally visible as white 

b. working on the "network" . consisting of the dots and lines) exchange the colors everything that is black to wihte. (that will recolor the lines)

Look forard to hear from you

You can try this:

   

(1) Layer -> Colors -> Color-to-Alpha  Leave default white for the white background but reduce Opacity THreshold to 0.7 - 0.8
(2) Colors -> Desaturate -> Mono Mixer with all channels to minimum -5.000 Gives a black image

   

(3) Colors -> Invert  for a white image.
(4) If you want more solid color - Duplicate layer, set the layer mode to  Grain Merge.

[saint_m]

hiello dear Rick2005

note: curently short of time - but iwll answer more thoughroughly later the day

many thanks for the quick answer -and for sharng your ideas and knowledge

awesome - just outstanding.: All looks so great

greetings

[saint_m]

again dear Rich2005


i am really happe to be part of this forum. Your ideas and your support are really great.   Now i am trying to recap and to undersrtannd each single step you made. Here my first try to work on the "soluion" here. 
 

see what i have understood in your example "


 hmmm - i think that i can use th Color to Alpha filter in GIMP

this "color To alpha " can be found in the "Color"-Menu.  

Well Rich2005 i have addes another example of and image here... 

see the example: 


   


what is aimed here: i  want to mount this image to a certain background - a background with a gradient color sheme. 

AFAIK ::  this should converts a selected color in my image to transparency. This filter - note it is located under the "Colors" menu and well i think it might be useful for removing a specific color: In my case i want to remove the green.

color of the dots - i want to make them all black.

well i think this should be possible, (( while preserving anti-aliasing and blending effects.))

Here's my first step:

well i think i could do this with the help of an alpha channel. ... but how !?

note: at the end the dottted netwok should be "mounted on a "gradient background". - and then the all the network (dots and lines ) should get white ....

i guess that we can do this step with the so called "inversion".

.but at the moment not all steps are clear to me! 

Sorry for all my noob-questions - i am trying to go ahead - but my steps are very verry small 

[rich2005]

(08-05-2025, 11:04 PM)saint_m Wrote: ......hmmm - i think that i can use th Color to Alpha filter in GIMP

this "color To alpha " can be found in the "Color"-Menu. 

Use Color-to-Alpha (C2A) to remove a single color background when possible. It keeps semi-transparency including the edge anti-aliasing. For your image, some color is also removed. Fixed to a certain amount using C2A opacity slider but this can also removes anti-aliasing. Up to the user to decide what is acceptable.

Quote:....i have addes another example of and image here... 
this should converts a selected color in my image to transparency. This filter - note it is located under the "Colors" menu and well i think it might be useful for removing a specific color: In my case i want to remove the green color of the dots - i want to make them all black.

well i think this should be possible, (( while preserving anti-aliasing and blending effects.))

An alternative way because the dots in the image are small and lose that important anti-aliasing. Using a trick to remove the color background and restore ant-aliasing.

about 2 minutes https://i.imgur.com/WJMJEh9.mp4

What it shows:
Check the alpha-channel Layer -> Transparency - OK it has one
The trick: Scale the layer up 200% Image -> Scale image Use Interpolation = NoHalo
Color Select the background and Edit -> Cut to delete it
Select -> Invert and click on a dot to select.
Fill the selection with color (black)
Select -> None
The trick: Scale the image down to 50% back to original size, the interpolation (NoHalo) adds anti-aliasing.

Save this image and add to your background File -> Open as Layers. Merge down as required.

[saint_m]

hello dear Rich2005

first of all: many many thanks for the quick reply and for your incredible help. This is really awesome - and i learn alot.

btw: the videoclip is very impressive - and shows many important steps.


especially the step: "select the color (of the background)" and "erase it!" - this is pretty important!

thank you



What it shows:

Quote:Check the alpha-channel Layer -> Transparency - OK it has one
The trick: Scale the layer up 200% Image -> Scale image Use Interpolation = NoHalo
Color Select the background and Edit -> Cut to delete it
Select -> Invert and click on a dot to select.
Fill the selection with color (black)
Select -> None
The trick: Scale the image down to 50% back to original size, the interpolation (NoHalo) adds anti-aliasing.

on a sidenote: btw: plz plz plz. keep this video clip alive:

https://imgur.com/WJMJEh9

i have had situations wehere some guys on the net produced helperclips (videoclips) that were very helpful - but they vanished one or two days after publishing date - what a pidy.




dear Rich 2005 thank you for all your continued help!! You are a Gimp-Hero!!



i also will have a closer look at the c2a things

Quote: Use Color-to-Alpha (C2A) to remove a single color background when possible. It keeps semi-transparency including the edge anti-aliasing. For your image, some color is also removed. Fixed to a certain amount using C2A opacity slider but this can also removes anti-aliasing. Up to the user to decide what is acceptable.

thanks for all - keep up your superb work here..

Greetings

[saint_m]

(08-06-2025, 10:21 AM)saint_m Wrote: hello dear Rich2005

first of all: many many thanks for the quick reply and for your incredible help. This is really awesome - and i learn alot.

btw: the videoclip is very impressive - and shows many important steps.


especially the step: "select the color (of the background)" and "erase it!" - this is pretty important!

thank you


What it shows:

Quote:Check the alpha-channel Layer -> Transparency - OK it has one
The trick: Scale the layer up 200% Image -> Scale image Use Interpolation = NoHalo
Color Select the background and Edit -> Cut to delete it
Select -> Invert and click on a dot to select.
Fill the selection with color (black)
Select -> None
The trick: Scale the image down to 50% back to original size, the interpolation (NoHalo) adds anti-aliasing.

on a sidenote:  btw: plz plz plz.  keep this video clip alive:

https://imgur.com/WJMJEh9

i have had situations wehere  some guys on the net produced helperclips (videoclips) that were very helpful - but they vanished one or two days after publishing date - what a pidy.




dear Rich 2005 thank you for all your continued help!! You are a Gimp-Hero!!



i also will have a closer look at the c2a things

Quote: Use Color-to-Alpha (C2A) to remove a single color background when possible. It keeps semi-transparency including the edge anti-aliasing. For your image, some color is also removed. Fixed to a certain amount using C2A opacity slider but this can also removes anti-aliasing. Up to the user to decide what is acceptable.

thanks for all - keep up your superb work here..

Greetings

update: i am so glad to be here at the forum. Its awesome: 


Rich2005 i am learing alot - and its a great community - experience to be here. I like the place for idea and knowledge-sharing. Its so great!

i want to go further with some GIMP-Experiments:  especially with some that cover the Gradient-Color-Sheme. 

some extra steps (and kind of "learing-and experimenting-stuff") 


well i have a background that contains a color-gradient - i want to play around with the colors:  see here https://imgur.com/a/UEJ6wpr

   

well i have the currently existing assemblage-image- consisting of a foreground 'the dots - and a background - the background that has got a gradient-color-sheme.


Well - what is wanted and what is aimed: i want to create a color gradient with the so galled "Sunrise Gradient" color scheme using the following  hex codes (2D1D7A, 804565, AA585B)

i guess that i can work with those data - in the graphic-editor - my GIMP, which is surely the most appropiate tool here (or perhaps incscape or even Kria - but i guess that gimp is much much more apropiate here). Okay - i guess that the most image editing and design software provides such tools to define gradients using the so called color stops and their corresponding positions.
So i thought that i should be able to input these hex codes as the colors for a gradient stops, and then adjust the positions along the gradient to achieve the desired effect.

that said: i think that the color stops are important here: working with the Color Stops: (note - as mentioned above: this is only a example-color-sheme and subsequently all the color-stops are only examples)
Afaiik Gradients are defined by the above mentioned color stops, which are points along the gradient where a specific color is applied. While we can have multiple color stops to create a smooth transition between colors i think that at least two or three are sufficient to work well. What do you say here?!

Rich 2005,  i think that i could work with the Gradient Editor: in fact:  On a sidenote: i guess that GIMP is easier than Inkscape: I need to add the mentioned color stops, adjust their positions, and change the color associated with each stop.

Applying the Sunrise Colors:

In the gradient editor, we should be able to add one or two (or hmmm even three) example (!!!) color stops, one for each hex code.

Stop 1: Assign the color 2D1D7A.
Stop 2: Assign the color 804565.
Stop 3: Assign the color AA585B.
/(note: as mentioned above: these are example-color-shemes and color-stops)

the question is: can i then adjust the position of each stop (e.g., 0%, 50%, 100%) to control the color transition.

furthermore - and another question: can i add some kind of gradient type too: Am i able to choose from different gradient types, such as linear, radial, or angular. I guess that the so called linear gradients create a straight color transition ( while radial gradients radiate from a central point). At the moment i do not need any further adjustments:

I guess that GIMP is a bit easier to use - for this kind of project.

Look forward to any and all ideas
 
greetings 

[rich2005]

Try and cut out a lot of quotes-in-quotes and get to the basics.

Quote:...i want to create a color gradient with the so galled "Sunrise Gradient" color scheme using the following  hex codes (2D1D7A, 804565, AA585B)...
So i thought that i should be able to input these hex codes as the colors for a gradient stops, and then adjust the positions along the gradient to achieve the desired effect.

You got a way of making a SVG gradient from Reddit. SVG gradients are very convenient for a few colours.  No problem adjusting the stop position, for example in the SVG file instead of 50% make it 25%

Quote:  I need to add the mentioned color stops, adjust their positions, and change the color associated with each stop.

In Gimp and the gradients dock.
Top of the dock is a temporary gradient called Custom.
Choose a gradient and draw it on the canvas.  It shows end stops / stops / mid points.
Hover the mouse pointer over any of the points, click and adjust.  The Custom gradient is now active.
Colours are changed for each stop / mid point, also some properties for mid-point
Click on the gradient to add a stop.

   

When finished go to the Gradient dock, right click and duplicate the Custom gradient. This appears in the gradients list as custom-copy. Give it a new name. This writes a Gimp gradient custom-copy.ggr in the Gimp profile. You can rename it. The new name is an internal setting.

a short video that might / might not help https://i.imgur.com/DRv3pIv.mp4

Quote:..Am i able to choose from different gradient types, such as linear, radial, or angular. I guess that the so called linear gradients create a straight color transition 

You can not apply properties like bi-linear or radial to the gradient file. These come from the gradient tool options before applying a gradient.