RGB og fargekanaler i Photoshop forklart

Skrevet av Steve Patterson.

Visste du at Photoshop er fargeblind? Når jeg sier «fargeblind», mener jeg ikke at den har litt problemer med å skille mellom visse nyanser av grønt og lilla. Jeg mener det er helt og totalt blindt når det kommer til farger. Alt Photoshop ser er svart-hvitt. Vel, svart, hvitt og mange nyanser av grått i mellom, men det er det. Verdens kraftigste bilderedigerer, en bransjestandard blant fotografer, designere og praktisk talt alle kreative fagfolk, i stand til å produsere millioner, til og med milliarder av farger, aner ikke hva farge er.



Du ser kanskje på et bilde du tok på din siste ferie av det krystallblå vannet på havet, men alt Photoshop ser er et grått hav. Klarte du å ta et bilde av en regnbue som buer seg over himmelen etter en sommerkveldstorm? Photoshop ser det som et vakkert utvalg av gråtoner. Og den berømte potten med gull på slutten av den? For Photoshop er det en stor gryte med grått.

Ikke synes synd på Photoshop. Den er helt lykkelig i sin fargeløse verden. Faktisk er den eneste grunnen til at det viser oss bildene våre i farger i det hele tatt fordi vi som mennesker forventer å se dem i farger. Vi ville ikke vite hva vi skulle tenke hvis alt dukket opp i svart-hvitt. Men ikke Photoshop. Til det, livet kunne bare ikke vært søtere enn i svart, hvitt og grått.





Last ned denne opplæringen som en utskriftsklar PDF!

Greit, så hvis Photoshop ikke har en anelse om hva farge er, og alt det vet og ser er svart, hvitt og grått, hvordan klarer det å vise bildene våre i farger? Jeg mener, her er et bilde jeg har åpent i Photoshop:



  Et bilde åpnet i Photoshop Et bilde åpnet i et dokumentvindu i Photoshop.

Tydeligvis er denne lille fyren (eller jenta) i farger. Faktisk tror jeg ikke fugler kommer mye mer fargerike enn dette. Men det er ikke bare fuglen. Bladene i bakgrunnen er i farger. Trestykket fuglen står på er i farger. Det hele er i farger! Og dette bildet er åpent i Photoshop, så hvordan kan det ha seg at Photoshop ikke ser farger? Og hvis den virkelig ikke ser farger, hvordan gjør Photoshop en så god jobb med å vise oss noe den ikke ser?

For å svare på det spørsmålet, må vi se på et par ting. En er fargemoduser og den andre er fargekanaler . De er begge knyttet til hverandre på en stor måte, så når du først forstår den første, gir fargemoduser, den andre, fargekanaler, mye mer mening.



Vi vet, eller i det minste er vi villige til å gå med på ideen for øyeblikket, at Photoshop ikke ser farger. Alt den ser er svart, hvitt og grått. Så hvordan tar det de svarte, hvite og grå fargene og oversetter dem til fargene vi ser på skjermen vår? Svaret er, det kommer an på. Kommer an på hva, spør du? Det kommer an på hvilken fargemodus Photoshop bruker.

Det er ganske mange forskjellige fargemoduser der ute, men de to viktigste er det RGB og CMYK . Et par andre du kanskje har hørt om mens du jobbet i Photoshop er Gråtoner og Lab (uttales 'L-a-b', ikke 'Lab'). Dette er alle eksempler på fargemoduser, og de bestemmer hvordan Photoshop oversetter sin svart-hvitt-informasjon til farger, med unntak av fargemodusen 'Gråtoner', som ikke bruker farger i det hele tatt. Det er en svart-hvitt-modus, og brukes ofte til raskt å konvertere et fargebilde til svart-hvitt.

Av disse fire som jeg har nevnt, er den vi skal se på her den første, RGB . 'CMYK'-modusen tar for seg utskrift og blekk og er et helt annet tema for en annen dag. 'Gråtoner'-modusen, som jeg nevnte, er tøft brukt for svart-hvitt-bilder, og 'Lab'-modusen er utenfor forståelsen for de fleste mennesker på planeten, så vel som noen få mennesker på andre planeter, selv om det ofte er brukes til profesjonell bilderedigering, men selv da har de fleste som bruker det ingen anelse om hvordan det egentlig fungerer. Som etterlater oss med 'RGB'.



Den desidert mest brukte fargemodusen i verden av datamaskiner og teknologi er 'RGB' fargemodus. Photoshop bruker det, andre programmer på datamaskinen din bruker det, dataskjermen bruker det, det samme gjør digitalkameraet og skanneren, fjernsynet ditt, til og med den lille skjermen på mobiltelefonen eller iPoden din, så vel som de håndholdte spillsystemene som Sony PSP eller Nintendo DS. Hvis det er en enhet som enten viser eller tar bilder, eller et program som redigerer disse bildene som Photoshop, bruker den 'RGB'-fargemodus. Høres ganske viktig ut, ikke sant? Og det er det absolutt. Men for all dens utbredte bruk og teknologiske betydning, er alt 'RGB' står for navnene på tre farger - rød , Grønn og Blå .

RGB og fargekanaler: Den fargerike verdenen av rødt, grønt og blått

Så hva er så spesielt med disse tre fargene, rød, grønn og blå? Vel, de tilfeldigvis er lysets primærfarger. Og hva betyr det? Det betyr at hver farge du og jeg kan se består av en kombinasjon av rødt, grønt og blått. Hvordan blir vi gule? Ved å blande rødt og grønt. Hvordan får vi magenta? Ved å blande rødt og blått. Hva med oransje? 100% rød, 50% grønn. Og dette er bare grunnleggende eksempler. Hver eneste farge vi kan se består av en kombinasjon av disse tre fargene. Høres nesten umulig ut, jeg vet, men det er sant.

Når du blander fullt mettede versjoner av alle tre fargene sammen, får du ren hvit. Når du fjerner alle tre fargene helt, får du ren svart. Og når du blander like mengder av alle tre fargene til en viss prosentandel mellom 0 og 100 %, får du en gråtone.



La oss se på bildet vårt av fuglen igjen:

  Et bilde åpnet i Photoshop

Et veldig fargerikt bilde, men hvor kommer alle disse fargene fra? Vel, for det første, la oss se på hva informasjonen langs toppen av Photoshops dokumentvindu forteller oss:



  Informasjonen øverst i dokumentvinduet Informasjonen langs toppen av dokumentvinduet.

Ettersom jeg har ringt rundt i rødt, forteller Photoshop oss at dette bildet bruker 'RGB'-fargemodusen, noe som betyr at hver farge vi ser på bildet består av en kombinasjon av rødt, grønt og blått. Hvis vi vil ha bevis, er alt vi trenger å gjøre å holde musen over hvilken som helst del av bildet og se i Photoshops Infopalett .

Jeg skal holde musa nær enden av nebbet hans, som er et knallrødt område:



  Holder musen over fuglen's beak Holder musen over enden av fuglens nebb.

La oss se på Photoshops infopalett for å se hva den forteller oss om det stedet i bildet:

  Photoshop's Info Palette Photoshops infopalett.

Den delen av infopaletten vi er interessert i er øverst til venstre, som jeg har satt en sirkel rundt ovenfor, som viser oss RGB-fargeverdiene. En ting du trenger å forstå her, og dette er egentlig et helt annet emne alene, men Photoshop viser ikke RGB-fargeverdier som prosenter, så vi vil ikke se verdier som '10 % rød, 40 % grønn og 50 % blå'. I stedet er RGB-verdier oppført som tall mellom 0 og 255, der 0 er absolutt ingen mengde av den fargen i bildet og 255 er fargen med full styrke. Så hvis vi ser opp på området jeg har kretset rundt, kan vi se at området jeg holder på i bildet består av rødt med en verdi på 216 (en veldig høy mengde), grønn ved 59 (a mye mindre mengde), og blå på bare 1 (kan like gjerne være null), noe som betyr at det praktisk talt ikke er blått i det området og bare en liten mengde grønt. Det aller meste av fargen kommer fra rødt, noe som er fornuftig siden fuglens nebb er tydelig rødt.

La oss se på et annet sted. Jeg holder musen over et område på ryggen hans:

  Holder musen over et område på fuglen's back Holder musen over et sted på fuglens rygg.

Det området ser ganske grønt ut for meg, og hvis vi ser på hva Info-paletten forteller oss:

  Photoshop's Info Palette Photoshops infopalett som viser oss RGB-verdiene for den delen av bildet.

Selvfølgelig er grønn den desidert dominerende fargen, og kommer inn med en verdi på 180. Den røde vises bare ved 20, som er en veldig liten mengde, og den blå er enda mindre ved 16.

La oss gjøre dette en gang til. Jeg vil holde musen et sted over fuglens hode:

  Holder musen over et område på fuglen's head Holder musen over en flekk på fuglens hode.

Denne gangen bør det blå vise seg mye sterkere i infopaletten:

  Photoshop's Info Palette showing us the RGB information for the area on the bird's head Photoshops infopalett som viser oss RGB-informasjonen for stedet på fuglens hode.

Og riktignok, denne gangen kommer den blå inn til en verdi på 208 og er den dominerende fargen. Fuglehodet er selvfølgelig ikke rent blått. Det er mer en lilla-blå, som forklarer hvorfor grønn fortsatt kommer inn på 100, og til og med rødt gjør et anstendig utseende med en verdi på 90. Alle tre blandes sammen på skjermen for å gi oss den lilla-blå fargen vi ser.

Jeg kunne fortsette å holde musen over et hvilket som helst sted i bildet (jeg vil ikke, men jeg kunne) og vi ville se verdiene for rødt, grønt og blått endre seg i infopaletten, siden hver eneste farge i bildet blir består av en kombinasjon av dem.

Og det er slik RGB-fargemodusen fungerer. Igjen, RGB står for ingenting vanskeligere enn 'Rød', 'Grønn' og 'Blå', og fordi dette bildet er i RGB-fargemodus, reproduserer Photoshop hver og en av fargene ved å bruke kombinasjoner av rødt, grønt og blått.

Fargekanaler

Så langt har vi lært at Photoshop ikke ser farger. Alt i Photoshops verden består av svart, hvitt eller en nyanse av grått. Vi har også lært at Photoshop bruker RGB-fargemodus for å vise farger på skjermen ved å blande forskjellige kombinasjoner av rødt, grønt og blått. Men hvordan vet Photoshop hvor mye rødt, grønt og blått som skal blandes sammen for hver farge på skjermen når det ikke ser farger til å begynne med? Jeg mener, det er flott at Photoshop kan vise rent gult ved å blande rødt med en full styrkeverdi på 255 med grønt også ved 255, men hvordan vet det å vise gult i utgangspunktet?

Svaret er, det gjør det ikke.

Hu h? Det gjør det ikke?

Nei, det gjør det ikke. Photoshop vet ikke at du forventer å se gult i en bestemt del av bildet. Alt den vet er at den skal vise rødt ved 255 og grønt ved 255, og forlate blått. Hvis det gjør en bestemt farge som du og jeg kaller 'gul', flott, men egentlig kunne Photoshop ikke brydd seg mindre. Alt den vet er 'vis rødt ved 255, grønt ved 255, og blått ved 0 i den spesifikke pikselen'. Uansett hvilken farge som ender opp med å være for deg og jeg betyr ikke noe for Photoshop. Når du legger farger til bilder, er Photoshop strengt tatt en 'maling etter tall'-kunstner.

Greit da, så alt Photoshop vet er å legge til en viss mengde rødt, grønt og blått. Men hvordan vet den hvor mye av hver farge den skal legge til når alt den forstår er en verden av svart, hvitt og grått? To ord... Fargekanaler .

La oss se på fuglebildet vårt igjen:

  Bildet av fuglen.

Det er slik du og jeg ser bildet. Dette slik ser Photoshop det:

  Den røde kanalen

Men vent, det er mer. Dette er også hvordan Photoshop ser det:

  Den grønne kanalen

Men hvordan kan det være å se det i to forskjellige svart-hvitt-versjoner? Godt spørsmål. Svaret er, det gjør det ikke. Den ser det inn tre forskjellige sort/hvitt versjoner. Her er den tredje:

  Den blå kanalen

Det vi ser på som ett fullfargebilde, ser Photoshop på som tre separate svart-hvitt-bilder. Hvert av disse bildene representerer en fargekanal. Den første var den røde kanalen, den andre var den grønne kanalen, og den tredje var den blå kanalen. Tre separate kanaler for tre separate farger, som alle kommer sammen for å lage fullfargebildet.

Tenk på farge-'kanaler' som farge-'filtre'. Når Photoshop viser et fargebilde på skjermen, vet det hvilke farger som skal vises ved å skinne et lys gjennom filtrene. Først skinner den lyset gjennom det røde filteret (den røde kanalen). Hvis ingen mengde lys passerer gjennom filteret, vet Photoshop å vise rødt ved en verdi på 0. Hvis alt lyset passerer gjennom filteret, viser Photoshop rødt med en full styrkeverdi på 255. Hvis en mindre mengde lys passerer gjennom , Photoshop viser rødt med en verdi et sted mellom 0 og 255 avhengig av hvor mye lys som passerer gjennom.

Deretter gjør den det samme med det grønne filteret (den grønne kanalen), og tildeler grønt en verdi på 0 hvis ikke noe lys passerer gjennom, 255 hvis alt lyset passerer gjennom, og en verdi i mellom hvis noe, men ikke alt lyset passerer. gjennom. Så gjør den det med det blå filteret (den blå kanalen). Når den er ferdig, vet den hvilken verdi den skal angi for rød, grønn og blå, og den kombinerer dem for å lage fargen vi ser. Det gjør dette for hver enkelt piksel i bildet ditt, så hvis bildet ditt inneholder millioner av piksler, slik de fleste bilder fra digitale kameraer gjør i dag, går Photoshop gjennom denne prosessen millioner av ganger bare for å vise bildet du ser på skjermen. Ser du hvor mye Photoshop elsker deg? Ok, så for et øyeblikk siden sa jeg at Photoshop ikke kunne bry seg mindre. La oss bare gå videre.

'Filtrene' Photoshop bruker er de tre separate svart-hvitt-bildene vi så på forrige side. La oss se på den røde igjen:

  Den røde kanalen Svart-hvitt-bildet fra den røde kanalen.

Ok, så hvordan klarer Photoshop å bruke dette svart-hvitt-bildet som et rødt filter? Husker du hvordan jeg sa at Photoshop tildeler en verdi mellom 0 - 255 til rødt basert på hvor mye lys som passerer gjennom filteret? Vel, hvor mye lys som kan passere gjennom filteret, avhenger av hvor lyst eller mørkt den delen av svart-hvitt-bildet er. Områder som er helt svarte slipper ikke lys gjennom, noe som betyr at rødt vil settes til 0 i de delene av bildet. Alle områder som er rent hvite lar hele mengden lys passere gjennom, så rødt vil bli satt til 255 i disse områdene. Og områder som har en nyanse av grått, som vanligvis utgjør det meste av bildet, vil tillate varierende lysmengde avhengig av hvor lys eller mørk gråtonen er. På bildet over kan vi se at de lyseste delene av bildet er fuglens nebb og bryst, som basert på det jeg nettopp sa skulle bety at de områdene inneholder mye rødt i fullfargeversjonen. På samme måte er ryggen, vingen og magen hans veldig mørke, så disse områdene bør ikke ha mye rødt i det hele tatt, om noen.

La oss se på fullfargeversjonen igjen:

  Bildet av fuglen.

Vi sa at nebbet og brystet skulle inneholde mye rødt, og det gjør de! Vi sa også at ryggen, vingen og magen skulle se ut til å ha veldig lite om noe rødt, og de ser absolutt ikke røde ut for meg.

La oss se igjen på svart-hvitt-bildet Photoshop bruker for den grønne kanalen:

  Den grønne kanalen Svart-hvitt-bildet fra den grønne kanalen.

Dette svart-hvitt-bildet inneholder mye lysere områder, noe som betyr at det bør være mye grønt i dette bildet. Merkelig nok er et av de lyseste områdene på bildet langs sidene av fuglens bryst, og jeg kan ikke huske at det var grønt. La oss sjekke dette ut ved å se på fullfargeversjonen igjen:

  Bildet av fuglen.

Det er absolutt mye grønt i bildet, noe som forklarer hvorfor svart-hvitt-bildet hadde så mange lysere gråtoner. Hvis jeg ser på siden av fuglens bryst, som var et av de lyseste områdene i svart-hvitt-bildet, ser det ikke grønt ut i det hele tatt. Faktisk er det veldig mye gult! Hvordan er det mulig? Enkel. Rødt og grønt kombinert gjør gult, så for å vise gult, må Photoshop blande rødt og grønt sammen.

Dette bildet har mange veldig mørke områder, spesielt i selve fuglen, med unntak av fuglehodet som er veldig lyst. Dette bør bety at den eneste delen av fuglen som skal virke blå er hodet, selv om magen også skal ha en merkbar mengde blått, samt føttene og trestykket den står på. La oss ta en titt:

  Bildet av fuglen.

Riktignok er fuglens hode veldig blått, og vi kan også se blått i magen, så vel som føttene og trestykket. Resten av fuglen har ingen merkbare blå områder, og det er grunnen til at den virket så mørk i svart-hvitt-bildet.

Og det avslutter omtrent vårt blikk på hvordan RGB-fargemodus og fargekanaler fungerer i Photoshop, bortsett fra én ting. Vi har fortsatt ikke sett hvor du kan få tilgang til disse fargekanalene. Du finner dem i passende navn Kanalpalett , som er gruppert i lagpaletten:

  Photoshp's Channels palette. Photoshops kanalpalett.

Kanalpaletten ligner mye på Lag-paletten, bortsett fra at den viser fargekanalinformasjon i stedet for lag. Du kan se at det er en for rød, en for grønn og en for blå, og hver inneholder sin egen separate svart-hvitt-versjon av bildet, akkurat som jeg har vist i denne opplæringen. Kanalen helt på toppen, «RGB», er egentlig ikke en kanal i det hele tatt. Det er bare sammensetningen av alle tre kanalene, og gir oss fullfargebildet. Du kan klikke på en av kanalene individuelt i kanalpaletten for å vise den kanalens svart-hvitt-bilde i dokumentvinduet.

Og der har vi det. Vi vet nå at Photoshop ser alt i form av svart, hvitt og grått. Vi vet at den bruker RGB-fargemodus (som standard uansett) for å blande varierende mengder rødt, grønt og blått for å lage det vi ser som fullfargebildet på skjermen vår. Og vi vet at det bestemmer hvor mye rødt, grønt og blått som skal brukes ved å se på den svart-hvitt-versjonen av bildet i hver av de tre fargekanalene, og at den gjør dette for hver eneste av de millioner av piksler i bildet. bilde, alt slik at du og jeg kan se en fullfargeversjon når Photoshop var helt fornøyd med den i svart-hvitt.

Og det er slik vi vet at Photoshop elsker oss. Vi avslutter det der.


Få alle våre Photoshop-veiledninger som PDF-filer! Last dem ned i dag!