1. RGB і колірні канали: кольоровий світ червоного, зеленого і синього
2. Панель Channels (Канали) Photoshop

Чи знаєте ви, що Photoshop дальтонік?

Коли я говорю «дальтонік», я не маю на увазі невеликі проблеми зі сприйняттям відтінків зеленого і пурпурного. Я маю на увазі, що він абсолютно не розрізняє кольори. Все, що бачить Photoshop - це чорні і білі кольори. Чорний, білий і безліч проміжних відтінків сірого. Найпотужніший графічний редактор в світі, промисловий стандарт серед фотографів, дизайнерів і практично всіх творчих професіоналів, здатний виробляти мільйони і навіть мільярди квітів, не має уявлення, що таке колір.

Ви можете розглядати своє фото кристально блакитної води океану, яке зробили під час останнього спочинку, але Photoshop бачить його як сірий океан. Чи вдавалося вам зняти веселку, що перетинає небо після вечірнього річного урагану? Photoshop бачить її, як красивий набір відтінків сірого кольору. А що ж з приводу знаменитого горщика з золотом? Для Photoshop це всього лише великий горщик чогось сірого.

Чи не співчуває Photoshop'у. Він абсолютно щасливий в своєму безбарвному світі.

Фактично, єдина причина, по якій Photoshop показує нам зображення в кольорі, полягає в тому, що самі люди очікують побачити їх в кольорі. Ми не знали б, що і думати, якби все відображалося в чорно-білих тонах. Але тільки не Photoshop. Для нього немає нічого дорожчого, ніж чорний, білий і сірі кольори.

Отже, Photoshop не має уявлення про те, що за колір перед ним, і все, що він знає і бачить - це чорний, білий і сірий кольори, як же він показує нам зображення в кольорі? Я маю на увазі ось це зображення, яке відкрито в Photoshop:

Очевидно, що цей хлопчик (або дівчинка) кольоровий. Ну, дійсно, я не думаю, що є більш барвисті птахи, ніж ця. Але тут не тільки птах. Листя на тлі кольорові. Шматочок дерева, на якому сидить птах теж в кольорі. Все, що на зображенні - кольорове! І це зображення відкрито в Photoshop, так як же таке може бути, якщо Photoshop не розрізняє кольори? І якщо він дійсно не бачить кольору, як Photoshop проробляє таку велику роботу, показуючи нам щось, що він не бачить?

Для відповіді на це питання нам необхідно розглянути дві речі. Перша - Color Mode (Установки кольору) і друга - Channels (Кольорові канали). Обидві дуже взаємопов'язані між собою, якщо ви розумієте Color Mode (Установки кольору), то Color Channels (Кольорові канали) стануть для вас також зрозуміліше.

Ми знаємо, або, по крайней мере, погодилися з тим фактом, що Photoshop не бачить кольору. Все, що він бачить - чорний, білий і сірий. Так як же він бере ці чорні, білі і сірі кольори, перетворюючи їх в кольорові, які ми бачимо на нашому екрані? Відповідь - залежність. Залежність від чого, запитаєте ви? Це залежність від колірного режиму (color mode), який використовує Photoshop.

Існує зовсім небагато колірних режимів в Photoshop, але два основних - це RGB і CMYK. Пару інших, ви могли чути в процесі роботи з Photoshop, це Grayscale (Градації сірого) і Lab (вимовляється, як «ел - агов -бі», але не «леб»). Це все приклади колірних режимів, і вони визначають, як Photoshop переводить свою чорно-білу інформацію в колір, за винятком колірного режиму Grayscale (Градації сірого), який не використовує кольори. Це строго чорно-білий режим, і досить часто він використовується для швидкої конвертації кольорового зображення в чорно-біле.

З усіх чотирьох режимів, які я назвав, єдиний, який ми розглянемо - RGB. Режим CMYK підходить для друку та публікацій, ми повернемося до нього як-небудь іншим разом. Режим Grayscale (Градації сірого), як я вже сказав, використовується строго для чорно-білих зображень, а режим Lab не зрозумілий для більшості людей, що живуть на цій планеті, так само як і живуть на інших планетах, хоча він часто використовується при професійному редагуванні зображень , але навіть ті люди, які його використовують, не мають повного уявлення про те, як він працює. Що залишає нам тільки RGB.

Безумовно, найбільш широко використовуваний в світі колірної режим комп'ютерів і технологій - це колірної режим RGB. Photoshop використовує його, інші програми на вашому комп'ютері також його використовують, ваш монітор, цифрова камера і сканер, ваш телевізор, і навіть маленький екран вашого мобільного або iPod'a використовують даний режим, так само як і портативні ігрові системи на кшталт PSP Sony або Nintendo DS . Якщо це девайс, який якось відображає або створює зображення, або програмне забезпечення для редагування зображень, подібне Photoshop, воно використовує колірний режим RGB. Звучить досить голосно, чи не так? І, звичайно ж, це так. Для всього він має досить широке значення і важливість, RGB є абревіатурою трьох кольорів - Red (Червоного), Green (Зеленого) та Blue (Синього).

RGB і колірні канали: кольоровий світ червоного, зеленого і синього

Що ж такого незвичайного в цих трьох кольорах - червоному, зеленому і синьому? Так, в общем-то, тільки те, що вони є основними кольорами. Що це означає? Це означає, що кожен колір, який ми з вами можемо бачити, створюється з деяких комбінацій червоного, зеленого і синього. Як ми отримуємо жовтий? Шляхом змішування червоного і зеленого. Як ми отримуємо фіолетовий? Шляхом змішування червоного і синього. А як щодо помаранчевого? 100% червоного і 50% зеленого. І це тільки прості приклади. Кожен окремий колір, який ми бачимо, створюється за допомогою комбінації цих трьох кольорів. Знаю, це звучить практично нереально, але це дійсно так.

Коли ви змішайте найяскравіші варіанти цих квітів між собою, то отримаєте чисто білий колір. Коли ви повністю видаліть всі ці три кольори, то отримаєте чисто чорний. А коли ви змішайте рівну кількість в процентному співвідношенні від 0 до 100%, ви отримаєте відтінки сірого.
Давайте знову подивимося на наше зображення з птахом:

Справді, дуже барвисте зображення, але звідки з'являються всі ці кольори? Поясню для початківців, давайте подивимося на інформацію, яка повідомляється нам у верхній частині вікна документа Photoshop:

Тим, що я зазначив червоним кружком, Photoshop пояснює нам, що зображення використовується в колірному режимі RGB, який означає, що кожен колір, який ми бачимо на фото, створений з деяких комбінацій червоного, зеленого і синього. Якщо ви хочете переконатися в цьому, все, що потрібно - навести курсор миші на будь-яку частину зображення і подивитися на панель Info (Інфо) в Photoshop.

Я наведу курсор миші на кінчик дзьоба в районі яскраво-червоного ділянки.

Давайте звернемося до панелі Info (Інформації) в Photoshop, щоб подивитися, що він нам говорить про цю точці в зображенні:

Частина, яка нас цікавить в панелі Info (Інфо) Photoshop, розташована вгорі ліворуч, вона показує нам значення RGB. Єдине, що ви повинні розуміти, так це те, що Photoshop не відображує кольори RGB в процентному співвідношенні, тобто ми не побачимо значення типу «10% червоного (red), 40% зеленого (green) і 50% синього (blue)» . Замість цього RGB має значення від 0 до 255, де 0 означає повну відсутність зазначеного кольору в зображенні, а 255 вказує на те, що використовується повноцінний колір.

Таким чином, якщо ми подивимося на частку, яку я виділив, ми побачимо, що точка містить значення 216 для червоного (red) (дуже велике значення), 59 зеленого (green) (досить мале значення) і 1 синього (blue) (міг б бути і 0), що означає, що в даній точці практично відсутній синій колір, і дуже невелика кількість зеленого. Переважна більшість кольору йде від червоного, що, в общем-то, природно, оскільки дзьоб птаха безумовно має червоний колір.

Подивимося на іншу точку. Я наводжу курсор миші на ділянку в районі спини птиці:

Ця ділянка виглядає для мене досить зеленим, і якщо ми подивимося, що говорить нам панель Info (Інфо):

То ми переконаємося, що Green (Зелений) - домінуючий колір, що має значення 180. Red (Червоний) має значення всього 20, що є дуже маленьким значенням, а Blue (Синій) навіть менше 16.
Давайте виконаємо це ще раз. Я наведу курсор миші де-небудь в районі голови птиці:

На цей раз синій повинен мати більш високе значення в панелі Info (Інфо):

І знову переконалися, що на цей раз Blue (Синій) колір має переважне значення 208 і є домінуючим кольором. Звичайно, голова птахи не чисто синя. Вона більше пурпурно-синя, що пояснює, чому Green (Зелений) має велике значення 100, і навіть Red (Червоний) має досить велике значення 90. Всі три кольори змішалися між собою на екрані, щоб утворити пурпурно-синій колір, який ми бачимо.

Я міг би продовжувати наводити курсор миші на будь-яку точку на фото (я не хочу, але міг би), і ми могли б спостерігати, як змінюються значення Red (Червоного), Green (Зеленого) та Blue (Синього) в панелі Info (Інфо ), оскільки кожен окремо взятий колір на зображенні складається з певної комбінації цих трьох кольорів.

Ось так працює режим RGB. Повторимо, RGB, означає не що інше, як Red (Червоний), Green (Зелений) і Blue (Синій), і оскільки це зображення знаходиться в режимі RGB, Photoshop представляє кожен колір за допомогою комбінацій червоного, зеленого і синього.

Наступне, що ми розглянемо в другій частині зображення - колірні канали (color channel).

На даний момент ми з'ясували, що Photoshop не бачить кольору. Все в світі Photoshop створено з чорного, білого і деяких відтінків сірого. Ми також дізналися, що Photoshop використовує колірний режим RGB для відображення квітів на екрані шляхом змішування різних комбінацій Red (Червоного), Green (Зеленого) та Blue (Синього). Але як Photoshop дізнається, скільки червоного, зеленого і синього потрібно змішати, щоб отримати окремий колір на екрані, коли він не знає, який саме колір повинен бути? Я маю на увазі, що здорово, що Photoshop може відображати чисто жовтий шляхом змішування повнокольорового Red (Червоного) зі значенням 255, а також Green (Зеленого) з таким же значенням, але як він дізнається, що відображати потрібно саме жовтий?

Відповідь - ніяк. Як ніяк?

А ось так. Photoshop не знає, що ви очікуєте побачити жовтий колір в певній частині зображення. Він знає тільки, що він відображається при Red (Червоному) зі значенням 255 і Green (Зеленому) зі значенням 255, і виключає при цьому Blue (Синій). Якщо це поєднання створить точно такий колір, який ви і я називаємо «жовтим», то це здорово, але Photoshop при цьому не залишається осторонь. Все, що він знає - «відображати Red (Червоний) зі значенням 255, Green (Зелений) - 255 і Blue (Синій) 0 в певному пікселі». Під час додавання різних кольорів до зображень, Photoshop є художником, «розфарбовували цифрами».

Отже, оскільки Photoshop додає певну кількість Red (Червоного), Green (Зеленого) та Blue (Синього). Звідки він знає, скільки кожного кольору потрібно додати, коли все, що він розуміє це чорний, білий і сірий? Два слова ... Color Channels (Кольорові канали).

Давайте знову подивимося на зображення з птахом:

Так ми бачимо з вами це зображення. Ось так його бачить Photoshop:

Але, стривайте. Також він бачить його так:

Але як він бачить його в двох різних чорно-білих варіантах? Гарне питання. Відповідь - ніяк. Він бачить його в трьох різних чорно-білих варіантах. Ось ще третій:

Все, що ми бачимо в одному кольоровому зображенні, Photoshop бачить в трьох окремих чорно-білих зображеннях. Кожне з цих зображень являє колірної канал. Перший являє червоний канал, другий - зелений, а третій - синій. Три окремі канали для трьох різних кольорів, суміщені разом створять повнокольорове зображення.

Розглядайте колірні канали, як колірні фільтри. У той час як Photoshop відображає кольорове зображення на екрані, він знає, які кольори відображати завдяки яскравості світла, що проходить через фільтри. Спочатку він підсвічує через червоний фільтр (червоний канал). Якщо світло не проходить через фільтр, Photoshop знає, що відображати червоний необхідно зі значенням 0. Якщо весь світ проходить через фільтр, то Photoshop в повній мірі відображає червоний колір із значенням 255. Якщо кількість світла, що проходить через фільтри трохи менше, Photoshop відображає червоний колір із значенням між 0 і 255, в залежності від того, як багато світла проходить через фільтр.

Потім він те ж саме проробляє з зеленим фільтром (зеленим каналом), встановлюючи для нього значення 0, якщо світло не проходить через фільтр, і 255 якщо світло повністю проходить через фільтр, і деяке значення між 0 і 255, якщо проходить трохи світла.

Потім він те ж саме проробляє з синім фільтром (синім каналом). Після цього він знає, з якого значення встановлювати для червоного, зеленого і синього, і комбінує їх, створюючи колір, який ми бачимо. Він робить усе це для кожного пікселя вашого зображення, так, якщо ваше зображення містить мільйони пікселів, як більшість фотографій, зроблених за допомогою цифрової камери в наші дні, Photoshop проробляє цю операцію мільйон разів і тільки для того, щоб відобразити зображення, яке ви бачите на екрані. Бачите, як сильно вас любить Photoshop? Отже, секунду назад я сказав, що Photoshop не залишається осторонь. Рухаємося далі.

«Фільтри» Photoshop використовують ті три окремих чорно-білих зображень, які ми бачили. Червоний:

Так як же Photoshop використовує це чорно-біле зображення в якості червоного фільтра? Пам'ятайте, як я сказав, що Photoshop приписує значення червоного від 0-255, базуючись на тому, яка кількість світла проходить через фільтр? Отже, скільки світла проходить через фільтр залежить від того, наскільки яскравий ділянку чорного і білого на зображенні. Будь-яка ділянка чисто чорного кольору не дозволить проникнути якомусь світла, це означає, що в цих ділянках зображення значення червоного дорівнюватиме 0.

Будь-які ділянки чисто білого кольору, дозволяють світлу проникати повністю, в цих ділянках значення червоного дорівнюватиме 255. А в ділянках з різними відтінками сірого, яких більшість в зображенні, проходить деякий кількість світла, що залежить від того, наскільки світлий або темний ділянку сірого представлений.

На зображенні вище ми можемо побачити, що найяскравіші ділянки зображення припадають на дзьоб і груди птиці, що підтверджує те, про що я зараз говорив: ці ділянки містять більшу кількість червоного кольору в кольоровому зображенні. Так само як ділянки спини, крил і живота дуже темні, тому в цих ділянках не повинно бути багато червоного або він повністю відсутній.

Давайте знову звернемося до повнокольорових варіанту зображення:

Ми сказали, що дзьоб і груди повинні містити багато червоного кольору, і, як ви бачите, це так! Ми також сказали, що спина, крила і живіт не повинні містити багато червоного, або він взагалі повинен бути відсутнім, і я дійсно не бачу на них червоного.

Давайте знову звернемося до чорно-білому зображенню, яке Photoshop використовує для зеленого каналу:

Це чорно-біле зображення містить багато яскравих ділянок, які означають, що на фото повинно бути присутнім багато зеленого. Дивно ще те, що один з найяскравіших ділянок в зображенні знаходиться поруч з грудьми птиці, але я не пам'ятаю, щоб там був зелений колір. Давайте це перевіримо, глянувши знову на повнокольорове зображення:

На зображенні, звичайно, багато зеленого, що пояснює безліч яскравих відтінків сірого на чорно-білому зображенні. Якщо я подивлюся на ту сторону грудей птиці, яка мала найяскравіший ділянку в чорно-білому зображенні, то вона не буде зеленою. Насправді вона дуже жовта! Як це можливо? Просто. Червоний і зелений в комбінації дають жовтий, тому для відображення жовтого кольору Photoshop змішав разом червоний і зелений.

Подивимося на ще одне чорно-біле зображення, яке Photoshop використовує в якості синього каналу:

На цьому зображенні безліч дуже темних ділянок, особливо на самій птиці, за винятком голови, яка дуже світла. Це має означати, що тільки одна частина птиці буде відображатися синім кольором - її голова. Хоча її животик теж повинен мати помітну кількість синього, так само ноги і шматок дерева, на якому вона сидить. Давайте подивимося:

Ми переконалися, що голова птиці дуже синя, ми також побачили, що її животик, так само як і ніжки і шматок дерева теж сині. Інша частина птахи не має помітних синіх ділянок, тому і з'явилися в цих місцях темні ділянки на чорно-білому зображенні.

Ми з'ясували все про те, як працює колірної режим RGB і колірні канали в Photoshop, все, крім однієї речі. Ми до сих пір не бачили, де ви можете отримати доступ до цих колірних каналах. Ви знайдете їх в відповідне названої панелі Channels (Канали), які згруповані разом з палітрою Layers (Шари).

Панель Channels (Канали) Photoshop

Палітра Channels (Канали) виглядає приблизно так само, як і палітра Layers (Шари), тільки вона показує інформацію про колірних каналах (Color Channels) замість шарів. Тут ви бачите один Red (Червоний), один Green (Зелений) і один Blue (Синій) канал, і кожен з них містить свій власний варіант чорно-білого зображення, точно такі, як я показував в цьому уроці. Самий верхній канал «RGB» в дійсності не є каналом. Це просто сукупність трьох каналів, що дає нам повнокольорове фото. Ви можете клікнути окремо по кожному каналу в палітрі Channels (Каналів) для відображення його чорно-білого зображення в вікні документа.

От і все. Ми тепер знаємо, що Photoshop бачить все через призму чорного, білого і сірого кольорів. Ми знаємо, що використання режиму RGB (в будь-якому випадку, встановлений за замовчуванням) змішує різну кількість червоного, зеленого і синього для отримання кольорового зображення, яке ми бачимо на своїх екранах. І ми також знаємо, що в залежності від того, як багато червоного, зеленого і синього кольору, чорно-білий варіант зображення у кожного з трьох каналів буде свій, що всі ці операції проробляються для кожного окремо взятого пікселя в зображенні. І, таким чином, ви і я можемо бачити повнокольоровий версію зображення, в той час як Photoshop задовольняється чорно-білим.

Тепер ми знаємо, як Photoshop любить нас. На цьому ми закінчимо цей урок.

Перекладач: Олександра Анциперовіч;

джерело ;

⇐ • Використання коригувальних шарів (попередня сторінка підручника)

• Функція «Crop and Straighten Photos» (Обрізати і випрямити фото) (наступна сторінка підручника) ⇒