In questo tutorial, vedremo quali sono le tavolozze dei colori, gli strumenti per scegliere i colori che vanno insieme e il segreto per scegliere una combinazione di colori perfetta per i nostri giochi!
Il termine palette dei colori è ampiamente utilizzato in molti settori diversi del design. La sua esatta definizione e interpretazione varia leggermente tra le industrie, ma ai fini del game design possiamo semplicemente riferirci ad esso come un insieme predefinito di colori basato su regole specifiche.
Le tavolozze dei colori tradizionali sono generalmente composte da cinque colori all'interno di uno schema specifico, ma questa è più una linea guida che una regola. Nella progettazione del gioco, le tavolozze dei colori possono essere costituite da un numero qualsiasi di colori, purché seguano tutte le regole predefinite.
Prima di approfondire, considera se vuoi creare la tua tavolozza dei colori o trovare uno schema già pronto online. Ad ogni modo, ci sono molti strumenti che possono aiutarti!
Le tavolozze di colori possono essere create praticamente in ogni programma con un selettore di colori, ma perché usare MS Paint quando ci sono così tanti grandi siti web che possono fare meglio il lavoro?
Adobe Kuler è uno dei miei strumenti preferiti per creare una tavolozza di colori, semplicemente perché funge da strumento all-in-one.
Oltre ad essere in grado di creare la tua tavolozza di colori e scegliere i colori da un'immagine che trovi fonte di ispirazione, puoi anche condividere le tue tavolozze e trovare quelle create da altri! Ciò significa che c'è una fornitura infinita di palette pronte per l'uso tra cui scegliere.
Ti consiglio di utilizzare questo strumento se stai cercando un'esperienza approfondita o se stai cercando di trovare tavolozze utente create da altri.
Un altro ottimo strumento per realizzare le tavolozze dei colori è Color Scheme Designer 3. Ha tutte le caratteristiche standard che ci si aspetterebbe da uno strumento per la tavolozza dei colori, e davvero risplende nella sua progettazione dell'interfaccia!
Ho trovato facilmente facile saltare dentro e creare una tavolozza di colori. Consiglierei di usare questo strumento se stai cercando un'esperienza semplice.
L'ultimo strumento che suggerirò è Color Blender. Tra i tre strumenti, ritengo che questo strumento sia il più interessante.
Invece di fornirti una ruota dei colori e una valanga di valori da modificare, ti dà semplicemente tre cursori (RGB / HSB) con cui giocare. Come Kulur, ha una sezione in cui puoi sfogliare le palette create da altri.
Ti consiglio di utilizzare questo strumento se stai cercando uno strumento che ti aiuti effettivamente a creare tavolozze di colori.
Ci sono molti diversi tipi di combinazioni di colori che puoi scegliere di utilizzare durante la creazione di un gioco, quindi tratterò solo gli schemi che è più probabile che tu scelga. Sono tutti basati sulle relazioni di colori diversi tra loro all'interno della ruota dei colori:
Analogo le tavolozze dei colori sono composte da colori che sono adiacenti l'uno all'altro sulla ruota dei colori.
Un esempio di una tavolozza di colori analoga sarebbe una tavolozza di colori che va dal rosso al verde:
o una palette di colori che va dal blu al viola:
Come puoi vedere i colori all'interno di ciascuna di queste tavolozze sono adiacenti l'uno all'altro sulla ruota dei colori.
Complementare le tavolozze dei colori sono composte da colori opposti tra loro sulla ruota dei colori.
Come puoi vedere in questo esempio, il colore centrale funge da base e i colori a sinistra sono complementari a destra:
Monocromatico le tavolozze dei colori sono diverse tonalità o tinte di un singolo colore.
Ad esempio, prendi questa palette di colori verde monocromatica:
E questa palette di colori blu monocromatica:
I colori di ciascuna tavolozza di colori rimangono gli stessi mentre la luminosità diminuisce.
costume le tavolozze dei colori sono di gran lunga la mia prima scelta per la grafica del gioco. Possono essere costituiti da qualsiasi colore, ma sono limitati a specifici occhiali da sole o tinte: cioè, occupano lo stesso anello sulla ruota dei colori.
A prima vista la tavolozza dei colori qui sotto sembra composta da colori completamente casuali:
In effetti, i colori non hanno un collegamento particolare tra loro, ma si noti che la luminosità e la saturazione di ciascuno sono uguali: provengono tutti dall'anello centrale della ruota dei colori.
È ovvio che non tutti gli schemi di colori appariranno visivamente attraenti con il tema di ogni singolo gioco. Uno schema di colori dovrebbe essere usato per rafforzare l'umore che stai cercando di trasmettere.
Immagina un film horror: le scene più spaventose si svolgono tutte in un ambiente buio o di notte. Questo perché i colori scuri trasmettono una sensazione di disagio. Quindi, se dovessi fare un gioco horror, probabilmente non sceglierai il rosa acceso come il colore dominante del tuo gioco; molto probabilmente sceglierai una tavolozza di colori monocromatica o personalizzata composta da colori scuri.
LIMBO è un gioco che fa un uso incredibile di una tavolozza completamente grigia. Dai un'occhiata a come questo dà al gioco una sensazione inquietante:
Prima di saltare a fare la tavolozza dei colori, dai un'occhiata a una qualche forma di media basata sul tema del tuo gioco. Sarai spesso in grado di rilevare alcuni schemi di colori che funzionano bene e altri che non lo fanno, dandoti il lusso di scegliere e scegliere i colori che fanno appello alle tue esigenze specifiche.
E se ti dicessi che c'era un modo per creare colori perfettamente abbinati ogni volta che creavi una tavolozza di colori, mi crederesti? Beh, spero che tu l'abbia fatto perché non voglio che questo prossimo bit ti sembri stregoneria.
Tutti i colori su un computer possono essere definiti da tre numeri: colore, saturazione e luminosità. Questo è importante perché ci consente di vedere schemi e relazioni tra insiemi di colori. Vediamo cosa significa ogni valore.
colore definisce il tono del colore reale. Ad esempio, il colore rosso ha un valore di tonalità di 0 indipendentemente da ciò a cui si imposta i valori di saturazione e luminosità. Se cambi il valore della tonalità in 120, il colore sarà cambiato in verde e se lo cambierai in 240 il colore diventerà blu.
Ora cosa succede se prendiamo uno di quei colori e lo diamo a saturazione valore di 50? Sembra che tu stia scegliendo un colore diverso, ma in realtà stai solo influenzando l'intensità del colore, cioè quanto è vivido il colore. Riducendo la saturazione, il colore appare sbiadito.
Luminosità, quindi, spiega come è chiaro o scuro il colore. Se riducessimo la luminosità di un colore, lo vedremmo come un'ombra più scura di quello stesso colore.
Per creare una grande tavolozza di colori devi solo seguire questa regola:
Le tonalità IF non sono uguali tra loro POI impostare le saturazioni in modo che corrispondano tra loro E impostare la luminosità in modo che corrispondano l'una con l'altra
ELSE SE le saturazioni non sono uguali tra loro POI impostare le tinte per far combaciare tra loro E impostare la luminosità in modo che corrispondano l'una con l'altra
ALTRO Se le luminosità non sono uguali, allora impostare le tinte affinché si equivalgano e impostare le saturazioni affinché si equivalgano
Se segui rigorosamente la regola sopra, creerai una straordinaria tavolozza di colori, ma se proverai a usare la tavolozza, molto probabilmente finirai con un gioco dall'aspetto piatto.
Questo perché hai una sola tonalità per ogni colore, ma non preoccuparti, possiamo facilmente aggiungere più righe alla nostra tavolozza! Tutto ciò che devi fare è modificare la saturazione o la luminosità di un intervallo specifico.
In questa enorme tavolozza di colori i colori aumentano di 40 il valore di tonalità per ogni colonna e diminuiscono di 10 il valore di luminosità per ogni riga:
Mancia: Se stai colorando un oggetto, usa solo i colori della stessa riga o colonna del colore principale che stai utilizzando.Grazie per aver dedicato del tempo a leggere questo articolo sulle tavolozze dei colori. Se vuoi saperne di più sulle relazioni tra i colori, prova a confrontare i valori HSB (Tonalità-Saturazione-Luminosità) attraverso le varie combinazioni di colori, o cerca altri schemi di colori (triadico, tetradi, fresco caldo). Non esitate a lasciare un commento o una domanda!