Come scegliere un colore. Descrizione e utilizzo della tavolozza Kuler nella ruota dei colori di Photoshop per Photoshop cc

Questa è una delle domande poste dagli studenti durante il corso. Adobe Photoshop. Un livello base di Se lo desideri, puoi porre ulteriori domande direttamente nei commenti a questo post. In futuro, i collegamenti a tutte le domande verranno raccolti in un unico post e sistematizzati.

3. Gli artisti hanno la propria ruota dei colori, dove i colori sono più logici dal punto di vista della loro percezione. Lì, il giallo è l'opposto del viola, il rosso è l'opposto del verde e il blu è l'opposto dell'arancione. Esiste un meccanismo in Photoshop che ti consente di lavorare con questi colori?

Ottima domanda! Dividiamolo in due, contenuto nella formulazione originale. Il primo riguarda la ruota dei colori stessa. Il secondo riguarda il meccanismo per lavorare con esso.

Allora, cosa sono le “ruote dei colori”?

A sinistra c’è la copertina del libro di Johannes Itten “L’arte del colore” (nell’originale l’arancione è molto più ricco, ma i monitor non possono riprodurre questo colore). E a destra, a pagina 33, c'è una ruota dei colori composta da dodici parti. O come viene spesso chiamato il “cerchio di Itenna”. Questo è ciò che aveva in mente l'autore della domanda.

Quando lavori con gli strumenti di Photoshop, non puoi fare affidamento su questo circolo. Dal punto di vista della fisica e della fisiologia, è stato costruito in modo storto e errato. Ma andiamo con ordine.

Il colore è una sensazione che nasce nella mente dell'osservatore in risposta alla stimolazione dei recettori visivi della retina. Quale sarà questa sensazione dipende dalle proporzioni tra la stimolazione dei diversi gruppi di coni. Di seguito sono riportati i grafici della sensibilità spettrale dei coni in base alla lunghezza d'onda della radiazione (il gradiente di colore sottostante è sovrapposto a scopo illustrativo e potrebbe non corrispondere esattamente alle sfumature dei colori spettralmente puri).

Per ciascun gruppo di coni viene selezionato uno stimolo che ecciterà minimamente i gruppi vicini. Ecco da dove provengono il rosso, il verde e il blu in un sistema additivo. Il problema più grande arriva con gli incentivi verdi. A causa della forte sovrapposizione reciproca delle curve nella regione di 500 nm, eccita sempre non solo i coni d'onda media, ma anche quella lunga e quella corta. È qui che risiede l'impossibilità fondamentale di creare monitor a tre stimoli con una gamma di colori molto ampia (ciao dalla copertina arancione della prima illustrazione).

Nella vita reale, gli stimoli sono molto più complessi e sono descritti da una distribuzione spettrale di energia. Se questa distribuzione è uniforme, lo stimolo appare acromatico o, più semplicemente, grigio. Quando la luminosità è sufficientemente elevata, di solito la chiamiamo bianca. In questo caso, il raggio bianco può essere scomposto in uno spettro che, per abitudine, viene spesso chiamato anche arcobaleno. Questo è ciò che è stato fatto utilizzando un prisma. Nel XVII secolo da Isaac Newton e nel XX secolo dall'artista che disegnò la copertina dell'album The Dark Side of the Moon dei Pink Floyd.

Se un secondo prisma viene posizionato nel percorso del raggio diviso, può essere riassemblato in un raggio acromatico. È questo design che ti consente di scoprire in modo semplice e chiaro quali colori sono complementari o reciprocamente complementari. Se una parte dello spettro viene bloccata in un raggio diviso tra i prismi, il raggio in uscita sarà colorato in un colore complementare alla parte bloccata. Chiudendo la parte rossa otteniamo il ciano, la parte verde il magenta e la parte blu il giallo.

Pertanto, è meglio disporre i colori come fatto nel cerchio di sinistra. Questa è la disposizione corretta: il rosso è in alto, seguito dal giallo in senso orario, ecc. È lungo questo cerchio che viene tracciato il valore della tonalità di colore (Tonalità) nei modelli di colore HSB e HSL. Ho deliberatamente specchiato e ruotato il cerchio di Itten per abbinarlo ai colori rossi e fornire un'adeguata transizione di sfumature. Ciò mostra chiaramente quanto sia irregolare.

Ma ciò che è particolarmente importante per l'applicazione pratica è che il lavoro delle curve si basa proprio su questa disposizione relativa dei colori. Se si sposta verso il basso la curva nel canale rosso (diminuendo la luminosità dello stimolo rosso), la parte centrale neutra del cerchio diventerà ciano.

Riducendo la luminosità nel canale verde, impareremo il colore magenta.

Ebbene, per quanto riguarda l'oscuramento del blu, prevedibilmente porteremo il centro a una tinta gialla. E tutti gli strumenti di Photoshop funzionano secondo questo principio. Pertanto, mentre lavori con loro, dimentica il circolo Itenna. Creerà soltanto confusione.

Tuttavia, non abbiate fretta di eliminare il sistema in dodici parti. Ho detto che non corrisponde alla fisica e alla fisiologia della percezione del colore. Ecco perché il toolkit non si basa su di esso. Ma questo sistema descrive abbastanza bene il terzo livello di percezione, il più complesso: la psicologia del colore.

Ma lo strumento per lavorare a questo livello non è Photoshop, ma la testa. Quale strumento utilizzare per la correzione è una questione secondaria. La cosa principale è capire cosa deve essere raggiunto. Il cerchio Itten permette di semplificare e velocizzare la ricerca di accostamenti cromatici armoniosi. Con il suo aiuto, puoi determinare su quali combinazioni gravita l'immagine o, come si dice anche: trovare la combinazione di colori dell'immagine.

Sasha Chaldryan ne parla dettagliatamente durante la prima lezione del corso. "Adobe Photoshop. Ritocco creativo" . Mi limiterò solo a tre piccole illustrazioni tratte dagli appunti di questa lezione.

Le combinazioni correlate sono combinazioni monocromatiche di due o tre settori adiacenti del cerchio.

Le combinazioni correlate-contrastanti sono combinazioni di colori, ciascuna delle quali contiene un colore "correlato". Giallo-verde, giallo, giallo-arancio, giallo-rosso: per tutti esiste un giallo unificante, ma lo schema è piuttosto contrastante. In questo caso, l'immagine non corrisponde esattamente al diagramma fornito, ma puoi facilmente indovinare come correggere il diagramma per una corrispondenza più accurata.

Gli schemi triadici sono colori situati ai vertici di un triangolo equilatero inscritto in un cerchio.

Mi sono subito ricordata di questa immagine:

Ci sono molte variabili sconosciute nella tua domanda: sito web o logo, sfondo o pulsante, quali colori sono già stati utilizzati, cosa si trova nelle vicinanze, qual è l'area di copertura, ecc.

Prendiamo i colori verde e rosso usando l'esempio di Valeera di Kharstone di Blizz e le fragole (la natura stessa ha scelto la combinazione):

Bello, sì? Ciò significa che il verde si sposa bene con il rosso. Ora guarda cosa succederà se crei un pulsante verde su sfondo rosso o un pulsante rosso su sfondo verde:

Voglio chiudere in fretta: è troppo aggressivo in entrambi i casi, mette pressione al cervello. Si scopre che il verde e il rosso non stanno così bene insieme? Ma se lo sfondo è, ad esempio, bianco, il pulsante verde starà benissimo accanto a quello rosso:

Pertanto, la risposta alla domanda “che colore si abbina al verde” è solo per coloro che vedono il quadro completo.

Cerchio di colori

Prima di tutto ti consiglio di leggere qualcosa sulla ruota dei colori per farti un'idea e poterla utilizzare.

Ci sono molti servizi online su questo argomento. Conveniente -colorscheme.ru.

È facile da usare: scegli un colore (inserisci un codice o fai semplicemente clic su quello appropriato) e ottieni i colori corrispondenti. Una delle funzionalità è un esempio di una pagina con i colori selezionati. Schede sottostanti: pagina chiara o scura.

Guida ai colori

Illustrator ha una funzionalità interessante che funziona secondo il principio di una ruota dei colori e mostra la combinazione di colori. Il pannello si chiama Guida Colori.

Prendi un colore con una pipetta e l'illustratore ti mostra tutte le combinazioni: adiacenti, contrastanti, triadi e così via.

Temi di colore Adobe

Photoshop stesso ha la stessa funzionalità. In precedenza, questi erano solo temi (un insieme di colori), a cui veniva aggiunta la ruota dei colori stessa e ora il pannello si chiama Temi Adobe Color

Oltre l'arcobaleno

Io stesso seleziono i colori in base all'“arcobaleno”: trascino il cursore e seleziono un colore.

Nell'esempio ho selezionato rosso, viola e arancione. La scala (“arcobaleno”) aiuta solo a scegliere un colore con una tonalità diversa (H = Tonalità) e talvolta il risultato non è soddisfacente. Quindi non mi piaceva l’arancio sporco e spento e l’ho reso pulito e fresco. Se è necessario selezionare in base alla saturazione (S = Saturazione) o alla luminosità (B = Luminosità), è sufficiente modificare la scala.

In Photoshop CC 2014 possiamo ridimensionare questo pannello in base alle nostre esigenze. Per allargare il pannello, sposta il cursore del mouse sul bordo sinistro e il cursore assumerà la forma di una freccia nera a doppio taglio. Premere il pulsante sinistro del mouse e trascinare il cursore per ridimensionare. Tieni presente che ciò modifica l'intera colonna, non solo il pannello stesso, quindi tutti gli altri pannelli nella colonna diventeranno più larghi:

Inoltre, allo stesso modo possiamo modificare l'altezza del pannello se spostiamo il cursore sul suo bordo inferiore.

Se desideri ridimensionare il pannello Colore senza modificare la dimensione degli altri pannelli in una colonna, trascinalo semplicemente fuori dalla colonna:

Ora che il pannello è sganciato, possiamo ridimensionare solo quel pannello. Trascina semplicemente uno degli angoli inferiori:

Nota. Sui computer Windows, il pannello Colore viene visualizzato in modalità Hue Cube per impostazione predefinita. Sui computer che eseguono il sistema operativo Mac OS, il pannello viene visualizzato in modalità Modello RGB (slider RGB).

Come ho scritto sopra, il pannello "Colore" ha due modalità principali di selezione del colore: "Cubo tonalità" e "Cubo luminosità", oltre a questo ce ne sono altre. È la presenza di molte modalità che rende il pannello aggiornato così significativo e utile, e il pannello Colore è diventato molto più comodo da usare rispetto al tradizionale Selettore colore.

Cambia modalità facendo clic sull'icona nell'angolo in alto a destra e selezionando dall'elenco:

Queste modalità funzionano esattamente come nel Selettore colore.

Raffreddatore di tavolozze(Kuler) è un generatore di combinazioni di colori incredibilmente utile, gestito dalla comunità, apparso per la prima volta in Photoshop CS4 e lanciato come applicazione Web diversi anni prima.

Se non ti piace lavorare con , non lo hai a portata di mano o hai bisogno di nuove idee per creare combinazioni di colori, puoi scegliere tra un gran numero di temi (come vengono chiamati gli schemi di colori nell'app) creati dall'utente Comunità.

Aprire Tavolozza Kuler, selezionare il comando di menu Finestra - Estensioni - Kuler(Windows - Estensioni - Kuler)

Nota

Affinché la tavolozza possa scaricare i temi più recenti e più popolari creati da una comunità online di utenti, è necessario essere connessi a Internet.

Attenzione!

La tavolozza Kuler non funziona su versioni piratate e senza licenza di Photoshop. Pertanto, se è aperta una finestra della tavolozza vuota, non è possibile risolvere nulla. Funziona solo nella versione con licenza del prodotto.

Interfaccia della tavolozza Kuler

Spiegazione delle note a piè di pagina:

Elemento 1: campo di input della query di ricerca.

Elemento 2: elenchi di filtri a discesa.

Punto 3 - Argomenti.

Elemento 4 - Pulsante Visualizza il set di argomenti precedente (Precedente).

Elemento 5 - Pulsante Visualizza la serie successiva di argomenti (Avanti).

Elemento 6 - Aggiorna gli argomenti nella comunità Kuler (pulsante Aggiorna).

Passaggio 7: pulsante Modifica tema nel pannello di creazione (Modifica temi).

Passaggio 8: pulsante Aggiungi il tema selezionato ai campioni.

Passo 9 - Seleziona il colore di base trascinando il cerchio con il mouse su/giù o verso/dal centro del cerchio.

Elemento 10 - Cursore della luminosità.

Punto 11 - Da sinistra a destra:

• Aggiungi il colore di primo piano come pulsante di base.
• Pulsante Aggiungi il colore di sfondo corrente come base (Aggiungi colore di sfondo come base).
• Pulsante Cambia altri colori del tema in base alle leggi dell'armonia (Applica armonia).
• Pulsante Aggiungi un nuovo colore al tema (Aggiungi colore).
• Pulsante Elimina questo colore dal tema (Elimina colore).

Passaggio 12: pulsante Carica tema colore sul sito Web Kuler (Carica)

Come utilizzare la tavolozza

Nella parte superiore della palette sono presenti tre pulsanti:

Intelligenza(Di). Se vuoi conoscere la comunità online o diventare un membro, questa scheda ti porterà al sito web dell'app. Dopo esserti registrato gratuitamente, potrai caricare i temi che crei sul sito web, valutare i temi di altri utenti, scrivere sui forum e così via.

Revisione(Navigare). Se desideri visualizzare i temi creati da altri utenti, puoi cercarli inserendo parole chiave (bello, solare, romantico, pastello, ecc.), nome dell'autore, nome del tema o valore esadecimale nel campo di immissione della query di ricerca. Oppure, in alternativa, sfoglia l'elenco degli argomenti utilizzando la barra di scorrimento. Gli elenchi a discesa nella parte superiore della tavolozza consentono di ordinare gli argomenti in base alla valutazione, al tempo trascorso sul sito Web e così via.

Per utilizzare un tema specifico, ovvero importare i suoi colori in Photoshop, selezionarlo, quindi fare clic sul pulsante Aggiungi lo schema selezionato ai campioni(Aggiungi il tema selezionato ai campioni) - punto 8.

Puoi anche fare clic sul piccolo triangolo che appare a destra dello schema quando lo selezioni e selezionare Aggiungi al pannello Campioni dal menu contestuale.

Creare(Creare). Fai clic su questo pulsante per aprire una scheda che ti consente di creare i tuoi temi.

Selezionare innanzitutto dall'elenco a discesa Regola Combinazione colori (Righello colore): è possibile creare altri schemi. Quindi trascina con il mouse il cerchio cerchiato di bianco sulla ruota dei colori finché non diventa il colore su cui desideri basare il tema (in altre parole, il colore principale). Vedrai delle linee che vanno dal colore principale agli altri colori secondo la regola che hai scelto. Anche gli altri colori si sposteranno quando sposti quello principale.

Puoi trascinare il cerchio bianco del colore principale con il mouse verso il centro o lontano dal centro del cerchio, a sinistra o a destra, in alto o in basso, finché non trovi il colore che desideri.

Il campione centrale nella fila di campioni quadrati sotto la ruota dei colori mostrerà il colore principale. Quando trovi quello che desideri, puoi modificare il suo valore di luminosità: passaggio 10, più alto per schiarirlo o più basso per scurirlo.

Per cambiare un colore diverso del tema, selezionalo facendo clic sul relativo campione sotto la ruota dei colori. Vedrai che il cerchio corrispondente sulla ruota dei colori verrà evidenziato con un anello bianco. Una volta selezionato un cerchio, puoi cambiarne il colore trascinandolo in un altro punto del cerchio o modificarne la luminosità spostando il cursore.

Una volta trovati i colori del tema che ti soddisfano, fai clic sul pulsante Salva argomento(Salva tema) nell'angolo in basso a sinistra della tavolozza per salvare il tema, quindi fare clic sul pulsante a destra per aggiungere i colori di questo tema a campioni di tavolozza.

Se noti un errore nel testo, selezionalo e premi Ctrl + Invio. Grazie!

Molti artisti utilizzano il modello del colore H.S.B.. Questo modello matematico è molto comodo per selezionare sfumature e colori. Modello H.S.B. in base al modello RGB, ma ha un sistema di coordinate diverso. Qualsiasi colore nel modello HSB è determinato dal suo Tonalità di colore(ombra), saturazione(ovvero la percentuale di vernice bianca aggiunta al colore) e luminosità(percentuale di vernice nera aggiunta). Dei tre componenti elencati, quello meno compreso saturazione. La saturazione può essere definita come la “vivacità” di un colore. Più un colore è saturo, più si allontana dal grigio. I colori bianco, nero e tutte le sfumature di grigio hanno una saturazione minima.

Guarda l'immagine. Il campione superiore dello spettro ha un'elevata saturazione, quello inferiore ha una bassa saturazione. In questo caso, la tonalità e la luminosità dei due campioni sono le stesse.

Tre canali Il modello HSB prende il nome dalle prime lettere delle parole inglesi Tonalità, Saturazione E Luminosità. Il modello HSB è universalmente utilizzato per la correzione del colore: in questo è indispensabile. In tutte le applicazioni grafiche questo modello è presente in una forma o nell'altra. Il vantaggio di questo modello è che non è stato creato per monitor o stampanti, ma per le persone. Dopotutto, una persona percepisce intuitivamente il colore, dividendolo in tonalità, saturazione e luminosità.

È conveniente rappresentare il modello HSB nella forma ruota dei colori. Il valore del colore è selezionato come punto sul cerchio (o vettore, che emerge dal centro del cerchio e punta verso un dato punto). Le diverse tonalità sono disposte in un cerchio a 360 gradi. Il rosso corrisponde a 0, il giallo a 60, il verde a 120, il turchese a 180, il blu a 240 e il magenta a 300 gradi. I punti sul cerchio stesso corrispondono ai colori puri (massima saturazione). Il punto al centro corrisponde a un colore neutro con saturazione minima (bianco, grigio, nero - dipende dalla luminosità). Cioè, possiamo dirlo l'angolo del vettore determina la tonalità, la lunghezza del vettore determina la saturazione del colore. La luminosità del colore è impostata su un asse separato, il cui punto inferiore ha la luminosità minima e il punto superiore ha la massima.