Crea campioni di colore per i tuoi disegni da una fotografia

Cosa starai creando

La combinazione di immagini, grafica e tipografia crea un design coerente che viene notato. Tutti questi elementi presentano anche una varietà di colori che lavorano tutti insieme attraverso il design. Ma come fai a sapere quali colori usare? Quali colori funzionano insieme e quali dovresti evitare? Quali colori impostano il tono specifico che stai cercando nel tuo design?

Ci sono molte cose da considerare quando si scelgono i colori per i tuoi progetti. È più che scegliere i colori che ti piacciono e implementarli. Che tu sia un designer principiante o veterano, puoi sempre guardare le immagini e le foto principali per l'ispirazione cromatica. In questo tutorial, ti mostrerò come usare immagini e fotografie come ispirazione per i colori nei tuoi progetti. Imparerai anche come acquisire colori da queste immagini e creare campioni da utilizzare nei tuoi progetti.

Scegliere un'immagine

Questo tutorial ti guiderà nella scelta dei colori da un'immagine principale. Molti disegni di stampa forti ruotano intorno a un'immagine che si distingue, offre grandi opzioni di colore e spazio per contenuti aggiuntivi come il testo.

Suggerimenti per la scelta dei colori

Quando raccogli potenziali foto e immagini per i tuoi progetti, è importante scegliere le foto con molte opzioni di colore. Ricorda, molte opzioni di colore non significano necessariamente un caleidoscopio di colori. Significa solo che le tue fotografie offriranno molte opzioni e ispirazione. Allora, da dove inizi? Vedremo quattro opzioni che ti aiuteranno a selezionare i colori per i tuoi progetti.

1. Inizia con One Bold Color

Prima di aprire Photoshop o InDesign, guarda la tua immagine. Potete vedere dall'esempio sopra ci sono diversi colori forti dal grigio verde intenso al marrone. Puoi usarlo come base per il tuo design. In questo esempio, è possibile utilizzare l'alzavola per titoli e sfondi e il marrone per il testo del paragrafo e evidenziare come rettangoli, cerchi e altri elementi di disegni ornamentali. Il colore crema per la glassa montata potrebbe anche creare splendidi colori di testo su uno sfondo scuro.

2. Aggiungi colori gratuiti

I colori complementari posizionati uno accanto all'altro creano il contrasto più forte e si rafforzano a vicenda. Il modo più rapido per determinare se due colori sono gratuiti è guardarli sulla ruota dei colori. I colori omaggio sono direttamente uno di fronte all'altro come blu e giallo, rosso e verde, viola e arancione. L'utilizzo di colori complementari nei tuoi disegni crea un contrasto vivace, solitamente tra colori caldi e freddi. Questo metodo creerà spesso un design luminoso che si apre davvero con il colore ma funziona bene a causa delle scelte di colore complementari. La chiave qui è variare l'uso di ciascun colore e sceglierne uno come colore dominante in tutto il disegno. In questo modo i tuoi colori non competono per l'attenzione. Dall'esempio sopra puoi vedere che il blu freddo domina l'immagine e il giallo caldo illumina l'angolo destro. Se dovessi inserire del testo su questa foto, vorrai rimanere con i gialli.

3. Usa sfumature e tonalità

Molto probabilmente utilizzerai più di due colori nei tuoi progetti. Invece di aggiungere un altro colore al mix, guarderemo le tinte e le sfumature dei nostri colori complementari o di un colore in grassetto. Per un design pulito, mantieni le tue scelte di colore fino a un massimo di 3, ma aggiungi un mix di tinte e sfumature di un colore che hai già scelto per mescolare le cose. In questo modo aumenterai notevolmente le opzioni di colore che hai a disposizione da utilizzare in un design senza aggiungere colori che non completino ciò che hai già. Tornando al primo esempio, è possibile aumentare le opzioni di colore scegliendo una tinta sia verde-verde o marrone. Una tinta è una miscela di un colore con il bianco. Questo aumenta la leggerezza di un colore. Un'ombra è una miscela di un colore con il nero. Questo diminuisce la leggerezza di un colore. Ciò significa che è possibile aggiungere più opzioni di colore aumentando la luminosità o l'oscurità del colore di base. C'è una vasta gamma di luminosità e oscurità, quindi le opzioni sono infinite qui.

4. Lega tutto insieme

Completa con una gamma di scelte tra cui un colore audace, una sfumatura o tonalità di quel colore audace, un colore neutro e quindi un colore complementare per evidenziare. Questo ti darà la maggior parte delle opzioni per il tuo design, indipendentemente dal fatto che tu abbia bisogno di un colore chiaro per uno sfondo scuro o di un colore scuro per uno sfondo chiaro e tutto il resto. Nell'esempio seguente, puoi vedere l'ispirazione del colore e quanto bene lavorano insieme. Avresti scelto questi colori senza la foto per l'ispirazione? 

Quindi, come si selezionano effettivamente i colori da una fotografia e poi li si applicano a un disegno? Seguiremo i passaggi tecnici successivi.

Creazione di campioni di colore

Passo 1

Colpire Control-O e vai alla tua immagine sul tuo hard disk e aprila in Photoshop.

Passo 2

Seleziona il Strumento Eyedropper (I) e fare clic su un'area per selezionare il colore di base. Colpire X e ripetere per selezionare il colore complementare. È più facile selezionare il colore principale e quindi cercare immediatamente il colore complementare. Nell'immagine di esempio abbiamo selezionato un verde scuro come base e possiamo vedere che il rosso sarebbe un colore complementare e una grande luce. Si noti che il rosso non deve essere un rosso perfetto. Qui siamo andati con un rosso più tenue con un sottotono rosa basato sul colore nella foto.

Passaggio 3

Successivamente abbiamo bisogno di creare un documento per i campioni. Questo passaggio aggiuntivo ti consentirà di salvare facilmente i colori per riferimenti futuri, indipendentemente dal fatto che utilizzi Photoshop o InDesign. Questi campioni rappresentano anche inclusioni fantastiche in un brief creativo. Dovresti semplicemente usare il Eye Dropper Tool (I) per selezionare questi colori per i tuoi disegni.

Colpire Control-N e creare a Nuovo documento di 800 x 200 pixel, nel Modalità colore RGB a 72 pixel / pollice. Nominalo Campioni di colore.

Passaggio 4

Seleziona il Ellipse Tool (U) e disegna un cerchio a qualsiasi dimensione. Qui abbiamo scelto 2 pollici. Poi doppio click il cerchio nel Tavolozza dei livelli e noterai che il cursore diventa a Contagocce e il Color Picker la finestra si apre. Ora puoi selezionare il colore di base dal colore di sfondo / primo piano a sinistra.

Passaggio 5

Ripetere Passaggio 4 per il colore complementare.


Passaggio 6

Successivamente, con il livello di forma colore gratuito selezionato, tenere premuto Alt-Shift e trascina un cerchio duplicato accanto al cerchio rosa. Rilascia il tuo mouse quando il tuo cerchio è in posizione. Ripeti questo passaggio per crearne un altro cerchio duplicato strato. Ora dovresti avere 4 cerchio strati. Questi ultimi due cerchi ospiteranno i tuoi colore neutro e colore della tinta.

Passaggio 7

Torna alla tua foto e ripeti il ​​passaggio 2 selezionare a colore grigio neutro. Quindi torna ai tuoi campioni e doppio click il terzo cerchio e seleziona il colore grigio con il Eye Dropper Tool (I).

Passaggio 8

L'ultimo colore è una tinta del colore di base. Seleziona il Eye Dropper Tool (I) e fare clic su cerchio verde scuro all'estrema sinistra. Doppio click il cerchio all'estrema destra (Ellipse 1 copia 3) dal Tavolozza dei livelli e seleziona il colore verde con il Contagocce (I). Ora vuoi una sfumatura di questo colore, quindi seleziona un colore verso la fine del bianco Color Picker. Vogliamo un bel verde schiuma di mare qui, non troppo bianco, ma neanche troppo scuro.

Passaggio 9

Puoi riordinare i cerchi facendo clic su ognuno nel Tavolozza dei livelli e spostandolo nell'ordine in cui desideri che i tuoi campioni appaiano. Qui, abbiamo i colori che vanno dalla base al colore complementare. Per salvare questo come immagine, vai a File> Salva come> JPEG e nominalo qualcosa come FinalColorSwatches. Ora hai una tavolozza di colori pronta per il tuo prossimo progetto!

Pronto per altro?

La scelta dei colori è un passo importante nel processo di progettazione e puoi utilizzare le immagini già disponibili come ispirazione! Avrai straordinarie combinazioni di colori in poco tempo. Ora è il momento di portare i tuoi progetti al livello successivo e applicare ciò che hai imparato a una vera brochure. 

Vai al corso sui miei concetti di base di progettazione di stampa per una guida completa per principianti a tutto ciò che riguarda il design di stampa. Dal concetto di design alla prestampa, inizierai a creare la tua prima brochure in InDesign.