Вісім колірних режимів фотошопа. Загальні відомості про колірних режимах Photoshop Який колірний режим вибрати в фотошопі

режим RGB

Режим RGB в Photoshop використовує модель RGB, призначаючи кожному пікселю значення інтенсивності. У зображеннях з 8 бітами на канал значення інтенсивності знаходяться в діапазоні від 0 (чорний) до 255 (білий) для кожного з RGB-компонентів кольору (червоний, зелений, синій). Наприклад, яскраво-червоний колір має значення R \u003d 246, G \u003d 20 і B \u003d 50. Якщо значення всіх трьох компонентів однакові, виходить затемнення нейтрально-сірого кольору. Якщо значення всіх компонентів рівні 255, то виходить чистий білий, а якщо 0, то чистий чорний.

Щоб відтворити кольору на екрані, в зображеннях RGB використовуються три кольори, або каналу. У зображеннях, що містять 8 біт на канал, кожен піксель містить 24 біта (3 канали по 8 біт) колірної інформації. У 24-бітових зображеннях три канали дозволяють відтворювати до 16,7 мільйона квітів на піксель. У 48-бітних (16 біт на канал) і 96-бітних (32 біта на канал) зображеннях кожен піксель може відтворювати ще більше квітів. Крім того що модель RGB є режимом за замовчуванням для нових зображень, створюваних в Photoshop, вона ще використовується для відображення квітів комп'ютерними моніторами. Це означає, що при роботі в колірних режимах, відмінних від RGB (наприклад, в CMYK), Photoshop конвертує зображення в RGB для відображення на екрані.

Незважаючи на те що RGB є стандартною колірною моделлю, точний діапазон кольорів може бути різним у залежності від програми та пристрої виводу. Режим RGB в Photoshop змінюється в залежності від параметрів настройки робочого простору, встановлених в діалоговому вікні «Налаштування кольорів».

режим CMYK

У режимі CMYK пікселу для кожної з тріадних фарб присвоюється значення в процентах. Найсвітлішим квітам (квітам підсвічування) призначається менше значення, а більш темним (квітам тіні) - більше. Наприклад, яскраво-червоний колір може складатися з 2% блакитного, 93% пурпурового, 90% жовтого та 0% чорного. Якщо в зображеннях CMYK всі чотири компонента рівні 0%, то виходить чистий білий колір.

Режим CMYK призначений для підготовки зображення до друку з використанням тріадних кольорів. В результаті перетворення RGB-зображення в CMYK виходить кольороподіл. Якщо вихідне зображення було RGB, його найкраще відредагувати в режимі RGB і тільки в самому кінці редагування перетворити в CMYK. В режимі RGB команди «Параметри кольоропроби» дозволяють імітувати ефекти перетворення в CMYK, не змінюючи самі дані. У режимі CMYK можна також працювати безпосередньо з зображеннями CMYK, отриманими зі сканера або імпортованими з професійних систем.

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

режим Lab

Колірна модель L * a * b * (Lab) Міжнародної світлотехнічної комісії заснована на сприйнятті кольору людським оком. У режимі Lab числові значення описують всі кольори, які бачить людина з нормальним зором. Оскільки значення Lab описують, як виглядає колір, а не скільки конкретної фарби потрібно пристрою (наприклад, монітора, настільного принтера або цифровій камері) Для відтворення кольорів, модель Lab вважається апаратно-незалежною колірною моделлю. Системи управління кольором використовують Lab як довідник квітів, щоб отримувати передбачувані результати при перетворенні кольору з одного колірного простору в інший.

У режимі Lab є компонент яскравості (L), який може знаходитися в діапазоні від 0 до 100. У палітрі кольорів Adobe і на панелі «Колір» компоненти a (зелено-червона вісь) і b (синьо-жовта вісь) можуть мати значення в діапазоні від +127 до -128.

Зображення Lab можна зберігати в наступних форматах: Photoshop, Photoshop EPS, Large Document Format (PSB), Photoshop PDF, Photoshop Raw, TIFF, Photoshop DCS 1.0 і Photoshop DCS 2.0. 48-бітові (16 біт на канал) зображення Lab можна зберігати в форматах Photoshop, Large Document Format (PSB), Photoshop PDF, Photoshop Raw та TIFF.

Примітка. Файли в форматах DCS 1.0 та DCS 2.0 в момент відкриття перетворюються в CMYK.

Режим градацій сірого

У режимі градацій сірого в зображеннях використовуються різні відтінки сірого кольору. У 8-бітних зображеннях допускається до 256 відтінків сірого. Кожен піксель зображення в градаціях сірого містить значення яскравості в діапазоні від 0 (чорний) до 255 (білий). В 16- і 32-бітових зображеннях кількість відтінків сірого значно більше.

Значення відтінків сірого також можуть бути виражені в процентах сумарного покриття чорною фарбою (значення 0% еквівалентно білому, а 100% - чорному).

Режим градацій сірого використовує діапазон, певний параметрами робочого простору, заданими в діалоговому вікні «Налаштування кольорів».

бітовий режим

Бітовий режим представляє кожен піксель зображення одним з двох значень (чорний або білий). Зображення в цьому режимі називаються бітовими (1-бітними), оскільки на кожен піксель доводиться рівно один біт.

Режим «Дуплекс»

У режимі «Дуплекс» створюються монотонні, дуплексні (двокольорові), тріотонние (триколірні) і тетратонние (чотирьохкольорові) зображення в градаціях сірого з використанням від однієї до чотирьох замовних фарб.

Режим «Індексовані кольори»

Режим «Індексовані кольори» видає 8-бітові зображення, що містять не більше 256 кольорів. При перетворенні в індексований колір Photoshop будує таблицю кольорів зображення (CLUT), в якій зберігаються і індексуються кольору, використовувані в зображенні. Якщо колір початкового зображення не в цій таблиці, програма вибирає найближчий з наявних кольорів або виконує дизеринг для імітації відсутнього кольору.

Хоча палітра кольорів цього режиму обмежена, він дозволяє зменшити розмір файлу зображення, при цьому зберігаючи якість зображення, необхідне для мультимедійних презентацій, веб-сторінок і т. П. Можливості редагування в цьому режимі обмежені. Якщо необхідна велика редагування, слід тимчасово перейти в режим RGB. У режимі індексованих кольорів файли можна зберігати в наступних форматах: Photoshop, BMP, DICOM (медичний формат цифрових зображень і зв'язку), GIF, Photoshop EPS, формат великих документів (PSB), PCX, Photoshop PDF, Photoshop Raw, Photoshop 2.0, PICT, PNG, Targa® і TIFF.

багатоканальний режим

Зображення в багатоканальному режимі містять 256 рівнів сірого для кожного з каналів і можуть стати в нагоді при спеціалізованій пресі. Такі зображення можна зберігати в наступних форматах: Photoshop, Large Document Format (PSB), Photoshop 2.0, Photoshop Raw і Photoshop DCS 2.0.

При перетворенні зображень в багатоканальний режим можуть виявитися корисними такі відомості.

Шари не підтримуються, і тому виконується їх зведення.

Кольорові канали вихідного зображення стають каналами сумішевих квітів.

Під час перетворення CMYK в багатоканальний режим створюються блакитний, пурпурний, жовтий і чорний канали сумішевих квітів.

Під час перетворення RGB в багатоканальний режим створюються блакитний, пурпурний і жовтий канали сумішевих квітів.

Видалення каналу із зображення RGB, CMYK або Lab автоматично перетворює це зображення в багатоканальний режим шляхом зведення шарів.

Щоб експортувати багатоканальне зображення, його потрібно зберегти в форматі Photoshop DCS 2.0.

Примітка. Зображення з індексованими і 32-бітових квітами неможливо перетворити в режим «Багатоканальний».

, "Екран" (Screen) і "Перекриття" (Overlay) затемнює певні області зображення, висвітлює певні області зображення, або виробляє обидва цих дії.

Цей, четвертий з найважливіших режимів накладення, не має нічого спільного з затемненням, підсвічуванням і контрастністю зображення, не випадково ж він названий "кольоровість" (Color), і, якщо ви пам'ятаєте з пілотної статті цього циклу, він знаходиться в групі компонентний режимів ( Composite Modes) разом з "Колірним тоном" (Hue), "Насиченістю" (Saturation) і т.д.

Режим "Кольори" насправді є комбінацією перших двох режимів в цій групі, тобто "Колірного тони" (Hue) і "насиченості".
Коли ви зміните режим накладення шару на "Кольори", тільки колір шару (тобто всі колірні відтінки по їх величині насиченості) вписується в шар (шари), що знаходяться під ним. Значення яскравості цих квітів повністю ігноруються.

Режим "Кольори" дозволяє додавати або змінювати кольори деталей або всього зображення без зміни значень яскравості цих деталей або всього зображення.

Крім того, режим "Кольори" - це повна протилежність режиму "Яскравість" (Luminosity), який ігнорує всі кольори в шарі і змішує тільки значення яскравості, це ми розглянемо у відповідному матеріалі.

Практичний приклад застосування режиму накладання "Кольори" (Color)

Одним з найбільш популярних застосувань цього режиму є розфарбовування чорно-білих зображень. Його використання дозволяє додати колір в зображення, не змінюючи початкові значення яскравості. Просто додайте новий порожній шар вище зображення і змініть його режим накладення шару на "Кольори", потім виберіть інструмент "Пензель" (Brush Tool) з палітри інструментів, виберіть потрібний колір і починайте малювати на шарі, додаючи свій колір.

Для прикладу я візьму стару чорно-білу фотографію:

Скажімо, ми хочемо зберегти загальний образ фотографії чорно-білим, але, щоб зробити фото більш цікавим, я хочу зробити троянди в букеті нареченої червоного кольору. Застосування режиму "Кольори" спрощує цей процес. По-перше, як сказано вище, слід додати новий порожній шар над шаром з фото і змінити його режим накладення на "Кольори" (Color):

Тепер слід вибрати інструмент "Пензель" (Brush Tool) з палітри інструментів, вибрати червоний колір кольором переднього плану в колірній палітрі, збільшити масштаб відображення троянд і почати малювати на них.

Перейдемо до розгляду тонкощів підготовки графічного оформлення web-сторінок.

працюючи з Adobe PhotoShop, Ви, напевно, не раз звертали увагу на те, що і заголовку вікна документа, крім його імені, відображаються різні додаткові символи. Це добре видно на рис. 3.1.

Мал. 3.1. додаткова інформація в заголовку вікна документа

В даному випадку там видно ім'я файлу (Car.tif), поточний рівень збільшення (@ 100%), а також позначення колірного режиму, в якому знаходиться документ ((RGB)). Для багатьох початківців користувачів остання з цих написів виглядає досить загадково.

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

Деякі люди можуть поставити резонне питання: «А навіщо такі складнощі? Невже не можна обійтися одним режимом? ». Виявляється, різні режими потрібні для того, щоб відобразити в файлі особливості подальшого виведення зображення на будь-який пристрій або збереження в файлі. різні пристрої виведення зображень можуть працювати по різними принципами, Використовуючи фізичні явища, які не мають між собою практично нічого спільного. Наприклад, на екрані монітора (а також телевізора) зображення будується за допомогою засвічення люмінофора пучком електронів. При такому впливі люмінофор починає випромінювати світло. Залежно від складу люмінофора, цей світ має ту чи іншу забарвлення. Для формування кольорового зображення використовується люмінофор зі свіченням трьох кольорів - червоним, зеленим і синім. Тому такий метод формування кольору називають RGB (Red, Green, Blue - червоний, зелений, синій).

ПРИМІТКА. Самі по собі зерна люмінофора різних кольорів дозволяють отримати тільки чисті кольори (чистий червоний, чистий зелений і чистий синій). Проміжні відтінки виходять за рахунок того, що різнокольорові зерна розташовані близько один до одного. При цьому їх зображення в оці зливаються, а кольори утворюють деякий змішаний відтінок. Регулюючи яскравість зерен, можна регулювати виходить змішаний тон. Наприклад, при максимальній яскравості всіх трьох типів зерен будуть отриманий білий колір, при відсутності засвітки - чорний, а при проміжних значеннях - різні відтінки сірого. Якщо ж зерна одного кольору засвітити не так, як інші, то змішаний колір не буде відтінком сірого, а придбає забарвлення. Такий спосіб формування кольору нагадує освітлення білого екрану в повній темряві різнобарвними прожекторами. Світло від різних джерел складається, даючи різні відтінки. Тому таке уявлення кольору (колірну модель) називають адитивною (підсумовує).

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

Зазвичай при такому способі передачі кольору для отримання проміжних відтінків використовуються чорнило чотирьох кольорів: блакитний, пурпурний, жовтий і чорний. Таку колірну модель називають CMYK - Cyan, Magenta, Yellow Blасk (Блакитний, Пурпурний, Жовтий, Чорний). Теоретично для отримання будь-якого з відтінків досить тільки блакитного, жовтого і пурпурного кольорів. Однак на практиці вкрай складно отримати їх змішанням чистий чорний колір або відтінки сірого.

ПРИМІТКА. Так як в колірній моделі CMYK відтінки утворюються шляхом віднімання певних складових з білого, її називають субтрактивной (віднімає). Крім різних друкуючих пристроїв, ця колірна модель використовується в фотоплівці і фотопапері. Там також містяться шари, чутливі до блакитного, жовтого і пурпурного світла.

У файлах зображень, збережених в режимах RGB і CMYK, для кожного пікселя записуються значення всіх трьох або чотирьох компонентів.

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

Існують і інші колірні режими. Наприклад, для запису зображень У форматах, що обмежують допустиму кількість квітів (таких як GIF), ці зображення треба попередньо перевести в режим індексованих кольорів. При цьому складається палітра, яка і використовується при подальшій роботі. При спробі використовувати не входить в палітру колір він замінюється найближчим кольором, занесеним в неї.

Тепер розглянемо, як робота з колірними режимами реалізована в Adobe\u003e PhotoShop. Перш за все, слід зауважити, що в будь-якому з режимів зображення представляється у вигляді декількох каналів, кожен з яких представляє собою відображення однієї з колірних складових. В режимі RGB зображені ження містить червоний, зелений і синій канали. Ви можете редагувати всe канали одночасно (саме цей режим використовується за умовчанням) або окремо. Детальніше робота з каналами розглядається нижче.

Доступ до колірних режимів здійснюється за допомогою команд меню Image\u003e Mode (Зображення\u003e Режим). Це меню показано на рис. 3.2.

Мал. 3.2. Меню вибору колірного режиму

Як видно, меню розділене на чотири зони. У верхній зоні перераховані колірні режими, підтримувані програмою. У другій зоні знаходяться два пункти: 8 bit / Channel (8 біт / канал) і 16 bit / Channel (16 біт / канал). Встановивши прапорець навпроти одного з них, ви можете вибрати, скільки бітів буде відводитися для кожного пікселя на кожен з колірних каналів. Зазвичай використовується режим 8 біт / канал. При цьому реалізуються всі можливості програми. Зображення з 16 біт / канал можуть бути отримані, наприклад, з деяких сканерів. Такі зображення не можуть бути точно відображені на моніторі (межа - 8 біт / канал) і набір можливостей їх обробки сильно обмежений (не працюють більшість інструментів, команд і фільтрів). У більшості випадків цей режим не використовується. Третя зона містить одну команду - Color Table ... (Таблиця кольорів ...). Ця команда дозволяє редагувати колірну таблицю в режимі індексованих кольорів. Ми розглянемо її пізніше. Нарешті, у четвертій зоні містяться команди, що дозволяють впроваджувати в файл дані кольорокорекції (профілі) і конвертувати зображення з одного профілю в інший. Ці команди важливі в поліграфії, але в web-дизайні не надто актуальні, так як в більшості випадків корекція в web-графіку не використовується.

Adobe PhotoShop підтримує вісім колірних режимів, перемикатися між якими ви можете за допомогою відповідних команд з меню Image\u003e Mode (Зображення\u003e Режим). Розглянемо їх по порядку.

· Bitmap (Бітовий) - будь-яка точка зображення може бути або білою, або чорною. Цей режим може виявитися корисним при друку зображень на деяких принтерах, а також для отримання певних образотворчих ефектів. В цьому режимі більшість функцій PhotoShop не працює (ви не зможете працювати з шарами, застосовувати фільтри і налаштування зображення). Крім того, що малюють інструменти сильно обмежуються в своїх можливостях.

Для перекладу зображення в режим Bitmap (Бітовий) його треба попередньо перевести в режим Grayscale (Градації сірого). Після цього стає доступною команда вибору бітового режиму. При її виклику на екрані з'явиться вікно настройки перетворення, показане на рис. 3.3.

Мал. 3.3. Вікно настройки перетворення зображення в режим Bitmap

У цьому вікні ви можете вибрати дозвіл для результуючого зображення (група Resolution (Дозвіл), поле введення Output (Вивід)). Ви можете вибрати метод, відповідно до якого відтінки сірого будуть перетворені в чорний і білий кольори. Це робиться за допомогою списку Use (Використовувати). При виборі пункту Custom Pattern (Шаблон користувача) ви можете задати шаблон за допомогою списку Custom Pattern (Шаблон користувача).

· Grayscale (Градації сірого) - цей режим призначений для роботи з чорно-білими зображеннями. Кожен піксель визначається одним значенням - яскравістю. Число градацій - 256 (8 біт / піксель). Цей режим корисний при обробці зображень, призначених для виведення на монохромні пристрої. При перекладі зображення в режим градацій сірого програма запитає у вас підтвердження на видалення інформації про колір пікселів.

Для перекладу зображення в режим градацій сірого викличте команду Image\u003e Mode\u003e Grayscale (Зображення\u003e Режим\u003e Градації сірого).

ПОРАДА.Чорно-біле зображення, збережене в режимі Grayscale (Градації сірого), за нимает в пам'яті приблизно в три рази менше місця, ніж аналогічне зображення в режимі RGB.

· Duotone (Дуплекс) - зображення формується за допомогою декількох (від однієї до чотирьох) фарб, заданих користувачем. Для кожної з фарб визначається залежність (крива) щільності барвника від яскравості точки зображення. Це використовується для додавання відтінків в монохромне зображення.

Переклад картинки в двобічний режим можливий тільки з режиму Grayscale (Градації сірого). Після вибору команди Image\u003e Mode\u003e Duotone ... (Зображення\u003e Режим\u003e Дуплекс ...) на екрані з'явиться діалогове вікно, зображене на рис. 3.4. для попереднього перегляду результатів перетворення встановіть прапорець Preview (Перегляд).

Мал. 3.4. Вікно вибору барвників для дуплексного режиму

У списку Туре (Тип) виберіть число барвників, які будуть використовуватися при друку (Monotone - один барвник, Doutone - два барвника, Tritone - три, Quadtone - чотири). Після цього для кожного з барвників (позначаються у вікні Ink 1 (Фарба 1), Ink 2 (Фарба 2) ...) задайте колір. Для цього клацніть мишею на кольорових квадратах і виберіть колір у діалоговому вікні. Для визначення кривої відповідності яскравості монохромного зображення і барвника клацніть на квадраті із зображенням кривої (за замовчуванням вона пряма) і задайте вид залежності у вікні (див. Рис. 3.5).

Мал. 3.5. Визначення залежності щільності дуплексного барвника від яскравості пікселів зображення

Змінити форму кривої можна, переміщаючи її мишкою на зображенні або вводячи значення в полях введення. Введене значення визначить щільність барвника при зазначеної поруч з полем яскравості пікселя. На зображенні кривої яскравість пікселів відкладається по горизонталі.

Крім вибору барвників (див. Рис. 3.4), ви можете додатково скорегувати результати накладення різних кольорів (це робиться після пробної роздруківки). Для цього натисніть кнопку Overprint Colors (Накладення кольорів) і у вікні клацніть мишею на потрібних кольорових квадратах. Цифри поруч з квадратом вказують, якій комбінації барвників він відповідає.

· Indexed Colors (Індексовані кольори) - в цьому режимі будь-піксель зображення може мати відтінок тільки з числа зазначених в спеціальній таблиці кольорів. Цей режим застосовується при збереженні файлів в форматах GIF і PNG.

Для перекладу зображення в індексований колір використовуйте команду Image\u003e Mode\u003e Indexed Colors (Зображення\u003e Режим\u003e Індексовані кольору). Детальніше процедура перетворення буде розглянута в розділі, присвяченому збереженню файлів у форматі GIF.

· RGB - найбільш широко використовуваний режим. На роботу в цьому режимі розрахована більшість функцій Adobe PhotoShop. Як вже було сказано, в ньому колір кожного пікселя визначається значеннями трьох колірних складових - червоною, зеленою і синьою. Саме таким чином представляються кольору на екрані монітора. Тому при підготовці web-графіки, яка орієнтована на перегляд за допомогою монітора, вам доведеться працювати саме в режимі RGB.

Для перекладу зображення в режим RGB за допомогою команди Image\u003e Mode\u003e RGB (Зображення\u003e Режим\u003e RGB).

· CMYK - режим, найбільш точно описує процес відтворення кольору при типографського друку. Тому він використовується при підготовці зображень в поліграфії.

Для того щоб перевести зображення в цей режим, використовуйте команду Image\u003e Mode\u003e CMYK (Зображення\u003e Режим\u003e CMYK). Можливості програми при роботі в цьому режимі дещо обмежені.

· Lab - в цьому режимі кольору пікселів представляються у вигляді трьох складових, одна з яких (L) представляє яскравість, а дві інших - колірні компоненти (а - від червоного до зеленого, b - від жовтого до синього). Колірна модель Lab була розроблена з урахуванням особливостей сприйняття людини для найбільш точної передачі відтінків.

У цьому режимі ви не зможете використовувати деякі можливості Adobe PhotoShop, але можливість окремо редагувати, наприклад, канал яскравості може виявитися корисною. Для перекладу зображення в режим Lab викличте команду Image\u003e Mode\u003e Lab (Зображення\u003e Режим\u003e Lab).

· Multichannel (Багатоканальний) - цей режим дозволяє перетворити зображення в кілька каналів, що зберігають інформацію про квіти. Залежно від того, в якому режимі знаходиться вихідне зображення, набір каналів отриманого зображення буде різним. Для переходу в цей режим скористайтеся командою Image\u003e Mode\u003e Multichannel (Зображення\u003e Режим\u003e Багатоканальний).

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

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

Раніше було сказано, що в різних колірних режимах зображення розкладається на кольорові складові. В Adobe PhotoShop ці складові можна редагувати одночасно (це робиться при звичайній роботі з документом) або окремо. Доступ до колірних компонентів (в PhotoShop вони називаються каналами) здійснюється за допомогою панелі Channels (Канали). Викликати її на екран можна за допомогою команди Window\u003e Show Channels (Вікно\u003e Канали). На цій панелі відображаються невеликі копії зображень, відповідні каналам, і їх назви. Найвище зображення відображає всі канали одночасно (готове зображення). Назва цього зображення відповідає назві режиму. Залежно від колірної моделі, в якій ви працюєте, склад каналів буде змінюватися. На рис. 3.6 зображена панель Channels (Канали) при перекладі зображення в режимах RGB, Lab, CMYK і Grayscale (Градації сірого).

Мал. 3.6. Панель Channels при роботі в режимах RGB, Lab, CMYK і Grayscale

ПРИМІТКА. У режимі Grayscale (Градації сірого) зображення містить тільки один канал - яскравість. У режимі Lab яскравість також задається в вигляді окремого каналу, але крім яскравості задається ще і колір (у вигляді двох колірних складових).

Якщо клацнути мишею на назві або зображенні каналу, ви можете викликати його для редагування. Після цього всі інструменти будуть діяти тільки для цього каналу. Виділивши спільний канал (самий верхній в списку), можна повернутися до нормального редагування. Клацання на зображенні очі поруч з символом каналу дозволить приховати канал або повернути його на екран.

ПОРАДА. За допомогою команди Split Channels (Розділити канали) з меню панелі Channels (Канали) ви можете перетворити зображення в кілька файлів, кожен з яких буде зберігати інформацію про один з каналів, які перебували в вихідному файлі. Це може використовуватися, наприклад, при підготовці зображення до друку на офсетній машині. Команда Merge Channels ... (Об'єднати канали ...) дозволяє зробити зворотну операцію - об'єднати кілька файлів в один, утворивши кілька кольорових каналів з монохромних зображень.

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

Ще одна сторона різних підходів до завдання кольору - використання різних систем їх позначення. Навіть в рамках однієї моделі колір можна задати декількома способами. Самий простий і логічний метод - безпосереднє завдання колірних складових. У більшості випадків кольори визначаються саме так. Однак є ще кілька способів, які охоплюють першими буквами використовуваних компонентів відтінку. Найбільш поширений з них - HSB (Hue, Saturation, Brightness - Відтінок, Насиченість, Яскравість). це альтернативний спосіб завдання кольору, широко використовуваний при роботі в різних колірних моделях. Його перевага полягає в тому, що кольори групуються по зручним для сприйняття людиною ознаками - колірному тону, насиченості і яскравості. Іноді ці ознаки називають дещо інакше, наприклад, «інтенсивність» ( «value») замість «яскравість». На відміну від методів завдання за допомогою колірних компонентів, завдання кольору в системі HSB дозволяє легко оцінити безліч доступних кольорів на око.

ПРИМІТКА.Компоненти, що визначають колір, іноді називають координатами, а безліч цве- тов - простором. Це особливо зручно при візуальному представленні безлічі відтінків. Координату Н (Hue - Відтінок) зазвичай вимірюють в градусах (від 0 до 360), а змінюються по ній опеньки зображують у вигляді кола. Координати S (Saturation - Насиченість) і В (Brightness - Яскравість) вимірюють у відсотках (від 0 до 100).

Adobe PhotoShop надає користувачеві можливість вибору між різними способами завдання відтінків. Перемикання проводиться у вікні вибору кольору, що виводиться на екран, наприклад, при натисканні на символі кольору на панелі інструментів. Це вікно зображено на рис. 3.7.

У лівій частині вікна знаходиться зона вибору кольору, а поруч з нею - вертикальний повзунок. У правій частині вікна розташовуються поля для ручного введення значень колірних компонентів. Поруч з деякими з полів введення видно круглі перемикачі. З їх допомогою можна вибрати, який з параметрів кольору буде відображатися на повзунку. Наприклад, на рис. 3.7. це параметр Н (Hue - Відтінок). Поле вибору кольору відображає зміну відтінків по двох залишилися координатам колірного простору (в даному випадку це насиченість і яскравість). При цьому ви можете бачити подібні відтінки і легко «переміщатися» по простору кольорів. Всього для огляду є три простору - HSB, RGB і Lab, в кожному з яких колір задається за допомогою власного набору компонентів. Так як компонентів в будь-якому з цих випадків три, ви можете вибрати, за який з них буде відповідати повзунок. Колірна модель CMYK теж представлена \u200b\u200bв цьому вікні, але так як вона містить чотири компоненти, уявити її так само, як тривимірні моделі RGB і Lab, неможливо. Тому вказати колір в рамках моделі CMYK ви можете тільки за допомогою полів введення.

Мал. 3.7. Вікно вибору кольору (за замовчуванням кольору задаються в координатах HSB)

У верхній частині вікна вибору кольору розташовуються два прямокутника, що відображають поточний і обраний відтінки. За допомогою їх ви можете, підбираючи кольори, контролювати свої дії. Якщо вказаний колір не може бути відображений в рамках моделі CMYK (а це трапляється досить часто) поряд з цими прямокутниками з'явиться символ у вигляді знаку оклику в трикутнику, а поруч з ним - зразок кольору, прийнятного для цієї колірної моделі. Коли колір виходить за рамки безпечної палітри браузерів, поруч з прямокутниками відображається символ у вигляді кольорового кубика. Якщо клацнути мишею на символі, ви можете прийняти зазначений поруч з ним колір.

ПРИМІТКА. Безпечної палітрою називають набір квітів, однаково відображаються браузера ми в операційних системах Mac OS і Windows.

Запобігти вихід кольору за рамки безпечної палітри можна, встановивши у вікні вибору кольору прапорець Only Web Colors (Тільки кольору Web). При цьому повзунок і зона вибору відтінку будуть перетворені до «безпечного» виду. На рис. 3.8. показаний вид вікна в цьому режимі.

Мал. 3.8. Вікно вибору кольору в режимі перегляду квітів, «безпечних для Web»

У багатьох випадках зручно не тільки отримати колір, який передається в Інтернеті без спотворень, а й мати можливість отримати його позначення для використання на web-сторінці. Це можна зробити за допомогою спеціального поля. У ньому відображається HTML-код поточного кольору. За допомогою його контекстного меню можна скопіювати код або вставити його в поле (тим самим вибрати новий колір). Таким чином, у вас є можливість безпосередньо помістити код кольору в HTML-документ або завантажити його з HTML в PhotoShop. Ви також можете задати код кольору вручну, просто ввівши його з клавіатури.

ПРИМІТКА.Для виконання операцій з полем введення необхідно виділити міститься в ньому текст.

Користувачі, які віддають перевагу вибирати колір за допомогою панелі Color (Колір), також можуть використовувати безпечну палітру і різні колірні моделі. Вибрати режим можна за допомогою меню, що з'являється після натискання на кнопку зі стрілкою. У ньому знаходяться команди вибору способу представлення кольору (RGB, CMYK, Lab і т. Д.), Команда копіювання в буфер обміну HTML-коду кольору (Copy Color as HTML (Копіювати як HTML)), команди вибору режиму спектра, розташованого на панелі , а також команда Make Ramp Web Safe (Безпечний для Web спектр). При підготовці web-графіки особливо корисною може виявитися команда Web Color Sliders (Кольори Web). Після її виклику за допомогою повзунків, які задають колірні складові, вибирається тільки «безпечний» колір. На рис. 3.10 зображена панель Color (Колір) в режимах RGB Sliders (RGB) і Web Color Sliders (ЦветаWeb).

Мал. 3.10. Панель Color в режимах RGB Sliders (зліва) і Web Color Sliders (праворуч)

Зверніть увагу на символ невідповідності обраного кольору безпечної палітрі, що відображається в режимі вибору безпечних кольорів. Клацнувши на ньому, ви зможете прийняти для використання запропонований програмою еквівалент. Ви також можете вибирати безпечні кольори із спектру, викликавши попередньо з меню панелі команду Make Ramp Web Safe (Безпечний для Web спектр).

ПОРАДА. Викликати панель Color (Колір) на екран можна за допомогою команди Window\u003e Show olors (Вікно\u003e Колір).

ПРИМІТКА. При перекладі панелі Colors (Кольори) в безпечний режим ви зможете вибирати з фіксованого набору квітів «безпечної» палітри. Можливі значення колірних складових відзначені на повзунках штрихами.

Незважаючи на те, що вікно вибору кольору і панель Color (Колір) надають можливість роботи з безпечної палітрою, набагато зручніше вибирати стандартні кольори за допомогою панелі Swatches (Зразки) (див. Рис. 3.11). Вона викликається на екран командою Window\u003e Show Swatches (Вікно\u003e Зразки).

Мал. 3.11. панель Swatches

Натиснувши кнопку Create new swatch of foreground color (Створити зразок кольору переднього плану), розташовану на панелі Swatches (Зразки), ви можете створити з кольору переднього плану новий зразок. Щоб видалити зразок, перетягніть його за допомогою миші на спеціальну кнопку, розташовану на тій же панелі.

ПОРАДА. Ви можете в будь-який момент повернути панель Swatches (Зразки) в початковий стан. Для цього досить викликати з її меню команду Reset Swatches (Відновити зразок). Також корисно знати, що каталоги квітів, що поставляються з програмою, перебувають в підкаталозі \\ Presets \\ Color Swatches \\ каталогу, в який був встановлений PhotoShop.

КОЛЬОРУ

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

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

Чорний - колір, який найчастіше використовується для оформлення текстового контенту. Він підтримує витонченість, формальність і елегантність і може бути використаний на будь-якому сайті.

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

Зелений - колір природи, зростання, добробуту та злагоди. Він є найкращим для рекламування природних або органічних товарів на сайті. Для сайтів про здоров'я доречний саме цей колір.

Сірий - дає відчуття зрілості, серйозності, поміркованості, професіоналізму і якості. Він з успіхом може бути використаний для відображення саме цих якостей на сайті.

Коричневий - вважається земним, природним, простим кольором. Він передає відчуття надійності, корисності і консерватизму. З іншого боку він сприймається трохи нудно, але його можна комбінувати з більш яскравими квітами. Цей колір також зв'язується зі старовинними фотографіями, матеріалами і може застосовуватися для навіювання ностальгії.

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

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

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

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

Щоб кольору з їх ефективністю викликали потрібну реакцію відвідувачів, слід враховувати наступні фактори:

Цільова аудиторія. При виборі колірної гами веб-сайту дуже важливо знати правки і потреби користувальницької аудиторії.

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

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

Чіткість. На додаток до читабельності чіткість також є важливим фактором. Частини сайту, які вимагають уваги повинні бути виділені і легко дізнаватися користувачами.

Доступність. Оскільки сайт призначений для всіх, то варто подбати про квіти для будь-яких користувачів і таку колірну комбінацію, яка дозволяє легко читати вміст.

Комбінації кольорів - важливий аспект веб-дизайну і сайт з правильною комбінацією кольорів дозволить позитивно вплинути на відвідувачів. Адже колір дійсно мають місце в створенні веб-сайту, і наші дизайнери можуть запропонувати вам кращу комбінацію.

монохроматична палітра

У такій палітрі використовується тільки один колір, але з різними значаеніямі насиченості і яскравості. Такі схеми акуратні, шляхетні і діють заспокійливо.

На наведених нижче прикладах, можна використовувати перший колір, як основний. Другий колір для тексту або бекграунду. Третій колір для беграунда або тексту. А четвертий і п'ятий для різних графічних елементів і акцентів.

компліментарна палітра

У цій гармонії використовуються два контрастні кольори з кола і з них вибирається один основний колір. Інші кольори в палітрі - це похідні по насиченості і яскравості від двох Превоначально квітів.

Спліт компліментарна палітра

Це різновид попередньої палітри, з тією різницею, що один з контрастних кольорів розділений на два сусідніх кольору.

аналогова палітра

Аналогова палітра заснована на трьох кольорах, що слідують один за одним на колірному колі. З них один колір є основним, а два інших допоміжними.

тріадних палітра

Тут використовуються три кольори, рівновіддалені один від одного. З них один основний, а два інших допоміжні.

палітра прямокутник

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

палітра квадрат

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

додаткові кольори

Після того, як ви вибрали кольорову схему, забезпечили хороший контраст між текстом і фоном, осалось лише вибрати допоміжні кольору. Як правило, це відтінки ваших основних кольорів. Ці кольори можуть бути використані при наведенні на об'єкт, в текстових посиланнях або декоративною тіні у тексту. Не слід перевантажувати сайт великою кількістю кольорів, це створить непотрібний хаос і відлякає відвідувачів. Оптимально це 4-6 квітів на сайті.