Objašnjenje RGB i kanala boja u Photoshopu

Napisao Steve Patterson.

Jeste li znali da je Photoshop slijep za boje? Kad kažem 'slijepo za boje', ne mislim da ima problema s razlikovanjem određenih nijansi zelene i ljubičaste. Mislim, potpuno je i potpuno slijepo kada je u pitanju boja. Sve što Photoshop vidi je crno-bijelo. Dobro, crno, bijelo i puno nijansi sive između, ali to je to. Najmoćniji uređivač slika na svijetu, industrijski standard među fotografima, dizajnerima i gotovo svim kreativnim profesionalcima, sposoban proizvesti milijune, čak milijarde boja, nema pojma što je boja.



Možda gledate fotografiju koju ste snimili na posljednjem odmoru kristalno plave vode na oceanu, ali sve što Photoshop vidi je sivi ocean. Jeste li uspjeli snimiti dugu koja se izvija preko neba nakon ljetne večernje oluje? Photoshop to vidi kao prekrasan asortiman nijansi sive. I onaj slavni lonac zlata na kraju? Za Photoshop, to je veliki stari lonac sive boje.



Ipak, nemojte žaliti za Photoshopom. Savršeno je sretno u svom bezbojnom svijetu. Zapravo, jedini razlog zašto nam uopće prikazuje naše slike u boji je taj što mi kao ljudska bića očekujemo da ih vidimo u boji. Ne bismo znali što misliti da sve izgleda crno-bijelo. Ali ne Photoshop. Za njega život jednostavno ne može biti slađi nego u crnom, bijelom i sivom.

Preuzmite ovaj vodič u PDF-u spremnom za ispis!

Dobro, dakle, ako Photoshop nema pojma što je boja, a sve što zna i vidi su crno, bijelo i sivo, kako uspijeva prikazati naše slike u boji? Mislim, evo slike koju sam otvorio u Photoshopu:



  Slika otvorena u Photoshopu Fotografija otvorena u prozoru dokumenta u Photoshopu.

Očito, ovaj mali dečko (ili djevojčica) je u boji. Zapravo, ne mislim da su ptice puno šarenije od ovoga. Ali nije samo ptica u pitanju. Listovi u pozadini su u boji. Komad drveta na kojem ptica stoji je u boji. Cijela stvar je u boji! I ova slika je otvorena u Photoshopu, pa kako to da Photoshop ne vidi boju? A ako stvarno ne vidi boju, kako Photoshop radi tako dobar posao da nam pokaže nešto što ne vidi?

Da bismo odgovorili na to pitanje, moramo pogledati nekoliko stvari. Jedno je načini boja a drugi je kanali u boji . Oba su međusobno povezana u velikoj mjeri, tako da kada shvatite prvi, modovi boja, drugi, kanali boja, ima puno više smisla.

Znamo, ili ćemo se barem trenutno htjeti složiti s tom idejom, da Photoshop ne vidi boju. Sve što vidi je crno, bijelo i sivo. Dakle, kako uzima te crne, bijele i sive tonove i prevodi ih u boje koje vidimo na našem ekranu? Odgovor je, ovisi. Ovisi o čemu, pitate se? Ovisi koji način rada u boji Photoshop koristi.



Postoji dosta različitih načina boja, ali dva su glavna RGB i CMYK . Nekoliko drugih za koje ste možda čuli dok ste radili u Photoshopu su Sivi tonovi i Laboratorija (izgovara se 'L-a-b', a ne 'Lab'). Ovo su sve primjeri načina boja i oni određuju kako Photoshop svoje crno-bijele informacije prevodi u boju, s izuzetkom načina boja 'Grayscale', koji uopće ne koristi boju. To je izrazito crno-bijeli način rada i često se koristi za brzo pretvaranje slike u boji u crno-bijelu.

Od ova četiri koja sam spomenuo, onaj koji ćemo ovdje gledati je prvi, RGB . Način 'CMYK' bavi se ispisom i tintom i sasvim je druga tema za neki drugi dan. Način rada 'Sivi tonovi', kao što sam spomenuo, striktno se koristi za crno-bijele slike, a način rada 'Lab' je izvan razumijevanja većine ljudi na planetu, kao i nekoliko ljudi na drugim planetima, iako je često koristi se za profesionalno uređivanje slika, ali čak i tada većina ljudi koji ga koriste nema pojma kako doista radi. Što nam ostavlja 'RGB'.

Daleko najrašireniji način boja u svijetu računala i tehnologije je 'RGB' način boja. Photoshop ga koristi, drugi programi na vašem računalu ga koriste, vaš monitor računala ga koristi, kao i vaša digitalna kamera i skener, vaš televizor, čak i mali ekran na vašem mobitelu ili iPodu ga koristi, kao i oni ručni sustavi za igre poput Sony PSP ili Nintendo DS. Ako se radi o uređaju koji ili prikazuje ili snima slike, ili softverskom programu koji uređuje te slike poput Photoshopa, koristi se 'RGB' način boja. Zvuči prilično važno, zar ne? I svakako jest. Ipak, usprkos širokoj upotrebi i tehnološkoj važnosti, sve što 'RGB' označava su nazivi triju boja - Crvena , zelena i Plava .



RGB i kanali boja: Šareni svijet crvene, zelene i plave

Što je tako posebno u ove tri boje, crvenoj, zelenoj i plavoj? Pa, slučajno su to primarne boje svjetla. I što to znači? To znači da je svaka boja koju ti i ja možemo vidjeti sastavljena od neke kombinacije crvene, zelene i plave. Kako postajemo žuti? Miješanjem crvene i zelene. Kako dobivamo magentu? Miješanjem crvene i plave. Što je s narančastom? 100% crvena, 50% zelena. A ovo su samo osnovni primjeri. Svaka pojedinačna boja koju možemo vidjeti sastoji se od neke kombinacije ove tri boje. Zvuči gotovo nemoguće, znam, ali je istina.

Kada pomiješate potpuno zasićene verzije sve tri boje zajedno, dobit ćete čistu bijelu. Kada potpuno uklonite sve tri boje, dobit ćete čistu crnu. A kada pomiješate jednake količine sve tri boje u nekom postotku između 0 i 100%, dobit ćete nijansu sive.



Pogledajmo ponovno našu fotografiju ptice:

  Slika otvorena u Photoshopu

Zaista vrlo živopisna slika, ali odakle dolaze sve te boje? Pa, za početak, pogledajmo što nam informacije na vrhu Photoshopovog prozora dokumenta govore:

  Podaci na vrhu prozora dokumenta Podaci na vrhu prozora dokumenta.

Kako sam zaokružio crvenom bojom, Photoshop nam govori da ova slika koristi 'RGB' način boja, što znači da je svaka boja koju vidimo na fotografiji sastavljena od neke kombinacije crvene, zelene i plave. Ako želimo dokaz, sve što trebamo učiniti je prijeći mišem preko bilo kojeg dijela slike i pogledati u Photoshopu Info paleta .



Lebdjet ću mišem blizu kraja njegovog kljuna, koji je svijetlo crveno područje:

  Lebdeći mišem iznad ptice's beak Lebdeći mišem iznad kraja ptičjeg kljuna.

Pogledajmo Photoshopovu informacijsku paletu da vidimo što nam govori o tom mjestu na slici:



  Photoshop's Info Palette Photoshopova info paleta.

Dio Info palete koji nas zanima je gornji lijevi, kao što sam zaokružio gore, koji nam pokazuje RGB vrijednosti boja. Ovdje morate razumjeti jednu stvar, a ovo je zapravo sasvim druga tema za sebe, ali Photoshop ne navodi RGB vrijednosti boja kao postotke, tako da nećemo vidjeti vrijednosti poput '10% crvene, 40% zelene i 50 % plavo'. Umjesto toga, RGB vrijednosti navedene su kao brojevi između 0 i 255, pri čemu 0 predstavlja apsolutno nikakvu količinu te boje na slici, a 255 je boja pune snage. Dakle, ako pogledamo područje koje sam zaokružio, možemo vidjeti da je područje nad kojim lebdim na slici sastavljeno od crvenog na vrijednosti 216 (vrlo visok iznos), zelenog na 59 (a mnogo manja količina), a plava na samo 1 (može biti i nula), što znači da praktički nema plave u tom području i samo mala količina zelene. Velika većina boje dolazi od crvene boje, što ima smisla jer je ptičji kljun jasno crven.

Pogledajmo još jedno mjesto. Preći ću mišem preko područja na njegovim leđima:

  Lebdeći mišem iznad područja na ptici's back Lebdeći mišem iznad točke na leđima ptice.

To područje mi izgleda prilično zeleno, a ako pogledamo što nam Info paleta govori:

  Photoshop's Info Palette Photoshopova info paleta koja nam pokazuje RGB vrijednosti za taj dio slike.

Naravno, zelena je daleko prevladavajuća boja, koja dolazi na vrijednost od 180. Crvena se pojavljuje samo na 20, što je vrlo mala količina, a plava je još manje na 16.

Učinimo ovo još jednom. Lebdit ću mišem negdje iznad ptičje glave:

  Lebdeći mišem iznad područja na ptici's head Lebdeći mišem iznad mjesta na ptičjoj glavi.

Ovog puta, plava bi se trebala mnogo jače pojavljivati ​​u Info paleti:

  Photoshop's Info Palette showing us the RGB information for the area on the bird's head Photoshopova info paleta koja nam pokazuje RGB informacije za mjesto na ptičjoj glavi.

I naravno, ovaj put plava dolazi s vrijednošću od 208 i prevladava. Naravno, ptičja glava nije čisto plava. Više je ljubičasto-plava, što objašnjava zašto zelena još uvijek dolazi na 100, a čak se i crvena pristojno pojavljuje na vrijednosti 90. Sve tri se zajedno miješaju na zaslonu da bi nam dale tu ljubičasto-plavu boju koju viđam se.

Mogao bih nastaviti lebdjeti mišem iznad bilo kojeg mjesta na fotografiji (neću, ali mogao bih) i vidjeli bismo kako se vrijednosti za crvenu, zelenu i plavu mijenjaju u Info paleti, budući da se svaka pojedinačna boja na slici mijenja sastavljen od neke njihove kombinacije.

I tako radi RGB mod boja. Opet, RGB označava ništa teže od 'crvenog', 'zelenog' i 'plavog', a budući da je ova slika u RGB načinu boja, Photoshop reproducira svaku od boja koristeći kombinacije crvene, zelene i plave.

Kanali boja

Do sada smo naučili da Photoshop ne vidi boju. Sve u Photoshopovom svijetu sastoji se od crne, bijele ili neke nijanse sive. Također smo saznali da Photoshop koristi RGB način boja za prikaz boja na ekranu miješanjem različitih kombinacija crvene, zelene i plave. Ali kako Photoshop zna koliko crvene, zelene i plave treba pomiješati zajedno za svaku boju na ekranu kada ne vidi boje u početku? Mislim, super je što Photoshop može prikazati čistu žutu miješajući crvenu na punoj vrijednosti od 255 sa zelenom također na 255, ali kako uopće zna prikazati žutu?

Odgovor je da nije.

ha? Ne radi?

Ne, nije. Photoshop ne zna da očekujete vidjeti žuto u određenom dijelu slike. Sve što zna je da treba prikazati crvenu na 255 i zelenu na 255, a izostaviti plavu. Ako to čini određenu boju koju vi i ja nazivamo 'žutom', sjajno, ali zapravo, Photoshopu je svejedno. Sve što zna je 'prikaži crveno na 255, zeleno na 255 i plavo na 0 u tom specifičnom pikselu'. Kakva god boja na kraju bila vama i meni, nije važna Photoshopu. Kada slikama dodaje boje, Photoshop je striktno umjetnik 'slikanja brojevima'.

Dobro onda, sve što Photoshop zna je dodati određenu količinu crvene, zelene i plave. Ali kako zna koliko svake boje treba dodati kad sve što razumije je svijet crne, bijele i sive? Dvije riječi... Kanali boja .

Pogledajmo još jednom našu fotografiju ptice:

  Fotografija ptice.

Tako ti i ja vidimo sliku. Ovaj kako Photoshop to vidi:

  Crveni kanal

Ali čekaj, ima još. Ovo je također kako Photoshop to vidi:

  Zeleni kanal

Ali kako je to moguće vidjeti u dvije različite crno-bijele verzije? Dobro pitanje. Odgovor je da nije. Vidi se unutra tri različite crno-bijele verzije. Evo trećeg:

  Plavi kanal

Ono što mi vidimo kao jednu sliku u boji, Photoshop vidi kao tri odvojene crno-bijele slike. Svaka od tih slika predstavlja kanal boja. Prvi je bio crveni kanal, drugi je bio zeleni kanal, a treći je bio plavi kanal. Tri odvojena kanala za tri odvojene boje, a svi zajedno stvaraju sliku u punoj boji.

Zamislite 'kanale' u boji kao 'filtre' u boji. Kad god Photoshop prikaže sliku u boji na ekranu, on zna koje boje treba prikazati tako što propušta svjetlo kroz filtere. Prvo isijava svjetlo kroz crveni filter (crveni kanal). Ako nikakva količina svjetlosti ne prođe kroz filtar, Photoshop zna prikazati crvenu na vrijednosti 0. Ako sva svjetlost prođe kroz filtar, Photoshop prikazuje crvenu na punoj vrijednosti snage 255. Ako neka manja količina svjetlosti prođe kroz , Photoshop prikazuje crveno na vrijednosti negdje između 0 i 255, ovisno o tome koliko je svjetla prošlo.

Zatim čini istu stvar sa zelenim filtrom (zeleni kanal), dodjeljujući zelenoj vrijednost 0 ako svjetlost ne prolazi, 255 ako sva svjetlost prolazi i neku vrijednost između ako dio svjetlosti prolazi, ali ne sve kroz. Zatim to radi s plavim filtrom (plavi kanal). Kada završi, zna koju vrijednost postaviti za crvenu, zelenu i plavu te ih kombinira kako bi stvorio boju koju vidimo. To čini za svakog pojedinca piksel u vašoj slici, pa ako vaša slika sadrži milijune piksela, kao što većina fotografija s digitalnih fotoaparata ovih dana čini, Photoshop prolazi kroz ovaj proces milijune puta samo da prikaže sliku koju vidite na zaslonu. Vidite koliko vas Photoshop voli? U redu, maloprije sam rekao da Photoshop nije briga. Idemo dalje.

'Filtri' koje Photoshop koristi su one tri odvojene crno-bijele slike koje smo vidjeli na prethodnoj stranici. Pogledajmo ponovo crvenu:

  Crveni kanal Crno-bijela slika sa Crvenog kanala.

U redu, kako Photoshop uspijeva koristiti ovu crno-bijelu sliku kao crveni filter? Sjećate se kako sam rekao da Photoshop dodjeljuje vrijednost između 0 - 255 crvenoj boji na temelju toga koliko svjetla prolazi kroz filter? Pa, koliko svjetlosti može proći kroz filtar ovisi o tome koliko je taj dio crno-bijele slike svijetao ili taman. Sva područja koja su čisto crna ne propuštaju svjetlost, što znači da će crvena biti postavljena na 0 u tim dijelovima slike. Sva područja koja su čisto bijela dopuštaju punu količinu svjetla da prođe, tako da će crveno biti postavljeno na 255 u tim područjima. A područja koja su neke nijanse sive, koja obično čine većinu slike, dopuštat će različite količine svjetla ovisno o tome koliko je nijansa sive svijetla ili tamna. Na gornjoj slici možemo vidjeti da su najsvjetliji dijelovi slike ptičji kljun i prsa, što bi na temelju onoga što sam upravo rekao trebalo značiti da ta područja sadrže puno crvene boje u verziji pune boje. Isto tako, njegova leđa, krila i trbuh su vrlo tamni, tako da ta područja uopće ne bi trebala imati puno crvene boje, ako je uopće ima.

Pogledajmo ponovno verziju u punoj boji:

  Fotografija ptice.

Rekli smo da bi kljun i prsa trebali sadržavati puno crvene boje, i naravno, imaju! Također smo rekli da bi leđa, krila i trbuh trebali izgledati vrlo malo ili nimalo crvenila, a meni sigurno ne izgledaju crveno.

Pogledajmo ponovno crno-bijelu sliku koju Photoshop koristi za zeleni kanal:

  Zeleni kanal Crno-bijela slika sa Zelenog kanala.

Ova crno-bijela slika sadrži puno svjetlijih područja, što znači da bi na ovoj fotografiji trebalo biti puno zelene boje. Začudo, jedno od najsvjetlijih područja na slici je uz bočne strane ptičjih prsa, a ne sjećam se da je bilo zeleno. Provjerimo ovo tako da ponovno pogledamo verziju u punoj boji:

  Fotografija ptice.

Na slici sigurno ima puno zelene boje, što objašnjava zašto je crno-bijela slika imala toliko svjetlijih nijansi sive. Ako pak pogledam bočnu stranu ptičjih prsa, koja je bila jedno od najsvjetlijih područja na crno-bijeloj slici, uopće ne izgleda zeleno. Zapravo, jako je žuto! Kako je to moguće? Jednostavan. Kombinacija crvene i zelene čini žutu, pa da bi prikazao žutu, Photoshop mora pomiješati crvenu i zelenu zajedno.

Ova slika ima puno vrlo tamnih područja, posebno u samoj ptici, s izuzetkom ptičje glave koja je vrlo svijetla. To bi trebalo značiti da je jedini dio ptice koji bi trebao biti plav njezina glava, iako bi njezin trbuh također trebao imati primjetnu količinu plave boje, kao i njezine noge i komad drveta na kojem stoji. Pogledajmo:

  Fotografija ptice.

Naravno, glava ptice je jako plava, a također možemo vidjeti plavu boju u trbuhu, kao i noge i komad drveta. Ostatak ptice nema vidljivih plavih područja, zbog čega je izgledala tako tamna na crno-bijeloj slici.

I to samo završava naš pogled na to kako RGB način boja i kanali boja rade unutar Photoshopa, osim jedne stvari. Još uvijek nismo vidjeli gdje možete pristupiti tim kanalima u boji. Naći ćete ih u odgovarajućim nazivima Paleta kanala , koji je grupiran s paletom slojeva:

  Photoshp's Channels palette. Photoshopova paleta kanala.

Paleta Channels izgleda dosta poput palete Layers, osim što prikazuje informacije o kanalima u boji umjesto slojeva. Možete vidjeti da postoji jedna za crvenu, jedna za zelenu i jedna za plavu, a svaka sadrži svoju zasebnu crno-bijelu verziju slike, baš kao što sam pokazao u ovom vodiču. Kanal na samom vrhu, 'RGB', zapravo uopće nije kanal. To je samo kombinacija sva tri kanala, što nam daje fotografiju u punoj boji. Možete kliknuti na bilo koji od kanala zasebno u paleti kanala kako biste prikazali crno-bijelu sliku tog kanala u prozoru dokumenta.

I eto ga. Sada znamo da Photoshop sve vidi u crnoj, bijeloj i sivoj boji. Znamo da koristi RGB način boja (ionako prema zadanim postavkama) za miješanje različitih količina crvene, zelene i plave kako bi stvorio ono što vidimo kao sliku u punoj boji na našem zaslonu. I znamo da određuje koliko crvene, zelene i plave treba koristiti gledajući crno-bijelu verziju slike u svakom od tri kanala boja, i da to čini za svaki pojedini od milijuna piksela u sliku, sve kako bismo vi i ja mogli vidjeti verziju u punoj boji dok je Photoshop bio savršeno zadovoljan crno-bijelom.

I tako znamo da nas Photoshop voli. Tu ćemo završiti.


Preuzmite sve naše Photoshop vodiče kao PDF-ove! Preuzmite ih danas!