Converti in quattro tonalità mantenendo valori / luminosità in Photoshop

Vorrei ridurre il numero di tonalità nella mia immagine piatta da tutta la gamma a solo quattro, ma vorrei preservare il valore / la luminosità (e, se possibile, anche la saturazione). Voglio quattro tonalità perché penso che sembrerà bello.

Ho provato ad usare un livello di regolazione della tonalità, ma quando l'ho usato, ha cambiato l'intervallo solo durante la conversione, in modo che un intervallo fosse convertito in un altro intervallo con molti colori. Voglio spostare un intervallo specificato per convertirlo nella stessa tonalità preservando il valore / la luminosità (e forse anche la saturazione, se possibile).

Sto usando Photoshop CS5

Questi sono i quattro valori di tonalità HSB / HSV che voglio usare:

1. 333
2. 58
3. 193
4. 242

Ecco come vorrei convertire le tonalità:

Nota: ho modificato questa domanda dal primo post. Inizialmente, ho erroneamente chiesto ai rispondenti di ridurre l'immagine a quattro valori RGB , mantenendo contemporaneamente le tinte / i valori nell'immagine sorgente. Questo, tuttavia, è un compito impossibile, poiché i valori RGB contengono tinte / luminosità E tonalità; in tinta e tonalità RGB sono indissolubilmente legate.

Per fortuna @Wolff è stato in grado di capire cosa intendevo, nonostante il mio cattivo fraseggio, e insieme a @Danielillo, @Ryan e @Emilie, mi ha aiutato a capire che quello che stavo davvero chiedendo era mirare a quattro tonalità, non a quattro RGB valori. Ha quindi identificato le quattro tonalità presenti nei miei valori RGB (in HSB / HSV). Quei valori HSB / HSV sono ora quelli che sto chiedendo ai rispondenti di indirizzare nella conversione dell'immagine (non RGB).

Inoltre, come notato da @Wolff, nella prima versione del mio post, non ho specificato come convertire l'intero spettro HSB (non avevo intervalli di tipo magenta). La domanda aggiornata include anche l'intervallo precedentemente omesso.

Per coloro che vogliono capire la radice della confusione (giustamente espressa da alcuni utenti che hanno fornito risposte alternative), questi erano i 4 valori RGB originali che ho pubblicato:

Aggiornamento di chiarimento: si prega di sapere che la mia intenzione è solo per lo schermo, non per la stampa. Ho costruito un sito, basato su quelle quattro tonalità, e ho pensato che sarebbe stato liscio se le immagini avessero tutti i colori deformati per abbinarle. Allo stesso tempo, all'interno di ciascuna delle quattro gamme di colori crollati, volevo mantenere quanta più dinamica possibile fosse codificata dal valore / luminosità originale. Spero che questo possa essere d'aiuto. I punti non saranno assegnati da me, il poster originale, per le risposte alla stampa, ma qualsiasi spiegazione per una soluzione di stampa sarà probabilmente apprezzata dalla comunità. @Emilie, che ha posto la generosità sulla domanda, può premiare chi desidera.

Grazie a @Emilie per aver posto la taglia su questo! Ero davvero rattristato dal fatto che nessuno sembrava in grado di rispondere prima.

Come altri hanno sottolineato, la logica di questa domanda è un po 'imperfetta, ma comunque molto interessante.

La mia risposta si basa principalmente sulla matematica RGB / HSB e ammetto che ci sono molti aspetti discutibili quando si tratta di colori percepiti, profili colore ecc., Ma ci proverò comunque.

Mi sto prendendo la libertà di ridefinire un po 'la domanda per poter rispondere.

Prima di tutto, lo spettro che ci stai mostrando va dal rosso al blu. Il magenta manca - che cosa fare con i colori in quella parte dello spettro?

Quindi sto estendendo il tuo spettro per includere il magenta ad entrambe le estremità.

Un altro problema che abbiamo è il tuo elenco di quattro tonalità come lo chiami. Non sono solo tonalità , sono colori con valori di saturazione e luminosità individuali . Questo non ha molto senso se li confrontiamo con lo spettro, quindi dobbiamo "ridurli alle tonalità" cambiando sia la saturazione che la luminosità su 100.

Useremo il filtro HSB / HSL (deve essere scaricato dal sito di Adobe) in Photoshop per ottenere la tonalità di un'immagine come maschera alfa. Quindi useremo Gradient Map per mappare i valori di tonalità sui valori desiderati e poi riconvertiremo l'immagine in RGB usando nuovamente il filtro HSB / HSL.

La matematica è un po 'funky perché l'intervallo di tonalità è 0-360 ( e va a capo ), l'intervallo di alfa è 0-255 e l'intervallo di arresti gradiente è 0-100.

Per prima cosa creerò un tavolo per farmi un'idea di quello che sta succedendo. Potremmo non aver bisogno di tutti i numeri.

(I valori sono arrotondati e le tonalità non sono esattamente come le hai definite, perché ho esteso lo spettro. Potrebbero ovviamente essere state posizionate diversamente.)

Prendiamo un'immagine colorata e aggiungiamo lo spettro come riferimento. (Immagine di Mike Goad da Pixabay).

L'uso del filtro HSB / HSL ci offre il seguente canale di tonalità:

Copio il canale di tonalità in un nuovo documento in scala di grigi (il profilo colore deve essere Gray Gamma 2.2 ) per poter utilizzare la Mappa sfumatura su di esso. Ho impostato la Mappa sfumatura come segue:

L'impostazione degli arresti gradiente richiede un po 'di confusione (è piuttosto fastidioso lavorare con). Ricevo i valori dalla tabella che ho creato prima. Ci sono 8 fermate in totale, alcune devono sovrapporsi per ottenere transizioni difficili:

Il canale di tonalità risultante è simile al seguente:

Ricopio finalmente questo canale di tonalità nell'immagine HSB iniziale, sostituendo il vecchio canale di tonalità e riconvertendo l'immagine in RGB usando il filtro HSB / HSL.

Credo che funzioni come richiesto, ma non sono sicuro che sia bello come speravi. Le transizioni sono molto brusche, ma ovviamente potrebbero essere ammorbidite cambiando la mappa del gradiente.

Modifica: approccio Javascript

Ecco un JSFiddle con una versione Javascript dello stesso concetto. Rilascia un'immagine sulla pagina risultante e questa viene convertita nelle quattro tonalità. Modifica "hueRanges" per personalizzare il risultato. La parte principale del codice è annotata.

Il risultato differisce leggermente dal metodo Photoshop, ma è molto vicino:

Dal momento che non conosco la matematica dietro i filtri di Photoshop, non posso dire perché ci sia questa differenza.

Questo è un concetto imperfetto da riprodurre perché è interamente abritrario dove finisce un colore e ne inizia un altro. Parli anche di preservare la tinta che la rende ancora più confusa.

Detto questo per il tuo risultato potresti provare:

1. Converti in LAB
2. Duplica il livello e posterizzalo con 4
3. Crea 4 livelli di regolazione del colore solido con ciascuno dei tuoi 4 colori. Cambia ciascuno nella modalità di fusione Colore.
4. Usa le Opzioni di fusione per ridurre quei 4 colori ai contrain che stai cercando.

Ecco i risultati:

La domanda è stata recentemente modificata da uno stato ambientale a una forma migliore. Richiede ora quantizzazione e rimappatura della tonalità esplicitamente predefinibili. La risposta accettata la dà per Photoshop.

Il prossimo è per gli utenti freeware.

Paint.NET ha un filtro plug-in che esegue direttamente i mapping degli intervalli di tonalità e saturazione. Questa attività deve applicare il filtro quattro volte per mappare il totale a 360 gradi su quattro tonalità discrete. Il risultato è lo stesso della risposta accettata. Il filtro è "Tonalità / saturazione condizionale". Fa parte del pacchetto effetti di Evan.

Il filtro non è completamente lucido. Non ho potuto inserire valori di tonalità esattamente predefiniti. Le impostazioni dell'intervallo devono essere eseguite con cursori troppo piccoli, non esistono campi di input numerici esatti. Ecco un test con la stessa immagine che è stato utilizzato nella risposta di Wolff:

1. Converti l'immagine RGB in HSB

Usa Filtro> Altro> HSB / HSL e seleziona la modalità di input: RGB e l'ordine delle righe: HSB. Questo renderà l'immagine molto strana ma ci permetterà di manipolare la tonalità separatamente dalla saturazione e dalla luminosità usando i canali dell'immagine.

2. Ridurre il numero di tonalità

Il canale rosso conterrà ora le tonalità per tutti i pixel nell'immagine. Volete quantizzarli in quattro tonalità selezionate. Questa è la parte più difficile. Un modo per farlo sarebbe quello di copiare il contenuto nel canale rosso su una nuova immagine e impostare la modalità immagine su Colore indicizzato e creare una tavolozza personalizzata con le tue tonalità mappate sui corrispondenti valori in bianco e nero. Quindi incollare nuovamente l'immagine nel canale rosso.

3. Convertire nuovamente in RGB

Dopo aver ridotto il numero di tonalità, applicare di nuovo il filtro HSB / HSL ma con l'impostazione di ordine inverso / ordine inverso per completare la procedura.

La domanda non chiarisce lo scopo dell'immagine, questa risposta è per un'immagine destinata alla stampa ( EPS DCS )

In questo caso, convertendo un'immagine in soli quattro inchiostri senza avere il colore nero, si presume che le ombre di quell'immagine saranno il colore più scuro, il blu.

• Partendo da un'immagine CMYK in cui sono disponibili 4 canali di colore e vai al menu Immagine > Modalità e scegli Multicanale
• Modifica il colore di ogni canale facendo clic sulla miniatura del colore e inserisci i numeri RGB
• Sostituisci il canale nero per il colore blu

Aggiungi dopo i commenti e chatta

Per me la domanda ha un problema concettuale che rende difficile trovare un risultato ottimale. Immagino che l'OP stia chiedendo un'immagine RGB ma stia pensando a un processo di mix CMYK. Ecco perché uso un'immagine CMYK mentre @Wolff risponde usando un'immagine RGB.

• Il rosso è facile da cambiare al nuovo colore RGB
• Il problema si presenta con il giallo, poiché in un'immagine RGB il giallo è il mix di verde e rosso, quindi ciò rende impossibile separare rosso e giallo in due colori diversi. Nella barra spettrale i verdi e i gialli dovrebbero essere un RGB giallo, questo significa liberarsi dall'immagine RGB. Deve essere convertito in un'immagine a colori piatti di stampa (o in un'altra modalità immagine) per ottenerlo.
• Lo stesso problema con il ciano, un mix di verde e blu

Non sta convertendo molti colori in 4, ma ottenendo 4 colori con la stessa tinta? Apri il primo colore nel selettore colori. Tonalità sinistra e destra cambia. Su fa tinte, giù fa ombre. Vai dritto dal tuo colore per una distanza specifica. Non so come specificare la distanza, ad occhio e mano è come lo faccio. Se il tuo colore originale è a metà del grafico, scegli un punto direttamente sopra di esso che è il 25% in alto (o per quanto tinta desideri). Nota il valore esadecimale di questo nuovo colore. Fai lo stesso per i prossimi tre colori, provando per la stessa quantità dal colore originale.

In alternativa, raggruppa i tuoi 4 colori saturi e disegna un rettangolo bianco su di essi e applica trasparenza / differenza e opacità all'80% sul rettangolo. Potrebbe essere necessario provare gli altri lucidi e l'opacità soprattutto per ottenere le tinte giuste o applicare solo l'opacità al rettangolo, aggiungendo uniformemente il bianco ai colori per ottenere la stessa sfumatura.

Ci sono alcuni modi a cui riesco a pensare, sebbene nessuno di questi sia estremamente preciso e conveniente in ogni caso.

• L'opzione 1 è quella di utilizzare lo strumento campionatore / selettore colore. Selezionalo, quindi imposta "Dimensione campione" in alto su un valore elevato che copra circa 1/4 dell'immagine. In questo modo, il campionatore assumerà una tinta media su un'area più ampia, rispetto a un singolo pixel. Se l'immagine è troppo grande, prima ridimensionala.
• L'opzione due è ridimensionare l'immagine fino a una larghezza di pochi pixel. Ad esempio, se dovessi utilizzare l'immagine che hai fornito e desideri 4 colori, ridimensiona l'immagine fino a 4 pixel di altezza. In questo modo, Photoshop trova i colori medi per te durante il ridimensionamento. Nota: con la seconda opzione, può essere utile impostare l'interpolazione delle immagini (disponibile nelle impostazioni di Photoshop) sul "vicino più vicino".

In alternativa, è possibile utilizzare Adobe Illustrator, nel caso fosse disponibile.

Importa l'immagine che usi e cerca la 'traccia immagine'. Imposta la traccia delle immagini sull'impostazione migliore che si adatta alle tue esigenze. Almeno in CS6, ci sono impostazioni predefinite per 3 o 6 colori, ma se si apre il pannello di tracciamento dell'immagine è possibile impostare un'altra quantità desiderata di colori.