Текст книги "Фотоприколы с помощью Photoshop"

Как добиться на экране монитора таких же ярких и насыщенных цветов, как в окружающем мире? Как сделать, чтобы напечатанное изображение смотрелось «как живое»?

Мы знаем, что весь океан красок и оттенков, которые мы видим в реальной жизни, создается наложением друг на друга семи основных цветов: красного, оранжевого, желтого, зеленого, голубого, синего и фиолетового. Умные программисты, видимо, тоже это знали, а также наверняка в детстве смотрели сквозь цветные стеклышки и твердо запомнили, что смешение, например, красного и зеленого дает желтый.

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

Это интересно

Огромный вклад в развитие цифровых технологий внесли в XIX веке художники-импрессионисты. Изучая свойства света и реакцию на него человеческого глаза, они установили, что если три цветные точки расположить на холсте близко друг к другу, то человеческий глаз «сольет» их в одну. Этот экспериментальный факт в настоящее время используется как при печати цветных изображений, так и при их отображении на мониторе. Например, изображение одной белой световой точки на экране на самом деле формируется тремя цветовыми пучками одинаковой яркости: красным, зеленым и синим.

Цветовой моделью мы назовем систему кодировки цветов для хранения изображений на компьютере, при отображении их на экране монитора и при печати. Человечество придумало несколько цветовых моделей на разные случаи жизни. Скажем, если цвет формируется смешением световых лучей (например, в мониторах), то он описывается цветовой моделью RGB, а для печати цветных полиграфических изображений используется модель CMYK.

Чтобы перевести изображение в ту или иную цветовую модель, в Photoshop можно воспользоваться командами подменю Image → Mode (Изображение → Режим) (рис. 5.1). Давайте познакомимся с ними и выясним, где они нам могут пригодиться.

Рис. 5.1. Доступные цветовые модели

RGB

Мы начинаем разговор именно с этой цветовой модели, так как часто именно в ней сохраняют изображения, созданные исключительно для просмотра на компьютере. Цвета в данной модели образуются наложением трех базовых – красного (Red), зеленого (Green) и синего (Blue).

Познавательная врезка

Эта цветовая модель по принципу создания новых цветов, получаемых с помощью наложения базовых друг на друга, носит название аддитивной. Латинское слово additivus означает «прибавление».

Каждый базовый цвет может принимать 256 значений яркости (от 0 до 255). Например, если значение яркости синего цвета равно нулю, а значения яркости красного и зеленого цветов максимальны (то есть 255), в результате получится желтый. Если же значения яркости каждой составляющей будут принимать какие-либо промежуточные значения, на выходе получатся некие другие цвета. Количество получаемых цветов с помощью этих трех базовых рассчитывается как 2 56 ³, что составляет 16 777 216, то есть более 16 млн цветов! Вот вам и все многообразие красок, созданное с помощью всего трех цветов.

На своем тернистом пути в мире цифровой графики вы скоро повстречаетесь либо с десятичным, либо с шестнадцатеричным описанием цвета. В десятичной системе закодированное значение цвета представлено тройкой чисел от 0 до 255. Например, запись (255, 255, 255) означает белый цвет (все три составляющие имеют максимальное значение), а запись (0, 0, 0) – черный.

Уточнение

В десятичном представлении первое число показывает яркость красного цвета, второе – зеленого и третье – синего.

В шестнадцатеричном представлении код цвета – это последовательность чисел вида 0xXXYYZZ, где приставка 0x подсказывает нам, что число представлено в шестнадцатеричной системе, XX обозначает яркость красного цвета, YY – зеленого и ZZ – синего.

Шестнадцатеричные числа образуются комбинацией цифр от 0 до 9 и букв A, B, C, D, E, F. Таким образом, запись 0xFFFFFF означает белый цвет, а 0x000000 – черный.

Итак, мы выяснили, что в модели RGB изображение формируется с помощью трех базовых цветов, или трех цветовых каналов, значение яркости каждого из которых может принимать 256 значений. Теперь осталось вспомнить, что 256 – это 2 ⁸. Какой смысл это имеет для нас? Такой, что значение яркости в компьютере можно представить 8-разрядным двоичным числом. Это представление называется 8-битным.

Так как канала у нас три (красный, зеленый и синий), то на описание цвета одного пиксела изображения требуется 8 3 = 24 бит памяти компьютера.

Таким образом, цветовая модель RGB поддерживает 24-битное качество цветопередачи, или 24-битную глубину цвета. Как мы уже рассчитали, такая глубина цвета поддерживает более 16 млн цветов. Именно в этом формате должны храниться цифровые изображения, конечно, если вы заботитесь о точной передаче цветовых переходов и многообразии оттенков на любимых фотографиях.

Примечание

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

Как вы уже, надеемся, заметили (см. рис. 5.1), Photoshop позволяет сохранять изображения не только в 24-, но и в 48-битном формате, если установить флажок 16 Bits/Channel (16 бит на канал). Опытные пользователи, решая свои профессиональные задачи, предпочитают хранить изображения именно с такой высокой глубиной цвета. Качество цветопередачи при этом повышается, однако и размер файла значительно увеличивается.

CMYK

Эта модель разрабатывалась специально для корректного отображения цветов на бумаге при печати и потому сильно отличается от модели RGB. В модели CMYK базовые[7]7
  Они получаются вычитанием из белого базовых цветов модели RGB.


[Закрыть] цвета следующие: голубой (Cyan), пурпурный (Magenta) и желтый (Yellow). При их смешении не получается чистого черного цвета, поэтому он вводится дополнительно: так называемый ключевой цвет – Key color.

Познавательная врезка

Такая цветовая схема называется субтрактивной.

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

Lab

Модель для профессионалов, работающих с цифровыми изображениями. За параметром L скрывается английское слово Luminosity (яркость); a и b – цветовые параметры: первый включает в себя цвета в диапазоне от темно-зеленого (через серый) до розового, а второй – от светло-синего (также через серый) до ярко-желтого.

Grayscale (Оттенки серого)

При преобразовании цветного изображения в цветовую модель Grayscale (Оттенки серого) информация о цветовом тоне и насыщенности пропадает, остаются только сведения о яркости пиксела. Это значит, что изображение, сохраненное в Grayscale (Оттенки серого), описано только одним цветовым каналом из 256 градаций серого. Яркость пикселов полутонового изображения может иметь значения от 0 (для черных пикселов) до 255 (для белых) через промежуточные 254 оттенка серого. Поэтому, чтобы описать один пиксел полутонового изображения, достаточно всего 8 бит памяти.

Bitmap (Битовая карта)

В этой цветовой модели изображение формируется пикселами только черного и белого цветов, без всяких оттенков серого. Такие черно-белые изображения – самые простейшие, каждый пиксел в них описывается всего одним битом памяти (то есть глубина цвета равна 1 бит).

Для преобразования следует выполнить команду Image → Mode → Bitmap (Изображение → Режим → Битовая карта). В появившемся диалоговом окне необходимо указать разрешение результирующего изображения. Логично установить его равным разрешению вашего принтера.

Имейте в виду, что в режиме Bitmap (Битовая карта) недоступно большинство инструментов редактирования. Если же вы сохраните преобразованное изображение, то возвратиться к полутоновому режиму будет невозможно.

Duotone (Дуплексный)

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

Indexed Color (индексированный цвет)

Часто при решении определенных задач, например при размещении графических изображений в Интернете, совсем не нужны миллионы оттенков, вполне достаточно заранее отобранных наборов определенных цветов, входящих в так называемые цветовые палитры. Каждый цвет в такой палитре имеет четкую идентификацию (по RGB-коду) и нумерацию, поэтому цвета называются индексированными. Легко догадаться, что изображение с небольшим количеством цветов и места займет меньше.

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

После перевода в режим Indexed Color (Индексированный цвет) изображение можно редактировать с помощью палитры цветов. Для этого выполните команду Image → Mode → Color Table (Изображение → Режим → Цветовая таблица). В появившемся окне палитры вы можете выбрать цвет, который вам не нравится (щелкнув на нем кнопкой мыши), и в следующем окне выбрать для него новое значение.

HSB

Этой цветовой модели нет в меню Image → Mode (Изображение → Режим), однако вы с ней скоро повстречаетесь, поэтому уделим ей толику нашего драгоценного внимания. Буквы в названии модели означают не базовые цвета, а основные характеристики цвета: Hue (оттенок), Saturation (насыщенность) и Brightness (яркость).

• Hue (оттенок) – это и есть цвет света. В модели HSB значение оттенка определяется его расположением на цветовом круге и изменяется от 0 до 360°.

• Saturation (насыщенность) характеризует интенсивность цвета. Это процент цвета данного оттенка по отношению к серому. Насыщенность показывает, насколько чистым будет выбранный цвет. Значение может меняться от 0 до 100: 0 соответствует серому, а 100 – наиболее яркому варианту выбранного цвета.

• Brightness (яркость) можно представить как степень освещенности цвета. Она показывает, насколько темным или светлым будет цвет. Значение яркости, равное 0, соответствует черному цвету.

Для выбора нужного цвета в программе Photoshop существует несколько способов: с помощью Color Picker (Цветовая палитра), палитр Color (Цвет) и Swatches (Образцы), а также инструмента Eyedropper (Пипетка).

Color Picker (Цветовая палитра)

Как мы выяснили в предыдущем уроке, в нижней части палитры инструментов (см. рис. 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, позиция 8) вы можете ознакомиться с числовыми значениями выбранного цвета (в разных цветовых моделях) либо ввести его самостоятельно. В этой области можно настроить также вид цветового поля и цветовой линейки. По умолчанию цвет выбирается в пространстве HSB с активным параметром Hue (Оттенок): переключатель установлен в положение H. То есть значение именно этого параметра изменяется на цветовой линейке. Таким образом, для выбора цвета логично первым делом примерно выбрать необходимый оттенок на цветовой линейке. Теперь обратите внимание на цветовое поле. Значение параметра в нем изменяется слева направо: в левой области преобладает серый цвет, в правой – наиболее насыщенный оттенок выбранного цвета, а снизу вверх изменяется яркость цвета: в верхней области вы найдете наиболее светлые варианты оттенка.

Если вы установите переключатель в положение Saturation (Насыщенность), то есть возле буквы S, то вид цветовой линейки и цветового поля изменится. Теперь первым делом на линейке вам придется выбирать нужный вариант насыщенности. Оттенки цвета будут меняться на цветовом поле слева направо (от красного к фиолетовому), а их яркость (как и в предыдущем варианте) – снизу вверх.

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

Аналогичным образом можно настраивать внешний вид цветового поля и цветовой палитры при активизации того или иного параметра цветового пространства RGB или Lab.

Палитра Color (Цвет)

В уроке 4 мы уже предлагали вам поэкспериментировать с палитрой Color (Цвет). Теперь рассмотрим элементы ее интерфейса более вдумчиво (рис. 5.3).

Рис. 5.3. Палитра Color (Цвет)

В левой верхней части палитры расположились уже знакомые нам квадратики (см. рис. 5.3, позиция 2), отображающие текущие цвета переднего плана и фона. Если вы щелкнете на любом из них, вновь попадете в окно Color Picker (Цветовая палитра). Впрочем, нужный цвет вы сможете выбрать и без вызова этого окна, причем тремя способами.

• Подведите указатель мыши к цветовой полосе (см. рис. 5.3, позиция 4). Он примет вид пипетки. Теперь щелкайте ею на нужном вам цвете (на цветовой полосе). Пользуясь этим способом, помните следующее.

· В правой части цветовой полосы расположились черный и белый квадраты (см. рис. 5.3, позиция 5). Они здесь для случая, если вам необходимо установить чистый черный или белый цвет.

· На цветовой полосе цвет выбирается примерно, что называется, на глаз.

• Подвигайте ползунки RGB-составляющих (см. рис. 5.3, позиция 1), добавляя либо уменьшая вклад того или иного компонента.

• Если вы знаете RGB-код нужного вам цвета, просто введите его значение в соответствующие поля рядом с ползунками.

Если выбранный цвет будет выходить за рамки CMYK-диапазона, перед вашими глазами (так же, как и в окне Color Picker (Цветовая палитра)) появится значок предупреждения (см. рис. 5.3, позиция 3). Щелкните на нем, и вам предложат вариант цвета, приемлемый для печати.

По умолчанию палитра Color (Цвет) предлагает работать с цветовой моделью RGB. Однако при необходимости это можно легко исправить. Щелкните левой кнопкой мыши на кнопке

и перед вами появится меню палитры (рис. 5.4).

Рис. 5.4. Меню палитры Color (Цвет)

В верхней области палитры вы можете выбрать цветовую модель, каналы которой будут отображаться на палитре Color (Цвет). Для этого нужно установить флажок напротив названия той или иной цветовой модели.

Две последние команды появились в меню всех палитр Photoshop CS4. Пункт Close (Закрыть) предназначен для закрытия палитры. С помощью команды Close Tab Group (Закрыть группу вкладок) можно закрыть объединенные в группу палитры.

Палитра Swatches (Образцы)

Если вы не хотите выбирать цвет самостоятельно, можете воспользоваться специально подготовленным набором на палитре Swatches (Образцы) (см. рис. 4.13). Как можно заметить, каждый цвет представлен отдельным квадратиком. Принципы работы с этой палитрой очень просты.

• Для выбора цвета в качестве Foreground Color (Цвет переднего плана) просто щелкните на нужном образце.

• Для выбора цвета в качестве Background Color (Цвет фона) щелкните на образце, удерживая при этом клавишу Ctrl.

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

• Чтобы создать новый образец цвета (то есть добавить его к имеющемуся набору), нужно сначала создать сам цвет, например, с помощью палитры Color (Цвет) и установить его в качестве Foreground Color (Цвет переднего плана). После чего:

· щелкнуть правой кнопкой мыши на любом из образцов и выбрать команду New Swatch (Новый образец);

· либо щелкнуть кнопкой мыши на любом пустом месте палитры (указатель мыши при этом примет вид ведерка);

· либо щелкнуть на значке чистого листа

в нижней части палитры.

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

• Чтобы удалить ненужный вам образец:

· щелкните на нем правой кнопкой мыши и выберите команду Delete Swatch (Удалить образец);

· щелкните на образце при нажатой клавише Alt, указатель мыши при этом примет вид ножниц;

· перетащите с помощью мыши ненужный вам образец на значок корзины

в нижней части палитры.

• Чтобы переименовать образец, дважды щелкните на нем кнопкой мыши либо выберите в контекстном меню команду Rename Swatch (Переименовать образец).

Теперь рассмотрим меню этой славной палитры, с помощью которого вы можете сохранить видоизмененную палитру (команда Save Swatches (Сохранить образцы)), а потом загрузить (команда Load Swatches (Загрузить образцы)). Если вы хотите вернуть то, с чего начинали свои эксперименты, команда Reset Swatches (Перезагрузить образцы) специально для вас загрузит набор образцов, принятый по умолчанию.

Верхняя область меню палитры поможет настроить ее внешний вид.

• Small Thumbnail (Мелкие значки). Образец представляет собой набор квадратиков маленького размера.

• Large Thumbnail (Крупные значки). Образец предстанет перед вами квадратом большого размера.

• Small List (Мелкий список). Набор станет списком цветов с их названиями.

• Large List (Крупный список). Тот же список, но с крупными изображениями цветов и их названиями.

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

Инструмент Eyedropper (Пипетка)

Этот инструмент часто используется, когда вы хотите установить в качестве Foreground Color (Цвет переднего плана) какой-либо цвет изображения. Для этого выберите инструмент Eyedropper (Пипетка)

на палитре инструментов (либо с помощью горячей клавиши I), после чего щелкните на нужной точке изображения.

А если вы хотите установить цвет не в качестве Foreground Color (Цвет переднего плана), а, наоборот, в качестве Background Color (Цвет фона), щелкайте на изображении при нажатой клавише Alt.

Если изображение достаточно сложное по цвету (например, цветная фотография), для более точного выбора оттенка есть смысл увеличить масштаб просмотра. После достаточного увеличения вы заметите, скорее всего, что цвета соседних пикселов не совсем одинаковые. Так какой цвет выбрать? Чтобы решить этот вопрос, обратите внимание на панель параметров инструмента Eyedropper (Пипетка). Вы можете выбрать любое из нескольких значений из списка Sample Size (Размер образца).

• Point Sample (Образец точки) устанавливает цвет выбранного вами пиксела.

• 3 by 3 Average (Область 3 на 3) устанавливает усредненный цвет квадратной области 3 х 3 пиксела.

• Варианты 5 by 5 Average (Область 5 на 5), 11 by 11 Average (Область 11 на 11), 31 by 31 Average (Область 31 на 31), 51 by 51 Average (Область 51 на 51), 101 by 101 Average (Область 101 на 101) усредняют цвет соответственно по области 5 х 5, 11 х 11, 31 х 31, 51 х 51, 101 х 101 пиксел.

Инструмент Color Sampler (Образец цвета)

Если необходимо сравнить цвета в различных точках изображения, вам поможет инструмент Color Sampler (Образец цвета)

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

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

Для удаления маркера либо щелкните на нем при нажатой клавише Alt, либо щелкните правой кнопкой мыши и в появившемся меню выберите пункт Delete (Удалить).

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