Чтение онлайн

Цвет и фон

Известно, что белое на черном фоне будет казаться более крупным, чем черное на белом фоне (рис. 1.7).

Рис. 1.7. Цвет и фон: а– белое на черном; б – черное на белом

Черный цвет ведет к сокращению размеров занимаемых им плоскостей. Поэтому полным людям лучше носить черное. Известно, что дуэлянты одевались в черное, чтобы в них труднее было попасть.

Сочетание определенных цветов между собой и с фоном может изменить наше представление о самом цвете. Обычно соседство с ярким цветом приводит к тому, что остальные цвета начинают казаться бледнее.

Вес цвета

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

Цветовой дальтонизм

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

Цвет в Интернете

Один и тот же цвет может отображаться на разных мониторах по-разному. Это связано и с индивидуальными настройками монитора, и со способом отображения графики, когда браузер работает со свой собственной палитрой и не может показать цвет, отсутствующий у него в палитре. В этом случае цвет заменяется сочетанием пикселов других, близких к нему цветов. Для решения этой проблемы в графических программах ввели палитру из 256 безопасных веб-цветов.

Поскольку мы говорим о цифровом цвете, то есть о цвете в числах, следует заметить, что в веб-дизайне цвет задается в шестнадцатеричной системе счисления шестнадцатью цифрами (от 0 до F). Например, оттенок зеленого цвета, определяемый в цветовой модели RGB числами 0, 255, 133, в Сети будет обозначаться иначе.

Необходимо перевести это число в шестнадцатеричную систему счисления, используемую для кодирования цветов в Интернете.

Для решения задачи воспользуемся калькулятором ОС Windows в инженерном режиме. Выполните Пуск Все программы Стандартные Калькулятор. На экране вашего ПК появится инженерный калькулятор Windows. Пересчитайте цвета из десятичной системы RGB (DEC) в шестнадцатеричную Index Color (HEX). В результате расчетов получим следующие числа: DEC RGB 0, 255, 133 = HEX 00, FF, 85 = #00FF85.

Пример 1.1. Цветовая коррекция фотографий в программе Adobe Photoshop CS

Рассмотрим пример, имеющий практическое значение. Это будет пример цветовой коррекции фотографий в программе Adobe Photoshop, выполненной в трех вариантах.

Вариант 1. Работа над темной фотографией инструментом Levels

В практике любого фотографа встречаются снимки, в которых цветовая гамма выглядит унылой и однообразной, а то и вообще трудноопределимого оттенка.

Одним из приемов коррекции цвета в Adobe Photoshop является улучшение цвета изображения при помощи инструмента Levels (Уровни). В качестве примера на рис. 1.8, а показана темная фотография, в которой все цвета «ушли в темноту».

a)

б)

в)

Рис. 1.8. Корректировка цвета: а — исходное изображение; б — окно Levels; в – изображение после коррекции

Для исправления качества подобной фотографии выполните в Photoshop команды Image Adjustments Levels (Изображение Настройки Уровни). Появится окно Levels (Уровни) (рис. 1.8, б). В этом окне между черным и белым ползунками находится серый ползунок – переместите его влево. Результат показан на рис. 1.8, в. Обратите внимание, что краски в оригинальной фотографии стали сочнее и ярче. Изменилось и настроение картины: пасмурный день стал светлее.

Вариант 2. Устранение избыточного красного тона инструментом Channels

Графический редактор Photoshop автоматически создает цветовые каналы на основе цветовой модели, выбранной вами при создании изображения. При съемке цифровой фотокамерой RGB-изображение содержит три канала: красный канал для хранения информации о красном цвете, зеленый канал для хранения информации о зеленом цвете и синий – для хранения информации о синем цвете. В программе Photoshop канал RGB показывает все три канала вместе, то есть цветной снимок.

Рис. 1.9. Фото зайца: а – с избыточным красным тоном; б – избыточный красный цвет устранен

Сравните два снимка (рис. 1.9, а и б). На оригинальном изображении настолько сильно превалирует красный цвет, что заяц и фон практически слились в одно целое.

Для исправления этой проблемы будем использовать метод отдельной настройки цветовых каналов. Благодаря наличию отдельных каналов мы можем управлять количеством света и тона, а также яркостью и контрастностью отдельно для каждого канала. На рис. 1.10 приведено оригинальное изображение, разложенное по трем цветовым каналам. В красном и синем каналах контуры зайца практически потеряны в тенях, в то время как зеленый канал – наиболее удачное тоновое решение. Будем настраивать каждый канал отдельно, а затем наблюдать результат в цвете.

Рис. 1.10. Исходное изображение в трех каналах

При цветокоррекции нами был использован инструмент, показанный на рис. 1.11. Этот инструмент настройки яркости/контрастности в каждом канале вызывается командой Image Adjustments Brightness/Contrast (Изображение Настройки Яркость/Контрастность).

Рис. 1.11. Инструменты для работы с каждым каналом

На палитре Channels (Каналы) при нажатии мыши на «глаз» напротив каждого канала вы можете включать и отключать отображение этого канала, а темно-синее цветное поле с названием канала показывает активный в данный момент канал (выбранный для работы).

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

Вариант 3. Изменение общего настроения фотографии инструментом Curves

Инструмент Curves (Кривые) универсален и позволяет регулировать не только светлоту и контраст, но и цвет изображения. Вызывается командой Image Adjustments Curves (Изображение Настройки Кривые). При этом на экране появляется линия, изменяя которую, можно менять отношение исходной (входной) яркости цвета изображения (Input) к ее выходному (измененному) значению (Output).

Для цветовой модели RGB график изменяется от 0 до 255. Если в оригинальном изображении никаких изменений не производилось, то график является линейным с наклоном линии по умолчанию (45°). В окне Curves (Кривые) имеется три пипетки: 1 – светлые участки изображения, 2 – средние тона, 3 – тени.

Давайте посмотрим, как инструмент Curves (Кривые) может влиять на исходное изображение (рис. 1.12, а).

При работе с инструментом Curves (Кривые) придерживайтесь следующих правил: для осветления всего изображения нужно переместить средние тона (рис. 1.12, б) вверх, а для затемнения – опустить кривую вниз (рис. 1.12, в). Пример такого управления общей освещенностью изображения с помощью инструмента Curves (Кривые) показан на рис. 1.12.