Cerchio grigio per Photoshop. Come scegliere un colore

I plugin, vedi, sono una cosa piuttosto utile. E se sei un designer professionista e vuoi semplificare il tuo lavoro, allora non puoi farne a meno. Oggi ti offriremo alcuni plugin più utili per Photoshop che ti aiuteranno nel tuo lavoro.

Tra questi troverai strumenti a pagamento, costosi e non molto costosi, nonché gratuiti. Ma tutti meritano senza dubbio la tua attenzione.

Plugin di Photoshop per colori, caratteri ed effetti

Swatchy è un piccolo plugin che ti consente di organizzare i tuoi campioni di colore in cartelle. In questo modo, puoi salvare e accedere facilmente alla tavolozza dei colori, nonché visualizzare in anteprima i colori che usi abitualmente.

Caratteristiche principali:

• Gestisce i campioni di colore e consente di organizzarli in cartelle
• Funziona su OS X e Windows
• Richiede Photoshop CC e CC 2014

MagicPicker è un plug-in per la gestione del colore che migliora gli strumenti di colore esistenti di Photoshop aggiungendo funzionalità utili. Puoi utilizzare opzioni come Blocco tono per controllare la gamma dei colori selezionati, nonché una ruota dei colori migliorata con tre modalità disponibili. Il plugin ti aiuta a creare combinazioni di colori e offre anche una modalità compatta per risparmiare spazio sullo schermo.

Caratteristiche principali:

• Funziona su OS X e Windows
• Supporta Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 e CS3
• Consente di creare combinazioni di colori
• Selezione del colore da una ruota dei colori migliorata con tre modalità e funzione Tone Lock
• Seleziona solo i toni caldi o freddi dalla tavolozza
• Copia i codici colore esadecimali con un clic

Prezzo: $ 19, prova gratuita di 15 giorni disponibile per il download

FilterForge è un editor incredibilmente potente che può essere utilizzato come applicazione autonoma o plug-in per Photoshop. Puoi usarlo per creare effetti e filtri fotografici personalizzati e il plug-in ti dà anche accesso a un enorme repository online di contenuti generati dagli utenti. Supporta la piastrellatura senza soluzione di continuità per le trame e i filtri sono forniti in qualsiasi risoluzione. Ogni preimpostazione ha più opzioni tra cui scegliere, quindi FilterForge dovrebbe coprire tutte le tue esigenze di effetti fotografici.

Caratteristiche principali:

• Funziona su OS X e Windows
• Ti consente di creare filtri, effetti e texture personalizzati
• Disponibilità di archiviazione dei filtri online
• Genera mappe e texture che supportano l'affiancamento senza soluzione di continuità

Prezzo: $ 399, prova gratuita di 30 giorni disponibile

Eye Candy 7 di Alienskin è un plugin che ti consente di scegliere tra 32 categorie di effetti e oltre mille preimpostazioni da applicare alla tua grafica. Puoi usarlo per creare i tuoi effetti e visualizzare istantaneamente le modifiche applicate a qualsiasi livello. Tutti gli effetti vengono applicati su un nuovo livello, quindi la tua opera d'arte originale rimarrà intatta finché non deciderai di cambiarla.

Caratteristiche principali:

• Crea e applica effetti realistici
• Possibilità di selezionare preset da una ricca collezione
• Supporta la modifica su un nuovo livello per preservare il design originale
• Anteprima istantanea degli effetti
• Funziona su OS X OS x 10.7 o successivo, Windows 7 e 8
• NecessarioPhotoshopCS5Elementi 10 o successivi

Prezzo: $ 129, prova gratuita disponibile

Il plug-in ti aiuterà a organizzare i tuoi caratteri ed eliminerà la necessità di un'applicazione di gestione dei caratteri separata. Font Hero scarica tutti i caratteri installati dal tuo computer in un'interfaccia ordinata in cui puoi aggiungerli ai segnalibri, aggiungerli ai preferiti e raggrupparli. Puoi visualizzare immediatamente l'anteprima dei caratteri e modificarne l'aspetto. Il plugin ti consente di cambiare il carattere su qualsiasi livello di testo con un clic. Supporta Google Fonts e Typekit, ma li mantiene separati per comodità.

Caratteristiche principali:

• Ti aiuta a importare, visualizzare e organizzare tutti i tuoi caratteri direttamente in Photoshop
• Possibilità di taggare e caratteri preferiti per facilitare la ricerca
• Supporto per caratteri Web
• Funziona su OS X e Windows, richiede Photoshop CC 2014

Prezzo: $ 39

Altri plugin per Photoshop

FlatIcon è una risorsa stock popolare e questo semplice plug-in ti consente di utilizzare le sue icone gratuite direttamente da Photoshop. Alcune icone vengono importate come vettori, il che significa che puoi modificarle liberamente secondo le tue esigenze.

Caratteristiche principali:

• Ti dà accesso a migliaia di icone gratuite
• Tutte le icone sono disponibili in formato vettoriale completamente modificabile
• Supporta Photoshop CS5, CS6, CC e CC 2014

Questo è un plugin salvavita se usi spesso materiali scansionati nei tuoi progetti. Rimuove i modelli di interferenza dalle immagini scansionate utilizzando un'accurata trasformata di Fourier. A differenza di altri strumenti che si basano sulla sfocatura, Descreen può preservare più dettagli con questo approccio. La risoluzione di visualizzazione consigliata è compresa tra 600 e 1200 pixel/pollice.

Caratteristiche principali:

• Supporta Photoshop dalla versione 7.0 e da CS a CS6 e CC
• Rimuove i modelli di interferenza dalle immagini scansionate
• Funziona su Windows e OS X

Prezzo:Nome Edition - € 15, Professional Edition - € 75

Perfect Resize ti consente di ingrandire le tue foto senza perdere qualità o proporzioni. Il plugin offre uno strumento di ritaglio con preimpostazioni e un altro strumento per "raddrizzare" le foto. Con Perfect Resize puoi ingrandire le foto scattate con dispositivi mobili e creare margini aggiuntivi per la stampa delle foto. Puoi utilizzare il plug-in per ridimensionare in batch le foto e salvare due diverse versioni della stessa immagine.

Caratteristiche principali:

• Consente di ingrandire, ritagliare e raddrizzare le foto
• Ottimizza le foto per la stampa
• Supporta la modifica batch di immagini
• Lavora perWindows 7 e 8 e sistema operativox 10,8 – 10,10
• NecessarioPhotoshopCS6,CC oCC 2014 e ancheElementi 11, 12 e 13

Prezzo: $ 79,95, prova di 30 giorni disponibile

Questo plugin è ideale per i designer di copertine di libri e per chiunque desideri mostrare il proprio lavoro in modo professionale e visivamente accattivante. Cover Action Pro converte il tuo progetto in modelli di prodotto 3D. Puoi utilizzare modelli e guide e scegliere tra 25 categorie contenenti più di 150 design, inclusi libri, raccoglitori, scatole per DVD, biglietti di auguri, biglietti da visita, riviste.

Caratteristiche principali:

• Ti consente di convertire i tuoi progetti in modelli di prodotto 3D
• Offre modelli e modelli
• Progettato per Photoshop CS6 e versioni successive, ma può funzionare con CS5, CS4 e CS3
• Aggiornamento automatico

Prezzo: $ 147 o $ 247 con 60 modelli di designer

Avocode è uno strumento di collaborazione e gestione dei progetti progettato per la collaborazione di designer e sviluppatori. Consente ai designer di caricare il proprio progetto tramite un plug-in Photoshop e gli sviluppatori possono quindi esplorare gli elementi di design nell'interfaccia web o nell'app desktop. Avocode esporta i livelli come immagini, converte i livelli in CSS, Less, Sass e Stylus, fornisce informazioni sulla formattazione del testo e sulle dimensioni dei livelli. Memorizza tutti i progetti caricati sul server, quindi puoi utilizzarlo come sistema di controllo delle variazioni per il tuo progetto.

Caratteristiche principali:

• Condividi facilmente i tuoi progetti utilizzando un plug-in Photoshop
• Controlla il design nell'interfaccia web o nell'app: funziona su OS X, Windows e Linux
• Esporta i livelli come immagini, convertendoli in CSS
• Dà accesso a progetti precedenti

Prezzo: parte da $ 20 al mese, include una prova gratuita di 14 giorni

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 ce l'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 dalla 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: controllo della luminosità del dispositivo di scorrimento.

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!

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 sulla destra c'è una ruota dei colori in dodici parti situata a pagina 33. O come viene spesso chiamato il “cerchio di Itenna”. Questo era 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 verde - magenta e la blu - giallo.

Pertanto, è meglio disporre i colori come fatto nel cerchio di sinistra. Questa 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 sezione neutra centrale 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 il 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.