Converti l'immagine in maschera

Ho una foto di sfondo verde con alcune ombre. Vorrei usarlo come maschera in modo da poterlo posizionare sullo sfondo con qualsiasi colore (ad es. Rosso o rosa) e ottenere lo stesso stile di ombre.

Ho provato a convertirlo in scala di grigi e cambiando l'opacità al 20%, ma questo ha prodotto un'immagine molto più scura.

Lo sto usando su una pagina web in cui l'amministratore può impostare il colore del modello. Quindi sto usando qualcosa di simile in CSS:

background: #557d0d url("img/background.png") center center;

Utilizzo di Gimp 2.8.6 su Ubuntu.

È possibile desaturare l'immagine con Colors > Desaturate.... Quindi, utilizzare Colors > Color to Alpha...per eliminare il grigio che lo rende più scuro ( #808080).

Imposta l'opacità al 40% e dovrebbe farlo.

Ho appena fatto un piccolo test con un sito Web che ho creato:

Non è possibile replicare esattamente l'immagine usando solo un livello di scala di grigi mascherato su uno sfondo a tinta unita, poiché anche la tonalità del colore verde varia lungo il gradiente verticale.

Si potrebbe ottenere abbastanza vicino solo con la scelta di una delle tonalità verde medio dal centro dell'immagine con il contagocce, massimizzando la saturazione e il valore e la svolta che colore trasparente utilizzando il Livello → Trasparenza → Colore ad alfa ... strumento. Tuttavia, questo lascerebbe il tuo livello con dominante di colore in alto e in basso, cosa che potresti non voler.

Una soluzione migliore potrebbe essere quella di scomporre l'immagine in tonalità, saturazione e valore (HSV), scartare il canale di tonalità e ricostruire i canali di saturazione e valore in una maschera in scala di grigi che può essere sovrapposta a qualsiasi colore saturo puro per replicare la saturazione e valore dell'immagine originale con la nuova tonalità.

Un modo per farlo sarebbe:

1. Usa lo strumento Colori → Componenti → Decomponi ... per scomporre l'immagine in livelli usando la modalità HSV.

2. Elimina il livello di tonalità. Non lo useremo.

3. Seleziona il livello di saturazione, apri la finestra di dialogo Livello → Maschera → Aggiungi maschera di livello ... , seleziona la modalità "Copia in scala di grigi del livello" e seleziona la casella di controllo "Inverti maschera".

4. Ripetere il passaggio 3 anche per il livello valore.

5. Utilizzando lo strumento Riempi secchio (in modalità "Riempi tutta la selezione"), riempi il livello valore ( non la sua maschera!) Con tutto il nero e il livello di saturazione con tutto il bianco.

6. Sposta il livello valore sopra il livello di saturazione nella pila.

7. Facoltativamente, unisci i livelli insieme a Immagine → Unisci livelli visibili ... o con Livelli → Unisci giù .

L'immagine in scala di grigi semitrasparente risultante dovrebbe apparire così:

^{Fai clic per scaricare / visualizzare a schermo intero.}

Il trucco è che, dopo i passaggi 3–5:

• il livello di "saturazione" sarà bianco puro dove il colore originale era saturato allo 0% e trasparente dove era saturo al 100%, e
• il livello "valore" sarà nero puro dove il colore originale ha valore 0% e trasparente dove ha valore 100%.

Posizionando quei due livelli (o la loro combinazione unita) su uno sfondo di colore saturo puro, si replica quindi il processo di conversione di un colore HSV in RGB: si inizia con il colore puro saturo della tonalità corretta, si mescola abbastanza bianco per ottenere il desiderato saturazione, quindi mescola abbastanza nero per ottenere il valore desiderato.

Ecco come appare l'immagine risultante su vari sfondi colorati:

^{Colori: verde ( #83ff00), blu ( #00aeff), arancione ( #ffa200), rosso ( #ff002a).}

In The Gimp puoi fare essenzialmente la stessa cosa della risposta di Photoshop, usando il colore per alfa . Consiglierei di desaturare ancora e di impostare il bianco su alpha nel caso in cui ci sia più di un colore. Sembra che ci sia qualche variazione blu / giallo. I passaggi chiave sono:

1. desaturare l'immagine in modo da avere un'immagine in scala di grigi
2. imposta il bianco (puoi inserire #FFFFFF per il bianco nel selettore colore) su alfa
3. salva come png in modo da mantenere la trasparenza

• Apri il pannello Canali.

• Decidi quale canale ti darà il grado di contrasto che stai cercando.

Metodo 1:

• Seleziona Image > Calculationse usa il canale che hai scelto come Sorgente 1, lo stesso canale o "Grigio" come Sorgente 2 e "Normale" come Modalità di fusione. Scegli "Nuovo documento" come destinazione.

• Cambia la modalità del nuovo documento in RGB o in scala di grigi e salva come png o jpeg.

Metodo 2:

• Ctl / Cmd-clic sulla miniatura per il canale che hai scelto.

• Edit > Copy o Ctl / Cmd-C

• File > New, accetta le dimensioni Edit > Pasteo Ctl / Cmd-V

• Elimina il livello di sfondo.

• Image > Mode > RGB

• Salva come png a 24 bit con trasparenza.

È possibile utilizzare una delle immagini risultanti come sovrapposizione o come canale alfa ogni volta che è necessario.

Fai doppio clic su Livello, apparirà una casella di stile Livello, nella parte sinistra trova e seleziona Sovrapposizione sfumatura e cambia il colore della sfumatura in base alle tue necessità e fai clic su OK quindi nella casella Sovrapposizione sfumatura cambia stile in lineare e cambia angolo e scala in base a il tuo bisogno.