[Tutorial] O metoda de a lucra cu palete de culori

Scris de **Wtf^alli3nwar3** Dum Mar 22, 2009 1:22 pm

Photoshop: o metoda de a lucra cu palete de culori

De fiecare data cand incep sa fac un design, indiferent daca este pentru web sau print, ma gandesc la o noua modalitate de a imi alege paleta de culori. Uneori, sunt constrans de client, alteori de logo sau de imaginile pe care doresc sa le folosesc. De cele mai multe ori insa, construiesc o paleta de culori de la zero, bazandu-ma pe instinct si pe necesitatile de comunicare ale materialului pe care il realizez.

Insa de curand mi-am stabilit cateva principii de lucru in realizarea paletelor de culori, fara de care nu plec la drum. Metoda este simpla si presupune crearea unei palete pe principiul celor trei culori de baza: fundalul, culoarea de baza si culoarea de diferenta (highlight). Incep prin selectarea acestor trei culori, tinand cont de principiile de baza ale teoriei culorilor, exprimata cel mai bine prin roata cromatica.

Practic, de pe roata cromatica putem alege culorile in functie de ce efect dorim: daca avem nevoie de un contrast puternic de culoare, putem alege culori complementare (opuse pe roata), daca dorim sa scoatem in evidenta unitatea, alegem culori analogice (vecine pe roata). Nu vreau sa intru in detalii, pentru ca altii au facut-o mult mai bine decat mine. Tutorialul din care am inceput sa invat teoria culorilor poate explica mai multe.

Tutorialul vorbeste despre modurile de a ne alege nuantele si umbrele, si prezinta diferite modalitati de a le combina pentru a obtine diferite efecte. Contrastul este un alt punct important, si tutorialul prezinta diferite tipuri de contrast, ca cel dintre lumina si intuneric, cald si rece sau mare si mic.

In cele ce urmeaza, voi incerca sa prezint metoda mea de a folosi paletele de culori pe care le creez cu ajutorul principiilor de mai sus. Dupa cum am spus, incep prin a imi alege cele trei culori de baza. Intr-un nou layer, desenez trei patrate, avand grija ca cel care reprezinta culoarea de fundal sa fie de 4 ori mai mare ca celelalte doua, pentru a pastra proportia.

Urmatorul pas pe care il fac este sa verific contrastul celor trei culori. Pentru a face asta intr-un mod cat mai eficient, cele trei culori vor fi suprapuse in felul urmator.

Pentru a vedea contrastul si mai bine, vom face imaginea alb-negru. Cea mai eficienta metoda mi se pare crearea unui adjustment layer cu saturarea la minim. Pentru cei care abia au pus mana pe Photoshop, iata cum putem face acest lucru: in josul ferestrei Layers (Windows>Layers sau F7 in CS2) apasam butonul numit Create New Adjustment Layer, selectam Hue/Saturation si dam saturatia la minim (-100). Layerul a aparut primul in lista, deasupra tuturor celorlalte. Astfel, il putem ascunde imediat pentru a ajusta culorile, apoi il putem face sa reapara pentru a verifica din nou contrastul.

Iata rezultatul, pe exemplul nostru:

Dupa ce ajustam contrastul, pentru ca toate culorile sa fie perfect vizibile, putem adauga in paleta si alte culori pe care am dori sa le folosim, avand grija sa mentinem totul proportional.

Putem salva paleta de culori intr-un fisier .psd separat, mai ales daca consideram ca va trebui modificata. Insa Photoshop ne pune la dispozitie un mod mult mai eficient de a ne salva paleta. In fereastra Swatches (Window>Swatches) observam multe culori, ce pot fi selectate cu un singur click. Aici ne vom adauga si noi culorile noastre. Iata cum. Vom merge la Image>Mode>Indexed color... si vom da OK pentru Flatten all layers.

Vom fi prezentati cu un dialog in care avem mai multe optiuni. Pentru a exporta decat culorile pe care le-am ales in paleta, vom selecta din primul dropdown Local(Adaptive) si vom scrie la Colors: numarul total al culorilor.

Putem exporta si culorile impreuna cu nuantele lor pana la alb, ceea ce se poate dovedi util in unele cazuri. Pentru acest lucru trebuie sa selectam optiunea Exact.

Incercati sa treceti toate setarile exact ca in imagini. Pentru a salva paleta de culori intr-un format recunoscut de fereastra Swatches, vom selecta Image>Mode>Color Table... Aceasta optiune este activa doar atunci cand lucram cu o imagine in mod Indexed Color.

Acum putem salva paleta. Formatul va fi .*ACT.

Cand vom dori sa lucram cu paleta noastra de culori, o vom putea incarca in Swatches, in felul urmator. Atentie, in fereastra de incarcare, va trebui sa selectam ca File Type extensia .*act.

Daca dorim sa adaugam paleta noastra la culorile deja existente, putem selecta Load Swatches... in loc de Replace Swatches... Daca vom face vreo modificare la paleta noastra, in fereastra Swatches, o vom putea salva doar cu extensia *.aco, dar acest lucru nu ar trebui sa fie o problema.

Legat de contrast, mai am o singura sugestie. Atunci cand lucrati la design, verificati validitatea contrastului in fiecare zona folosind Adjustment Layerul de care vorbeam. In culoare, s-ar putea sa nu remarcati eventualele defecte. Daca sunteti in dubiu in privinta a doua culori care se suprapun, desaturarea este cea mai buna metoda pentru a va da seama de suficienta contrastului. Daca se poate citi bine pe alb/negru, atunci va merge si in culoare. Nu uitati, monitorul vizitatorilor siteului s-ar putea sa fie mult mai intunecat decat al vostru.