Determinați culoarea în Photoshop. Cum să determinați culoarea în Photoshop

Foarte des, atunci când lucrați cu site-uri web și imagini, aveți nevoie determina culoarea orice punct de pe ecranul monitorului.

De exemplu, doriți să faceți culoarea de fundal pe site-ul dvs. exact aceeași cu culoarea cerului albastru din fotografie. Sau faceți fontul titlului de aceeași culoare cu verdele mare. Sau invers, utilizați culoarea fontului ca fundal pentru a crea un banner. Pe scurt, există multe opțiuni. Alegerea atentă a culorilor înseamnă mult atât în ​​design web, cât și în munca unui webmaster.

Determinarea unei culori înseamnă găsirea codului acesteia. Apoi codul, in functie de obiectivele tale, poate fi folosit atat in diverse editori grafici, cat si direct in codul html.

Cel mai adesea este folosit, în care codul poate fi reprezentat în sisteme zecimal și hexazecimal.

Este foarte convenabil să folosiți o pipetă pentru a determina culoarea. Dar, pe lângă acest program, există și altele cu care poți face asta.

Picură Adobe Photoshop

Cred că puțini utilizatori ai acestui program știu că folosindu-l poți determina culoarea nu numai orice punct din imagine deschis în editor, ci și orice punct de pe ecranul monitorului.

Acest lucru se face foarte simplu. Deschideți, creați o imagine în ea și, fără a elibera butonul stâng al mouse-ului, mutați cursorul pipetei în locul în care se află punctul pe care l-ați selectat. Acesta poate fi orice punct din afara ferestrei programului. Pe măsură ce mutați cursorul, veți vedea cum se schimbă culoarea desenului în paleta de culori. După selectarea punctului dorit, eliberați butonul mouse-ului. Faceți clic pe caseta de culoare a desenului din paleta de culori și vedeți codul pentru culoarea dvs.

Această metodă de determinare a culorii este convenabilă deoarece nu necesită instalarea niciunui program suplimentar, cu excepția Photoshop, pe care majoritatea utilizatorilor l-au instalat deja.

Editorul grafic Adobe Photoshop are instrumente care pot fi folosite pentru a determina culoarea în orice punct arbitrar al imaginii încărcate. Rezultatul măsurării poate fi obținut atât în ​​reprezentare numerică, cât și sub forma unei culori de referință pentru orice instrument de desen. Este posibilă și operația inversă - cunoscând expresia numerică a unei nuanțe de culoare, o puteți seta ca culoare de lucru curentă.

Vei avea nevoie

• Editor grafic Adobe Photoshop.

Instrucțiuni

Un designer web, un dezvoltator sau un utilizator obișnuit de computer a pus probabil această întrebare de mai multe ori. Adesea este nevoie de a selecta culoarea folosită pe un obiect, de exemplu un site web sau doar un punct de pe ecranul unui monitor.

Există mai multe moduri de bază de a reprezenta culorile, cum ar fi atunci când fiecare culoare sau nuanță este desemnată HTML cod și paletă de culori RGB ca #FF7700. Acesta este reprezentat sub forma a trei perechi de cifre hexazecimale, în care fiecare pereche este responsabilă pentru propria sa culoare:
primele două cifre sunt roșii, adică — R (roșu)
doi la mijloc - verde - G (verde)
ultimele două cifre - albastru - B (albastru)
Destul de des folosesc o reprezentare furtunoasă a culorii sub forma a trei caractere #F70, care ar fi echivalent cu #FF7700.

Apropo, pe resursele web culorile sunt de obicei specificate în stiluri CSS.

Să trecem la răspunsul la întrebarea principală - Cum să aflați culoarea unui pixel pe ecranul monitorului sau pe o imagine?

Sunt multe cai...

Metoda 1. Aflați culoarea în Photoshop

Deci, să facem o „captură de ecran” apăsând tasta Print Screen (PrtSc) de pe tastatură, în locul în care dorim să aflăm codul pentru culoarea noastră. Când apăsați tasta, sistemul va salva instantaneul în clipboard. Puteți copia pur și simplu imaginea, de exemplu dintr-un browser, fără PrtSc. Acum tot ce rămâne este să lipiți imaginea din buffer în Photoshop.

Deschideți Photoshop și inserați o imagine (Fișier - Nou, Editare - Inserare). Căutăm „Pipetă” pe bara de instrumente (Tasta I), apoi facem clic stânga în zona în care dorim să „eliminăm” culoarea. Totul este gata! Acum nu mai rămâne decât să mergeți la paletă și să aflați codul de culoare.

Metoda 2. Aflați culoarea în Paint

Accesați Paint - inserați o imagine - utilizați instrumentul „paletă” - mergeți la „schimbați culorile”:

În cazul nostru, roșu este 252, verde este 168, albastru este 10, adică. RGB(252,168,10) sau în format HEX #FCA80A.

Metoda 3: Vizualizați codul elementului în browser

Voi descrie o metodă pentru browser-ul Opera. Selectați un element de pe site cu mouse-ul și faceți clic dreapta pe el - „Vedeți codul elementului” (Ctrl + Shift + C). Se va deschide un panou cu cod html și css, va trebui să găsiți ceva de genul „culoare”.

Metoda 4. Utilizarea de instrumente sau programe speciale.

Există un număr mare de programe speciale pentru eliminarea culorii; îmi place un program foarte simplu numit „Pixie” cu o greutate de aproximativ 10-11 KB. Controalele sunt foarte simple. Pur și simplu îndreptați mouse-ul spre punctul dorit de pe ecranul monitorului și apăsați următoarele taste - Ctrl + Alt + C, drept urmare codul de culoare va fi copiat în clipboard.

Editorul grafic Adobe Photoshop are instrumente care vă pot ajuta să determinați culoareîn orice punct arbitrar al imaginii încărcate. Rezultatul măsurării poate fi obținut atât în ​​reprezentare numerică, cât și sub formă de referință culoareși pentru orice instrument de desen. Există și posibilitatea operației inverse - cunoașterea expresiei numerice culoare nuanță nouă, o puteți seta ca nuanță curentă de lucru culoare A.

Vei avea nevoie

• Editor grafic Adobe Photoshop.

Instrucțiuni

Dacă trebuie să determinați culoare la un moment dat într-o imagine existentă, începeți prin a o încărca în editor. Pentru aceasta este destinată un dialog deschis de combinația de taste Ctrl + O - cu ajutorul acestuia trebuie să găsiți un fișier imagine pe computer, să îl selectați și să apăsați butonul „Deschidere”.

Dacă este necesar, determinați culoare La un moment dat, pe ecranul monitorului, încărcați o copie a imaginii de pe ecran în Photoshop. Acest lucru este foarte ușor de făcut - apăsați Print Screen de pe tastatură, comutați la fereastra editorului grafic, apăsați Ctrl + N, apoi Enter și Ctrl + V.

După ce imaginea este deschisă într-un fel sau altul în Photoshop, porniți instrumentul Eyedropper - apăsați tasta litera engleză I. Puteți face acest lucru și făcând clic pe pictograma corespunzătoare din bara de instrumente a editorului grafic.

Treceți mouse-ul peste punctul dorit din imagine. Dacă trebuie să determinați culoare un element mic, măriți imaginea - apăsați combinația de taste Ctrl și „Plus” de numărul necesar de ori. Când trebuie să reveniți la dimensiunea normală, utilizați combinația Ctrl + Alt + 0.

Apăsați butonul stâng al mouse-ului - editorul grafic va determina nuanța în punctul cursorului și o va seta ca cea de lucru culoare A. Dacă trebuie să obțineți rezultatul în reprezentare numerică, deschideți paleta culoare ov - faceți clic pe pictograma a două pătrate care se intersectează în partea de jos a barei de instrumente. În fereastra care se deschide, selectați una dintre reprezentările numerice. Componentele descompunerii culoare iar în RGB și CMYK codificările sunt marcate aici cu literele corespunzătoare, iar codul hexazecimal este plasat în câmpul de lângă pictograma hash # din marginea de jos a ferestrei.

Dacă trebuie să efectuați operația inversă, de ex. instala functionand culoare conform reprezentării numerice cunoscute, utilizați aceeași paletă. Componentele codificărilor RGB și CMYK vor trebui introduse manual, dar codul hexazecimal poate fi copiat din sursă și lipit în câmpul corespunzător al paletei. Culoarea va fi setată când faceți clic pe OK.

Totul interesant

O modalitate mai eficientă de a separa o imagine de fundal în Photoshop este utilizarea instrumentului Lasso magnetic. Metoda este aplicabilă imaginilor cu fundaluri complexe. Există o altă modalitate eficientă de a schimba fundalul în Photoshop, care se bazează pe...

Photoshop este un editor grafic puternic care este folosit atât de amatori, cât și de profesioniști în editarea imaginilor. Cu ajutorul lui, nu numai că poți aplica anumite efecte unei fotografii, ci și să adaugi diverse rame și alte...

Avatarul este o imagine mică care este folosită ca componentă grafică a unui profil pe un forum tematic, site de rețea socială etc. Puteți copia un avatar de pe un site web special sau îl puteți realiza singur folosind orice...

Pentru a putea suprapune fotografia dvs. pe o imagine finită folosind un computer, aveți nevoie de o copie electronică a acesteia, adică fotografia trebuie să fie conținută într-un fișier cu un anumit format grafic. Dacă această condiție prealabilă este îndeplinită, atunci...

Unul dintre cei mai populari editori grafici care acceptă lucrul cu straturi este Photoshop. Folosind acest program și puțină practică, puteți lipi o imagine pe un nou strat dintr-un document existent fără prea multe dificultăți. Pentru tine…

Adesea, imaginile din editorul grafic Adobe Photoshop sunt formate din două sau mai multe imagini existente. Mai ales adesea, fotografiile gata făcute sau clipart sunt folosite ca imagini de fundal. Deschideți fișierul în editor...

Atunci când procesează fișiere de imagine pe un computer, utilizatorii se confruntă adesea cu nevoia de a schimba dimensiunea imaginii sau raportul de aspect al fotografiei. Puteți schimba formatul imaginii folosind instrumentele editorului grafic...

Adobe Photoshop, care este un editor grafic puternic, vă permite să creați straturi pe măsură ce lucrați. Un strat este un strat separat care ajută să nu strice imaginea, ci să o editeze treptat, astfel încât ulterior să puteți adăuga...

Editorul grafic Adobe Photoshop are un instrument care vă permite să creați atât etichete scurte, cât și etichete cu mai multe linii într-un strat separat al unui document deschis. Această aplicație are, de asemenea, capacitatea de a personaliza elemente de text în mod foarte detaliat...

Adobe Photoshop este unul dintre cele mai avansate programe pentru crearea și editarea graficelor. Conține un număr mare de instrumente care pot fi folosite și pentru editarea fotografiilor. Desigur, pentru a stăpâni asta...

Procedurile de copiere și inserare sunt foarte des folosite atunci când lucrați cu imagini în editorul grafic Adobe Photoshop. Acestea sunt operații destul de simple, a căror utilizare durează mai mult timp nu asupra operațiunilor în sine, ci pe...

Operațiunile de copiere și tăiere a secțiunilor unei imagini în editorul grafic Adobe Photoshop sunt acțiuni destul de simple care pot fi implementate prin apăsarea câtorva butoane de pe tastatură. Cu toate acestea, în majoritatea cazurilor durează mult mai mult...

Înțelegerea principiilor formării și echilibrului culorilor vă ajută să lucrați mai eficient în Photoshop. Cunoașterea teoriei de bază a culorilor vă permite să obțineți rezultate consistente fără să vă bazați pe șansă.

Culori primare

Culorile aditive primare sunt cele trei componente de culoare ale luminii (roșu, verde și albastru), care în diferite combinații formează toate culorile spectrului vizibil. Adăugarea părților egale de roșu, albastru și verde dă culoarea albă. Absența completă a celor trei culori primare produce negru. Monitoarele de computer sunt dispozitive care produc imagini color pe baza culorilor aditive primare.

Culorile subtractive primare sunt coloranți care, atunci când sunt amestecați în diverse combinații, formează un spectru de culori. Spre deosebire de monitoare, imprimantele folosesc culori subtractive primare (coloranți cian, magenta, galben și negru) pentru a forma culori prin amestecare subtractivă. Termenul „străgător” este folosit deoarece atunci când culorile primare pure sunt amestecate, se formează versiuni mai puțin pure ale acestora. De exemplu, portocaliul este creat prin amestecarea substractive de magenta și galben.

Dacă nu te-ai ocupat niciodată de componentele culorii până acum, este util să ai la îndemână o diagramă standard de culoare a roții atunci când lucrezi la echilibrul culorilor. De asemenea, vă permite să preziceți modul în care o modificare a unei componente a unei culori va afecta alte culori și modul în care aceste modificări vor fi convertite între modelele de culoare RGB și CMYK.

De exemplu, intensitatea oricărei culori dintr-o imagine poate fi redusă prin creșterea nivelului culorii sale opuse pe roata culorilor și invers. Culorile care se află în puncte opuse pe roata de culori standard sunt numite complementar. În mod similar, nivelurile de culoare pot fi mărite și scăzute prin ajustarea a două culori adiacente pe roata de culori, sau chiar a două culori adiacente celei opuse.

În modul CMYK, nivelul de magenta poate fi redus în două moduri: fie prin reducerea intensității magenta, fie prin creșterea nivelului culorii sale complementare (care se află în punctul opus al roții de culoare), adică verde. . În modul imagine RGB, nivelul magenta poate fi redus fie prin reducerea intensității roșului și albastrul, fie prin creșterea nivelului verde. Toate aceste setări afectează echilibrul general al culorilor, care va conține mai puțin magenta.

Modele de culoare, spații și moduri

Un model de culoare descrie culorile pe care le vedem și cu care lucrăm în imaginile digitale. Fiecare dintre modelele de culoare (RGB, CMYK și HSB) folosește propria metodă (de obicei numerică) pentru a descrie culorile.

Spațiu de culoare este o variantă a modelului de culoare și se caracterizează printr-un anumit acoperire(gamă de culori. De exemplu, modelul de culoare RGB include mai multe spații de culoare: Adobe RGB, sRGB, ProPhoto RGB și așa mai departe.

Orice dispozitiv, cum ar fi un monitor sau o imprimantă, are propriul său spațiu de culoare și poate reproduce doar culorile din gama sa. La mutarea imaginilor de la un dispozitiv la altul, culorile imaginilor se pot schimba deoarece fiecare dispozitiv interpretează valorile RGB sau CMYK în funcție de propriul spațiu de culoare. Prin urmare, atunci când mutați imagini, puteți utiliza gestionarea culorilor pentru a vă asigura că majoritatea culorilor rămân aceleași sau arată aproape la fel. Vedeți de ce culorile sunt uneori distorsionate.

În Photoshop modul color documentul determină ce model de culoare este utilizat la afișarea și imprimarea imaginii procesate. Modurile de culoare Photoshop se bazează pe modele de culoare care sunt utile atunci când lucrați cu imagini destinate imprimării. Modurile disponibile sunt RGB (rosu, verde, albastru), CMYK (cyan, magenta, galben, negru), Lab (pe baza International Illuminating Commission L* a* b*) si Grayscale. Photoshop acceptă, de asemenea, moduri pentru afișarea color specializată (cum ar fi Culori indexate și Duplex). Modurile de culoare determină numărul de culori, numărul de canale și dimensiunea fișierului imaginii. Alegerea modului de culoare determină, de asemenea, ce instrumente și formatele de fișiere vor fi disponibile. Consultați Moduri de culoare.

Când lucrați cu culorile unei imagini, valorile numerice conținute în fișier se modifică. Cu toate acestea, ar fi prea ușor să reprezentăm culorile ca numere. Valorile numerice însele nu sunt culori absolute - ele reprezintă doar culori în spațiul de culoare al dispozitivului de ieșire.