Итак, видимым светом мы назовем электромагнитные волны с длиной волны в диапазоне примерно от 750 нм[5] (что соответствует красному цвету) до 400 нм (фиолетовый цвет). Попадая в человеческий глаз, эти электромагнитные излучения возбуждают в нем определенные рецепторы, которые передают сигнал в мозг. А уже эти сигналы человек интерпретирует как тот или иной цвет.
Почему мы идентифицируем предметы как окрашенные в те или иные цвета? Дело в том, что разные вещества (из которых эти предметы состоят) по-разному взаимодействуют со светом разных длин волн. Какая-то часть светового спектра[6] поглощается предметом, какая-то отражается от него. Луна на ночном небе имеет желтоватый оттенок именно потому, что «желтые» световые волны (волны с длиной, соответствующей желтому цвету) лучше всего отражаются от ее поверхности. Именно отраженный от предмета свет и попадает в наши глаза (вообще-то еще нужно учитывать взаимодействие световых волн с атмосферой Земли, но мы этим пренебрежем, чтобы не вдаваться в ненужные подробности).
Небо кажется нам голубым (синим) именно потому, что синяя часть спектра больше всего рассеивается в атмосфере Земли и достигает наших глаз (остальные световые волны поглощаются либо отражаются от нее).
Так называемый белый свет (который мы видим днем вокруг) на самом деле состоит из семи основных цветов, входящих в «зрительный» диапазон излучений. Они представлены в известной всем радуге. Запомним важное для нас свойство цветов – при наложении друг на друга они создают нечто новое (другой цвет).
Цвет в цифровых технологиях
Как добиться на экране монитора таких же ярких и насыщенных цветов, как в окружающем мире? Как сделать, чтобы напечатанное изображение смотрелось «как живое»?
Мы знаем, что весь океан красок и оттенков, которые мы видим в реальной жизни, создается наложением друг на друга семи основных цветов: красного, оранжевого, желтого, зеленого, голубого, синего и фиолетового. Умные программисты, видимо, тоже это знали, а также наверняка в детстве смотрели сквозь цветные стеклышки и твердо запомнили, что смешение, например, красного и зеленого дает желтый.
Что это означает? Очень важную мысль: чтобы создать на компьютере изобилие цветов, достаточно найти необходимый минимум так называемых базовых цветов, различные варианты смешения которых будут давать новые цвета и оттенки.
Встречайте! Цветовые модели!
Цветовой моделью мы назовем систему кодировки цветов для хранения изображений на компьютере, при отображении их на экране монитора и при печати. Человечество придумало несколько цветовых моделей на разные случаи жизни. Скажем, если цвет формируется смешением световых лучей (например, в мониторах), то он описывается цветовой моделью RGB, а для печати цветных полиграфических изображений используется модель CMYK.
Чтобы перевести изображение в ту или иную цветовую модель, в Photoshop можно воспользоваться командами подменю Image → Mode (Изображение → Режим) (рис. 5.1). Давайте познакомимся с ними и выясним, где они нам могут пригодиться.
Рис. 5.1. Доступные цветовые модели
Мы начинаем разговор именно с этой цветовой модели, так как часто именно в ней сохраняют изображения, созданные исключительно для просмотра на компьютере. Цвета в данной модели образуются наложением трех базовых – красного (Red), зеленого (Green) и синего (Blue).
Каждый базовый цвет может принимать 256 значений яркости (от 0 до 255). Например, если значение яркости синего цвета равно нулю, а значения яркости красного и зеленого цветов максимальны (то есть 255), в результате получится желтый. Если же значения яркости каждой составляющей будут принимать какие-либо промежуточные значения, на выходе получатся некие другие цвета. Количество получаемых цветов с помощью этих трех базовых рассчитывается как 2 56
В шестнадцатеричном представлении код цвета – это последовательность чисел вида 0xXXYYZZ, где приставка 0x подсказывает нам, что число представлено в шестнадцатеричной системе, XX обозначает яркость красного цвета, YY – зеленого и ZZ – синего.
Шестнадцатеричные числа образуются комбинацией цифр от 0 до 9 и букв A, B, C, D, E, F. Таким образом, запись 0xFFFFFF означает белый цвет, а 0x000000 – черный.
Итак, мы выяснили, что в модели RGB изображение формируется с помощью трех базовых цветов, или трех
Как вы уже, надеемся, заметили (см. рис. 5.1), Photoshop позволяет сохранять изображения не только в 24-, но и в 48-битном формате, если установить флажок 16 Bits/Channel (16 бит на канал). Опытные пользователи, решая свои профессиональные задачи, предпочитают хранить изображения именно с такой высокой глубиной цвета. Качество цветопередачи при этом повышается, однако и размер файла значительно увеличивается.
Эта модель разрабатывалась специально для корректного отображения цветов на бумаге при печати и потому сильно отличается от модели RGB. В модели CMYK базовые[7] цвета следующие: голубой (Cyan), пурпурный (Magenta) и желтый (Yellow). При их смешении не получается чистого черного цвета, поэтому он вводится дополнительно: так называемый ключевой цвет – Key color.
На данный момент об этой модели вам вполне достаточно знать, что если вы готовите изображение для печати высокого качества, то его необходимо сохранить именно в цветовой модели CMYK. Иначе разница между тем, что вы видите на экране, и тем, что получится на бумаге, может быть очень большой.
Модель для профессионалов, работающих с цифровыми изображениями. За параметром L скрывается английское слово Luminosity (яркость); a и b – цветовые параметры: первый включает в себя цвета в диапазоне от темно-зеленого (через серый) до розового, а второй – от светло-синего (также через серый) до ярко-желтого.
При преобразовании цветного изображения в цветовую модель Grayscale (Оттенки серого) информация о цветовом тоне и насыщенности пропадает, остаются только сведения о яркости пиксела. Это значит, что изображение, сохраненное в Grayscale (Оттенки серого), описано только одним цветовым каналом из 256 градаций серого. Яркость пикселов полутонового изображения может иметь значения от 0 (для черных пикселов) до 255 (для белых) через промежуточные 254 оттенка серого. Поэтому, чтобы описать один пиксел полутонового изображения, достаточно всего 8 бит памяти.
В этой цветовой модели изображение формируется пикселами только черного и белого цветов, без всяких оттенков серого. Такие черно-белые изображения – самые простейшие, каждый пиксел в них описывается всего одним битом памяти (то есть глубина цвета равна 1 бит).
Для преобразования следует выполнить команду Image → Mode → Bitmap (Изображение → Режим → Битовая карта). В появившемся диалоговом окне необходимо указать разрешение результирующего изображения. Логично установить его равным разрешению вашего принтера.
Имейте в виду, что в режиме Bitmap (Битовая карта) недоступно большинство инструментов редактирования. Если же вы сохраните преобразованное изображение, то возвратиться к полутоновому режиму будет невозможно.
Эта цветовая модель используется для подготовки к качественной печати полутоновых изображений. Принтеры, как правило, способны отобразить полутонов намного меньше чем 256. Но если принтер оснащен двумя и более красителями, их можно использовать при печати полутоновых оттенков.
Часто при решении определенных задач, например при размещении графических изображений в Интернете, совсем не нужны миллионы оттенков, вполне достаточно заранее отобранных наборов определенных цветов, входящих в так называемые цветовые палитры. Каждый цвет в такой палитре имеет четкую идентификацию (по RGB-коду) и нумерацию, поэтому цвета называются
Этой цветовой модели нет в меню Image → Mode (Изображение → Режим), однако вы с ней скоро повстречаетесь, поэтому уделим ей толику нашего драгоценного внимания. Буквы в названии модели означают не базовые цвета, а основные характеристики цвета: Hue (оттенок), Saturation (насыщенность) и Brightness (яркость).
• Hue (оттенок) – это и есть цвет света. В модели HSB значение оттенка определяется его расположением на цветовом круге и изменяется от 0 до 360°.
• Saturation (насыщенность) характеризует интенсивность цвета. Это процент цвета данного оттенка по отношению к серому. Насыщенность показывает, насколько чистым будет выбранный цвет. Значение может меняться от 0 до 100: 0 соответствует серому, а 100 – наиболее яркому варианту выбранного цвета.
• Brightness (яркость) можно представить как степень освещенности цвета. Она показывает, насколько темным или светлым будет цвет. Значение яркости, равное 0, соответствует черному цвету.
Как выбрать цвет в Photoshop
Для выбора нужного цвета в программе Photoshop существует несколько способов: с помощью Color Picker (Цветовая палитра), палитр Color (Цвет) и Swatches (Образцы), а также инструмента Eyedropper (Пипетка).
Как мы выяснили в предыдущем уроке, в нижней части палитры инструментов (см. рис. 4.32) находятся элементы управления цветом переднего плана и фона. Чтобы выбрать любой другой цвет (отличный от принятых по умолчанию), дважды щелкните на нужном квадрате. Перед вами во всей красе предстанет окно Color Picker (Цветовая палитра) (рис. 5.2).
Рис. 5.2. Color Picker (Цветовая палитра)
Левую область окна занимает цветовое поле (см. рис. 5.2, позиция 2). Рядом расположена вертикальная цветовая линейка (см. рис. 5.2, позиция 3). Цвет выбирается с помощью маркера (см. рис. 5.2, позиция 1). Просто щелкните кнопкой мыши на нужном вам оттенке, и маркер зафиксирует его, что отобразится в окне текущего цвета (см. рис. 5.2, позиция 4). Цвет, который вы собираетесь менять, показан в окне предыдущего цвета (см. рис. 5.2, позиция 5).
Обратите внимание на два квадратика рядом с окнами текущего и предыдущего цветов. Если появилось предупреждение с треугольником (см. рис. 5.2, позиция 6), выбранный вами цвет выходит за пределы CMYK-диапазона, а значит, его нельзя использовать при печати. Чтобы выбрать ближайший (к установленному вами) цвет, но при этом находящийся в диапазоне CMYK, щелкните на этом квадратике.
Если в результате ваших поисков появился квадратик с кубом (см. рис. 5.2, позиция 7), выбранный цвет нельзя использовать в веб-дизайне. В этом случае также щелкните на квадратике, и вам будет предложен ближайший приемлемый цвет. Можно решить эту задачу кардинально: установите флажок в левом нижнем углу окна Only Web Colors (Только веб-цвета). После этого в цветовом поле будут отображаться только те цвета, которые используются для создания веб-страниц.
В правой нижней области окна (см. рис. 5.2, позиция