Ruota dei colori Adobe. Miscelatori di colori. ColorSchemer Studio contro Adobe Kuler. Versione online di ColorSchemer Studio

Scriverò come utilizzare il programma più fresco per trovare tavolozze in base ai colori disponibili . Avremo bisogno di Paint o Photoshop e del programma Kuler stesso http://kuler.adobe.com

Ad esempio, prenderò il colore dei miei occhi.

1) Apri la foto in Paint o Photoshop e utilizza lo strumento contagocce per selezionare il colore desiderato.
NB Molte persone hanno gli occhi multicolori, prova a scegliere quello medio, oppure scegli quello che domina.



2. Aprire la tavolozza. Ci sarà dato coordinate del colore risultante. CMYK o RGB . Scegline uno qualsiasi e ricorda.

Il computer su cui sto ora ha una vecchia versione di Paint. RGB è rosso verde blu - il rapporto tra il colore rosso, verde e blu. Ho R = 38, G = 57, B = 51

4. Ora diamo un'occhiata agli schemi rimanenti. Quando si sceglie una parola monocromatico otterrai uno schema correlato: un colore con luminosità e luminosità diverse (puoi leggere informazioni su uno schema correlato (monocromatico)).

5. Quando si sceglie sfumature Ci saranno variazioni solo al buio, la luminosità non cambierà.

6. Ne abbiamo davvero bisogno complementare - permette di trovare i colori opposti (complementari) (informazioni sullo schema complementare).
NB Il raffreddatore produce colori scuri e chiari in modo casuale, è importante ricordarlo i colori strettamente complementari tra loro non differiscono nell'oscurità . Quindi un complimento per il colore dei miei occhi è il quadrato più a destra.

7. Non meno interessante, fornisce la base per espandere le tavolozze - triade - permette di realizzare circuiti equidistanti (triadici). (oppure puoi leggere lo schema triadico)

8. Per ricreare i colori ottenuti nel refrigeratore nelle tavole Paint e Photoshop, basta guardare le coordinate dei colori nel refrigeratore (come puoi vedere, sotto ogni colore c'è una targhetta) e inserirle nella tavolozza di il tuo editor grafico, quindi riempi il quadrato della tabella con loro =)

.
Molti già lo sanno, ma per coloro che sentono parlare di questo servizio per la prima volta, questo post è per voi.

Adobe Kuler è un mixer di colori con la possibilità di creare, modificare ed esportare varie tavolozze di colori che possono essere utilizzate in programmi come Adobe Photoshop, Illustrator, ecc.

Forse molti di voi hanno già riscontrato il problema di scegliere la tavolozza dei colori giusta per il proprio progetto. In questo caso, puoi utilizzare questo interessante strumento.

Oltre a creare le tue tavolozze di colori, Adobe Kuler offre la possibilità di utilizzare tavolozze già create. Si trovano nella sezione "Esplora". Lì puoi ordinarli per popolarità, ecc.

Sezione “Esplora” del servizio online Kuler

Per usufruire di tutte le funzionalità del servizio è necessaria la registrazione, fortunatamente gratuita; È sufficiente avere un account (Adobe ID) su adobe.com.

Quando lavori in Adobe Photoshop, puoi anche utilizzare l'estensione Kuler. Nelle ultime versioni di Adobe Photoshop è presente di default. Puoi abilitarlo tramite Finestra -> Estensioni -> Kuler. (Finestra -> Estensioni -> Kuler).

Ecco come appare la finestra di questa estensione in Adobe Photoshop:

Finestra di Adobe Kuler in Photoshop

Esistono molti strumenti simili ad Adobe Kuler. Esistono anche servizi online e programmi desktop che puoi scaricare e installare sul tuo computer.

Il vantaggio di Kuler rispetto alle versioni desktop è la facilità d'uso. Anche se devi reinstallare il sistema operativo sul tuo computer, non devi preoccuparti che le tavolozze dei colori che hai creato scompariranno e verranno salvate nel tuo account su Adobe.com.

Spero che questa nota aggiunga un altro strumento al tuo arsenale di servizi utili per creare i tuoi progetti.

Adobe Color CC è una nuova applicazione Android per i designer. Ti consente di salvare le combinazioni di colori che ti piacciono davvero in modo da poterle utilizzare in seguito in applicazioni di immagine complete: Illustrator, InDesign e Photoshop.

Adobe Color CC per Android

  • Acquisizione istantanea dei colori: lo schermo funge da mirino. A sua volta, l'applicazione ricorda in tempo reale tutti i colori che cadono nel mirino. Per salvare l'area selezionata è sufficiente toccare lo schermo nel punto desiderato.
  • Salvataggio automatico delle foto: se ti piace una foto, perché non salvarla in un album in modo da poter sfruttare al meglio i temi colore in futuro.
  • Personalizzazioni approfondite: utilizza il dispositivo di scorrimento o la ruota dei colori interattiva per personalizzare i colori. Se hai bisogno di nuove idee, allora ci sono raccolte già pronte con temi al tuo servizio in modo che tu possa capire come aprire nuove possibilità.
  • Lasciati ispirare e ispirare: condividi le immagini via e-mail, Facebook, Twitter. Puoi anche pubblicare il tuo lavoro su color.adobe.com.
  • Approfitta delle librerie creative basate su cloud: qui puoi accedere alle applicazioni desktop e mobili compatibili dell'azienda: Illustrator, Photoshop, InDesign

Penso che tutti i lettori abbiano già capito che i colori non dovrebbero essere fastidiosi, non dovrebbero creare contrasto quando si lavora con le principali risoluzioni dei monitor dei visitatori, ecc. sciocchezze di cui si è già parlato più di una volta su altri blog. Non ripeterò le loro parole, basta cercarle su Google.

Di cosa scriverò comunque? Informazioni su diversi servizi mixer: selettori di colori adatti al visitatore, che è senza dubbio uno strumento utile nel lavoro di un progettista dell'usabilità. I colori sono senza dubbio uno strumento molto importante per ottenere una maggiore comodità sul sito, come dimostra chiaramente l'esempio di Yandex. Ad esempio, la stessa differenziazione cromatica dei blocchi che ho descritto casualmente in una nota sulle forme ideali, e continuerò su questo argomento nel prossimo futuro.

Color Schemer Studio

Cos'è un miscelatore? Questo, per dirla semplicemente, è un mixer. Non importa cosa, ma nel mio caso si tratta di colori - dopo tutto, per ottenere qualsiasi colore è necessario creare una combinazione di molti altri. Pertanto, abbiamo bisogno di uno strumento buono e conveniente proprio per questo mixaggio, con un'interfaccia necessariamente intuitiva e una serie di gadget implementati in questa interfaccia molto intuitiva. Siamo esperti di usabilità, giusto?

Affinché i miei pensieri trovassero una base, ho guardato Wikipedia per vedere cosa mi avrebbe dato la definizione di "mixer" (. Allora, cosa abbiamo lì:

Miscelatore- un piccolo elettrodomestico destinato a sbattere uova, preparare bevande, mousse, frittate, pastelle, ecc. I miscelatori possono essere fissi o manuali (dispositivi più comuni).

Una risposta molto... molto esauriente a una richiesta così specifica. Per evitare che altre persone abbiano problemi in futuro, ho creato la definizione di Color Mixer.

Nella prima parte di questa serie di articoli parlerò del programma ColorSchemer Studio dell'omonima azienda, che è stata pioniera nella creazione di prodotti simili, il cui numero ha già superato diverse dozzine, in un'ampia gamma varietà di forme

Nello screenshot qui sotto puoi dare un'occhiata allo strumento più importante del programma: la ruota dei colori. È qui che passeremo la maggior parte del nostro tempo in questo programma. È facile da usare: basta selezionare un colore e mostrerà i colori più adatti e contrastanti. È semplice.

Questo è lo strumento di partenza, che di solito fa perdere più tempo: dopo tutto, il colore vicino potrebbe piacere di più e (quello vicino, cioè) ne ha molti più compatibili. In generale: la bellezza, non uno strumento.


Lo strumento Armonie di colore ci aiuta a vedere le fasi di transizione tra due colori primari. Inoltre, questo strumento produce 2 tipi di possibili transizioni: scuro e chiaro. Comodo.

I migliori colori compatibili

Tutto in questo strumento è incredibilmente semplice: selezioniamo un colore e il programma ci fornisce i colori che sono più adatti per essere utilizzati insieme all'originale. Noterò che questi colori da soli potrebbero non essere molto belli, ma se usati insieme agli altri 5, ottieni cose davvero belle.


Fotoschematore

Una funzione nuova e interessante del programma è quella di prendere diversi colori da una foto e generarne di compatibili in base ad essi. Prendiamo due piccioni con una fava: nella maggior parte dei casi le fotografie mostrano colori naturali che non causano rigetto. Come puoi vedere dallo screenshot, i colori sono davvero buoni e non cercano di mangiarci il cervello.


Miscelatore di colori

Ancora una volta, lo strumento più semplice e intuitivo: carichiamo due colori diversi e otteniamo proporzioni diverse mescolandoli. Ad essere sincero, non ho mai usato questo strumento perché non era necessario. Anche se spero che qualcuno ne abbia ancora bisogno, altrimenti non farebbe parte del programma. Forse artisti?


Analizzatore di combinazioni di colori

Immaginiamo di aver già effettuato una selezione di colori, ora dobbiamo raccogliere i frutti. Analizzatore di combinazioni di due colori: sfondo e testo. Quelli. questo è lo strumento migliore per gli esperti di usabilità: scegliendo il colore di sfondo puoi ottenere immediatamente la migliore combinazione per il testo. È fantastico.


Anteprima rapida

Il programma non solo selezionerà i colori migliori con il tuo aiuto, ma ti aiuterà anche a disporli nell'ordine corretto sulla pagina. A proposito, per questo strumento vengono utilizzati metodi psicologici, il che è di per sé interessante.

Foca

Dopo aver salvato la nostra tavolozza di colori personalizzata, forse dobbiamo stamparla? Ed è facile da fare con lo strumento Stampa le tue combinazioni di colori. Con lo stesso strumento puoi convertire i risultati in pdf: un'ottima opportunità, considerando che il pdf è stato standardizzato.


Importazione ed esportazione

Oltre alla stampa, sarebbe bello poter importare ed esportare i colori da Photoshop. E ci viene nuovamente data questa meravigliosa opportunità. Ecco un elenco compatibile con le funzionalità di import-export del programma.

Importare:

Puoi organizzare l'importazione da qualsiasi sito CSS (wow...), immagine gif, file della tabella dei colori (.act) e tavolozza dei colori di Photoshop (.aco)


Esportare:

Puoi esportare nuovamente in qualsiasi CSS o attributo del corpo html in un'immagine gif, tavolozza dei colori di Photoshop, file di tabelle dei colori, tavolozza dei colori di Illustrator (oh mio Dio, siamo arrivati ​​qui), Adobe Fireworks e Corel Painter

Un elenco piuttosto lungo, non è vero?


Il programma include anche un contagocce ultra conveniente come bonus. A proposito, puoi scaricarlo separatamente gratuitamente.

Prezzo

Ahimè e ah - ma chiedono soldi per il programma, il che è abbastanza logico - il prodotto è eccellente. Costa $ 49 in entrambe le varianti, sia per Windows che per MacOS (penso che molti fossero già spaventati, guardando gli screenshot, che gli utenti Windows fossero rimasti indietro. Fortunatamente, non è così).

Per testare il programma puoi utilizzare la versione di prova di 15 giorni, ma il popup interferirà all'avvio del programma.




Combinazioni già pronte

E ora la cosa più deliziosa: sul sito web del programma c'è semplicemente un SEA di eccellenti soluzioni cromatiche. Fallo!

Versione online di ColorSchemer Studio

Conclusioni

Vale sicuramente la pena acquistare il programma (ovviamente può essere violato, ma questa è la scelta personale di ognuno). ColorSchemer Studio offre numerose possibilità per designer di usabilità, grafici e persino artisti. Dovrebbero consigliarlo anche ai principianti, perché ci aiuterà a evitare i mostri dai fiori invincibili.

Nel primo articolo abbiamo scoperto cos'è un mixer di colori e con cosa mangiarlo per aumentare ulteriormente l'appetito usando come esempio il programma ColorSchemer Studio. Indubbiamente una buona cosa, ma pagata, e oggi ho deciso di dedicare un articolo a uno strumento gratuito basato sul web di Adobe, che, come l'azienda ColorSchemer, ha capito in tempo cosa mancava alla confraternita del design. Quindi incontra Adobe Kuler.

Questa nota sarà molto più piccola della precedente, ma non per questo meno utile. Perché meno? Perché non importa quanto ci provino, i servizi web non possono ancora trasformarsi in un programma a tutti gli effetti, quindi hanno meno funzionalità, ma sono più convenienti. Un altro vantaggio decisivo è che Kuler salva i risultati nel tuo Adobe ID, ad es. in caso di cambio del sistema operativo del computer o di continui cambiamenti di computer (lavoro-casa, casa e lavoro), tutto sarà disponibile se i computer dispongono di Internet. Il che è molto più conveniente che trasportare tavolozze già pronte da ColorSchemer Studio su un'unità flash.


Miscelatore di colori

Rispetto a un programma su un computer, i servizi web hanno capacità chiaramente inferiori, ma non tanto quanto prima. Ha tutto ciò di cui hai bisogno e anche di più.

A differenza di ColorSchemer Studio, dove il ruolo di mixer è svolto spudoratamente da una ruota dei colori, qui questa responsabilità è gestita da una sorta di barile di colore. Almeno, queste erano le mie associazioni: mescoliamo i colori in un barile, guardando lo stesso barile dall'alto. In linea di principio, non complica affatto l'attività e, molto probabilmente, la rende anche più semplice: il colore previsto può essere ottenuto molto più velocemente.

Ma potresti non capirlo. Sfortunatamente, con tutta l'apparente comodità, spesso mi sorprendo a pensare di sapere approssimativamente di che colore voglio, ma non so come ottenerlo - e qui Kuler fa il pasticcio più grande nella sua interfaccia - non conoscendo i codici colore, e non comprendere i meccanismi del servizio: è abbastanza difficile ottenere il colore atteso.

Fortunatamente, gli sviluppatori di Adobe Labs conoscono bene il loro lavoro, quindi ci si abitua rapidamente all'interfaccia un po' strana.


Soluzioni colore già pronte

La prima volta che ci arrivi, viene data una bella valutazione delle migliori tavolozze, secondo i visitatori: puoi selezionarle immediatamente e continuare a lavorare con loro. I vantaggi sono evidenti: non è necessario andare lontano, è già tutto pronto sullo scaffale.

Tra gli svantaggi, vorrei dire solo una cosa: Cooler è un servizio abbastanza popolare e se scegli i colori tra i primi dieci, corri il rischio di incontrare un "clone di colori" del tuo futuro sito. Quelli. La soluzione migliore è creare la tua collezione unica, poiché è conveniente.


Le soluzioni già pronte possono essere ordinate in diversi modi:

1. Secondo- in linea di principio, non c'è nulla da spiegare - vengono rilasciate le migliori collezioni di colori secondo gli utenti di Cooler, che, tra l'altro, puoi anche valutare e guardare in dettaglio.

2. Per popolarità- per quanto ho capito, questa sezione mostra le soluzioni di colore più visualizzate. Mi sembra che questa valutazione non sia molto diversa dall'ordinamento per valutazione, perché la stragrande maggioranza delle persone non andrà oltre la seconda o la terza pagina del dispositivo di raffreddamento.

3. Nuovo- se hai appena creato la tua tavolozza unica e vorresti che qualcuno oltre a te la vedesse e la scaricasse - questa sezione è esattamente per persone come te. Le tavolozze dei colori più recenti sono pubblicate qui. Lo svantaggio è che ogni minuto vengono create più di 20 tavolozze, quindi puoi perderti anche qui.

Dopo aver creato la tua soluzione, puoi anche aggiungerla al sito.


Esportare

Sfortunatamente, non c'è alcuna importazione nel servizio stesso, ad es. Non sarà possibile migliorare la tavolozza già preparata del tuo sito web. Sarà solo possibile ricrearli nuovamente. Fortunatamente, l'esportazione è disponibile qui e ti consente di trasferire i risultati finiti su uno qualsiasi degli strumenti Adobe della linea CS2 e CS3. Ben fatto. Sfortunatamente, per ovvi motivi non è possibile esportare in Corel e in altri programmi diversi da Adobe.

Conclusioni

Come ogni soluzione web per qualche problema, lo strumento è leggermente inferiore in termini di funzionalità alle sue controparti software, ma vince in comodità e velocità nell'ottenimento dei risultati. Ti consiglio di utilizzare questo servizio se cambi spesso computer, i colori pubblicati su Internet non ti scompariranno. Per coloro che non hanno problemi con il trasferimento dei dati, consiglio comunque di utilizzare un software analogo a pagamento: ColorSchemer Studio.

Adobe Cooler— questo è il nome della risorsa di scambio di combinazioni di colori kuler.adobe.com. Una combinazione di colori è composta da cinque colori combinati tra loro secondo una delle regole dell'armonia dei colori. Quando il tuo computer è connesso a Internet, accedendo a Windows > Estensioni > Kuler verrà visualizzata una finestra in cui, nella scheda Crea, potrai selezionare una regola di armonia dei colori e, manipolando i cursori della ruota dei colori, creare il tuo set di colori. Puoi salvarlo con il tuo nome. Non è chiaro il motivo per cui in questo strumento vengono creati solo colori RGB, perché uno strumento simile è già disponibile nelle versioni CS3 di Photoshop e Illustrator, e lì puoi selezionare qualsiasi modello di colore, incluso CMYK. Forse in questo programma questo strumento è destinato esclusivamente a lavorare con il contenuto dello schermo. Quando lavori con il salvataggio di un file in formato pdf, puoi fare a meno della possibilità di selezionare la proporzione del colore CMYK, ora la conversione RGB-CMYK viene eseguita al volo e non ci sono lamentele sulla qualità della conversione; Ma molto probabilmente, la possibilità di lavorare con i colori CMYK apparirà in uno degli aggiornamenti o nella versione successiva.

Ma questo strumento è interessante anche perché costringe a ricercare nuove conoscenze. Prendi in mano la tastiera, chi sa quali sono le regole dell'armonia dei colori?

Sì, questa domanda non rientra nell'ambito delle conoscenze professionali della maggior parte dei progettisti di layout, ma da quando è apparso uno strumento del genere, è necessario utilizzarlo con competenza. Qui http://mironovacolor.org/theory/harmony_theory/ informazioni ben preparate sull'armonia dei colori sono pubblicate su Internet. In generale, questo è un sito molto interessante sul colore: vai alla pagina principale e guarda quante cose interessanti ci sono. Sfortunatamente, i siti a volte scompaiono su Internet, quindi se sei interessato a queste domande, ha senso salvare una copia del sito sul tuo computer.
Un'altra domanda interessante è quali colori usare. Il numero di colori risultanti dall'iterazione sui valori RGB è semplicemente colossale ed è necessaria una guida a questa gamma di colori. Tutti risolvono questo problema come meglio possono, ecco alcuni modi per risolvere il problema di ottenere i nomi e le proporzioni dei colori.
http://www.colorfor.narod.ru/ - qui viene riportato il nome del colore in base alle proporzioni RGB specificate.
Un'altra risorsa è Wikipedia. Digita "elenco dei colori" nella finestra di ricerca e ottieni un elenco di possibilmente tutti i colori con nome, traduzioni dei nomi in russo e proporzioni in vari modelli.
Sfortunatamente, la risorsa http://www.colorfor.narod.ru/ non dispone della traduzione al volo da RGB a CMYK. Se qualcuno conosce una risorsa simile, per favore condividila. (O forse uno dei creatori di colorfor.narod.ru legge il nostro sito e questo messaggio sarà un'idea su come migliorare la tua pagina).

Le due risorse citate operano con nomi di colori, per così dire, classici.

Ma la vita non si ferma e i designer creano i propri colori. Vai al sito web kuler.adobe.com, lì ci sono molte combinazioni di colori interessanti. La collezione viene costantemente aggiornata e anch'io ho dato il mio contributo: la composizione dei colori Mosca autunno disponibile dallo scorso anno. Chiunque può registrarsi e pubblicare pubblicamente le proprie soluzioni cromatiche di successo.

Distinti saluti, Michail Ivanjušin