Oggi ti mostrerò come creare rapidamente una tavolozza di colori in Sketch. Questo è un bel trucco che mi ha insegnato Marco Edwards alcuni anni fa.

Per prima cosa creiamo tre quadrati con la lunghezza del lato multiplo di tre. Nel nostro esempio, questi sono quadrati alti 240 pt e larghi 240 pt.

Cambiamo i nomi di questi livelli in Rosso, Verde e Blu. Riempiamo il livello Rosso con #FF6161, il livello Verde con #4F953B e il livello Blu con #0076FF. Seleziona questi livelli e premi il tasto "A" per selezionare lo strumento "Tavola da disegno". Ora seleziona l'opzione "Intorno alla selezione" dal pannello "Ispettore" sulla destra. Cambiamo il nome della nostra tavola da disegno: chiamiamola “Tavolozza dei colori”.

Ora aggiungeremo diverse sfumature ai quadrati, dividendoli verticalmente in tre parti uguali. Per fare ciò, crea due rettangoli sopra i quadrati, la larghezza dell'intera tavola da disegno. L'altezza dei rettangoli dovrebbe essere ⅓ dell'altezza dei quadrati — cioè, nel nostro caso, 80pt.

Allinea un rettangolo con il bordo superiore della tavola da disegno e riempilo di bianco, e il secondo con il bordo inferiore e riempilo di nero. Ora imposta l'opacità dei rettangoli al 20%. Ne abbiamo tre sfumature diverse rosso, verde e blu. Rinominiamo questi due livelli in modo da non confonderci in seguito.

Ora divideremo nuovamente i quadrati — questa volta in orizzontale. Crea un rettangolo della stessa altezza del quadrato. La larghezza di questo rettangolo è ⅓ della larghezza del quadrato stesso. Allinea il rettangolo al centro del quadrato rosso. Ora duplichiamo questo rettangolo e allineiamo il nuovo rettangolo al bordo destro del quadrato rosso.

Ora inizia il divertimento. Riempi questi due strati con un colore allegro. Useremo il giallo (#FFE200). Imposta la trasparenza del rettangolo centrale al 40% e quello di destra all'80%. Infine, cambia la modalità di fusione in sovrapposizione.

Ora dobbiamo dividere il rettangolo principale in nove parti uguali. In sostanza, puoi semplicemente duplicare gli ultimi due rettangoli verticali e spostarli nei quadrati verde e blu per creare una tavolozza di colori completa.

Risultato finale

Come utilizzare i colori in Sketch

Sketch ha una funzione nascosta che può aiutarti a identificare i colori usati di frequente in un documento. Questa funzionalità è disponibile nel pannello Ispettore quando si seleziona un colore di riempimento. Sulla destra, appena sopra il valore alfa, c'è una casella colorata. Quando facciamo clic su questa finestra, si apre un pannello che mostra i colori usati di frequente.

Salvare i colori in Sketch è abbastanza semplice. Quando selezioni un colore, vedrai due pannelli: Colori globali e Colori documento. I colori comuni sono colori salvati per tutti i documenti. I colori del documento vengono visualizzati solo per il documento su cui stai lavorando.

Suggerimento: per selezionare rapidamente un colore, premere "Control + C" e fare clic su colore desiderato. Questo è un tasto di scelta rapida per lo strumento contagocce.

Plug-in Tavolozze di schizzi

Quando lavori su un progetto di grandi dimensioni con molti file, non è necessario creare manualmente i colori del documento.

È qui che il plugin Sketch Palettes torna utile. Ti consente di salvare le tavolozze in un file, che puoi successivamente importare in un altro documento. In questo modo puoi aggiungere rapidamente i colori del marchio a qualsiasi nuovo documento.

Questo articolo spiega come ottenere un set di campioni sfumature di colore da un'immagine specifica per creare la propria collezione dei colori richiesti. Considerando che molti utenti di Photoshop devono lavorare con clienti diversi e ognuno di loro preferisce un determinato design in specifiche tonalità di colore, questo articolo ti aiuterà a creare il tuo set di colori in modo abbastanza semplice e veloce.

Un esempio di immagine per una futura tavolozza di colori

Niente può combinare i colori in modo così armonioso come la natura. In qualsiasi periodo dell'anno, vari paesaggi sono pieni delle sfumature più uniche che non tutte le persone saranno in grado di trasmettere. Pertanto, per creare la tua tavolozza di colori, puoi utilizzare una normale fotografia di un paesaggio e prelevare campioni di colore da essa. Questa lezione fornirà inoltre istruzioni dettagliate su come ripristinare il set standard di colori predefiniti e su come utilizzare la tavolozza creata con sfumature preselezionate.

10 passaggi per creare il tuo set con le tonalità di colore di cui hai bisogno

Prima di tutto, devi decidere la foto da cui vuoi prendere le sfumature, quindi avviare Photoshop.

Pannello Campioni

Il set standard di colori presentato nel pannello Campioni deve essere cancellato in modo da poter creare facilmente la propria tavolozza. Tuttavia, non c'è motivo di dubitare, poiché il set eliminato può essere facilmente restituito. L'area che ci interessa con i campioni si trova accanto ai pannelli “Colore” e “Stili”.

Per eliminare un set, dovrai lavorare con ciascun campione separatamente; il programma non ha una funzione come "cancella tutti i campioni". Pertanto, per eliminare un colore, è necessario premere il pulsante Alt (Win) o Opzione (Mac) e, con il cursore del mouse posizionato su di esso, eliminarlo con un semplice clic. Ci sono 122 campioni in totale, dovrai fare clic lo stesso numero di volte. Alla fine dell'operazione il pannello dovrebbe rimanere vuoto.

Strumento contagocce

Per prima cosa carichiamo un'immagine preselezionata da cui abbiamo deciso di prendere le sfumature di colore. Successivamente, torna al pannello di lavoro e seleziona lo strumento Contagocce. Ci sono più modo rapido Per andare a questo elemento: basta premere il tasto I.

Primo campione di colore tratto dall'immagine

Non appena selezioni il contagocce, sposta il cursore del mouse sull'elemento dell'immagine da cui hai bisogno di un campione di colore e fai clic su quest'area. Il colore selezionato viene visualizzato nella barra degli strumenti, quindi puoi vedere esattamente quale tonalità si ottiene e sarà considerata quella principale.

Va notato che per semplificare la procedura di selezione del colore, è possibile tenere premuto il pulsante sinistro del mouse e spostare dolcemente il cursore sull'area dell'immagine. Quando passi il cursore, puoi vedere ciascun colore individualmente nella barra degli strumenti, permettendoti di dare un'occhiata più da vicino a una sfumatura di colore prima di selezionare quello che desideri. Non appena viene trovato il colore richiesto, rilasciare il pulsante del mouse.

Selezione del colore desiderato per la tavolozza utilizzando una pipetta

Aggiungi colore al pannello Campioni

In questa fase, ricevuto il primo campione di colore, è necessario inserirlo nel pannello “Campioni”. Per fare ciò, sposta il cursore su un'area vuota all'interno del pannello con le sfumature future, in conseguenza della quale assumerà la forma di un secchio di vernice e, una volta cliccato, il colore precedentemente selezionato verrà convertito in un campione. Dopo questa operazione, il programma visualizzerà una finestra di dialogo in cui sarà necessario inserire un nome per il colore risultante. In linea di principio non è necessario inserire il nome, poiché il programma stesso li installa per impostazione predefinita. Dopo aver assegnato un nome a un colore, questo appare immediatamente nel pannello Campioni.

Creazione di un set con sfumature di colore

Per raccogliere la tavolozza completa dei colori necessari, dovresti ripetere più volte i due passaggi precedenti:

Seleziona il colore desiderato e fai clic sull'area vuota nel pannello dei campioni;

Salviamo il colore come campione, dandogli un nome se necessario.

Il numero di campioni salvati può essere illimitato, tutto dipende dal tuo desiderio. Alla fine, dopo le operazioni eseguite, sul pannello con i campioni verrà assemblato un set con le tonalità di colore necessarie.

Nuova tavolozza pronta

Salvataggio dei campioni in un set separato

Una volta aggiunti i colori richiesti, il set risultante dovrà essere salvato per poterlo utilizzare in futuro. Per fare ciò, fare clic sul pulsante nell'angolo in alto a destra situato sul pannello degli esempi per andare al menu contestuale, dove dall'elenco dei comandi presentato è necessario selezionare la voce "Salva esempi". Durante il salvataggio, dovrai dare un nome al set. Dopo questi passaggi, il set verrà salvato nella stessa cartella degli altri creati per impostazione predefinita, il che rende molto più semplice trovare il set, se necessario.

Ripristina i campioni di colore predefiniti

Se è necessario ripristinare la tavolozza standard delle sfumature di colore dopo aver cancellato tutti i colori, torna al menu contestuale del pannello dei campioni e seleziona il comando "Ripristina campioni". Nella finestra di dialogo che appare, il programma ti chiederà se sostituire il set attuale con uno standard. Qui puoi sostituire le tonalità di colore o semplicemente aggiungerle ai campioni attuali senza eliminarli. Con questo semplice metodo è possibile ripristinare lo standard impostato con campioni di colore.

Caricamento di un set di colori

Torniamo al set di campioni creato per vedere come applicare i colori specificati. Per fare ciò, devi tornare al menu del pannello Campioni. Nella sua parte inferiore c'è un elenco di set con campioni; possono anche essere utilizzati poiché inizialmente inclusi nel programma. Poiché tutti i nuovi set creati vengono salvati nella stessa posizione dei campioni standard, in questo elenco è possibile trovare facilmente un set di sfumature creato in precedenza. Tutti i set nel programma sono disposti in ordine alfabetico, il che semplifica notevolmente la ricerca. Successivamente, verrà nuovamente visualizzata una finestra di dialogo che ti chiederà di sostituire i campioni esistenti con quelli nuovi. IN in questo caso Fare clic sul pulsante con il comando “Sostituisci”. La tavolozza dei colori selezionata verrà immediatamente caricata sul pannello di lavoro e sarà possibile utilizzare i campioni di colore.

Tavolozze e campioni di colore

Selezione di un colore di primo piano nel pannello Campioni

L'aspetto positivo principale dell'utilizzo dei campioni di colore è che non è necessario fare riferimento periodicamente alla tavolozza dei colori specificata dal programma per trovare il colore giusto. Dopotutto, vengono tutti visualizzati sul pannello con i campioni, rendendo molto comodo trovare il colore desiderato. Per selezionare una tonalità specifica, basta posizionare il cursore del mouse su di essa, che assumerà immediatamente l'aspetto di un contagocce, e fare clic con il pulsante sinistro del mouse. Il colore desiderato è selezionato. Nell'area degli strumenti apparirà un'icona con un colore primario.

Impostazione dello sfondo

Per impostare lo sfondo, devi decidere un colore. Quindi tieni premuto il tasto Ctrl (Win) o Comando (Mac) e fai clic sul colore desiderato nel pannello. Di conseguenza, l'intera area di lavoro del programma acquisirà uno sfondo. Successivamente, tutti i colori selezionati dal tuo set possono essere utilizzati a tua discrezione, tutto dipende dalla tua immaginazione. Approfittando Strumenti di Photoshop, puoi progettare poster in un certo modo combinazione di colori.
Pertanto, questo articolo ti consente di creare il tuo set con le sfumature di colore necessarie in Photoshop. Se segui il presentato istruzioni passo passo, questa operazione non richiederà troppo tempo.

Mockup del prodotto utilizzando una tavolozza di colori personalizzata creata in precedenza

07/06/16 13,6K

Selezione del colore: uno dei le fasi più importanti nel processo di creazione di un buon design.

Per semplificarti il ​​compito, abbiamo deciso di compilare una selezione composta da migliori servizi per creare combinazioni di colori. Ti aiuteranno a risparmiare tempo e ottenere comunque risultati decenti.

01. Adobe Color CC

Adobe ha rinominato il suo progetto Kuler in Color

Potresti avere familiarità con questo strumento con il suo nome precedente: Adobe Kuler. Tuttavia, Adobe ha recentemente rinominato una delle sue popolari applicazioni web in Adobe Color CC.

Ti consente di selezionare, creare e salvare diversi schemi di colori, ognuno dei quali può contenere fino a cinque colori. Lo strumento è disponibile sia nella versione browser che desktop. Se utilizzi la versione desktop, potrai esportare la tua combinazione di colori direttamente in Photoshop, Illustrator e InDesign.

02. Sfera colorata Mudcube

Se non sei sicuro della tua combinazione di colori, Mudcude ha la sua galleria di risorse già pronte

Mudcube Color Sphere è una risorsa in miniatura molto utile per i designer che non solo offre codici esadecimali per i colori selezionati, ma ti consente anche di creare combinazioni di colori per i tuoi progetti. Vale anche la pena notare che Mudcube ha una propria galleria di risorse già pronte che possono essere utilizzate.

03. Controlla i miei colori

Check my Colors è progettato specificamente per valutare e selezionare la combinazione di colori di sfondo e primo piano per tutti gli elementi DOM. E anche per scoprire se gli elementi sono sufficientemente in armonia tra loro. Tutti i test si basano su algoritmi consigliati dal World Wide Web Consortium ( W3C).

04. L'applicazione Colore

L'applicazione ti aiuterà a scoprire i valori RGB, HEX e HSLA dei colori selezionati

Strumento iOS L'app Color ti consentirà di determinare facilmente e semplicemente i colori utilizzando un'ampia tavolozza di colori. Ti consente di scoprire i valori RGB, HEX e HSLA dei colori, nonché di creare le tue combinazioni di colori per il sito.

05. Cacciatore di colori

Color Hunter genera una combinazione di colori basata sull'immagine selezionata

Questo è molto strumento utile, soprattutto se hai bisogno di trovare un colore specifico. Seleziona un'immagine e caricala su Color Hunter. Lo strumento creerà una tavolozza di colori basata sull'immagine selezionata. Questo è un ottimo metodo per creare le tue combinazioni di colori.

06.TinEye

Se hai bisogno di ottenere un colore specifico, inserisci semplicemente il valore HEX nell'URL

Questo sito utilizza un database di 10 milioni di immagini, disponibile gratuitamente sotto licenza Creative Commons, che i creatori hanno attentamente curato da Flickr. Questi possono essere utilizzati per generare schemi di colori appropriati.

07. Colore

Pratica applicazione web in miniatura. Passa il mouse sullo schermo e seleziona il colore che desideri, quindi scorri leggermente per selezionare la tonalità. Dopodiché lo strumento produrrà tutti i codici HEX necessari, che potrai utilizzare nei tuoi progetti. Uno degli strumenti più facili da usare.

08. SpyColor.com

Generatore di combinazioni di colori gratuito che fornisce informazioni sui colori e consente anche di convertirle in qualsiasi combinazione ( RGB, CMYK e altri ). Qui sono disponibili numerosi formati di combinazioni di colori, inclusi processo, monocromatico e altro.

09.Ispirazione progettuale

Su Designspiration puoi scegliere fino a cinque tonalità con una comoda tavolozza a tutta pagina che ti consente di trovare facilmente esattamente gli schemi di colori HTML che stai cercando. Il sito genererà quindi una pagina con tutte le immagini nel database che utilizzano una combinazione di colori simile. Verranno forniti anche valori HEX che potrai utilizzare nei tuoi progetti. E le immagini possono essere salvate nelle raccolte sul sito.

10.ColorExplorer

Uno degli strumenti web più sofisticati che offre molte funzionalità relative al design, alla personalizzazione e all'analisi delle combinazioni di colori. Ecco alcuni strumenti per aiutarti a determinarlo Validità WCAG degli schemi di colore e genera anche le tue tavolozze di colori.

11. Generatore di combinazioni di colori esadecimali

Un piccolo e pratico strumento per generare una combinazione di colori basata su una tonalità selezionata. Inserisci il valore esadecimale del colore e lo strumento fornirà una serie di colori corrispondenti che puoi utilizzare insieme a quello principale.

12. Amanti del COLORE

COLOURlovers è una community per la condivisione di combinazioni di colori. Qui puoi trarre ispirazione dai set di colori di altri utenti, nonché creare e condividere i tuoi.

13. Designer combinazione di colori

Questo strumento online offre modi interessanti generare combinazioni di colori, consentendo di regolarne la luminosità e regolare il contrasto. Qui puoi creare diversi modelli matematici popolari di combinazioni di colori, incluso il monocromatico.

14. COPASO

Uno degli strumenti del sito web COLOURlovers. Ma COPASO merita un'attenzione speciale, poiché è un'incredibile soluzione all-in-one e consente di generare facilmente combinazioni di colori già pronte per il sito. Qui sono disponibili molti strumenti di selezione del colore, tutti ospitati in un'interfaccia semplice e intuitiva. Inoltre, puoi aggiungere note alle tavolozze, caricare immagini, ecc.

15. Mod.colore

Colourmod è un software che ti consente di selezionare singoli colori da un'area widget, sia che tu stia utilizzando un Mac o Konfabulator su Windows. Questo non è uno strumento molto semplice per lavorare con le tavolozze dei colori, ma ti aiuterà a determinare i colori in modo rapido e semplice senza dover scaricare programmi pesanti.

16. ColorZilla

ColorZilla è disponibile sia per Chrome che per Firefox

Questo progetto è iniziato come plugin per Firefox, ma oggi è disponibile anche per Google Chrome. ColorZilla è un'estensione che include diversi strumenti progettati per lavorare con il colore, tra cui una tavolozza, un generatore di gradienti CSS e un contagocce.

17. Colormunki

Un comodo strumento online per selezionare le combinazioni di colori dai creatori di Colormunki. Ti consente di creare facilmente tavolozze di colori accattivanti da campioni basati su Pantone utilizzando più tecniche.

18.colr.org

Colr.org ti consente di impostare la gamma di colori di qualsiasi immagine

Questo strumento consente un'analisi dettagliata dei colori dell'immagine che solitamente è automatizzata in altri strumenti. Questo ti permetterà di scegliere il massimo colore adatto. Ti consigliamo di provare questo strumento, anche se la sua interfaccia non è sofisticata come quella di altre app.

19. ColourGrab

Questo pratico strumento crea tavolozze di colori da qualsiasi immagine. Inserisci l'URL dell'immagine che vuoi analizzare e il servizio genererà automaticamente un grafico 3D con le informazioni sui colori utilizzati. Sebbene questa applicazione non sia del tutto adatta alla scelta di una combinazione di colori per un sito Web, può essere utilizzata per studiare le immagini e le loro caratteristiche cromatiche.

20.ColorBlender

ColorBlender genera una tavolozza di cinque colori corrispondenti

Uno degli strumenti più semplici che ti permette di regolare il colore e ottenere cinque colori che si combinano tra loro in tempo reale. La tavolozza generata può essere scaricata in Photoshop o Illustrator come file EPS.

21. GrayBit

GrayBit ​​ti consente di analizzare i siti Web per capire come apparirebbero in scala di grigi

Questo strumento ti aiuterà a vedere come appare il tuo sito toni grigi. Un ottimo servizio che aiuterà ad individuare le aree problematiche in contrasto.

22. COLRD

Uno strumento che può essere utilizzato come fonte di ispirazione o per condividere combinazioni di colori. Naturalmente, questa risorsa non aiuterà con la generazione di schemi, ma dovresti assolutamente prenderne nota.

23. Spettro di Shutterstock

Le immagini possono essere filtrate in base al bilanciamento del colore e alla luminosità

A volte il modo più semplice per verificare se una combinazione di colori va bene è guardare le immagini stock. Quasi tutti i principali siti di azioni offrono strumenti simili, ma Shutterstock Spectrum ha un'interfaccia molto intuitiva. Dopo aver utilizzato il dispositivo di scorrimento per definire i colori, puoi specificare parole chiave che aiuteranno a determinare il tema delle foto. Inoltre, puoi filtrare le immagini in base al bilanciamento del colore e alla luminosità.

24. Generatore di strisce 2.0

Può sembrare che questo strumento sia obsoleto da molto tempo. Tuttavia, puoi comunque utilizzarlo in modo efficace per creare combinazioni di colori per siti Web già pronti e modelli accattivanti.

25. Colori sul Web

Colors on the Web accetta colori individuali in formato HEX o RGB e produce combinazioni di colori basate su vari calcoli matematici. Un meccanismo simile viene utilizzato in Kuler. Questo strumento web non funzionerà su iPad o iPhone a causa dell'utilizzo della tecnologia Flash.

26. Pittacoloso

Questo strumento ti consente di caricare immagini e generare combinazioni di colori dai colori utilizzati in esse. Il progetto combina altri strumenti, offrendo sia la funzionalità di Kuler che di Colourlovers.

27. Contrasto-A

Uno strumento insolito per creare combinazioni di colori conformi a WCAG. Il servizio consente di simulare daltonismo, problemi di vista e cecità clinica. Inoltre, ci sono molti collegamenti a very risorse utili e istruzioni. da

Buono cattivo

Quando si crea un web design, forse la cosa più importante è la capacità di scegliere i colori giusti. Questo può essere difficile e talvolta richiede molto tempo, quindi oggi abbiamo preparato una piccola selezione di risorse che renderanno questo compito più semplice.

Una piccola teoria

I colori per il web vengono realizzati utilizzando combinazioni di rosso, verde e blu, questo metodo di combinazione dei colori si chiama RGB (Red Green Blue).

Ogni colore è rappresentato da un numero intero compreso tra 0 e 255 e ogni colore ha un valore per rosso, verde e blu. Il nero, ad esempio, non ha tonalità e in RGB è indicato come 0, 0, 0. Il primo numero indica sempre il valore del rosso, il secondo il verde e il terzo il blu.

Poiché esistono 256 varietà di ciascuna tonalità, esistono 16 milioni di tonalità diverse. combinazioni di colori RGB. La maggior parte dei computer oggi può visualizzare con precisione tutti i 16 milioni di colori. Esistono i cosiddetti “colori sicuri” della necessità di utilizzarli abbiamo già scritto;

Quando si specifica un colore, è possibile utilizzare il valore RGB o il sistema esadecimale HEX. I colori HEX sono rappresentati da sei cifre precedute dal segno #. HEX è costituito da una combinazione di numeri e lettere; 0 è il valore più piccolo, FF (255) è il più alto. Ciascuno di questi sei caratteri in HEX corrisponde ai numeri nella codifica RGB. Il colore nero ha il valore HEX #000000.

147 colori sono definiti per nome per HTML e CSS secondo w3schools.com. Sono disponibili 17 colori standard: acqua, nero, blu, fucsia, grigio, grigio, verde, lime, bordeaux scuro (marrone), blu scuro (blu scuro), oliva (oliva), viola (viola), rosso (rosso), argento (argento), blu-verde (verde acqua), bianco (bianco) e giallo (giallo). Ogni colore ha il suo valore RGB ed HEX specifico. Il bordeaux scuro, ad esempio, ha un valore RGB di 128, 0, 0 e un valore HEX di #800000; per l'argento - 192, 192, 192 o #C0C0C0.

Creazione di una tavolozza

A volte creare una tavolozza sembra più semplice di quanto non sia in realtà. Alcuni progettisti esperti può creare una tavolozza da zero; altri prendono ispirazione da altri siti o fonti esterne (guardando i colori su un sacchetto di patatine in un negozio di ferramenta o trovando le giuste soluzioni in natura).

Le tavolozze sono in fase di sviluppo diversi modi, tutto dipende dal processo di pensiero del designer. Alcune persone hanno un occhio così acuto che riescono ad abbinare i colori al volo mentre sfogliano un libro a colori o guardano una fotografia. Quando crei una tavolozza, assicurati di creare combinazioni di colori per ciascun elemento del tuo sito web.

Per utilizzare i colori che hai trovato altrove, scatta una foto digitale e aprila in un editor di foto, ad esempio Adobe Photoshop. Ingrandisci finché i pixel non sono chiaramente visibili e utilizza lo strumento Contagocce per selezionare le sfumature che ti piacciono, quindi annota i loro valori.

Risorse utili

Non è necessario reinventare la ruota. Esistono molti strumenti online gratuiti che consentono agli utenti di creare, scaricare e importare tavolozze di colori in pochi minuti. Le tavolozze possono essere create in base a un singolo colore o utilizzando una fotografia o un'altra immagine. Ecco alcuni semplici servizi a questo scopo.

Uno strumento per creare una tavolozza di sei colori, che i designer possono scaricare in formato .atc per Photoshop, .epc per Illustrator o inviare via email. Imposta la tonalità per ciascun colore utilizzando il cursore o specificane tu stesso il valore.

Disponiamo di un'ampia libreria di combinazioni di colori già pronte da cinque sistemi di colore. È possibile utilizzare lo strumento Contagocce per definire un colore. Esistono molte possibilità (anteprima dei colori insieme al testo, generazione di modelli di siti Web con colori selezionati, ecc.). Usando questo servizio puoi anche determinare i colori del sito web che ti piacciono (basta inserire il suo URL).

Generatore di tavolozze di colori

Commenti

1. Serg
   24 febbraio 2012 alle 21:33

   Ottima e utile raccolta. Per conto mio posso citare colorischemedesigner.com che, tra le altre cose, offre diverse modalità di presentazione per persone con disturbi della percezione dei colori. Puoi verificare, ad esempio, come vedranno il tuo lavoro le persone affette da tritanopia)

2. Costantino
   25 febbraio 2012 alle 8:47

   Un errore di battitura all'inizio - RGB (Leggi verde blu) - Leggi verde blu)))

   Elena17 Risposta:
   25 febbraio 2012 alle 15:30

   Grazie;), già risolto.

3. Irina
   25 febbraio 2012 alle 22:55

   Ai creatori del sito!

   Adoro il tuo sito e leggo costantemente nuovi post..

   Per qualche ragione, recentemente Kaspersky (licenza) ha iniziato a imprecare e bloccare la tua pagina!

   Attiro la vostra attenzione su questo..

   Rispondo:
   26 febbraio 2012 alle 19:51

   Grazie, troveremo una soluzione))

4. Elena
   26 febbraio 2012 alle 11:50

In questo tutorial esploreremo come campionare le sfumature di colore da un'immagine e creare set da esse che potrai utilizzare in seguito, soprattutto quando lavori con clienti diversi che preferiscono ciascuno determinati colori per il proprio progetto o quando semplicemente lo desideri crea la tua collezione di sfumature di colore.

Una delle cose che preferisco fare è fotografare paesaggi e poi salvare i singoli colori nelle foto come set di colori. Dopotutto è quasi impossibile battere Madre Natura quando si tratta di combinazioni di colori armoniose. In questo tutorial faremo tutto esattamente come ho appena descritto: prendi campioni di colore da una foto, posizionali nel selettore colori e poi salvali come un set separato di campioni di colore. Vedremo anche come ripristinare i colori predefiniti originali del programma una volta terminato e come caricare il set creato quando ne avremo bisogno!

Di seguito è riportata una foto da cui prenderò le singole sfumature di colore. Voglio creare una serie di campioni di colore chiamati " Foglie d'autunno", quindi questa foto è perfetta:

Immagine del fogliame autunnale colorato

Alla fine del tutorial, vedremo un esempio di come utilizzare i colori del set che abbiamo creato per creare un aspetto completamente diverso. Iniziamo.

Passaggio 1: rimuovi le tonalità di colore esistenti dal pannello Campioni

Per creare il tuo set di tinte di colore, rimuoviamo prima tutti i campioni di tinte di colore presentati nel pannello Campioni. Non preoccuparti, non verranno eliminati in modo permanente, come vedremo più avanti. Passa al pannello Campioni, che per impostazione predefinita è raggruppato insieme ai pannelli Colore e Stili. A meno che tu non abbia precedentemente caricato altri set di colori, il pannello Campioni mostrerà i colori originariamente impostati nel programma per impostazione predefinita:

Il pannello Campioni visualizza una selezione di campioni di colore predefiniti

Sfortunatamente, il programma Photoshop Non esiste un comando Rimuovi tutti i campioni di colore, quindi per rimuovere tutti i campioni di colore visualizzati nel pannello Campioni, dovremo eliminare manualmente ciascun campione di colore. Per fare ciò, tieni premuto Alt (Win) / Opzione (Mac) e passa il mouse sopra il campione di colore nell'angolo in alto a sinistra ("Rosso RGB"). Vedrai come il cursore assumerà la forma di forbici:

Tasto Alt premuto(Vincere)/Opzione(Mac) Passa il mouse sul campione di colore rosso nell'angolo in alto a sinistra. CursoretopiAQuestoaccetteràmoduloforbici

Quindi, sempre tenendo premuto il tasto Alt/Opzione, fai clic sul campione di colore per eliminarlo. Continua a fare clic su altri campioni di colore per rimuoverli. Sarà necessario fare clic con il pulsante del mouse per un totale di 122 volte per rimuovere tutti i campioni, ma a seconda della velocità con cui si fa clic con il pulsante del mouse, l'operazione non dovrebbe richiedere molto tempo. Una volta terminata l'eliminazione dei campioni di tonalità, il pannello Campioni sarà completamente vuoto:

Dopo aver eliminato tutti i campioni di colore predefiniti, il pannello Campioni è vuoto

Passaggio 2: seleziona lo strumento Contagocce

Apri l'immagine in Photoshop in cui desideri campionare il colore (se non è già aperta), quindi seleziona lo strumento Contagocce dal pannello Strumenti o premi I per una rapida selezione dello strumento:

Scegliereattrezzo « Pipetta»

Passaggio 3: ottieni il primo campione di colore dall'immagine

Dopo aver selezionato lo strumento Contagocce, sposta il cursore del mouse sull'area in cui desideri campionare il colore, quindi fai clic per campionare il colore. Voglio campionare il colore giallo brillante di una delle foglie nella parte superiore della mia immagine come primo colore del mio futuro set:

Prendi un campione di colore giallo brillante da una delle foglie

Puoi sapere esattamente quale colore hai ottenuto da un'immagine guardando l'icona del campione di colore primario nella barra degli strumenti:

Il colore risultante viene visualizzato nella barra degli strumenti come colore primario

Nota: potresti trovare più semplice raccogliere i colori tenendo premuto il pulsante del mouse mentre sposti il ​​cursore all'interno dell'immagine (con lo strumento Contagocce selezionato). Il colore su cui si ferma il cursore verrà visualizzato nella barra degli strumenti come colore di base e cambierà continuamente mentre muovi il mouse, fornendoti un'anteprima del colore prima di campionarlo. Questo metodo mi sembra più conveniente del metodo di fare clic con il pulsante del mouse e solo allora vedere quale campione abbiamo ricevuto. Rilascia il pulsante del mouse quando trovi un colore che si adatta al tuo set di campioni di colore.

Passaggio 4: aggiungi colore al pannello Campioni

Una volta ottenuto il primo campione di colore, sposta il cursore del mouse su un'area vuota all'interno del pannello Campioni. Vedrai il cursore assumere la forma di un secchio di vernice. Fare clic in un punto qualsiasi dell'area vuota per convertire il colore risultante in un campione di colore. Questa azione aprirà una finestra di dialogo che ti chiederà di inserire un nome per il tuo campione di colore. Se stai creando un set di campioni di colore per un cliente che utilizza e quindi richiede colori Pantone specifici, è una buona idea nominare il campione di colore con un colore che corrisponda alla tabella dei colori Pantone (ad esempio, Pantone Yellow 012 C If stai creando una serie di campioni di colore per uso personale, quindi dai al campione un nome a tua scelta. Chiamerò il mio campione di colore "Giallo":

Dai al tuo nuovo campione di colore un nome significativo oppure puoi scegliere di non nominarlo affatto.

In effetti, non è necessario nominare i campioni di colore, quindi se i nomi dei campioni non ti interessano, lascia i nomi che il programma offre per impostazione predefinita. Fare clic su OK per chiudere la finestra di dialogo dopo aver assegnato un nome al campione di colore. Se ora guardo il pannello Campioni, posso vedere che il mio primo campione di colore è stato aggiunto lì:

Il campione di colore Giallo creato viene visualizzato nel pannello Campioni.

Passaggio 5: continua a raccogliere i colori e a creare campioni di colore da essi

Continua a raccogliere i colori dalla tua immagine e poi fai clic in un'area vuota del pannello Campioni per salvarli come campioni di colore, dando loro dei nomi se necessario. Ho raccolto altri 10 colori dall'immagine e mi sono ritrovato con 11 nuovi campioni nel pannello Campioni. Puoi creare tutti i campioni di colore che desideri:

Passaggio 6: salva i campioni di colore come set separato

Quando hai finito di aggiungere colori al pannello Campioni e sei pronto per salvarli come un set separato di campioni, fai clic sulla piccola freccia destra nell'angolo in alto a destra del pannello Campioni per visualizzare il menu del pannello:

Fai clic sulla piccola freccia a destra per visualizzare il menu del pannello Campioni

Quindi dal menu che appare, seleziona “Salva campioni”:

Immettere un nome per il nuovo set di campioni

Successivamente, fai clic sul pulsante “Salva”. » (Salva) per salvare una serie di campioni. Il programma salverà il set di campioni di colore nella stessa posizione degli altri set di campioni caricati nel programma per impostazione predefinita, quindi non dovrai cercare in tutto il computer la cartella giusta la prossima volta che desideri accedere a uno qualsiasi dei creato set di campioni, che noi e consideriamo ulteriormente.

Passaggio 7: ripristinare i campioni di colore predefiniti

Abbiamo preso alcuni colori da un'immagine, creato campioni di colore da essi e salvati tali campioni come un nuovo set di campioni separato. Ma cosa succede se vogliamo riutilizzare i campioni di colore predefiniti che abbiamo rimosso all'inizio del tutorial? Tutto quello che dobbiamo fare è fare nuovamente clic sulla piccola freccia destra nell'angolo in alto a destra del pannello Campioni per visualizzare nuovamente il menu del pannello e selezionare il comando Ripristina campioni dall'elenco visualizzato » ( Ripristina campioni):

Per ripristinare i campioni di colore predefiniti nel pannello, selezionare il comando "Ripristina campioni".

Nella finestra di dialogo corrispondente, il programma ti chiederà se è necessario sostituire i campioni di colore correnti con quelli predefiniti. Puoi confermare di voler sostituire i campioni di colore correnti con quelli predefiniti facendo clic su OK oppure puoi aggiungere i campioni predefiniti ai campioni correnti senza eliminarli facendo clic sul pulsante Aggiungi. Farò clic su OK e sostituirò il set di campioni Autumn Leaves con i campioni di colore predefiniti:

Fare clic su OK per ripristinare i campioni di colore predefiniti

Dopo questa azione, i campioni di colore predefiniti sono apparsi nuovamente nel pannello Campioni:

I campioni di colore predefiniti sono tornati nel pannello Campioni

Passaggio 8: carica il tuo set di campioni di colore

La prossima volta che desideri utilizzare il set di campioni di colore che hai creato, tutto ciò che devi fare è fare nuovamente clic sulla freccia destra per visualizzare il menu del pannello Campioni. Se guardi la parte inferiore del menu, vedrai un elenco di set di campioni di colore aggiuntivi attualmente disponibili per il download. La maggior parte di questi kit vengono forniti con Programma Photoshop, ma poiché il nostro set di campioni è salvato nello stesso posto degli altri set, potrai vederlo anche nell'elenco dei set. Devi solo fare clic sul nome del tuo set per selezionarlo. Il programma posiziona i set di campioni di colore in ordine alfabetico, quindi il mio set Autumn Leaves è il secondo dall'alto:

Troverai tutti i set di campioni di colore, incluso il tuo, nel menu del pannello Campioni. ClicSUNomereclutamentoPeril suoscelta

Ancora una volta, il programma ti chiederà se desideri sostituire i set esistenti con quelli nuovi o aggiungere nuovi campioni di colore ai campioni già presenti nel pannello. Farò clic su OK per sostituire i campioni predefiniti con i campioni creati dal set Autumn Leaves:

Fare clic sul pulsante Sostituisci per sostituire i campioni predefiniti nel pannello con nuovi campioni di colore

Questa azione caricherà i miei nuovi campioni di colore dal set Autumn Leaves nel pannello Campioni, pronti per un ulteriore utilizzo:

Il mio set di campioni di colore caricato nel pannello Campioni

Passaggio 9: seleziona un nuovo colore primario dal pannello Campioni

Il grande vantaggio dell'utilizzo dei campioni di colore è che sono colori preimpostati. Ciò significa che questi sono i colori che abbiamo già scelto (o i colori che il programma ha scelto per noi, se stai lavorando con i campioni predefiniti), e non dobbiamo selezionare quei colori dal selettore colori ogni volta ne abbiamo bisogno. Per selezionare uno qualsiasi dei colori nel pannello Campioni, passa semplicemente il mouse sul campione di colore desiderato. Vedrai il cursore assumere la forma di un contagocce. Successivamente, fai clic sul colore per selezionarlo. Nel mio caso, sceglierò colore arancione, secondo da sinistra:

Per selezionare il colore desiderato, fai clic sul relativo campione nel pannello Campioni.

Dopo aver fatto clic sul colore desiderato, puoi vedere che questo colore è stato effettivamente selezionato da noi ed è stato visualizzato sull'icona del campione di colore primario sulla barra degli strumenti:

Il colore su cui hai fatto clic nel pannello Campioni viene visualizzato nell'icona del campione di colore primario nella barra degli strumenti

Passaggio 10: seleziona un nuovo colore di sfondo dal pannello Campioni

Per selezionare un colore specifico come colore di sfondo, tenere premuto Ctrl(Vincita) / Comando(Mac) e contemporaneamente fare clic sul colore desiderato nel pannello Campioni. Nel mio caso, quando si preme il tasto Ctrl/Comando Farò clic sul colore rosso scuro:

Con il tasto Ctrl premuto(Vincere)/Comando(Mac) Fai clic sul colore desiderato nel pannello Campioni per impostarlo come colore di sfondo

Ora, se guardo di nuovo la barra degli strumenti, posso vedere che l'icona del campione di colore di sfondo ora ha il colore rosso scuro che ho appena selezionato:

Il colore selezionato nel pannello Campioni viene visualizzato nell'icona del campione di colore di sfondo nella barra degli strumenti

Ora posso usare i colori del mio set Autumn Leaves come voglio, quando voglio! Di seguito sono riportate le righe della poesia che ho stilizzato utilizzando i colori del set di campioni di colore creato e il pennello Scattered Maple Leaves predefinito in Photoshop:

Una poesia progettata utilizzando i colori del mio set di campioni di colori Autumn Leaves.

E ora abbiamo finito! Abbiamo imparato come creare facilmente i tuoi campioni di colore e interi set di campioni in Photoshop!

Traduzione: Ksenia Rudenko