Текст книги "Adobe Photoshop CS3"

Во время работы часто требуется закрасить каким-то цветом или узором определенную область изображения. Можно, конечно же, просто долго рисовать инструментом Brush (Кисть) – однако вы можете случайно оставить незакрашенные фрагменты, и, в конце концов, это просто нерационально. Существуют специальные команды и инструменты для заливки областей изображения каким-то цветом или узором.

Прежде всего, это команда меню Edit → Fill (Редактирование → Заливка), которой можно воспользоваться для заливки области изображения (см. рис. 11.9).

Важнейший элемент окна – раскрывающийся список Use (Использовать), из которого мы можем выбрать, чем закрасить изображение:

• Foreground Color (Цвет переднего плана) – выбранным в данный момент цветом переднего плана;

• Background Color (Цвет фона) – выбранным в данный момент цветом фона;

• Color (Цвет) – произвольным цветом, который можно выбрать в дополнительно открывающемся окне выбора цвета;

• Pattern (Узор) – узором, который можно выбрать в дополнительном меню;

• History (История) – более «старой» копией изображения, хранящейся на палитре History (История) (об этом рассказывалось в главе 11);

• Black (Черный) – черным цветом;

• 50% Gray (50%-ный серый) – нейтрально-серым цветом;

• White (Белый) – белым цветом.

В области Blending (Смешение) настраивается прозрачность заливки – в поле Opacity (Непрозрачность) и выбирается режим наложения цветов – из раскрывающегося списка Mode (Режим).

При использовании команды для дополнительного слоя активен флажок Preserve Transparency (Сохранить прозрачность); установив его, можно добиться того, чтобы заливка распространялась только на непрозрачную область слоя – иными словами, закрашиваться будут только те части слоя, где уже существует изображение, что позволит сохранить текущую форму слоя.

Внимание!

Команда Edit → Fill (Редактирование → Заливка) обычно используется вместе с операциями по выделению. Если команда применяется без созданного выделения, она будет закрашивать все доступное пространство слоя; выделение же «обозначает» место, которое нужно закрасить.

Для заливки также используется инструмент Paint Bucket (Заливка), который как бы объединяет в себе инструменты заливки и выделения – иными словами, можно считать, что этот инструмент сам выделяет область, которую нужно закрасить. Он определяет область заливки по сходству цветов, поэтому его можно использовать для заливки областей изображения, окрашенных в однородный цвет.

Внимание!

Хотя работать с инструментом Paint Bucket (Заливка) удобно и легко, следует помнить, что действует он достаточно неточно – это связано с примитивностью его настроек. Если вам требуется высококачественный результат, следует отказаться от использования инструмента Paint Bucket (Заливка) в пользу создания выделения вручную и последующего применения команды Edit → Fill (Редактирование → Заливка) – так вы сможете точнее определить область заливки.

Настройки инструмента Paint Bucket (Заливка) (рис. 12.34) включают в себя уже известные нам раскрывающийся список Mode (Режим) и поле Opacity (Непрозрачность). Кроме этого, основная настройка – раскрывающийся список, позволяющий выбрать, что будет использоваться для заливки – цвет переднего плана или узор. К сожалению, инструмент Paint Bucket (Заливка) не позволяет использовать другие варианты заливки – например, установить произвольный цвет непосредственно в настройках инструмента.

Рис. 12.34. Панель управления при работе с инструментом Paint Bucket (Заливка)

Для выполнения заливки с помощью инструмента Paint Bucket (Заливка) достаточно щелкнуть кнопкой мыши в любом месте изображения, и инструмент закрасит пикселы изображения с цветом, похожим на цвет пиксела, на котором мы щелкнули. Степень сходства цветов задается в поле Tolerance (Допуск) – чем выше это значение, тем более разные цвета будут считаться похожими и будут закрашиваться.

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

Рис. 12.35. Заливка изображения с помощью инструмента Paint Bucket (Заливка) с разными значениями допуска

Флажок Contiguous (Смежные области) позволяет нам закрашивать либо один фрагмент изображения (вокруг точки, на которой мы щелкнули), либо отыскивать и закрашивать пикселы сходного цвета по всему изображению. На рис. 12.36 показан пример заливки фрагментов изображения с помощью инструмента Paint Bucket (Заливка) с установленным и снятым флажком Contiguous (Смежные области) (для заливки применялся белый цвет).

Рис. 12.36. Заливка изображения с помощью инструмента Paint Bucket (Заливка) с включенной (слева) и отключенной (справа) заливкой смежных областей

Примеры работы с инструментом Paint Bucket (Заливка) и командой Edit → Fill (Редактирование → Заливка) можно увидеть в видеоуроке «Заливка областей изображения».

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

Для создания градиентной заливки (рис. 12.37) предназначен инструмент Gradient (Градиент), и для ее полноценного применения также рекомендуется использовать выделение, в противном случае будет закрашиваться вся доступная область слоя.

Рис. 12.37. Градиентные заливки

Главнейшие настройки инструмента Gradient (Градиент) (рис. 12.38) – выбор одного из образцов градиентной заливки из меню на панели управления и выбор формы градиентной заливки с помощью кнопок со значками градиентов разных форм.

Рис. 12.38. Панель управления при работе с инструментом Gradient (Градиент)

Всего Adobe Photoshop предлагает нам пять разных форм градиентной заливки:

• Linear (Линейный) – создает размытые полосы цветов, идущие в любом направлении (в зависимости от того, как было задано направление градиента инструментом);

• Radial (Радиальный) – создает размытые круги цветов, идущие из центра наружу;

• Angle (Угловой) – рисует переливы цветов по окружности, вокруг центра, указанного инструментом;

• Reflected (Отраженный) – как и тип Linear (Линейный), этот тип градиента рисует размытые полосы цветов и дополнительно создает зеркальную копию перелива относительно начала градиентной заливки;

• Diamond (Бриллиант) – этот тип градиента похож на Radial (Радиальный), однако вместо окружностей рисуются плавно сменяющиеся квадраты, что напоминает игру света на кристалле.

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

• для типа градиента Linear (Линейный) начало и конец линии (и ее длина соответственно) задают положение начального и конечного цвета градиента, а угол, под которым проведена линия, определяет угол, под которым будут нарисованы полосы градиента (рис. 12.39);

Рис. 12.39. Создание линейного градиента

• для типа градиента Radial (Радиальный) начальная точка линии определяет центр окружностей градиента, а длина линии – радиус градиентного перехода (угол проведения линии не имеет значения) (рис. 12.40);

Рис. 12.40. Создание радиального градиента

• для типа градиента Angle (Угловой) начальная точка линии задает центр градиента, а угол, под которым проведена линия, определяет положение начального цвета (длина линии не имеет значения) (рис. 12.41);

Рис. 12.41. Создание углового градиента

• для типа градиента Reflected (Отраженный) параметры задаются аналогично типу Linear (Линейный), причем отраженная копия градиента рисуется симметрично относительно начальной точки (рис. 12.42);

Рис. 12.42. Создание отраженного градиента

• для типа градиента Diamond (Бриллиант) начало линии определяет центр градиента, а ее длина – размер (аналогично радиальному градиенту), однако при этом важен и угол проведения линии, так как соответственно ему будут повернуты квадраты градиентных полос (рис. 12.43).

Рис. 12.43. Создание градиента формы «бриллиант»

Более наглядно процесс работы с инструментом Gradient (Градиент) можно увидеть в видеоуроке «Градиентная заливка».

Помимо хорошо знакомых нам настроек прозрачности и выбора режимов наложения цвета, панель управления при работе с инструментом Gradient (Градиент) содержит также три новых флажка:

• Reverse (Реверсировать) – установив этот флажок, мы поменяем направление перелива цветов в градиенте на противоположное – хотя при работе, к примеру, с линейным градиентом для достижения того же эффекта достаточно нарисовать инструментом линию в другом направлении, при работе с радиальным и «бриллиантовым» градиентом эта настройка очень удобна;

• Dither (Смешение) – установив этот флажок, мы укажем инструменту при создании переливов использовать технику смешения пикселов соседних оттенков, что позволит получить более гладкие переходы цвета;

• Transparency (Прозрачность) – установив этот флажок, мы разрешим использовать «внутреннюю» прозрачность градиента, о которой речь пойдет ниже.

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

Рис. 12.44. Окно настройки градиента

В окне мы также можем выбрать одну из существующих настроек градиента – чтобы взять ее за основу для дальнейшей работы. Однако основные настройки находятся в нижней части окна.

Примечание

Раскрывающийся список Gradient Type (Тип градиента) позволяет нам переключаться между типами градиента Solid (Непрерывный) и Noise (Шумовой). Поскольку шумовые градиенты достаточно сложны для понимания и в то же время используются крайне редко, мы не будем касаться их при рассмотрении настроек.

Значение Smoothness (Гладкость) позволяет немного менять алгоритм смешивания цветов для получения плавных переливов: при максимальном значении цвета в градиенте выглядят более чистыми и четкими.

Центральное место в нижней части окна занимает полоска градиента, под которой можно видеть маркеры цвета (рис. 12.45). Каждому цвету в переливе соответствует маркер, и чем их больше, тем сложнее цветовые переливы. Минимальное количество маркеров – два (для начального и конечного цвета), максимальное – 100 (гораздо больше, чем нужно при реальной работе).

Рис. 12.45. Окно настройки градиента с несколькими цветовыми маркерами

Положение маркеров определяет положение цвета в градиенте, и для изменения положения можно перетащить маркер с помощью мыши или (для большей точности) ввести числовое значение в поле Location (Положение) внизу палитры. Добавить новый маркер можно, щелкнув на свободном участке, а удалить существующий – перетащив его указателем мыши вниз от полоски градиента или нажав кнопку Delete (Удалить). Кроме того, при выделении одного из маркеров можно увидеть по обе стороны от него дополнительные маркеры-ромбики – их смещение нарушает плавность перелива цветов между соседними маркерами цвета (рис. 12.46).

Рис. 12.46. Окно настройки градиента с установками неплавного перехода цветов

Задать цвет маркеру можно, выделив его и использовав параметр Color (Цвет) внизу палитры. Кроме определенного цвета, маркер можно «привязать» к одному из основных цветов для рисования – в этом случае внешний вид градиента будет изменяться в зависимости от выбранных цветов переднего плана и фона. Для этого нужно обратиться к меню параметра Color (Цвет) и выбрать значение Foreground (Цвет переднего плана) или Background (Цвет фона).

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

Чтобы назначить прозрачность, используются маркеры над полоской градиента. Работа с ними ничем не отличается от работы с маркерами цвета, за исключением того, что вместо цвета мы назначаем непрозрачность участка градиента с помощью параметра Opacity (Непрозрачность). На рис. 12.47 показан градиент с прозрачной областью (она обозначается «шашечками» прозрачности на полоске градиента).

Рис. 12.47. Окно настройки градиента с созданной прозрачной областью на полоске градиента

Процесс настройки заказного градиента с прозрачными областями также показан в видеоуроке «Градиентная заливка».

Часть IV
Коррекция изображений

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

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

Точно так же операции по выделению и маскированию могут быть задействованы в самых разных целях – для коррекции изображений, для коллажирования, для создания сложных спецэффектов. К сожалению, объем этого издания не позволяет нам рассмотреть все варианты использования команд и все возможные ситуации, в которых они могут быть полезны. Частично это восполнено в уроках видеокурса, где вы увидите некоторые новые для себя приемы работы. В остальном же мы рекомендуем не останавливаться на увиденных примерах и самостоятельно искать, где и в чем могут быть вам полезны полученные знания.

Глава 13
Яркостная коррекция изображений

• Понятие гистограммы

• Команда Brightness/Contrast (Яркость/Контрастность)

• Команда Exposure (Экспозиция)

• Команда Shadows/Highlights (Тени/Блики)

• Команда Levels (Уровни)

• Команда Curves (Кривые)

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

Следует обратить внимание, что при работе в цветовом режиме RGB нельзя говорить о яркостной коррекции в чистом виде, поскольку информация об изображении не разделяется на цвет и яркость; вместо этого цветовые каналы содержат информацию о цветовых компонентах изображения. Следовательно, при коррекции яркости неизбежно будет изменяться и цветовая информация – к примеру, повышая контрастность изображения, мы увеличим насыщенность цветов. Решаются подобные проблемы цветовой коррекцией после яркостной, чтобы компенсировать искажения цвета.

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

Рис. 13.1. Искажения цвета при коррекции яркости и контрастности

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

Все команды яркостной коррекции, которые мы будем рассматривать, находятся в меню Image → Adjustments (Изображение → Коррекция).

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

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

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

При коррекции изображений широко используется метод представления информации, называемый гистограммой. Увидеть ее можно на палитре Adobe Photoshop, которая так и называется – Histogram (Гистограмма) – и доступна в любой момент работы. На рис. 13.2 показаны изображение и палитра, отображающая гистограмму его яркостей.

Рис. 13.2. Изображение и соответствующая ему гистограмма яркостей

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

Рис. 13.3. Темное (вверху) и светлое (внизу) изображения и соответствующие им гистограммы яркостей

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

Рис. 13.4. Несбалансированное изображение и его гистограмма

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

Простейшая для понимания и использования – команда Brightness/Contrast (Яркость/Контрастность). Однако расплатой за простоту является недостаток настроек команды (рис. 13.5). Она подойдет для быстрой или черновой коррекции; в остальных же случаях стоит применять более сложные команды, позволяющие более точно работать с изображением.

Рис. 13.5. Окно команды Brightness/Contrast (Яркость/Контрастность)

Окно команды Brightness/Contrast (Яркость/Контрастность) содержит всего четыре органа управления:

• ползунок Brightness (Яркость) – увеличивает или уменьшает яркость изображения;

• ползунок Contrast (Контрастность) – повышает или снижает контрастность изображения;

• флажок Preview (Предпросмотр) – позволяет видеть результат применения команды во время настройки без нажатия кнопки OK;

• флажок Use Legacy (Использовать устаревший алгоритм) – переключает окно в «устаревший» режим, применявшийся в старых версиях Adobe Photo shop. В этом случае используется другой алгоритм коррекции яркости и контрастности, и результаты настроек сильно различаются. Этот режим оперирует математическими категориями яркости и контрастности, и его нельзя применять для коррекции изображений, так как велика вероятность внести искажения.

На рис. 13.6 можно увидеть, как применение команды Brightness/Contrast (Яркость/Контрастность) влияет на яркость и контрастность изображения.

Рис.13.6. Исходное изображение (слева вверху) и результаты применения команды Brightness/Contrast (Яркость/Контрастность) с разными настройками