L'importante è specificare un'immagine sul tuo computer o telefono, selezionare i colori che vuoi sostituire, premere il pulsante OK in fondo alla pagina, attendere un paio di secondi e scaricare il risultato finale.

Foto di una rosa senza modifiche e con il colore rosa sostituito da: Viola, blu, turchese, verde e giallo:


Le seguenti impostazioni sono state utilizzate per creare gli esempi precedenti: " Colore sostitutivo" - "rosa", " Colore da sostituire" - "viola" (per la successiva elaborazione "blu", ecc.), " Intensità di sostituzione del colore" - "45".

Se tutto diventa un colore, se ne viene sostituito troppo o altri colori sono interessati, è necessario abbassare l'"Intensità di sostituzione del colore". Al contrario, se non è visibile alcuna modifica o il colore non è stato completamente sostituito, è necessario aumentare l'"Intensità di sostituzione del colore" e assicurarsi anche di aver indicato correttamente i colori e di non aver confuso, ad esempio, il rosso con il rosa. Per una specifica del colore più precisa, è possibile utilizzare il formato HEX. Per immagini diverse, le impostazioni possono essere diverse, dipende sia dal colore che dalla dimensione in pixel.

Si prega di notare che non è possibile sostituire nero, grigio o Colore bianco su alcuni colore saturo, ma puoi sostituire un colore saturo con un colore quasi bianco, nero o grigio. In poche parole, puoi sostituire qualsiasi colore dell'arcobaleno o vicino a quei colori disponibili negli elenchi a discesa nelle impostazioni. Il motivo è che l'algoritmo di sostituzione del colore è correlato al cambio di tonalità, che non influisce sulle immagini in scala di grigi o in bianco e nero. Se hai bisogno di elaborare quadro generale più di 14 megapixel (≈4592x3048), quindi invialo alla casella di posta con le impostazioni necessarie: verrà eseguito gratuitamente entro un giorno.

L'immagine originale non viene modificata in alcun modo. Ti verrà data un'altra immagine elaborata.

In realtà c'è molti modi per cambiare il colore di un oggetto in Photoshop. In precedenza, abbiamo già visto come farlo e abbiamo anche imparato come cambiare il colore dei capelli in Photoshop con.

Questi non sono tutti metodi, oggi ne mostrerò due molto semplici e negli articoli futuri parlerò di un altro paio di metodi che utilizzano altri livelli di regolazione.

Metodo numero 1

Descrivi brevemente l'applicazione di questo metodo. Apri l'immagine e crea un nuovo livello (ricorda tutti i trucchi).

Quindi cambia la modalità di fusione di questo livello scegliendo Tonalità dall'elenco a discesa nella parte superiore della palette Livelli (che si trova nella parte inferiore dell'elenco).

Successivamente, seleziona premendo il tasto B, fai clic sull'indicatore del colore di primo piano, nella finestra di dialogo della tavolozza che appare, seleziona una tonalità e fai clic sul pulsante OK. Con il nuovo livello selezionato, dipingi sopra l'oggetto.

Se dipingi troppo, puoi selezionare temporaneamente lo strumento Gomma premendo e tenendo premuto il tasto E. E puoi prevenire tali situazioni in anticipo aggiungendo una maschera di livello al nuovo livello e nascondendo le aree che non devono essere modificate con il nero.

Nota

Se l'area da ridipingere è circondata da colori nero, bianco e grigio, puoi tranquillamente dipingere su quest'ultimo e non cambieranno affatto. Questo perché nella modalità di fusione Tonalità, le aree piene di colore influiscono solo sulle aree del livello sottostante che già contengono colore.

Metodo numero 2

Ricordi il comando di menu? Comando di menu simile Sostituisci colore può essere utilizzato per evidenziare una tonalità e sostituirla con un'altra. Questo comando funziona molto bene se il colore da sostituire è più o meno uniforme e concentrato in qualche zona, come la carrozzeria dell'auto nella foto sopra.

Selezione del comando dal menu Immagine - Correzione - Sostituisci colore, vedrai la finestra di dialogo con lo stesso nome.

Ha già lo strumento Contagocce selezionato, quindi fai clic sulla tonalità nell'immagine che desideri sostituire. Apparirà in un quadrato con l'iscrizione Colore in un gruppo di controlli Selezione nella parte superiore della finestra di dialogo.

In un gruppo di controlli Sostituzione nella parte inferiore della finestra di dialogo, fare clic sul quadrato situato sopra l'iscrizione Risultato per selezionare una nuova tonalità. Quando si fa clic sul pulsante OK. Se è necessario correggere la tonalità selezionata, è possibile utilizzare i cursori Tonalità di colore, Saturazione e Luminosità(trovato anche nel gruppo Controlli di selezione). Ecco cosa è successo:

Si noti che oltre a una normale pipetta, ci sono pipette con piccoli segni "+" (più) e "-" (meno) nelle vicinanze. Usali per ampliare/ridurre la gamma di sfumature che desideri modificare.

Come puoi vedere, ho esagerato un po' e anche le ruote della mia macchina sono diventate viola. Questo suggerisce che questo metodo potrebbe non essere sempre utile.

Notato un errore nel testo: selezionalo e premi Ctrl+Invio. Grazie!

Cambiare il colore dell'immagine PNG tramite CSS? (dieci)

Modificare--

Font-Awesome usa diversi nomi di classe in nuova versione, probabilmente perché riduce notevolmente i file CSS ed evita classi CSS ambigue. Quindi ora devi usare:

Non è necessario impostare l'intero carattere se si desidera solo un'icona, inoltre ritengo che sia più "pulito" come elemento autonomo. Quindi, per questo scopo in HTML5, puoi posizionare l'SVG direttamente all'interno del flusso del documento. Puoi quindi definire la classe nel tuo foglio di stile .css e accedere al suo colore di sfondo usando la proprietà fill:

Nota che nell'esempio ho usato :hover per illustrare il comportamento; se vuoi solo cambiare il colore per lo stato "normale", dovresti rimuovere la pseudo classe.

Rispondo perché stavo cercando una soluzione per questo.

la penna in @chrscblls risponde bene se hai uno sfondo bianco o nero, ma la mia no. Inoltre, le immagini sono state generate con ng-repeat, quindi non potevo avere il mio URL nel mio CSS e non puoi usare ::after sui tag img.

Quindi, ho deciso di farmi coinvolgere e ho pensato che avrebbe potuto aiutare le persone se anche loro stessero inciampando qui intorno.

Quindi ho fatto più o meno lo stesso con tre differenze principali:

• url che è nel mio tag img, lo metto (ed etichetta) in un altro div su cui:: after work.
• "mix-blend-mode" è impostato su "differenza" invece di "moltiplica" o "schermo".
• Ho aggiunto a::before esattamente con lo stesso valore in modo che::after faccia la "differenza" delle "differenze" fatte da::before e lo annulli.

Per cambiarlo da nero a bianco o da bianco a nero, il colore di sfondo deve essere bianco. Dal nero al colore, puoi scegliere qualsiasi colore. Dal bianco al colore è necessario scegliere il colore opposto a quello desiderato.

DivClass( posizione: relativa; larghezza: 100%; altezza: 100%; allineamento testo: sinistra; ) .divClass:hover::after, .divClass:hover::before( posizione: assoluta; larghezza: 100%; altezza: 100%; sfondo: #FFF; modalità mix-blend: differenza; contenuto: ""; )

i tag img hanno una proprietà di sfondo come qualsiasi altra. Se hai un PNG bianco con una forma trasparente, come uno stencil, puoi farlo:

Per cambiare letteralmente il colore, puoi includere una transizione CSS con un filtro -webkit dove quando succede qualcosa utilizzerai il filtro -webkit di tua scelta. Per esempio:

Img ( -webkit-filter:scala di grigi(0%); transizione: -webkit-filter .3s lineare; ) img:hover ( -webkit-filtro:scala di grigi(75%); )

Ho trovato questo ottimo esempio di codepen che hai inserito in un valore colore esadecimale, e restituisce il filtro richiesto per applicare quel colore al png

per esempio avevo bisogno che il mio png avesse il seguente colore #1a9790

quindi devi applicare il seguente filtro png a te

Filtro: inversione (48%) seppia (13%) saturazione (3207%) tonalità-ruota (130 gradi) luminosità (95%) contrasto (80%);

Sono stato in grado di farlo con un filtro SVG. Puoi scrivere un filtro che moltiplichi il colore dell'immagine originale per il colore che vuoi cambiare. Nel frammento di codice sottostante colore dell'inondazioneè il colore che vogliamo cambiare il colore dell'immagine (in questo caso è rosso). FeComposite dice al filtro come stiamo elaborando il colore. La formula feComposite con aritmetica è (k1 * i1 * i2 + k2 * i1 + k3 * i2 + k4) dove i1 e i2 sono rispettivamente i colori di input per in/in2. Quindi specificando solo k1 = 1 significa che farà solo i1 * i2, il che significa moltiplicare entrambi i colori di input insieme.

Nota. Funziona solo con HTML5 perché utilizza SVG in linea. Ma penso che tu possa farlo funzionare con un vecchio browser inserendo SVG file separato. Non ho ancora provato questo approccio.

Ecco un frammento:

Se hai bisogno di modificare il file in Formato PNG, molti hanno fretta di scaricare Photoshop, che non solo è distribuito a pagamento, ma è anche piuttosto impegnativo in termini di risorse informatiche. Non tutti i vecchi PC sono in grado di funzionare con questa applicazione. In questi casi, vengono in soccorso vari editor online, che consentono di ridimensionare, ridimensionare, comprimere ed eseguire numerose altre operazioni con i file.

Oggi esamineremo i siti più funzionali e stabili che ti consentono di lavorare con immagini PNG. I vantaggi di tali servizi online includono il fatto che non richiedono le risorse del tuo computer, poiché tutte le manipolazioni dei file vengono eseguite utilizzando tecnologie cloud.

Gli editor online non devono essere installati su un PC: ciò riduce notevolmente la probabilità di contrarre un virus.

Metodo 1: editor di immagini online

Il servizio più funzionale e stabile che non infastidisce gli utenti con pubblicità invadente. Adatto a qualsiasi manipolazione con immagini PNG, assolutamente poco impegnativo per le risorse del tuo computer, può essere eseguito su dispositivi mobili.

Gli svantaggi del servizio includono la mancanza della lingua russa, tuttavia, con un uso prolungato, questo svantaggio diventa appena percettibile.

Il sito non richiede registrazione, è facile occuparsi del servizio, anche se non si conosce l'inglese. Non aver paura di sperimentare, se qualcosa va storto, puoi sempre annullarlo con un solo clic.

Metodo 2: Photoshop in linea

Gli sviluppatori posizionano il loro servizio come Photoshop online. La funzionalità dell'editor è molto simile all'applicazione di fama mondiale, supporta il lavoro con immagini in diversi formati, incluso PNG. Se hai mai lavorato con Photoshop, non sarà difficile comprendere le funzionalità della risorsa.

L'unico, ma piuttosto significativo inconveniente del sito sono i continui blocchi, soprattutto se si lavora con immagini di grandi dimensioni.

Durante l'implementazione semplici manipolazioni lavorare con il servizio comodamente e comodamente. Se è necessario elaborare un file di grandi dimensioni, è consigliabile scaricare e installare uno speciale Software, oppure sii paziente e preparati ai continui blocchi del sito.

Metodo 3: Fotografo

Un sito conveniente, funzionale e soprattutto gratuito per lavorare con le immagini in formato PNG Fotor ti consente di ritagliare, ruotare, aggiungere effetti e utilizzare altri strumenti. La funzionalità della risorsa è stata testata su file di dimensioni diverse e non sono stati riscontrati problemi. Il sito è tradotto in russo, nelle impostazioni è possibile selezionare una lingua diversa per l'interfaccia dell'editor, se necessario.

Accesso a caratteristiche aggiuntive viene fornito agli utenti solo dopo l'acquisto di un account PRO.

Fotor è un potente strumento per lavorare con PNG: oltre a un set di Funzioni base contiene molti effetti aggiuntivi che soddisferanno anche l'utente più esigente.

Gli editor di foto online sono facili da usare, non richiedono installazione su un computer, grazie al quale è possibile accedervi anche con dispositivo mobile. Quale editor utilizzare dipende da te.