Вы находитесь на странице: 1из 496

Евгения Тучкевич

БХВПетербург
2011
УДК 681.3.06
ББК 32.973.26018.2
Т92

Тучкевич Е. И.
Т92 Самоучитель Adobe Photoshop CS5. — СПб.: БХВПетербург, 2011. — 496 с.: ил.
+ CDROM
ISBN 9785977505888

В основу книги положена эффективная методика обучения дизайнеров, опробован


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

Для широкого круга пользователей

УДК 681.3.06
ББК 32.973.26018.2

Группа подготовки издания:

Главный редактор Екатерина Кондукова


Зам. главного редактора Игорь Шишигин
Зав. редакцией Григорий Добин
Редактор Анна Кузьмина
Корректор Виктория Пиотровская
Дизайн серии Инны Тачиной
Оформление обложки Елены Беляевой
Зав. производством Николай Тверских

Лицензия ИД № 02429 от 24.07.00. Подписано в печать 27.08.10.


Формат 70×1001/16. Печать офсетная. Усл. печ. л. 39,99.
Тираж 3000 экз. Заказ №
«БХВПетербург», 190005, СПб., Измайловский пр., д. 29
Санитарноэпидемиологическое заключение на продукцию № 77.99.60.953.Д.005770.05.09
от 26.05.2009 г. выдано Федеральной службой по надзору
в сфере защиты прав потребителей и благополучия человека.

Отпечатано по технологии СtP


в ОАО «Печатный двор» им. А. М. Горького
197110, СанктПетербург, Чкаловский пр., 15.

© Тучкевич Е. И., 2010


ISBN 9785977505888 © Оформление, издательство БХВПетербург, 2010
Оглавление
ОБ АВТОРЕ ............................................................................................................ 12
ПРЕДИСЛОВИЕ .................................................................................................... 13
Благодарности ............................................................................................................................................. 13
Содержание компактдиска ......................................................................................................... 13
Слушатели о курсе Adobe Photoshop ................................................................................ 14
Отзывы на книгу с сайта www.books.ru ............................................................................. 15

Введение
ОСНОВЫ КОМПЬЮТЕРНОЙ ГРАФИКИ .................................................... 17
Типы компьютерной графики ...................................................................................................... 18
Характеристики растрового изображения,
или что нужно знать, создавая и сохраняя файл ................................................. 19
Пиксел ................................................................................................. 19
Разрешение изображения ..................................................................... 19
Сглаживание (Antialias) ......................................................................... 21
Интерполяция (усреднение) .................................................................. 22
Цветовые модели .................................................................................................................................... 23
Модель RGB ......................................................................................... 23
Модель CMYK ....................................................................................... 24
Модель HSB ......................................................................................... 25
Как выбрать цвет в Photoshop? .............................................................................................. 26
Диалоговое окно Color Picker (Подборщик цвета) .................................... 26
Палитра Color (Цвет) ............................................................................. 27
Палитра Swatches (Образцы цвета) ........................................................ 28

Урок 1
ИНТЕРФЕЙС, ИНСТРУМЕНТЫ .................................................................... 29
Начинаем работать ............................................................................................................................ 30
Работа с быстрыми «горячими» клавишами ............................................ 33
Палитры ............................................................................................................................................................... 33
Перестройка палитр .............................................................................. 34
Выбор и скрытие палитры ..................................................................... 37
Сохранение, восстановление расположения палитр ................................ 37
Функциональные клавиши ..................................................................... 37
Панель инструментов ......................................................................................................................... 39
Определение инструмента .................................................................... 39
4 Самоучитель Photoshop CS5

Выбор инструмента ............................................................................... 39


Режимы отображения ...................................................................................................................... 40
Способы изменения масштаба просмотра ............................................................. 42
Дополнительные средства изменения масштаба ..................................... 43
Быстрое перемещение по изображению .................................................................. 44
Проверьте себя ......................................................................................................................................... 44

Урок 2
РИСОВАНИЕ ......................................................................................................... 45
Основные инструменты рисования ................................................................................... 46
Выбор основного и фонового цвета .............................................................................. 46
Инструмент Brush (Кисть) ............................................................................................................. 47
Параметр Brush (Кисть) ......................................................................... 47
Отображение на экране инструментов рисования ................................... 48
Изменение размера и жесткости ........................................................... 48
Режим наложения (Mode) ...................................................................... 49
Непрозрачность (Opacity) ...................................................................... 49
Режим Airbrush (Аэрограф) .................................................................... 50
Плотность (Flow) ................................................................................... 50
Сохранение и восстановление параметров инструментов ................... 50
Инструмент Pencil (Карандаш) ................................................................................................. 51
Инструмент Eraser (Резинка) ..................................................................................................... 51
Инструмент Paint Bucket (Ковш заливки) ................................................................... 51
Команда Fill (Залить) ........................................................................................................................... 53
Отмена и возврат действий.
Палитра History (История) .......................................................................................................... 54
Проект «Юкка» ............................................................................................................................................. 55

Урок 3
ПАЛИТРА BRUSHE (КИСТЬ) .......................................................................... 57
Строение палитры ................................................................................................................................... 58
Настройка параметров кисти .................................................................................................... 59
Шаг 1. Очистка установок кистей .......................................................... 59
Шаг 2. Настройка Brush Tip Shape (Формы кисти) .................................. 59
Шаг 3. Настройка Shape Dynamics (Динамика формы кисти) ................... 61
Шаг 4. Настройка Scattering (Рассеивание, отклонение) ......................... 62
Шаг 5. Настройка Color Dynamics (Динамика цвета) ................................ 63
Шаг 6. Сохранение кисти ...................................................................... 64
Создание пользовательской кисти .................................................................................... 65
Пример создания кисти из части изображения ....................................... 67
Проект «Пейзаж» ..................................................................................................................................... 68
Рисование при помощи графического планшета ............................................ 70
Расширение возможностей рисования ....................................................................... 72
Mixer Brush (Микс кисть) в сочетании с кистями со Bristle Tips (Щетина) ... 72
Оглавление 5

Урок 4
ИНСТРУМЕНТ GRADIENT (ГРАДИЕНТ) ................................................... 75
Параметры инструмента Gradient (Градиент) ......................................................... 76
Использование Gradient Editor
(Редактор градиента) ........................................................................................................................... 77
Создание своего цветового перехода ..................................................... 78
«Стальная труба» (пример создания градиента) ................................................ 80
Шаг 1. Цвета стальной трубы ................................................................. 81
Шаг 2. Задание непрозрачности (Opacity) ............................................... 81
Шаг 3. Применение градиента ............................................................... 82
Радуга в раю ................................................................................................................................................. 84
Радуга простая нереалистичная ............................................................. 84
Радуга сложная реалистичная ................................................................ 86
Выбор градиента типа Noise (Шумовой) ................................................. 88

Урок 5
ФОРМЫ. CЛУЖЕБНЫЕ НАБОРЫ ............................................................... 89
Инструменты группы Shapes (Формы) ......................................................................... 90
Панель параметров инструментов .......................................................... 90
Построение форм ................................................................................. 91
Быстрые клавиши, используемые при построении фигур ........................ 92
Инструмент Line (Линия). Рисование стрелок .......................................... 92
Инструмент Custom Shape (Заказная форма) .......................................... 93
Загрузка дополнительных наборов ......................................................... 94
Пиратская карта .................................................................................... 96
Дополнительные наборы кистей ......................................................................................... 100
Загрузка наборов кистей ..................................................................... 101
Сброс кистей ...................................................................................... 101
Набор кистей «Цветы» ......................................................................... 102
Набор кистей «Tattoo» ........................................................................... 103
Набор кистей «Бумага» ......................................................................... 104
Дополнительные наборы градиентов ........................................................................... 105

Урок 6
РАБОТА СО СЛОЯМИ ...................................................................................... 107
Общие сведения о слоях .............................................................................................................. 108
Палитра Layers (Слои) ...................................................................................................................... 109
Как показывать и прятать слои .............................................................. 109
Выделение слоев ................................................................................ 110
Слой Background (Фоновый слой) ........................................................ 111
Параметры слоя .................................................................................. 111
Изменение последовательности слоев ................................................. 112
Переименование, подсветка слоев ....................................................... 113
Создание нового слоя ......................................................................... 114
6 Самоучитель Photoshop CS5

Дублирование (копирование) слоя ....................................................... 114


Удаление слоя .................................................................................... 115
Перенос слоев из одного файла в другой ............................................. 116
Выделение нескольких слоев ............................................................... 118
Преимущества выделения слоев .......................................................... 119
Группировка слоев .............................................................................. 120
Связывание слоев ............................................................................... 122
Влияние слоев на размер файла .......................................................... 123
Команды сведения слоев ..................................................................... 124
Проект «Космос» .................................................................................................................................... 125
Задание ............................................................................................. 125
Возможный алгоритм выполнения задания ........................................... 125

Урок 7
ВЫДЕЛЕНИЕ ....................................................................................................... 129
Что такое выделение? ...................................................................................................................... 130
Выделение, как ограничение действия инструментов и команд .............. 130
Клавишимодификаторы при создании выделения ................................ 131
Комбинирование выделения ................................................................. 136
Общие свойства инструментов выделения ............................................ 138
Инструменты выделения ............................................................................................................... 140
Инструмент Lasso (Лассо) .................................................................... 141
Инструмент Polygonal Lasso (Полигональное лассо) ................................ 147
Инструмент Magnetic Lasso (Магнитное лассо) ...................................... 148
Инструмент Magic Wand (Волшебная палочка) ...................................... 149
Инструмент Quick Selection (Быстрое выделение) ................................ 151
Команда Refine Edge
(Улучшение границ выделения) ............................................................................................ 152
Использование растушевки
в художественном оформлении фотографий ..................................................... 156
Проект «Home» ......................................................................................................................................... 159

Урок 8
КАНАЛЫ. БЫСТРАЯ МАСКА ......................................................................... 161
Цветовые каналы ................................................................................................................................... 162
Цветовые каналы изображения RGB ..................................................... 162
Цветовые каналы изображения CMYK .................................................... 166
Альфаканалы (сохранение выделения) ..................................................................... 168
Растушеванное выделение в альфаканалах ........................................... 169
Исправление выделения в канале ........................................................ 171
Режим Quick Mask (Быстрая маска) ................................................................................ 174
Редактирование выделения в режиме Quick Mask .................................. 175
Примеры целесообразности выбора режима Quick Mask
при выделении объектов ...................................................................... 177
Комбинирование каналов при выделении ............................................................... 182
Оглавление 7

Урок 9
ТРАНСФОРМАЦИЯ. SMART OBJECTS (УМНЫЕ ОБЪЕКТЫ) ........ 183
Виды трансформации ....................................................................................................................... 184
Трансформация пикселов слоя ............................................................ 184
Точная трансформация ......................................................................... 196
Проект «Samba» ....................................................................................................................................... 196
Smart Objects (Умные объекты) ............................................................................................ 197
Подарки от Adobe (работа с векторными объектами) ............................. 198
Использование Smart Objects в сложной трансформации ....................... 202
Трансформация выделения .................................................................................................... 204
Puppet Warp (Марионеточная деформация) ....................................................... 205
ContentAware Scale (Масштаб с учетом содержимого) ..................... 208

Урок 10
УСТАНОВКА РАЗМЕРА ИЗОБРАЖЕНИЯ ............................................... 213
Изменение размеров изображения ................................................................................ 214
Заданные растровые параметры .......................................................... 218
Разворот после сканирования
нескольких фотографий ................................................................................................................ 221
Изменения размера холста ..................................................................................................... 222
Исправление перспективного искажения .............................................................. 225

Урок 11
РАБОТА С ТЕКСТОМ ....................................................................................... 227
Особенности текстового слоя ............................................................................................ 228
Ввод текста ................................................................................................................................................. 228
Завершение ввода текста ..................................................................... 229
Режим форматирования ....................................................................... 229
Параметры текста ............................................................................................................................... 230
Деформация текста (Warp Text) ............................................................. 230
Трансформация текстового слоя ....................................................................................... 231
Текстовые палитры ............................................................................................................................ 232
Ложные стили ...................................................................................... 233

Урок 12
РЕЖИМЫ НАЛОЖЕНИЯ .............................................................................. 235
Определение. Классификация ............................................................................................. 236
Применение режимов наложения в слоях ............................................................ 238
Режим Normal (Нормальный) ............................................................... 238
Режим Multiply (Умножение) ................................................................. 238
Режим Screen (Осветление) для коллажей ............................................ 240
Режимы Hue (Цветовой тон) и Color (Цвет)
8 Самоучитель Photoshop CS5

для колоризации изображений ............................................................ 241


Различные варианты создания коллажа ................................................. 242
Элементы графики в коллажах .............................................................. 243
Колоризация при помощи инструментов рисования ............................... 245
Раскрашивание чернобелой фотографии ............................................. 245
Проект «Твердой поступью в светлое будущее» ............................................ 246

Урок 13
СЛОЕВЫЕ ЭФФЕКТЫ .................................................................................... 249
Что такое слоевые эффекты? ............................................................................................... 250
Диалоговое окно Layer Style (Стиль слоя) ............................................................. 251
Эффект Drop Shadow (Падающая тень) .................................................. 252
Эффект Inner Shadow (Внутренняя тень) ............................................... 253
Эффект Outer Glow (Внешнее свечение) ................................................ 254
Эффект Inner Glow (Внутреннее свечение) ............................................. 254
Эффект Bevel and Emboss (Выдавливание и фаска) ................................ 255
Эффект Satin (Шелк) ............................................................................ 256
Эффекты группы Overlay (Перекрытие) .................................................. 256
Эффект Stroke (Обводка) ...................................................................... 258
Создание и сохранение своего стиля .................................................... 259
Изменение стиля ................................................................................. 260
Создание стиля ...................................................................................................................................... 262
Анатомия слоевого эффекта ................................................................. 262
Настоящие капли воды ......................................................................... 266
Примеры использования слоевых эффектов ..................................................... 266
Проект «Мой детский сад» или детская надпись ..................................... 266
Использование стилей в рекламе .......................................................... 270
Примеры библиотек стилей ..................................................................................................... 274

Урок 14
МАСКИРОВАНИЕ ............................................................................................. 275
Работа со слоймаской ................................................................................................................. 276
Создание слоймаски ........................................................................... 276
Точность отображения в слоймаске ...................................................... 279
Скрытие/отображение слоймаски ....................................................... 281
Удаление, применение слоймаски ...................................................... 281
Применение различных типов градиентов
в слоймаске ....................................................................................... 282
Рекламный коллаж для фирмы O’Neill ................................................... 285
Коллаж «Make your business» ................................................................. 288
Как сделать объект прозрачным? .......................................................... 288
Создание маски с использованием выделения ............................................... 292
Операция Clipping Mask (Маска отсечения) ........................................................ 294
Создание маски отсечения с растровым слоем ...................................... 294
Маскирование текстом ......................................................................... 296
Автовыравнивание слоев ........................................................................................................... 298
Оглавление 9

Урок 15
ФИЛЬТРЫ ............................................................................................................. 301
Обзор фильтров .................................................................................................................................... 302
Что следует знать о фильтрах? .............................................................. 302
Основные группы фильтров программы ................................................ 302
Демонстрация действия
стандартных фильтров ................................................................................................................... 304
Применение стандартных фильтров ...................................................... 305
Работа с Smart Filters (Умными фильтрами) .......................................... 306
Создание эффектной рамки ................................................................. 311
Машина в движении ............................................................................. 314
Эффект фокусировки на объект ............................................................ 317
Применение фильтров в создании коллажей ......................................... 320
Фильтры с собственным интерфейсом ....................................................................... 321
Выделение ворсистых объектов. Фильтр Extract .................................... 321
Фильтр Liquify (Оплавить) ..................................................................... 325
Фильтр Vanishing Point .......................................................................... 329
Позиционирование фильтра Lens Flare (Блики) .............................................. 336

Урок 16
РАБОТА С ВЕКТОРНЫМИ ОБЪЕКТАМИ .............................................. 339
Paths (Контуры) ..................................................................................................................................... 340
Использование инструмента Pen (Перо) ................................................ 340
Редактирование кривых ........................................................................ 348
Рисование контура вокруг фигуры ......................................................... 353
Загрузка выделения из контура ............................................................. 355
Преобразование выделения в контур .................................................... 356
Создание обтравочного контура ............................................................ 357
Проект «Кафе» ........................................................................................................................................ 360
Возможности Shape layer (Слойформы) ............................................................... 364
Режим Shape layer (Слойформы) ......................................................... 364
Применение Shape layer в создании коллажей ....................................... 376
Использование векторных масок ..................................................................................... 377

Урок 17
ТОНОВАЯ И ЦВЕТОВАЯ КОРРЕКЦИЯ .................................................... 381
Тоновый диапазон изображения ...................................................................................... 382
Типы изображений ............................................................................................................................. 382
Команды коррекции .......................................................................................................................... 384
Палитра Adjustments (Коррекция) ......................................................... 384
Команда Brightness/Contrast (Яркость/Контраст) ................................... 385
Средства тоновой коррекции ................................................................................................ 386
Команда Levels (Уровни) ...................................................................... 387
10 Самоучитель Photoshop CS5

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


Команда Shadow/Highlight (Тени/Света) ................................................ 397
Средства цветовой коррекции ............................................................................................. 398
Команда Color Balance (Цветовой баланс) .............................................. 398
Команда Hue/Saturation (Цветовой тон/Насыщенность) ........................... 398
Подготовка чернобелых изображений .................................................. 401
Команда Channel Mixer (Смешивание каналов) ...................................... 402
Команда Black and White (Чернобелое) ................................................. 403
Команда Replace Color (Замена цвета) .................................................. 404
Команда Selective Color (Выборочные цвета) .......................................... 405
Команда Photo Filter (Фотофильтр) ....................................................... 408
Команда Gradient Map (Градиентная карта) ........................................... 408
Корректирующие слои ................................................................................................................. 409
Свойства корректирующих слоев .......................................................... 410
Создание и действие корректирующего слоя ......................................... 410
Ограничение действия корректирующего слоя
в многослойном документе ................................................................... 413
Создание коррекции по выделенной области ........................................ 414
Примеры колоризации в рекламных коллажах ....................................... 415
Использование корректирующего слоя Levels .................................................. 417
Когда дефект работает на нас ............................................................... 417
Разные способы осветления (затемнения) ............................................ 418
Исключение «паразитных» пикселов ..................................................... 421
Как сделать краски жизни ярче? ........................................................... 423

Урок 18
РЕТУШИРОВАНИЕ
И ВОССТАНОВЛЕНИЕ ФОТОГРАФИЙ ................................................... 425
Основные приемы ретуширования ................................................................................ 426
Метод «Заплатки» ................................................................................ 426
Инструменты ретуши ........................................................................................................................ 431
Восстановление областей инструментом
Clone Stamp (Штамп клонирования) ..................................................... 431
Инструмент Spot Healing Brush (Пятновыводитель) ................................. 433
Инструмент Healing Brush (Лечащая кисть) ............................................ 435
Инструмент Patch (Заплатка) ................................................................ 436
Заливка и восстановление ContentAware
(С учетом содержимого) ........................................................................................................... 438
Использование ContentAware в команде Fill (Залить) ............................ 438
Использование ContentAware в Spot Healing Brush ................................ 441
Самостоятельная работа ...................................................................... 442
Инструмент Red Eye (Удаление эффекта красных глаз) .......................... 442
Работа с палитрой History (История) ...................................................... 442
Использование инструмента History Brush (Кисть истории) ..................... 443
Оглавление 11

Урок 19
ТЕКСТУРЫ ......................................................................................................... 445
Что такое pattern? ............................................................................................................................... 446
Текстуры в виде логотипа ......................................................................................................... 446
Текстура Longines ................................................................................. 446
Текстура с логотипом, расположенным в шахматном порядке ................. 447
Создание рельефного логотипа ............................................................ 450
Текстура из фотоизображения ............................................................................................. 451
Библиотеки текстур ......................................................................................................................... 454
Оберточная бумага
(алгоритм единичной плитки) .............................................................................................. 454
Создание текстуры ............................................................................... 454
Сохранение образца ............................................................................ 458

Урок 20
ТЕНИ И СВЕЧЕНИЕ ......................................................................................... 459
Медведь на пляже ............................................................................................................................. 460
Ограничение тени ............................................................................................................................... 465
Текстовые тени и свечения ...................................................................................................... 468

Урок 21
СОЗДАНИЕ КОЛЛАЖЕЙ ................................................................................ 471
Принцип создания коллажа .................................................................................................... 472
Реклама часов Breguet ......................................................................... 477
Варианты коллажей .............................................................................. 477
Зачетная работа — реклама часов ......................................................... 477

Урок 22
ГЛАМУРНАЯ РЕТУШЬ .................................................................................. 479
Этап 1. Обработка кожи ....................................................................... 480
Этап 2. Повышение контрастности лица ................................................ 483
Этап 3. Создание имиджобразов ......................................................... 483
Использование Layer Comps (Композиции слоев) для
представления дизайнрешений ...................................................................................... 490

ПРЕДМЕТНЫЙ УКАЗАТЕЛЬ ....................................................................... 493


12 Самоучитель Photoshop CS5

Об авторе
Тучкевич Евгения Ивановна, сертифицированный спициалист (Adobe Certified
Instructor) по продуктам Adobe Photoshop и Adobe Illustrator, имеющая большой
преподавательский стаж, аспирант кафедры педагогики по специализации «Ме
тодика обучения компьютерному дизайну», автор курсов по продуктам «Adobe
corporation», руководитель специальности «Дизайн» на факультете переподготов
ки специалистов СбГПУ.
Евгения — профессионал в области дизайна и рекламы, имеющая опыт рек
ламной работы со многими компаниями и журналами, автор курса «Advertising
promotions: development & implementation».
Данная книга основана на методике преподавания курса Adobe Photoshop на
факультете переподготовки специалистов при Политехническом институте, а также
программе подготовки дизайнеров по данному продукту.
Предисловие 13

Посвящается
Владимиру Максимовичу Тучкевичу,
великому ученому, академику
и замечательному дедушке

ПРЕДИСЛОВИЕ

Благодарности
Спасибо моим коллегам и большим друзьям, замечания и экспертная оценка
которых помогли мне в создании этой книги: Снежане Таганашкиной (Adobe
Certified Instructor), Игорю Шишигину.
Спасибо моим коллегам и руководству в лице проректора А. В. Речинского за
поддержку, оказываемую в проведении и развитии курсов.
Большое спасибо всем художникам и фотографам, которые предоставили свои
работы для уроков.
Спасибо моим талантливым студентам, которые выполняли бесконечные до
машние задания по темам курса и, тем самым, вместе со своим профессиональ
ным ростом, внесли огромный вклад в создание примеров для этой книги.
Спасибо моей любимой семье за понимание и поддержку. Вы постоянно твер
дили, что я занимаюсь важным делом, и именно ваша вера в мои силы делает вас
еще дороже мне.

Содержание компактLдиска
В папке Lessons находятся все задания и примеры по урокам.
В файле Гламурная ретушь.pdf — примеры по гламурной ретуши из урока 22.
14 Самоучитель Photoshop CS5

Слушатели о курсе Adobe Photoshop


Очень интересный и познавательный курс. Оказалось все так легко и понятно!
Все вышесказанное — только благодаря автору, Тучкевич Евгении. Высший балл
за умение объяснять.
Егорова Галина

Компания ЗАО «Петро» в лице директора отдела Информационных техноло


гий Сергея Лаврикова хотела бы выразить свою благодарность преподавателю
Евгении Тучкевич за проведение компьютерного курса по работе с Adobe Photoshop.
Прошедшие обучение сотрудники отметили, что большой практический опыт
Евгении позволил ей сделать акцент на те возможности пакета, которые наиболее
часто применяются на практике. Также хотелось отметить прекрасные компью
терные материалы, на основе которых построен курс. Надеемся на дальнейшее
сотрудничество.
Компания ЗАО «Петро»

Курс дает базовый пакет знаний, основу для дальнейшего продолжения обуче
ния в этой области. Преподавание на высоком уровне в благоприятном, «рабо
чем» режиме. Приятно работать с профессионалами!
Хамидуллина Лариса Исмаиловна

Курс интересно построен, полезные практические работы, увлекательные за


дания, подходящие темы для изучения материала. Преподаватель использует при
меры из личной практики, изложение доходчивое и интересное.
Кинева Ирина Львовна

Очень интересный и понятный курс для освоения программы. Много практи


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

Радует четкая ориентация на практическое применение полученных знаний и


умений. Прекрасные примеры, подробные алгоритмы.
Калинин Олег

Курс просто супер! Обязательно посоветую всем моим друзьям поскорее прой
ти его. Понятное и интересное объяснение с морем примеров из жизни.
Сурков Дмитрий
Предисловие 15

Отзывы на книгу с сайта www.books.ru


Лучшая Pazuu
Я не считаю себя новичком в фотошопе, правда, я учился методом тыка и уро
ков в инете + закончил курсы по фотошопу, и всетаки решил купить книгу, чтобы
уж до конца узнать вcе мелочи и систематизировать имеющиеся знания. C выбо
ром книги я не ошибся, такую великолепную компьютерную книгу я не читал ни
когда! Неформальный язык, хорошая подача материала без голых алгоритмов: сде
лайте это и это и получите это. Если будет книга этого автора для продвинутых
пользователей, я обязательно куплю! Реальные примеры реальных дизайнерских
работ — я узнал много чего нового.

Аффтар жжет:) Arlit


Превосходная книга! «Руководство…» от Adobe отдыхает. Всем рекомендую
прочитать. Спасибо автору. Пишите еще.

без темы Саша


Суперкнига! Впервые встречаю такое понятное изложение для быстрого стар
та. Всем рекомендую.

отзыв Саныч
Действительно самоучитель. Чувствуется педагогический опыт Автора и пре
восходное владение вопросом. Отличный набор примеров на диске. Много раз
пытался «самоучиться» безрезультатно. С этой книгой сможет учиться даже са
мый юный пользователь, например как я.

отзыв Александр
Книга действительно того стоит, чтобы ее купить. Печально, что много книг
представляет из себя просто перевод на русский язык англоязычного help, или в
книге последовательно и бездумно описываются пункты меню программного про
дукта.
Эта книга КАРДИНАЛЬНО отличается от подобных «подделок» под книгу.
1. Автор действительно профессиональный преподаватель. Материал грамот
но изложен методически. Книга построена на описании технологий, а не на объяс
нении, что делает эта «кнопка» в меню.
2. Автор не является «голым» теоретиком. Виден большой опыт практической
работы. В итоге получилось методически грамотное изложение материала, осно
ванное на большом опыте практической работы и преподавательской деятельно
сти. Не знаю, насколько мое мнение соответствует действительности, но, после
прочтения книги, у меня сложилось именно такое мнение. Хочется выразить ав
тору благодарность и пожелать дальнейших успехов.
16 Самоучитель Photoshop CS5

отзыв Pirojkova
Всегда мечтала научиться Photoshop! Купила книгу и сижу уже неделю, изучая
возможности программы. Как понятно изложен материал! Спасибо автору! На
стоящие дизайнерские примеры, а не абстрактные формулы и алгоритмы, выд
ранные из Интернет.

настольная книга svetloe@inbox.ru


Обычно самоучители и всякие «секреты мастерства» по Photoshop содержат либо
переведенный Help, либо свалку уроков, которых в Интернет итак «мореокеан».
Мне, как дизайнеру, приходится читать много книг и материалов. Но в большин
стве из них я не нахожу подходящих примеров для подтверждения теории. Эта же
книга приятно удивила, написана последовательно, читается легко и с каждым
уроком Photoshop для тебя становится все полезнее и полезнее. А предоставлен
ный диск помогает самому все попробовать и !главное! — почувствовать. Спасибо
автору.
Книга для тех, кто не только хочет изучить Photoshop, но и намерен создавать
в нем чтолибо полезное для общества. Создавать и продавать!
Я купила две, домой и на работу. Лучше быть при оружии, когда муза творчества
вдруг нагрянет))

без темы smary78@mail.ru


Суперпупер. Книга написана действующим дизайнером и преподавателем.
Рекомендую всем, кто хочет быть с Photoshop на ты.
Введение
ОСНОВЫ
КОМПЬЮТЕРНОЙ ГРАФИКИ

Эта глава — не перечисление умных терминов, и в ней не ставится под сомне


ние интеллект читателя. В принципе, можно было бы сделать из нее приложение
и не читать вовсе.
Почему же я всетаки ее пишу? Очень немногие профессиональные дизайнеры
посещали курс компьютерной графики. Эта глава и есть по существу часть курса
компьютерной графики, который я читаю в первом семестре дизайнерам, пред
шествующая изучению основных графических программ. Большинство из нас
добились определенного профессионального уровня работы с Photoshop, Illustrator,
InDesign и другими приложениями путем так называемой самонастройки, когда
недостаточно ясно, как же сохранить результат, предыдущего опыта нет, но както
находится ответ.
Предположим, что у вас нет времени для самостоятельного освоения методом
проб и ошибок — тогда эта глава для вас. В ней делается попытка дать ответы на
вопросы, которые могут возникнуть при сохранении изумительного результата
вашей выполненной работы!
18 Самоучитель Photoshop CS5

Типы компьютерной графики


Различают два основных типа компьютерной графики — растровую и вектор
ную. Знания об их природе, различии, взаимодействии являются основой про
фессиональной работы.
В растровой графике изображение состоит из мельчайших точек — пикселов
(pixel, сокращенно px). Любое растровое изображение имеет фиксированное ко
личество пикселов. Если вы увеличите фотографию, то увидите эти самые пиксе
лы — разноцветные квадраты, зазубренные края деталей (рис. В1). При этом, что
изображено на фотографии, будет понять тяжело. Качество растровых изображе
ний зависит от разрешения. При масштабировании, в силу своей пиксельной при
роды, растровые изображения всегда теряют в качестве. Примером растрового
изображения может служить любая фотография, отсканированная или получен
ная путем цифровой съемки.
Adobe Photoshop — лучшая программа для обработки растровых изображений.

Рис. В1. Пример растрового изображения при различных масштабах

В векторной графике качество изображения не зависит от разрешения. Вектор


ные объекты описываются математическими уравнениями, поэтому при масшта
бировании они не теряют в качестве (рис. В2). Но уравнения сами по себе ничего
не значат, если нельзя увидеть их результат. Векторные объекты растрируются на
устройствах вывода, таких как монитор или принтер.
Как результат, векторная графика применяется для больших, четких форм, на
пример текст, логотипы, плоские рисунки.
Adobe Illustrator — программа того же разработчика для обработки и построе
ния векторных изображений. Объем векторного файла зависит от количества
объектов, входящих в его состав.
Введение 19

Рис. В2. Пример векторного изображения при различных масштабах

Характеристики растрового изображения,


или что нужно знать, создавая и сохраняя файл
Основными характеристиками растрового изображения являются высота и
ширина, задаваемые в момент его создания, которые можно изменить в процессе
работы. В зависимости от дальнейшего использования выбирают различные еди
ницы измерения: если вы хотите использовать его в полиграфии (печатный от
тиск на бумаге, фотография в рамочке) — сантиметры (см); если для Webграфи
ки — пикселы (px). Существует также величина, определяющая качество
растрового изображения — разрешение.

Пиксел
Пиксел (сокращение от picture element, элемент картинки) — наименьший не
делимый компонент растрового изображения, с которым осуществляется работа.
Он имеет две характеристики: положение и цвет.

Разрешение изображения
Разрешение изображения — это количество пикселов (точек) на единицу дли
ны. Обычно его измеряют в dpi (dots per inch, точек на дюйм) или в ppi (pixel per
inch, пикселах на дюйм).
Данные термины в некотором смысле синонимы, только ppi относится к изоб
ражениям, а dpi — к устройствам вывода. Термин dpi вы встретите в описании
мониторов, цифровых фотоаппаратов и т. д.

ПРИМЕЧАНИЕ Дюйм равен 2,54 см.


20 Самоучитель Photoshop CS5

Таким образом, чем больше разрешение, тем меньше размер пиксела. Чем боль
ше разрешение, тем больше пикселов приходится на дюйм. Чем больше разреше
ние, тем лучше качество изображения (рис. В3).

Рис. В3. Различное значение разрешения влияет на качество изображения

Разрешение подбирается для каждого изображения индивидуально и зависит


от того, где будет использована ваша фотография. Например, если вы планируете
использовать фото в Интернете, то разрешение выбирается 72 ppi. Такой выбор
диктует монитор, с которого и будет транслироваться ваше изображение. Основ
ным критерием для Интернета является скорость загрузки изображений, а не их
изумительное качество, поэтому выбираются соответствующие форматы сохра
нения файлов, где качество стоит далеко не на первом месте.
Если вы захотите напечатать вашу любимую фотографию на бумаге и вставить
ее в рамочку на камине, то разрешение должно быть 300 ppi. Кстати, это основное
требование для типографий, печатающих журналы, каталоги и малоформатную
продукцию (буклеты, флаеры, рекламные листовки).
Самое опасное, что на мониторе (его разрешение 72 ppi) не видно будущее пло
хое качество при печати фото с разрешением 72 ppi. Если же вы откроете на ком
пьютере фотографию с разрешением 300 ppi, то ясно, что в одну собственную точ
ку три точки изображения монитор поместить не сможет. Следовательно, он будет
отображать каждую точку изображения в одной своей. И, как результат, картинка
на мониторе будет в четыре раза больше, чем на самом деле.
В журнале фотографии с разрешением 72 ppi будут нечеткими, размытыми.
Когда мне приносят фотографию для обложки коммерческого журнала с разре
шением 72 ppi (при том же размере печатного оттиска, что будет при печати), не
возможно объяснить проблему владельцам журнала, восклицающим: «Ведь на мо
ниторе хорошо видно, все дизайнеры выдумывают!»
Недавно моя дипломница Лена Трасковская делала каталог по Тунису с рекла
мой дорогих отелей. Тунисцам было не объяснить, что невозможно использовать
фото отелей с сайта компании. Они недоумевали — ведь на мониторе все OK, по
чему бы не взять эти фото (в формате JPEG!) для каталога? Пришлось ехать на
место и проводить съемку.
Введение 21

Сглаживание (AntiLalias)
Кривые и диагональные линии изображения трудно передать на мониторе, так
как монитор может отображать только прямоугольные элементы. Для сохранения
плавного вида краев существует механизм сглаживания (Antialias). Для различ
ных инструментов и команд в программе существует опция Antialias, которая по
умолчанию включена.
Сглаживание (Antialias) — механизм помещения пикселов различной степе
ни прозрачности вдоль краев («проблемных областей») кривых и диагональных
линий.
На рис. В4 показаны две диагональные линии, у левой сглаживание включе
но — на краях видны пикселы разной прозрачности, которые «заполняют» про
странство между резкими краями. Справа показана ступенчатая линия с резкими,
зазубренными краями (опция Antialias была выключена).
На рис. В5 показано увеличенное изображение круглой формы со сглажива
нием и без него. Когда вы выбираете инструмент Pencil (Карандаш), параметр Brush
у него — жесткая кисть, без сглаживания. Если вы создаете выделение и опция
Antialias включена, это приведет к сглаженным формам будущего объекта.

Рис. В4. Сглаживание диагональной линии Рис. В5. Сглаживание круглой формы

Вы спросите: «Как Photoshop узнает, куда помещать различные сглаженные


пикселы?» Ответ: «Путем усреднения оттенков области изображения и получения
нужного оттенка пиксела для закрашивания края кривой или диагональной ли
нии. Сильно увеличьте диагональную линию, края которой сглажены. Вы увиди
те, что по мере удаления от линии в пикселах по ее краю постепенно уменьшается
содержание цвета линии и усиливается интенсивность цвета фона изображения».
Так работает данный механизм.
Таким образом, сглаживание (Antialias) заключается в образовании плавно
го перехода между внутренней областью и ее фоном в случае непрямолинейных
объектов.
22 Самоучитель Photoshop CS5

Интерполяция (усреднение)
Предположим, у вас есть красивая фотография, которая имеет некие размеры
в пикселах. Вам хочется ее увеличить в три раза по высоте и ширине. Возникает
резонный вопрос: откуда Photoshop возьмет недостающие пикселы? И самое глав
ное, в какой цвет он их окрасит?
Существуют пять методов интерполяции (Interpolation method), посредством ко
торых Photoshop может «додумать», как новые пикселы должны быть вставлены в
изображение:
 посредством создания пикселов, имеющих ближайший к исходному пикселу
цвет;
 посредством интерполяции окружающих пикселов по горизонтали и вертика
ли и последующего создания цветового усреднения общих сумм для новых пик
селов;
 посредством интерполяции пикселов по горизонтали, вертикали и диагонали
и использования усреднения итоговых цветов для каждого нового пиксела.
В Photoshop эти три метода называются Nearest Neighbor (Интерполяцией по
ближайшим соседним), Bilinear (Билинейной) и Bicubic (Бикубической) интерпо
ляцией. Последняя подразделяется на Bicubic, Bicubic Smoother и Bicubic Sharper.
В установках программы по умолчанию выбрана Bicubic (Бикубическая) ин
терполяция. Для изменения настроек выберите команду: Edit | Preferences | General
и раскройте список Image Interpolation (рис. В6).

Рис. В6. Установка интерполяции


Введение 23

Данный метод используется при масштабировании изображения и при выпол


нении команды Image | Image Size (Изображение | Размер изображения) (рис. В7)
и включении опции Resample Image (Пересчет).

Рис. В7. Окно Image Size

Цветовые модели
Изображение, которое вы подготовили с помощью Photoshop, можно распеча
тать на принтере или посмотреть на другом компьютере (или на экране телевизо
ра с помощью DVDпроигрывателя). Но начинающие дизайнеры часто бывают
разочарованы, когда на бумаге «результат их бессонных ночей» выглядит совсем
не так, как на экране монитора. Цвета оказываются искаженными: голубое небо
приобретает лиловый оттенок, а лицо человека — неестественный малиновый за
гар. В чем же дело? Основной причиной искажения экранных цветов при печати
являются диаметрально противоположные способы генерации цвета монитором
и принтером.

Модель RGB
Прежде всего, необходимо осознать, что воспринимаемый нами цвет является
результатом работы мозга. Ощущение цвета создается электромагнитными коле
баниями с длинами волн от 380 до 750 нм, попадающими в глаз человека. Экспе
риментально (еще в 1852 г.) было установлено, что любой цвет может быть полу
чен сложением трех световых потоков: красного (R) — длина волны ~ 630 нм,
зеленого (G) — ~ 528 нм и синего (B) — ~ 457 нм.
Именно на этом принципе основано создание цветного изображения на экра
не монитора и телевизора. Поверхность монитора состоит из мельчайших точек
(пикселов) красного, зеленого и синего цветов (триада люминофоров), форма этих
пикселов зависит от типа электроннолучевой трубки. При попадании электронно
24 Самоучитель Photoshop CS5

го луча на пиксел он окрашивается в определенный оттенок своего цвета в за


висимости от силы сигнала. Поскольку пикселы маленькие, то даже с небольшого
расстояния они становятся неразличимыми и создают три световых потока, кото
рые при попадании в глаз воспринимаются нами как цвет. Этот цвет может быть
описан с помощью трех составляющих, R, G и B (рис. B8). Эта цветовая модель
получила название RGB и была принята в 1931 г.
Согласно этой модели смесь красного и зеленого дает желтый цвет (Yellow),
красного и синего — пурпурный (Magenta), синего и зеленого — голубой (Cyan), а
красного, зеленого и синего — белый.
В системе RGB каждый цвет на экране монитора имеет 256 градаций яркости
(от 0 до 255); таким образом, на экране монитора может быть отображено более
16 миллионов цветов.
«Постойте, — скажете вы, — жизненный опыт подсказывает, что если смешать
красную, зеленую и синюю краски, то белой наверняка не получится». Абсолютно
верно, потому что краски не излучают свет наподобие солнца, лампочек или элект
роннолучевых трубок. Когда мы видим цветное изображение в журнале, то в глаз
поступает световой поток, отраженный от бумаги, покрытой краской. Если мы ви
дим красный лист бумаги при дневном свете, то это значит, что краска поглощает
все световые потоки и отражает только красный. Осветите этот же лист бумаги си
ним светом, и он станет черным, потому что краска не отражает синий цвет (рис. B9).

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

Рис. B9. Световой поток, частично (или


Рис. B8. Формирование цвета на экране полностью) отраженный от бумаги, восприни
монитора (модель RGB) мается наблюдателем как цвет (модель CMY)
Введение 25

(Magenta) и желтый (Yellow). Однако если теоретически при смещении этих цве
тов получается черный цвет, то практически этот цвет имеет коричневый оттенок.
Это связано с тем, что идеальных красок не существует. Не создано такой желтой
краски, которая поглощала бы все световые потоки и отражала только поток с дли
ной волны 560–590 нм (желтый цвет). Поэтому при печати добавляют как мини
мум еще одну краску — черную. Подобная цветовая модель называется CMYK.
В отличие от RGB количество каждого цвета задается в процентах от 0 до 100. Пре
образование изображения из модели RGB в модель CMYK выполняется коман
дой Image | Mode | CMYK Color.

ПРИМЕЧАНИЕ Для того чтобы грамотно выполнить цветоделение, необходимо выполнить со
ответствующие настройки в окне Color Setting. Описание этих настроек выходит за рамки кни
ги. Но если у вас возникла необходимость подготовить файл для типографии, то можно посовето
вать: вопервых, не пользоваться настройками, установленными по умолчанию, а вовторых, по
просить в типографии файл с настройками и загрузить его.

Как правило, после выполнения этой команды цвета изображения на экране


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

Модель HSB
Эта модель считается наиболее понятной, так как в ней присутствует коорди
ната Hue (Цветовой тон). Вы можете легко понять, о каком цвете идет речь, если у
вас перед глазами, а лучше в голове, находится цветовой круг с координатами цве
тов. Hue задается в градусах и прини
мает значения от 0 до 360 (рис. В10).
Вторая координата — Saturation
(Насыщенность) — это радиус круга.
Самые насыщенные цвета лежат на
границе круга и имеют координаты
100. Белый цвет имеет координату 0.
На радиусе круга лежат оттенки цве
тов.
Третья координата, Brightness
(Яркость), принимает значения от 0
до 100. Если яркость равна 0, то цвет
черный.

Рис. В10. Схема цветового круга


26 Самоучитель Photoshop CS5

Как выбрать цвет в Photoshop?


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

Диалоговое окно Color Picker (Подборщик цвета)


В панели инструментов задаются Foreground Color и Background Color (см. урок 2).
Foreground Color (Цвет переднего плана, или основной) в Photoshop использу
ется для рисования, заливки документа или выделенной области и в качестве на
чального цвета инструмента Gradient.
Background Color (Цвет заднего плана, или фоновый) появляется при удалении
пикселов при отсутствии прозрачности, а также завершает градиент.
Щелчком по пиктограмме Foreground или Background вызывается диалоговое
окно Color Picker (Подборщик цвета) (рис. В11).
В диалоговом окне можно задавать цвет, щелкая мышью в большом квадрате, а
также вводя в поля соответствующие координаты. Справа от квадрата подбора
цвета находится шкала параметров. На рис. В11 активен параметр H (Цветовой
тон), т. к. отмечен соответствующий переключатель.

Рис. В11. Диалоговое окно Color Picker


Введение 27

Установив ползунок шкалы активного параметра на позицию 230 градусов, вы


выбрали синий цвет. В квадрате подбора цвета выберите самый яркий синий цвет
и переключите активный параметр на S (Насыщенность) (рис. В12).

Рис. В12. Выбор


оттенка цвета

Щелкнув по кнопке OK, вы перенесете данный цвет в программу.


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

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


Палитра Color (Цвет) теперь мало используется в работе (рис. В13). Принцип
действия у нее такой же, как и у Color Picker.

Рис. В13. Палитра Color


28 Самоучитель Photoshop CS5

В нижней части палитры расположена шкала цвета, щелкая по которой вы


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

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


Палитра Swatches (Образцы цвета) уже содержит стандартный набор цветов
(рис. В14), щелкая по образцу, вы выбираете цвет.
При выборе цвета в Swatches цвет переносится во все цветовые задания про
граммы.

Рис. В14. Палитра Swatches


Урок 1
ИНТЕРФЕЙС,
ИНСТРУМЕНТЫ

Когда вы запускаете первый раз программу, то всегда обескуражены огромным


количеством настроек и выпадающих списков и думаете, вот бы ничего тут не ис
портить, но это, уверяю, только первое время.
Начинающему пользователю Photoshop может показаться монстроподобной
программой, поскольку сначала ему тяжело находить нужные инструменты и
команды. Но пройдет время, появится опыт, и вы перестанете замечать интер
фейс, сосредотачиваясь на своих дизайнерских задачах. Программа так здорово
подходит вам, что вы воодушевитесь многообразием способов и алгоритмов ре
шения одной задачи и, возможно, впоследствии, изучая другие уроки и книги,
найдете много новых и более удобных для вас приемов достижения необходимого
результата.
В настоящем уроке вы ознакомитесь со следующими аспектами работы в
Photoshop:
 интерфейс программы;
 палитры;
 инструменты;
 важность применения быстрых клавиш;
 изменение масштаба просмотра;
 прокрутка документа.
30 Урок 1

Начинаем работать
После запуска Photoshop на экране появляется окно программы. Обычно от
крывается уже готовое изображение или создается новое.
Создадим новый документ. Что будем делать с ним в дальнейшем? Возможно,
использовать для рисования, возможно, объединять в нем части других фотогра
фий и создавать монтаж — все в ваших силах!
Создадим новый документ, выполнив команду File | New. В открывшемся диа
логовом окне можно задать параметры нового документа.
В поле Name (Имя документа) по умолчанию установлено значение Untitled1
(Безымянный1). В начале работы не стоит терять время с названием, т. к. непо
нятно, что мы там такое нарисуем и дорого ли будет оно потом как память. Назва
ние дают уже выполненной работе, сохраняя значимый результат.
Поле Preset (Набор) (рис. 1.1) содержит выпадающий список разделов, содер
жащий различные варианты использования документов. Выбрав нужный вариант
из Preset, вы можете в дальнейшем из расположенного ниже списка Size (Размер)
выбрать документ с предустановленными для данных целей размерами и качеством
печатного оттиска.
К примеру: наборы U.S. Paper (Американские форматы бумаги), International
Paper (Международные форматы бумаги) задаются в миллиметрах (рис. 1.2).
Это будущее вашего документа, поэтому будьте внимательны с параметрами,
которые вы выбираете.
Параметры документа — это его высота, ширина, разрешение и цветовая мо
дель (см. Введение).

Рис. 1.1.
Диалоговое окно
параметров нового
документа
Интерфейс, инструменты 31

Рис. 1.2.
Варианты выбора
размеров нового
документа

Давайте воспользуемся уже готовыми размерами, выбрав из выпадающего спис


× 480 (разрешение экра
ка Preset (Набор) вариант Web, а Size (Размер) возьмем 640×
на некоторых мониторов). Заметьте, при этом автоматически устанавливается раз
решение 72 ppi.
В поле Background Contents (Фон) установим значение White (Белый), чтобы
поле документа было белым.
Рассмотрим рабочее пространство программы с открытыми файлами (рис. 1.3).
Строка заголовка содержит название и значок программы Adobe Photoshop.
Кнопки управления в правой части строки используются для свертывания/раз
вертывания, изменения размеров и закрытия окна программы.
Главное меню содержит основные команды управления, объединенные по об
щему назначению. Имеются следующие разделы.
 File (Файл). Операции с файлами, такие как копирование, открытие и закры
тие, импорт и экспорт. Здесь же находятся команды для пакетной автомати
ческой обработки файлов, получения изображений с устройств ввода, вывода
документа на печать.
 Edit (Редактирование). Команды редактирования — отмена и возврат действий,
операции с буфером обмена, команды заливки и обводки, трансформации, за
дание кистей, узоров и т. д., а также установки программы.
 Image (Изображение). Команды, предназначенные для изменения изображе
ния — цветовой модели, размера, а также команды цветовой и тоновой кор
рекции.
 Layer (Слой). Команды работы со слоями.
 Select (Выделение). Команды создания, модификации, сохранения, измене
ния выделения.
32 Урок 1

Рис. 1.3. Окно программы Photoshop

 Filter (Фильтр). Различные фильтры программы или подключенные дополни


тельно.
 3D. Инструменты для работы с 3Dмоделями.
 Analysis (Анализ). Инструменты для анализа различных фрагментов изображе
ния.
 View (Вид). Здесь сосредоточено все, что вы можете видеть на экране. Команды
по изменению масштаба просмотра документа, а также отображению различ
ных вспомогательных элементов интерфейса.
 Window (Окно). Команды организации рабочего пространства, отображения
палитр и окон документов.
 Help (Помощь). Вызов справочной информации и помощи.
Панель параметров активного инструмента (Options). Содержимое данной па
нели зависит от выбранного инструмента в Палитре инструментов.
Строка состояния активного документа (в предыдущих версиях она находи
лась в нижней части окна программы). Предназначена для отображения инфор
мации о документе, рабочих дисках, активном инструменте и пр.
Интерфейс, инструменты 33

Работа с быстрыми «горячими» клавишами


Photoshop изначально разрабатывался как программа, для работы в которой
требуются обе руки — одна работает с клавиатурой, другая — с мышью. Исполь
зование комбинаций клавиш и быстрых клавиш значительно ускоряет доступ к
различным командам, дает возможность работать более эффективно. Знание ком
бинаций клавиш позволяет сосредоточиться на изображении и получить намного
лучшие результаты, да и, кроме этого, намного увеличивает скорость работы.
Наиболее часто используемые команды главного меню, инструменты, палит
ры вызываются быстрыми клавишами. К примеру, команда главного меню File |
New (Создать новый документ) может быть вызвана клавишами <Ctrl>+<N>, для
отмены последнего действия (команда Edit | Undo) необходимо нажать комбина
цию клавиш <Ctrl>+<Z>.
Например, представьте, что вы рисуете и вам необходимо получить доступ к
инструменту Brush (Кисть), увеличить размер кисти, а также задать непрозрач
ность равной 50%.
При работе с мышью вам необходимо сначала щелкнуть на значке инструмен
та Brush, перетащить ползунок для изменения размера кисти, затем выделить па
раметр Opacity (Непрозрачность) и ввести значение 50. При использовании быст
рых клавиш для выполнения этой же задачи нужно нажать клавишу <B>, затем
клавишу <]> для увеличения размера кисти, после чего ввести нужное значение с
помощью цифровой клавиатуры. Это гораздо более быстрый способ получения тех
же самых результатов! Изучение доступных быстрых клавиш позволит вам работать
с изображением, а не потеряться в дебрях настроек и параметров инструментов.
Photoshop предлагает невероятное количество методов перемещения по изоб
ражению, а также массу документированных и недокументированных быстрых
клавиш.
Известны ли они все вам? Нужно ли вам знать, как быстро вызвать инструмен
ты, необходимые при повседневной работе? Это очевидно. Если вы используете
какойнибудь инструмент или команду Photoshop несколько раз в течение часа,
изучение быстрых клавиш действительно имеет смысл.

ВНИМАНИЕ При раскрытом выпадающем списке, открытых диалоговых окнах или подсве
ченных параметрах выполняются более приоритетные задачи для программы, чем действие бы
стрых клавиш. Пока вы не свернете все списки и диалоговые окна, быстрые клавиши не будут
работать. В старых версиях программы быстрые клавиши не работали при русском регистре.

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

Рис. 1.4. Варианты отображения стандартного Рис. 1.5. Изменение вертикального размера палитр
набора палитр

Варианты отображения стандартного набора палитр Essentional (Необходимое)


показаны на рис. 1.4.
Щелкая по пиктограмме «двойные стрелки» вверху палитр, вы можете раскры
вать палитры, повторный щелчок вновь сворачивает их, оставляя только значки.
Возможна пристыковка палитр слева от стандартного комплекта (рис. 1.5).

Перестройка палитр
Порядок организации палитр можно изменять и переносить вкладки с одной
палитры на другую. Вы можете сформировать любой свой набор и расположение
палитр в зависимости от целей и задач.
Вы можете отсоединить палитру, расположив ее отдельно, или работать с груп
пой палитр (рис. 1.6), объединенных в одно целое.
Из правой области программы вы можете отделить группу палитр. Все палит
ры в Photoshop «плавающие», т. е. они всегда располагаются поверх изображения,
и в любой момент их можно передвинуть (рис. 1.7).
Перемещать группу палитр как одно целое нужно за темносерое поле над вклад
ками.
Интерфейс, инструменты 35

Рис. 1.6.
Примеры палитр,
расположенных группой

Рис. 1.7. Перемещение


палитр

Обратно присоединить группу к правой части палитр вы можете, перемещая


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

Рис. 1.8. Перемещение группы для «стыковки»


36 Урок 1

Для вашего удобства возможно перемещение вкладок палитр, расположенных


в группе (рис. 1.9).

Рис. 1.9. Изменение порядка вкладок в группе

Вы можете отделить палитру от группы. Ухватившись мышью за корешок вклад


ки Swatches (Образцы цвета), отделите ее (рис. 1.10).
Также возможно перемещение палитр в другие группы для формирования но
вых групп по своему желанию.
Большинство палитр имеет стандартный вид (рис. 1.11).

Рис. 1.10.
Отделение палитры от группы

Рис. 1.11.
Строение стандартной палитры
Интерфейс, инструменты 37

Выбор и скрытие палитры


Полный список всех палитр находится в меню Window (Окно). Активные па
литры, находящиеся впереди в своих группах, отмечены галочками рядом со сво
им названием. Чтобы открыть или закрыть палитру, установите или сбросьте га
лочку.
Если же палитра видна на экране, но находится на заднем плане, активизируй
те ее щелчком по вкладке с названием. При этом палитра выходит на передний
план в своей группе.
Если палитры перекрыли изображение, нажмите клавишу <Tab>, чтобы их
скрыть.
Нажмите клавишу <Tab> еще раз, чтобы отобразить все палитры.
Для того чтобы скрыть палитры, но при этом оставить видимой панель инстру
ментов, воспользуйтесь комбинацией клавиш <Shift>+<Tab>.

Сохранение, восстановление расположения палитр


Расположение палитр в программе называется Workspace (Рабочее простран
ство). Разработчиками предусмотрены различные наборы палитр для разнообра
зия задач. Например, Essentials (Default) (Необходимые (по умолчанию)) имеет
необходимый набор палитр.
Подберите наиболее удобное с вашей точки зрения расположение палитр, уб
рав ненужные с экрана. Сохраните полученную рабочую область под подходящим
названием командой меню Window | Workspace | Save Workspace (Окно | Рабочее про
странство | Сохранить).
Вы в любой момент можете получить данное расположение палитр, выбрав на
звание вверху списка в меню Window | Workspace.
Если вы желаете восстановить расположение палитр, выполните команду
Window | Workspace | Essentials (Default) (Окно | Рабочее пространство | Необходи
мые (по умолчанию)), или другое, подходящее для вашей работы.

Функциональные клавиши
Для отображения и сокрытия наиболее важных палитр используются следую
щие функциональные клавиши:
 палитра Brushes (Кисти) — <F5>;
 палитра Color (Цвет) — <F6>;
 палитра Layers (Слои) — <F7>;
 палитра Info (Инфо) — <F8>;
 палитра Actions (Действия) — <Alt>+<F9>.

ПРИМЕЧАНИЕ Функциональные клавиши находятся в верхнем ряду на клавиатуре; их назва


ния начинаются с буквы F.
38 Урок 1

Рис. 1.12. Развернутый вид панели инструментов


Интерфейс, инструменты 39

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

Определение инструмента
Не нажимая кнопки мыши, установите указатель над одним из инструментов,
и вы увидите подсказку программы — надпись с названием инструмента и клави
шу, нажав которую вы вызовете этот инструмент (рис. 1.13).

Выбор инструмента
Инструмент активизируется щелчком по его пиктограмме или нажатием быст
рой клавиши (ее отображает подсказка) — рис. 1.14.
Выбранный инструмент обведен рамкой, и под главным меню программы рас
полагается панель его параметров.
Инструмент активен до тех пор, пока вы не выберете другой.
В правом нижнем углу пиктограмм некоторых инструментов стоит маленький
треугольник. Это значит, что за этим инструментом «спрятаны» другие, дополни
тельные.
Выбрать «спрятанный» инструмент можно несколькими способами.
 Установите указатель на пиктограмму, где есть треугольник, нажмите кнопку
мыши и, дождавшись появления дополнительных инструментов, выделите один
из них и отпустите мышь.
 Нажав клавишу <Alt>, щелкните по пиктограмме инструмента. С каждым щел
чком в ячейке появляется очередной дополнительный инструмент.
 Для переключения между инструментами в одной группе к соответствующей
быстрой клавише необходимо добавить клавишу <Shift>.

Рис. 1.13. Подсказка Рис. 1.14. Выбор инструмента


40 Урок 1

Режимы отображения
Для этой части урока откройте командой File | Open файл Porsche 2.jpg. из папки
Lessons\Урок_1_Интерфейс на компактдиске.
В программе используются три режима отображения окна программы.
В левой верхней части программы находится пиктограмма переключения ре
жимов отображения Screen Mode (Экранный режим) (рис. 1.15).

Рис. 1.15. Пиктограммы переключения режимов отображения

Переключаться между режимами также возможно быстрой клавишей <F>.


По умолчанию включен первый режим — Standard Screen Mode (Стандартный
экранный режим) — рис. 1.16.

Рис. 1.16. Стандартный режим


Интерфейс, инструменты 41

Второй режим — Full Screen With Menu Bar (Полный экран с главным меню) —
рис. 1.17. Однако в этом режиме нет ни строки состояния документа, ни полос
прокрутки.
Третий режим — Full Screen Mode (Полный экран) — рис. 1.18.
Активный документ отображается на черном фоне, что рекомендуется при
окончательном композиционном просмотре.

Рис. 1.17. Полный экран с главным меню

Рис. 1.18. Полный экран


42 Урок 1

Способы изменения масштаба просмотра


Перемещение по изображению и быстрое изменение масштаба очень часто
оказываются важными приемами работы. Наиболее часто при работе использу
ются масштабы 100% и 200%, означающие, что вы видите только небольшую часть
целого изображения на мониторе. По этой причине вам необходимо уметь быстро
изменять масштаб изображения, чтобы увидеть, как ваша рабочая часть сочетает
ся с целым изображением (рис. 1.19). Кроме того, вы должны сосредоточиться на
выполнении дизайнерских задач, а не тратить время на выбор инструментов.

Рис. 1.19.
Различные масштабы
просмотра изображения:
25%; 50%; 100%; 400%

ПРИМЕЧАНИЕ Во всех случаях вы должны помнить, что на печати будет 100% вашего изобра
жения.

Работая с изображением, вы можете использовать следующие приемы.


 Увеличение масштаба (при любом активном инструменте!) — быстрые клави
ши <Ctrl>+<+>.
 Уменьшение масштаба (при любом активном инструменте!) — быстрые кла
виши <Ctrl>+<–>.
 Увеличение определенной части изображения — одной рукой нажмите комби
нацию клавиш <Ctrl>+<Пробел>, на экране появится лупа; другой рукой (с по
мощью мыши) обведите лупой в рамочку область, которую необходимо увели
чить (рис. 1.20).
Интерфейс, инструменты 43

Рис. 1.20. Слева: так выделяется


область. Справа: результат
масштабирования

Переход к масштабу 100%:


1. Дважды щелкните на значке инструмента Zoom (Лупа) (№ 60 на рис. 1.12).
2. В главном меню выберите команду View | Actual Pixels (Вид | Реальный размер)
или нажмите комбинацию клавиш <Ctrl>+<1>.
Чтобы увидеть изображение целиком:
1. Дважды щелкните на значке инструмента Hand (Прокрутка) (№ 59 на
рис. 1.12).
2. Нажмите комбинацию клавиш <Ctrl>+<0>.
3. В главном меню выберите команду View | Fit on Screen (Вид | По размеру окна).

Дополнительные средства изменения масштаба

Инструмент Zoom (Лупа)


Инструмент Zoom (Лупа) изображен на рис. 1.12 под № 60.
При выборе инструмента указатель мыши принимает вид .
При каждом щелчке масштаб увеличивается на фиксированное значение.
Если удерживать нажатой клавишу <Alt>, указатель примет вид и масш
таб будет уменьшаться.
Обведя в рамочку инструментом Zoom часть изображения, вы увеличиваете
заданную область (см. рис. 1.20).

Палитра Navigator (Навигатор)


Палитра Navigator (Навигатор) сочетает в себе различные способы изменения
масштаба, в том числе полосы прокрутки (рис. 1.21).
Для изменения масштаба используются поле ввода, ползунок или кнопки.
Как только масштаб будет так велик, что не все изображение будет помещаться
на экране (увеличьте, к примеру, до 200%), внутри палитры появится красная рамка
(часть изображения, отображаемая на экране), передвигая которую вы перемеща
етесь по изображению.
44 Урок 1

Рис. 1.21. Палитра Navigator

Быстрое перемещение по изображению


Если вы работаете в большом масштабе и если размер изображения больше, чем
может поместиться на экране монитора, у документа появляются полосы прокрутки.
Для прокрутки используется инструмент Hand (Рука) (№ 59 на рис. 1.12).
Его легко вызвать, удерживая нажатой клавишу <Пробел> при любом актив
ном инструменте (за исключением инструмента Type (Текст) при вводе текста).
Если вам показалось, что здесь приведено слишком много способов переме
щения по документу, не стоит беспокоиться: вы не должны сразу запомнить их
все. Попробуйте удержать в памяти наиболее важные из них, особенно быстрые
клавиши, и со временем вы будете работать как настоящий профессионал, не за
мечая интерфейса.

Проверьте себя
 Существует несколько способов активизации инструментов. Какие?
 Как изменить масштаб просмотра до 100% с помощью быстрых клавиш?
 Какой клавишей можно убрать все палитры с экрана?
 Как с помощью клавиатуры вызвать инструмент Hand (Прокрутка)?
 Как выбрать инструмент, если он спрятан за другими?
 Как сохранить свое расположение палитр?
Урок 2
РИСОВАНИЕ

Adobe Photoshop располагает многочисленными средствами для рисования.


Возможности их использования безграничны. В этом уроке на примере несколь
ких инструментов и алгоритмов вы познакомитесь лишь с небольшой частью из
множества технических приемов.
Данный урок и следующий являются базовыми для курса «Рисование на ком
пьютере при помощи планшета», проводящегося в стенах нашего факультета и
пользующегося огромной популярностью у художников.
После прочтения каждого из разделов этого урока необходимо создать свое по
добное изображение. Теоретическое изложение не живет без практической поддержки.
На прилагаемом компактдиске есть как заготовки для работы, так и уже гото
вые примеры, выполненные по материалам уроков студентамидизайнерами и са
мыми обыкновенными слушателями курсов, впервые открывшими для себя
Photoshop.
В этом уроке вы научитесь выполнять следующие действия:
 использовать различные инструменты рисования;
 выбирать цвета для рисования и заливки;
 устанавливать параметры для выбранного инструмента с помощью панели па
раметров инструмента;
 использовать быстрые клавиши для выполнения команд рисования и настро
ек параметров инструмента;
 отменять действия для исправления ошибок.
Обладая полученными знаниями, вы сможете нарисовать комнатное растение
в горшочке (юкку). Также вы сможете ознакомиться с уже выполненными работа
ми на данную тему.
46 Урок 2

Основные инструменты рисования


Основные инструменты рисования приведены в табл. 2.1 (см. также рис. 1.12).

Таблица 2.1. Основные инструменты рисования

Выбор основного и фонового цвета


Foreground Color (Основной цвет) и Background Color (Фоновый цвет) задаются
в панели инструментов (рис. 2.1).
Foreground Color (Цвет переднего плана, или основной) в Photoshop использу
ется для рисования, заливки документа или выделенной области и в качестве на
чального цвета инструмента Gradient (Гради
ент).
Background Color (Цвет заднего плана, или
фоновый) появляется при стирании пикселов
на слое Background (где заблокирована про
зрачность). Данный цвет включен в один из
служебных градиентов.
По умолчанию (Default) цвет переднего
плана черный, а заднего плана — белый. Та
ким образом, инструменты рисования Brush
(Кисть) и Pencil (Карандаш) будут рисовать
черным цветом по белому. Попробуйте — уви Рис. 2.1. Пиктограммы Foreground
дите, что это так. Color и Background Color
Рисование 47

Можно изменить цвет переднего плана многими способами. Самый простой —


выбрав щелчком в палитре Swatches (Образцы цвета) желаемый цвет.
Щелкните по любому образцу цвета в палитре Swatches, и вы увидите измене
ние Foreground Color, а ваша кисть теперь будет рисовать выбранным цветом.
Для некоторых служебных действий в программе необходимо быстро устано
вить цвета по умолчанию. Нажав быструю клавишу <D> (от слова Default) или
маленькую пиктограмму внизу, вы устанавливаете цвета по умолчанию.
Используя переключатель цветов или быструю клавишу <X>, цвета переднего
и заднего плана можно поменять местами. Эти клавиши нужно выучить.

Инструмент Brush (Кисть)


Создайте новый документ командой File | New, установив следующие значения:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

Активизируйте инструмент Brush (Кисть).


Под главным меню программы находится панель параметров активного инст
румента с многочисленными настройками (рис. 2.2). Рассмотрим главные из них.

Рис. 2.2. Панель параметров инструмента Brush

Параметр Brush (Кисть)


Параметр Brush (Кисть) (рис. 2.3) — это не только форма инструмента, но и
достаточно большой набор параметров, настраиваемый в специальной палитре
Brushe (Кисть). Мы будем рассматривать ее позже, в уроке 3. Данный параметр
имеет выпадающий список предложений с уже загруженными кистями по умол
чанию.
Вы можете выбрать любую кисть из набора. Причем, как вы заметили, кисти
не только круглой формы. Есть листья, мочалки, звезда, травинки. Этот набор
можно изменять, дополнять, создавать свои кисти.
Нарисуйте линию, выбрав различные формы кисти.
48 Урок 2

Рис. 2.3. Параметр Brush

Отображение на экране инструментов рисования


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

ПРИМЕЧАНИЕ Возможен режим, когда вы вместо диаметра инструмента видите перекрес


тие — это режим точных курсоров. Режим активизируется, когда нажата клавиша <Caps Lock>.

В нашем уроке необходимо видеть форму кисти, следите за клавишами.

Изменение размера и жесткости


Наиболее часто используются кисти круглой формы.
Основные параметры круглых кистей: Size (Размер) и Hardness (Жесткость) —
рис. 2.4.

Рис. 2.4.
Размер
и жесткость кисти
Рисование 49

Жесткие кисти имеют четкий контур, мягкие — растушеванный, размытый.


Для изменения размера кисти (параметр Brush у любого инструмента!) и жестко<
сти вы можете использовать следующие быстрые клавиши и комбинации клавиш:
 клавиша <[> позволяет уменьшить размер кисти, сохраняя ее жесткость;
 клавиша <]> позволяет увеличить размер кисти, сохраняя ее жесткость;
 комбинация клавиш <Shift>+<[> позволяет уменьшить жесткость кисти, со
храняя ее размер;
 комбинация клавиш <Shift>+<]> позволяет увеличить жесткость кисти, сохра
няя ее размер.
Попробуйте изменить размер и жесткость выбранной кисти быстрыми клави
шами. Порисуйте различными кистями.

ВНИМАНИЕ При раскрытом выпадающем списке, открытых диалоговых окнах или подсвечен
ных параметрах выполняются более приоритетные для программы задачи, чем действие быст
рых клавиш. Пока вы не свернете все списки и диалоговые окна, быстрые клавиши не будут
работать. В старых версиях программы быстрые клавиши не работали в русском регистре.

Режим наложения (Mode)


Этот параметр характерен для всех инструментов рисования. Обратите внима
ние, что по умолчанию установлено значение Normal (Нормальный) (рис. 2.5). Не
стоит пока его изменять.

Непрозрачность (Opacity)
Opacity (Непрозрачность) — степень непрозрачности штриха (рис. 2.6). По
умолчанию установлена непрозрачность 100%.
При работе с любым инструментом рисования вы сможете изменить непроз
рачность, введя значение цифрами с клавиатуры; выделять соответствующее поле
не потребуется.
1. Укажите нужное значение, введя значение от 1 до 9 цифрами с клавиатуры,
непрозрачность при этом будет задана равной от 10 до 90% соответственно.
Если вы введете значение 0, то непрозрачность будет задана равной 100%. Для
более точного указания значения непрозрачности (с точностью до единиц про
центов) быстро нажмите две цифры.
2. Попробуйте ввести клавишами разные значения непрозрачности и провести
кистью по документу.
3. Верните значение непрозрачности к 100%.

Рис. 2.5. Режим Рис. 2.6.


наложения Параметр
инструмента Opacity
50 Урок 2

Режим Airbrush (Аэрограф)


В старых версиях программы был отдельный инструмент, который назывался
Airbrush (Аэрограф). Теперь это специальный режим у инструмента Brush (Кисть).
Разница заключается в том, что Airbrush заставляет инструмент ставить очередной
мазок каждую единицу времени, в отличие от обычной кисти, где мазок ставится
только при движении указателя. Действие режима подобно баллончику, распыля
ющему краску. Особенно заметно действие на растушеванных кистях. По умолча
нию режим выключен.
1. Выберите круглую кисть с помощью клавиш (давайте приучаться к профес
сиональной работе). Диаметр установите 100 px; жесткость 0%. Щелкните по
документу, отметьте результат — образовалось пятно.
2. Включите режим Airbrush, нажав на соответствующую пиктограмму на
панели параметров Brush.
3. Нажмите кнопку мыши, не перемещая по документу, оцените действие. Вы ви
дите, что, несмотря на отсутствие движения, пятно «краски» увеличивается.
4. Отожмите кнопку включения режима.

Плотность (Flow)
Данный параметр в основном относится к режиму Airbrush и регулирует плот
ность нанесения краски за одно движение кистью (рис. 2.7).

Рис. 2.7. Плотность и режим Airbrush

Flow — это плотность, накладываемая за один проход (flow — поток, струя, опре
деляет, как быстро достигается значение Opacity). Если Flow равно 100% — за один
проход, 33% — за три прохода, но одним росчерком мыши).
1. Выберите круглую кисть, установите диаметр 50 px; жесткость 65%.
2. Установите Opacity —100%, Flow —25%.
3. За четыре движения (прохода), не отпуская мышь, вы достигнете плотности
Opacity.

Сохранение и восстановление параметров


инструментов
Если вы первый раз открыли программу, инструменты настроены по умолча
нию, т. е. с теми параметрами, которые предусмотрены Adobe.
Рисование 51

После изменения настройки инструментов сохраняются при следующем от


крытии программы.
Если вы желаете работать с параметрами по умолчанию (или вы так их настро
или, что инструмент вообще не работает), можно вернуть инструмент к состоя
нию начальной загрузки (рис. 2.8).
1. Выберите инструмент.
2. Щелкните правой кнопкой мыши по пиктограмме инструмента в панели па
раметров.
3. Выберите команду Reset Tool (Сбросить настройки инструмента).
Команда Reset All Tools возвращает параметры всех инструментов к первона
чальным (по умолчанию).

Рис. 2.8. Команды сброса (восстановления) параметров инструментов

Инструмент Pencil (Карандаш)


Инструмент Pencil (Карандаш) (см. рис. 1.12, № 35) не позволяет менять пара
метр жесткости — все линии, нарисованные им, имеют стопроцентно жесткие
края. Используется для создания тонких, четких произвольных линий.

Инструмент Eraser (Резинка)


Инструмент Eraser (Резинка) (см. рис. 1.12, № 25) стирает цвет пиксела изоб
ражения, делая его прозрачным (или задавая разные степени прозрачности). Ис
ключение составляет слой Background, где заблокирована прозрачность, тогда ре
зинка рисует цветом заднего плана.
Если цвет заднего плана белый, резинка будет рисовать белым цветом (кажет
ся, что стирает). Проверьте мое утверждение.

Инструмент Paint Bucket (Ковш заливки)


Инструмент Paint Bucket (Ковш заливки) заполняет область изображения
сплошным цветом или заранее заданным образцом по методу цветового подобия
(см. рис. 1.12, № 41).
Рассмотрим панель параметров инструмента (рис. 2.9).

Рис. 2.9. Панель параметров инструмента Paint Bucket


52 Урок 2

 Выпадающий список определяет содержимое заливки — пункт Foreground (Цвет


переднего плана) или Pattern (Узор). Если выбран режим узора, можно опреде
лить его образец в следующем выпадающем списке Pattern (Узор). Установите
режим Foreground.
 Mode (Режим наложения) задает режим наложения заливки, поле Opacity (Не
прозрачность) определяет степень ее непрозрачности, флажок Antialias (Сгла
живание) устанавливает сглаживание краев, а флажок Contiguous (Непрерыв
но) регулирует режим заливки смежных или всех подходящих пикселов.
 Параметр Tolerance (Допуск) определяет порог близости цветов, на которые
воздействует инструмент. Чем это значение выше и чем более обширна область
заливки, тем большее количество оттенков программа считает близким к цвету
в точке щелчка. Значение Tolerance по умолчанию равно 32.
 Выставленный флажок All Layers дает возможность заливки на всех видимых
слоях, на которых изображение удовлетворяет значению допуска. Иначе заливка
происходит только на активном слое.
Рассмотрим на примере принцип действия инструмента.
1. Выберите Brush, установите Size (Размер) 100 px; Hardness (Жесткость) 0%; цвет
черный.
2. Создайте замкнутую область (рис. 2.10).
3. Активизируйте инструмент Paint Bucket (Ковш заливки). Установите режим
Foreground, выбрав в качестве рабочего красный цвет. Щелкните внутри облас
ти. Ковш заливает не равномерно, оставляя ореол (рис. 2.11).
4. Если вы хотите залить большую область, необходимо увеличить параметр
Tolerance.
Ковш подходит для заливки области выделенных пикселов или четких границ,
тогда ореола не будет. Мы будем использовать Paint Bucket для раскрашивания
объектов в проекте «Пиратский клад».

Рис. 2.10. Замкнутая область, нарисованная кистью Рис. 2.11. Заливка внутренней области
Рисование 53

Команда Fill (Залить)


Если у вас весь лист уже зачирикан кистями, неудобно многократно стирать
резинкой. С другой стороны, если вы желаете залить область цветом, то удобнее
использовать данную команду.
1. Выполните команду Edit | Fill.
Появится одноименное диалоговое окно (рис. 2.12).
2. В раскрывающемся списке Use (Использовать) — чем вы будете заливать —
можно выбрать значение Foreground, Background, Color (Выбранный цвет),
50% Gray (50% серый), Black (Черный), White (Белый) или Pattern (Узор).

Рис. 2.12. Диалоговое окно Fill

ПРИМЕЧАНИЕ Узор — это небольшой фрагмент любого изображения, который программа при
заливке многократно повторяет. Если активен этот пункт, следует выбрать узор из раскрывающе
гося списка Custom Pattern (Произвольный узор). В этом списке содержится комплект образ
цов узоров, поставляемых вместе с программой.

3. В разделе Blending параметры вам уже знакомы: список Mode (Режим) задает
режим наложения заливки, поле Opacity (Непрозрачность) определяет степень
ее непрозрачности.
Выполните задание на действие быстрых клавиш:
1. <D>.
2. <Ctrl>+<Backspace>.
Результат: ваш документ залит белым цветом (очистка холста документа).

ВНИМАНИЕ Необходимо выучить быстрые клавиши для вызова команды Edit | Fill.
<Shift>+<Backspace> или <Shift>+<F5> — вызов окна команды Edit | Fill.
<Alt>+<Backspace> — заливка Foreground Color (Цвет переднего плана).
<Ctrl>+<Backspace> — заливка Background Color (Цвет заднего плана).
54 Урок 2

Отмена и возврат действий.


Палитра History (История)
В идеальном мире никто не допускает ошибок и неправильных действий. В ре
альном мире всегда возможны ошибки, и необходимо возвращаться назад. Даже
новичку знакомы клавиши <Ctrl>+<Z>, позволяющие отменить выполненное
действие.

ВНИМАНИЕ Команда Edit | Undo (Правка | Отменить) (быстрые клавиши <Ctrl>+<Z>)


в Photoshop отменяет только одно действие! Повторное нажатие <Ctrl>+<Z> возвращает отме
ненное действие.

Однако с помощью палитры History (История) можно отменить сразу несколь


ко операций.
Каждое действие, совершенное вами, записывается в палитру History (Исто
рия). Палитра позволяет отменять последнее из совершенных действий, а также
их последовательность.
Выполним задание:
1. Откройте изображение Пейзаж.jpg из папки Lessons\Урок_2_Рисование на компакт
диске.
2. Активизируйте палитру History. В ней показана миниатюра документа в мо
мент открытия и присутствует единственная запись — Open (рис. 2.13). Доку
мент был открыт, и больше с ним ничего не делали.
Миниатюра документа называется состоянием начальной загрузки. Щелкнув по
ней, вы можете с любого действия возвратить файл к данному виду.
3. Выберите инструмент Brush (Кисть). Цвет кисти красный. Перечеркните изоб
ражение – раз и два.
4. Посмотрите в палитру History, в ней появились две новые записи (вы сделали
два действия инструментом Brush) Brush Tool, иллюстрируемые значком инст
румента (рис. 2.14).
В палитре History записываются все действия, которые применялись к изобра
жению. Последнее действие выделено в нижней части списка.
5. Выполните отмену действий клавишами <Ctrl>+<Z>. При первом нажатии
отменяется последнее действие. Однако после еще одного нажатия действие
возвращается.
6. Выполняя новые операции после отмененных, вы формируете новые записи в
палитре. Последовательно отменять действия в палитре можно быстрыми кла
вишами <Ctrl>+<Alt>+<Z>.
По умолчанию палитра History сохраняет только 20 последних действий. До
полнительную информацию о работе с палитрой можно найти в уроке 16.
Рисование 55

Рис. 2.13. Палитра History


после открытия документа

Рис. 2.14. Запись действий


в палитре History

Проект «Юкка»
Предлагаю развить творческие способности, рисуя комнатное растение.
Это может быть мое растение (файл Lessons\Урок_2_Рисование\Фото_Юкка.jpg) или
любое ваше.
1. Создайте новый документ, установив следующие значения:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).
56 Урок 2

2. Используя инструменты рисования Brush (Кисть) и Pencil (Карандаш), попро


буйте нарисовать чтолибо подобное.
3. Если необходимо, используйте Paint Bucket (Ковш заливки) и Eraser (Резинка).
4. Необходимо помнить, что возможно увеличивать и уменьшать масштаб про
смотра изображения, используя для этого быстрые клавиши (см. урок 1).
5. При большом масштабе отображения используется прокрутка, вызываемая
быстрыми клавишами.
Варианты работ, выполненных на данную тему моими студентами (рис. 2.15),
представлены на компактдиске в папке Lessons\Урок_2_Рисование\ПРОЕКТ_ЮККА.

Рис. 2.15. Рисунки юкки


Урок 3
ПАЛИТРА BRUSHE (КИСТЬ)

Рассматривая возможности программы для рисования, нельзя не отметить


большое количество образцов в палитре Brushe (Кисть). Вы можете использо
вать уже существующие формы кисти, а также создавать свою кисть из любого
изображения.
В этом уроке вы узнаете, как выполнять следующие действия:
 использовать предварительно заданные кисти;
 создавать и использовать свои кисти из любого изображения;
 изменять настройки и параметры палитры Brushe (Кисть);
 задавать разброс цветов у выбранных кистей относительно заданного цвета;
 создавать пейзаж на любую выбранную тему.
В конце урока вы нарисуете пейзаж, используя палитру Brushe (Кисть), а также
ознакомитесь с вариантами выполненных заданий с диска.
58 Урок 3

Строение палитры
Палитра Brushe (Кисть) не открыта по умолчанию в окне программы. Вызови
те отображение палитры нажатием клавиши <F5>. Удобнее вытащить за вкладку
палитру Brushe на середину экрана для того, чтобы изучить ее настройки.
Создайте новый документ, выбрав:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

Активизируйте Brush (Кисть), чтобы работать с палитрой Brushe (Кисть).


Как видно на рис. 3.1, в левой части палитры расположена область параметров.
По умолчанию активен (подсвечен синим цветом) список Brush Presets (Набо
ры кистей) — в правой части вы можете выбрать любую кисть из набора. Этот же
набор вы могли видеть в панели параметров инструмента Brush (см. урок 2).

Рис. 3.1. Палитра Brushe


Палитра Brushe (Кисть) 59

Настройка параметров кисти


Изучим некоторые параметры на примере изменения уже созданной програм
мой кисти. Предположим, мы хотим нарисовать пейзаж, используя уже готовую
кисть Photoshop — «Кленовый лист».

Шаг 1. Очистка установок кистей


Большинство кистей имеют заданные настройки. При создании новой кисти
или изменении уже существующей вы должны изменить или применить эти на
стройки. В нашем примере мы создаем свою кисть, поэтому все параметры сбра
сываем. Единственный оставшийся параметр — Smoothing (Сглаживание).
Выполните команду Clear Brush Controls (Очистка установок кисти) из меню
палитры Brushe (Кисть) (рис. 3.2).

Рис. 3.2. Очистка установок кисти

Шаг 2. Настройка Brush Tip Shape (Формы кисти)


Щелчком в левой части палитры активизируйте параметр Brush Tip Shape (Фор
ма кисти).
Соответствующее этому пункту окно справа (рис. 3.3) содержит элементы уп
равления формой, жесткостью, размером элементов и расстоянием между элемен
тами в штрихе.
1. Выберите форму кисти «Кленовый лист». Эта форма заранее помещена в
набор.
2. С помощью ползунка Diameter (Диаметр) установите значение 60 px.
Изменение диаметра ведет к проявлению кнопки Use Sample Size (Использо
вать заданный размер), нажатие на которую возвращает значение диаметра к
первоначальной величине.
60 Урок 3

3. Схема в правой части окна и поля Angle (Угол) и Roundness (Округлость) пока
зывают угол наклона и степень округлости. Повернув стрелку, установите
угол 30°.
Округлость изменяется для создания каллиграфических кистей (типа эллип
са). Нам это не подходит.
Параметр Hardness (Жесткость) у кистей не круглой формы заблокирован.
Параметр Spacing (Разделение) по умолчанию у всех кистей 25%. Это значит,
что одна форма кисти (в нашем случае кленовый лист) от другой располагается
на расстоянии 1/4 или 25% диаметра кисти.
4. Измените значение Spacing на 100%, и листья разделятся.
В зависимости от параметров меняется вид линии (поле внизу).

Рис. 3.3. Задание формы кисти


Палитра Brushe (Кисть) 61

Шаг 3. Настройка Shape Dynamics (Динамика формы кисти)


Пока наши листья, как клонированные солдаты, одинакового размера, с одина
ковым разворотом по оси, стремятся ровным строем на землю. Изменим их размер.
Щелчком в левой части палитры активизируйте параметр Shape Dynamics (Дина
мика формы кисти) (рис. 3.4)
1. Параметр Size Jitter (Комбинации размера) установите 100%. Тем самым размер
листа будет изменяться от самого маленького возможного до 100% размера.
2. Так как совсем маленький лист будет почти не виден, установим ползунок
Minimum Diameter (Минимальный диаметр) в положение 30%. Таким образом,
размер листа будет изменяться от 30 до 100%.
Для реалистичности листопада создадим кручение листа вокруг своей оси.
1. Установите ползунок Angle Jitter (Комбинация угла поворота) в положение 100%.
2. Параметр Roundness Jitter (Комбинация пропорций) не будем использовать.

Рис. 3.4. Динамика формы кисти


62 Урок 3

Шаг 4. Настройка Scattering (Рассеивание, отклонение)


Мы изменили у листьев форму и размер, а также кручение, но в природе листо
пад — это своеобразный хаос. Создадим этот хаос заданием рассеяния и числа ли
стьев.
Щелчком в левой части палитры активизируйте параметр Scattering (Рассеива
ние, отклонение) (рис. 3.5).
1. Ползунок Scatter (Рассеивание) регулирует отклонение по одной оси. Введите
значение 200%, и наши листья разлетятся по вертикали.
2. Отклонение по обеим осям задает флажок Both Axes (Обе оси). Включите его.
Листья разлетаются в разные стороны.
3. Заметьте, что листьев у нас не оченьто много. Увеличим их количество с 1 до 4
изменением значения Count (Плотность в штуках).

Рис. 3.5. Настройка


рассеивания
Палитра Brushe (Кисть) 63

Шаг 5. Настройка Color Dynamics (Динамика цвета)


Мы получили достаточно неплохой результат с формой и количеством. Насто
ящий листопад! Пришло время задать цвет. Как вы помните, инструмент Brush, а
именно его мы моделируем, зависит от цвета Foreground (Передний план). По умол
чанию он черный, и если мы ничего не изменим, то все наши шикарные листья
так и останутся черными.
Щелчком в левой части палитры активизируйте параметр Color Dynamics (Ди
намика цвета) — рис. 3.6.
Изменение цветовых параметров происходит согласно модели HSB.
Если мы хотим смоделировать цвета осени, то базовым цветом (Foreground)
необходимо выбрать желтый или оранжевый и задать разброс параметра Hue Jitter
(Комбинация цвета) 20% относительно этого цвета (см. рис. 3.6).
Если величина Hue Jitter (Комбинация цвета) будет больше 20%, то будет уве
личен диапазон используемых цветов и осень будет не совсем реальной.

Рис. 3.6. Изменение цвета


64 Урок 3

Также можно изменять параметры Saturation Jitter (Комбинация насыщеннос


ти) и Brightness Jitter (Комбинация яркости) для комбинирования насыщенности
и яркости цвета относительно выбранного базового цвета.
1. Задайте цвет Foreground (Передний план) оранжевый, выбрав его щелчком в
палитре Swatches (Образцы цвета) (рис. 3.7).
2. Проведите кистью по документу.

Рис. 3.7. Применение кисти

Шаг 6. Сохранение кисти


Такую кисть необходимо срочно сохранить для дальнейшего использования.
1. Щелкните по пиктограмме Create new brush (Создать новую кисть), располо
женной в нижней правой части палитры Brushe (рис. 3.8).
2. В открывшемся диалоговом окне введите название «Осенний кленовый
лист 60».
3. Щелкните по кнопке OK.
После использования в данном задании палитры Brushe поместите ее в правую
часть экрана, где находятся все палитры, или закройте.
Палитра Brushe (Кисть) 65

Рис. 3.8. Сохранение кисти

ПРИМЕЧАНИЕ Значок палитры Brushe по умолчанию находится в правой верхней части эк
рана.

Создание пользовательской кисти


Теперь, когда вы настроили кисть «Кленовый лист», вас могут заинтересовать
кисти подобного рода, которые вы можете использовать в работе.
В Photoshop можно создавать и сохранять кисти любой формы, используя в
качестве основы кисти различные фотографии. Затем для этой кисти можно за
дать и параметры, как в предыдущем задании.
Создадим новую кисть на основе фотографии с пионом.
1. Откройте файл Цветок.jpg (рис. 3.9) из папки на диске Lessons\Урок_3_Кисти.
2. Выберите команду меню Edit | Define Brush Preset (Правка | Определить кисть).
В открывшемся диалоговом окне Brush Name (Название кисти) (рис. 3.10) вве
дите имя кисти «Цветок» и щелкните на кнопке ОК. В палитре Brushe появится
новая кисть «Цветок».

Рис. 3.9. Файл Цветок Рис. 3.10. Диалоговое окно Brush Name
66 Урок 3

Рис. 3.11. Добавление новой кисти в конец списка параметра Brush

3. Выберите инструмент Brush (Кисть). В выпадающем списке параметра Brush в


конце набора будет новая кисть «Цветок» (рис. 3.11).
4. Создайте новый документ, выбрав:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

Задайте цвет Foreground (Передний план) светлорозовый, выбрав его щелч


ком в палитре Swatches (Образцы цвета).
5. При активном инструменте Brush и выбранной вашей новой форме кисти щел
кните по изображению несколько раз, изменяя размер кисти быстрыми клави
шами (рис. 3.12).
Как вы заметили, созданная из фотографии пользовательская кисть имеет осо
бенности, которые необходимо знать:
 цвета с фотографии не сохраняются, вместо них цвет кисти определяется
цветом Foreground;
 кисть сохраняет уровни яркости цветов фотографии (заменяя все цвета на
один Foreground).
Также следует отметить, что предварительно объект на фотографии был выде
лен и помещен на белый фон. В противном случае весь фон будет включен в кисть.

ПРИМЕЧАНИЕ Для задания кисти желательно использовать высококонтрастное изображение,


в противном случае кисть будет размытой.
Палитра Brushe (Кисть) 67

Рис. 3.12.
Результат использова
ния новой кисти

Пример создания кисти из части изображения


Наивно полагать, что объект, из которого хочется создать кисть, уже находится
на белом фоне, и все получится здорово и быстро. Обычно объект — это часть фо
тографии. Что тогда делать?
1. Инструментом Rectangular Marquee (Прямоугольное выделение) создать область
выделения вокруг объекта (рис. 3.13). Далее по уже знакомому алгоритму.

Рис. 3.13.
Выделение части изображения для
задания кисти
68 Урок 3

2. Выполнить команду меню Edit | Define Brush Preset (Правка | Определить кисть).
3. В открывшемся диалоговом окне Brush Name (Название кисти) ввести имя ки
сти.
Если же объект находится не на белом фоне, его следует выделить соответству
ющим инструментом (см. урок 7) и поместить на белый фон.

Проект «Пейзаж»
Применим теоретические знания на практике — нарисуем пейзаж! Для этого
можно представить картину уходящего лета или скопировать ее с фотографии.
1. Создайте новый документ, выбрав:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

2. Выберите красивый цвет, которым зальете документ. Если хотите сделать цве
товой переход, например от синего к голубому цвету, тогда придется дополни
тельного прочитать урок, посвященный градиенту. Залейте выбранным цве
том документ.
3. Создайте свою кисть на основе кистей набора программы. Используйте клено
вый лист, травинки и т. д., настраивая в палитре Brushe параметры кистей по
своему усмотрению.
4. Используйте инструменты рисования, рассмотренные ранее.
5. Нарисуйте объекты, используя кисти (рис. 3.14).

Рис. 3.14.
Пример выполнения задания
Палитра Brushe (Кисть) 69

В папке Lessons\Урок_3_Кисти\С_НАТУРЫ на компактдиске много красивых пейза


жей на разные темы.
В папке Lessons\Урок_3_Кисти находятся примеры выполненных работ на тему
«Пейзаж». Эти примеры выполнены в одном слое (рис. 3.15 и 3.16) и многослой
ном варианте. Использование слоев позволяет намного облегчить работу, но для
практического освоения данной темы и инструментов можно легко обойтись од
ним слоем.
Для удобства ознакомления с многослойными документами можно рассмат
ривать эти файлы после изучения урока 6.

Рис. 3.15. Работа дизайнера


Медового

Рис. 3.16. Работа дизайнера


Зреловой
70 Урок 3

Рисование при помощи графического


планшета
Графический планшет — это перьевое устройство ввода для работы на компью
тере, преимуществом которого является удобное и эргономичное перо, работаю
щее без проводов и батареек. Человек, с детства пишущий ручкой, к планшету
привыкает довольно быстро (рис. 3.17).

Рис. 3.17. Графический


планшет

Графический планшет — один из основных инструментов профессионального


дизайнера, однако и обычным пользователям стоит ознакомиться с его возмож
ностями (рис. 3.18).

Рис. 3.18. «Волшебный лес». Автор:


Кондрашова О.
Палитра Brushe (Кисть) 71

Купить графический планшет сейчас достаточно просто. Например, планшет


от Wacom Graphire, ведущего производителя подобных устройств, сегодня можно
приобрести менее чем за 200 долларов.
Планшет имеет ряд преимуществ перед мышью:
 естественное положение ручки в руке. Благодаря этому руки меньше устают
даже после продолжительной работы;
 планшет имеет большее разрешение, чем мышь, — 2000 dpi. Это позволяет до
стичь высокой точности и плавности движений, а также удобства при работе с
большим масштабом;
 все современные планшеты чувствительны к силе нажатия. От 256 степеней
нажатия у домашних планшетов до 1054 у профессиональных. Линия на экра
не максимально приближается к линии карандаша или кисти;
 абсолютная адресация. Планшет позволяет достичь самой высокой точности
при редактировании фотографий и ретуши;
 на некоторых планшетах есть дополнительные опции — чувствительность к
повороту и наклону пера, что является необходимым художественным действом
при рисовании.
В результате любые действия, рисование кистью или выделение выполняются
более естественно. В Photoshop есть много настроек в палитре Brushe, позволяю
щих учитывать чувствительность к нажатию планшета, изменять размер кисти или
плотность нанесения краски в зависимости от того, как сильно вы нажимаете перо
планшета.
На нашем факультете (www.avalon.ru) после прохождения базовой подготовки
работы в программе Photoshop вы можете получить дополнительные навыки ри
сования на планшете. Обучение проходит в течение двух курсов (рис. 3.19).

Рис. 3.19.
Занятия на
планшете
72 Урок 3

Примеры работ слушателей, выполненных на планшете фирмы Wacom, см. на


рис. 3.20.
Рисование на планшете предусматривает не только рисование от руки, но и все
более популярное направление «рисование поверх фото» — Matte Painting
(рис. 3.21). Работы, выполненные в данной технике, отличаются высокой степе
нью детализации и реалистичностью и используются для наполнения заднего плана
в ряде известных фантастических фильмов.

Рис. 3.20. «Замок Cнежной королевы» Рис. 3.21.


Автор: Бывшева П. «Фея». Автор: Лукина А.

Расширение возможностей рисования


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

Mixer Brush (Микс кисть) в сочетании с кистями со Bristle Tips


(Щетина)
В палитре Brush (Кисть) (рис. 3.22) представлен набор кистей, имитирующих
отпечаток щетины.
Данный набор широко используется при работе на планшете при активном
инструменте Mixer Brush (Микс Кисть). Данный инструмент позволяет смеши
вать краски в изображении, создавая эффект рисования настоящей кистью. Кро
ме того, создается трехмерный эффект использования кисти, при различных на
жимах и поворотах планшетного пера (при существующем на мониторе
предпросмотре анимации изменения вида кисти) (рис. 3.23).
Палитра Brushe (Кисть) 73

Рис. 3.22. Настройки кистей со щетиной

Рис. 3.23. Визуализация использования кисти на экране


74 Урок 3

Откройте файл Lessons\Урок_3_Кисти\ Для MixerBrush.


Активизируйте инструмент Mixer Brush (Микс Кисть).
Создайте имитацию рисования, смешивая цвета при помощи данного инстру
мента (рис. 3.24).
Примеры в файлах Lessons\Урок_3_Кисти\ Mixer_море.psd и Mixer_пейзаж.psd.

Рис. 3.24. Использование Mixer Brush


Урок 4
ИНСТРУМЕНТ
GRADIENT (ГРАДИЕНТ)

Мечты — пленники жизни,


приговоренные или оправданные вашими поступками.
Владимир Тучкевич

Один мой приятель очень гордился фотографией Невского проспекта с раду


гой, уходящей кудато в бок. «Зачем снимать такие кривые радуги, если их можно
легко создать в Photoshop?» — недоумевала я. Впрочем, он давно не был в России
и соскучился по нашему прекрасному городу, и не в радугах дело.
Gradient (Градиент) — инструмент рисования. Способы его применения огра
ничены только вашим воображением. Где только его не используют!
В этом уроке вы узнаете, как выполнять следующие действия:
 настраивать параметры инструмента Gradient;
 использовать предварительно заданные градиенты;
 создавать и использовать свой пользовательский цветовой переход;
 создавать сюрреалистический фон с помощью шумового распределения;
 создавать иллюзию объема с помощью градиента;
 создавать радуги, низко и высокобюджетные, которые не отличить от настоя
щих.
В конце урока мы создадим радугу в раю или от водопада, в зависимости от
вашего желания.
Вы не пожалеете, что так хорошо изучали инструменты рисования и быстрые
клавиши, которые, думаю, вы не успели к этому уроку забыть.
76 Урок 4

Параметры инструмента Gradient (Градиент)


Выполните следующие действия:
1. Активизируйте инструмент Gradient (Градиент). Как у всех инструментов ри
сования, на его панели параметров (рис. 4.1) присутствуют режим наложения
и непрозрачность. По умолчанию режим наложения Normal (Обычный), а не
прозрачность — 100%. Все параметры градиента нужно задавать до его созда
ния.

Рис. 4.1. Панель параметров инструмента Gradient

2. Откройте выпадающий список образцов (рис. 4.2). В нем находятся градиенты


из комплекта по умолчанию. Для выбора градиента щелкните на нужном об
разце. Обратите внимание, что первые в списке — служебные градиенты, ко
торые соответствуют цветам Foreground и Background.

Рис. 4.2. Набор градиентов по умолчанию

3. Выберите образец градиента Foreground to Background. В качестве цветов рас


тяжки программа будет использовать цвета переднего и заднего планов. Если
изменить один из основных цветов, соответствующим образом изменится и цвет
в образце градиента.
4. В состав градиента может входить прозрачность — образец Foreground to
Transparent. Чтобы определенная в градиенте прозрачность работала, необхо
димо на панели параметров установить флажок Transparency (Прозрачность).
5. Поместите инструмент в изображение, нажмите кнопку мыши и перетащите
курсор, рисуя линию градиента. Линия градиента определяет начальную и ко
нечную точки цветового перехода.
Инструмент Gradient (Градиент) 77

6. Выберите разные из предложенных градиентов и протяните в изображении,


вы увидите разные цветовые переходы.
7. Выберите среди образцов градиент Black, White (третий по счету).
8. В панели параметров для одного градиента задаются различные типы
(рис. 4.3). Выберите линейный градиент. Растяните его по изображению.

Рис. 4.3. Кнопки для разных типов градиента:


а — линейного; б — радиального; в — углового;
г — отраженного; д — алмазного

ПРИМЕЧАНИЕ Если при использовании линейного градиента удерживать клавишу <Shift>,


направление растяжки будет строго горизонтальным, вертикальным или кратно 45°.

9. Испытайте разные типы градиентов. Поэкспериментируйте с положением и


наклоном линий градиента. При установленном флажке Reverse (Обратный)
порядок цветов в растяжке меняется на обратный.
10. Градиент может включать несколько цветов. В качестве примеров испытайте
градиенты Violet, Green, Orange и Transparent Rainbow. В состав последнего так
же входит и прозрачность.

Использование Gradient Editor


(Редактор градиента)
Было бы ужасно иметь только стандартный набор градиентов. В процессе ра
боты необходимо создавать различные цветовые распределения. Как это сделать?
Для таких целей существует диалоговое окно Gradient Editor (Редактор градиента).
Вызывается оно щелчком по виду градиента в панели параметров (рис. 4.4).
Рассмотрим диалоговое окно Gradient Editor (Редактор градиента) (рис. 4.5).

Рис. 4.4. Вызов Редактора градиента


78 Урок 4

Рис. 4.5. Диалоговое


окно Gradient Editor

Создание своего цветового перехода


Выполните следующие действия:
1. Вызовите диалоговое окно Gradient Editor.
2. Выберите среди образцов градиент Black, White (третий по счету) (рис. 4.6).
На цветовой полосе задаются две составляющие градиента: Color (Цвет) и
Opacity (Непрозрачность). В разделе Stops (Регуляторы, маркеры) настраивается
выделенный маркер цвета или непрозрачности.

Изменение цветовых составляющих градиента


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

Рис. 4.6. Градиент Black, White


Инструмент Gradient (Градиент) 79

указатель станет черным). У каждого маркера есть два параметра: его цвет, задавае
мый в поле Color (Цвет), и положение на шкале — поле Location (Положение).
Поле Color (Цвет)
Изменим черный цвет на другой. Это можно сделать разными способами:
 выбрать цвет щелчком мыши на изображении;
 выбрать цвет щелчком мыши в палитре Swathces (Образцы) или на цветовой
полосе палитры Color (Цвет);
 определить цвет с помощью раскрывающегося списка Color (Цвет). В этом спис
ке выберите вариант Foreground, Background или User Color. Если активен тип
User Color, щелкните на кнопке рядом со списком Color (Цвет) и определите
цвет в открывшемся окне Color Picker (Выбор цвета).
В зависимости от выбора цвета вид ползунка будет различным (рис. 4.7).

Рис. 4.7.
Зависимость вида ползунка от выбора цвета: а — ползунок цвета Foreground;
а б в б — ползунок цвета Background; в — ползунок цвета

Между каждой парой маркеров есть средняя точка смешивания (см. рис. 4.5).
Это точка на линии градиента, в которой соседние цвета смешиваются в равной
пропорции. Сместите среднюю точку для любой пары цветовых ползунков. Чем
она ближе к одному из ползунков, тем более резким будет переход (рис. 4.8).

Рис. 4.8.
Положение средней точки и вид градиента

Поле Location (Положение)


Второй параметр у выделенного маркера цвета — его положение на шкале —
поле Location (Положение). Первоначально его значение равно 0. Значение в поле
можно изменять или перетаскиванием маркера мышью, или вводом его с клавиа
туры. Значения могут изменяться от 0 до 100 через единицу.
Перетащите ползунок. Вид растяжки меняется соответственно.
Как добавить или удалить маркер?
При перетаскивании с нажатой клавишей <Alt> происходит дублирование мар
кера и на растяжке появляется еще один маркер.
Для добавления нового маркера достаточно щелкнуть мышью на полосе. Что
бы удалить маркер, стащите его мышью под полосой шкалы.
80 Урок 4

Изменение непрозрачности градиента


Наряду с цветовым переходом в градиенте можно устанавливать переход про
зрачности. Прозрачностью управляют ползунки над цветовой полосой.
У каждого маркера есть две составляющие: Opacity (Непрозрачность) и поло
жение ползунка — поле Location (рис. 4.9).
Ползунки непрозрачности перемещают, редактируют, удаляют и добавляют
точно так же, как ползунки цветов. Вы можете менять и положение средней точ
ки. Черный цвет ползунка означает непрозрачность, белый — полную прозрач
ность (появляется «клетка», которая показывает прозрачность). Оттенки серого
соответствуют разной степени прозрачности.

Рис. 4.9. Вид градиента с разной


прозрачностью

Сохранение градиента
Когда градиент достигнет желаемого вида, введите его названия в соответству
ющее поле и запишите в конец списка градиентов щелчком по кнопке New (Но
вый). Чтобы сохранить весь текущий набор градиентов, воспользуйтесь кнопкой
Save (Сохранить). Кнопка Load (Загрузка) служит для загрузки градиентов.
По окончании работы нажмите кнопку OK. Градиент, редактируемый после
дним, станет текущим. Если нажать кнопку Cancel (Отмена), сохраненные гради
енты останутся в списке, но текущим будет градиент, активный до открытия окна.
Где можно применить на практике эти знания? В следующем разделе нарисуем
стальную трубу.

«Стальная труба» (пример создания градиента)


Создадим новый документ. Предположим, что нам поручили нарисовать сталь
ную трубу. Из каких цветов и областей прозрачности состоит труба?
Обычно отвечают «серый». Нет, не серый, а только белый и черный цвета. Се
рый и его градации образуют градиент. Теперь прозрачность. Сама труба непроз
рачна, но близлежащие предметы все видны, т. е. должна быть и прозрачность.
Инструмент Gradient (Градиент) 81

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

Шаг 1. Цвета стальной трубы


Активизируйте инструмент Gradient (Градиент). Вызовите Редактор градиента.
1. Возьмем из набора предложенных программой образцов третий — Black, White
(Чернобелый). Это удобно, т. к. наши основные цвета тоже черный и белый.
Цветов, входящих в наш градиент, должно быть три: два черных и один белый.
2. Добавим еще один черный цвет. При перетаскивании с нажатой клавишей <Alt>
происходит дублирование маркера, и на растяжке появляется еще один чер
ный маркер.
3. Последовательно выделяя цветовые маркеры, задайте каждому из них положе
ние (вводя числа в поле Location), как показано на рис. 4.10. (На рисунке изоб
ражены сразу три варианта, естественно, вы вводите их по одному.)
 Первый маркер — черный цвет — положение 80.
 Второй маркер — белый цвет — положение 85.
 Третий маркер — черный цвет — положение 90.

Рис. 4.10. Установка цветовых маркеров

Шаг 2. Задание непрозрачности (Opacity)


Первоначально в выбранном нами градиенте Black, White (Чернобелый) всего
два черных маркера по краям шкалы (рис. 4.10), т. е. наш градиент полностью не
прозрачен.
Нам необходимо сделать непрозрачной только область трубы, остальное —
прозрачные зоны.
Сама труба занимает положение от 80 до 90. Она должна быть четко зафикси
рована двумя маркерами непрозрачности (черный цвет). Они уже есть. Изменим
их положение.
82 Урок 4

1. Выделите один черный маркер (у него положение 0) и введите в его поле Location 80.
2. Выделите второй черный маркер (у него положение 100) и введите в его поле
Location 90.
3. До трубы (до 80) должна быть область прозрачности, поэтому требуется доба
вить еще один маркер. Щелчком по шкале добавьте маркер. Так как последний
выделенный маркер был черного цвета, новый будет таким же.
4. Измените его цвет на белый, введя 0 в поле Opacity (белый маркер — полная
прозрачность). Появилась «клетка» с одной стороны градиента — это имита
ция прозрачной зоны.
5. Установите у нового белого маркера Location 79.
6. То же и с другой частью трубы: добавляем щелчком по шкале новый маркер.
Маркер добавлен, он белый.
7. Изменяем Location на 91. Результат показан на рис. 4.11.
Итоговые прозрачность и координаты маркеров:
 первый маркер (белый) — Opacity 0, Location 79;
 второй маркер (черный) — Opacity 100, Location 80;
 третий маркер (черный) — Opacity 100, Location 90;
 четвертый маркер (белый) — Opacity 0, Location 91.
Когда градиент достигнет желаемого вида, введите в поле Name (Название)
«Стальная труба» и сохраните щелчком по кнопке New (Новый).

Рис. 4.11. Установка непрозрачности

Шаг 3. Применение градиента


Закрыв Редактор градиента, установите в панели параметров линейный тип
градиента и проведите линию по документу. Выберите другие типы градиентов.
Результат будет похож на рис. 4.12.
Вы уже умеете создавать и настраивать сложные области прозрачности.
Возник ли у вас вопрос, почему мы стараемся создавать маркеры цвета в конце
шкалы и так близко располагаем их?
Ответ достаточно прост. Когда вы растягиваете по документу уже готовый гра
диент, то задаете радиус растяжки. Этот радиус фактически равен самому гради
енту (вид в панели параметров).
Инструмент Gradient (Градиент) 83

Рис. 4.12. Применение градиента

Посмотрите на рис. 4.13 — я провела по документу градиентом, и труба легла


чуть ниже конечной точки растяжки.
Проведите эксперимент: поставьте флажок Reverse (Обратить) в панели пара
метров градиента и проведите градиентом «Стальная труба» по документу. Так как
радиус очень мал, труба выглядит маленькими колечками (рис. 4.14). Снимите
флажок Reverse (Обратить).

Рис. 4.13. Радиус растяжки

Рис. 4.14. Реверс радиуса растяжки


84 Урок 4

Рис. 4.15.
Изображение «Dreams»

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


диске в файле Lessons\Урок_4_Градиент\Dreams.psd (рис. 4.15). Красиво получилось!
«Dreams are prisoners of life Sentenced or released by your deeds» (Мечты — пленники
жизни, приговоренные или оправданные вашими поступками).
Усложним задачу — сделаем радугу.

Радуга в раю
Я покажу вам два алгоритма для создания радуги. Один более простой. Цель —
даже не реалистичность радуги, а закрепление теоретических основ работы с ин
струментом. Другой алгоритм сложнее изза большого количества маркеров не
прозрачности, необходимость которых почемуто не сразу доходит до окружаю
щих.

Радуга простая нереалистичная

Шаг 1. Цвета радуги


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

Рис. 4.16.
Выбор градиента Transparent
Rainbow

Рис. 4.17.
Расположение цветов

В классической радуге, которую мы рисовали в детстве, семь цветов (КОЖЗГСФ


сокращенно). В данном градиенте вам необходимо заменить малиновый цвет на
фиолетовый (рекомендую щелчком в палитре Swatches (Образцы цвета)) и доба
вить оранжевый (рис. 4.17).
Конечно, в чернобелой книжке разобрать цвета не представляется возмож
ным, поэтому я опишу цветовые маркеры с позициями, на которые вы должны их
установить. Пусть радуга займет положение от 10 до 22, каждый маркер через 2 еди
ницы.
Координаты маркеров цвета:
 красный — 10;  голубой — 18;
 оранжевый — 12;  синий — 20;
 желтый — 14;  фиолетовый — 22.
 зеленый — 16;
86 Урок 4

Шаг 2. Задание непрозрачности (Opacity)


Та же схема, как и у градиента «Стальная труба» (рис. 4.18).
Координаты маркеров непрозрачности:
 первый маркер (белый) — Opacity 0, Location 9;
 второй маркер (черный) — Opacity 100, Location 10;
 третий маркер (черный) — Opacity 100, Location 22;
 четвертый маркер (белый) — Opacity 0, Location 23.

Рис. 4.18.
Градиент «Радуга простая»

Шаг 3. Применение градиента


Откройте изображение из папки на диске Урок_4_Градиент\
ПЕЙЗАЖИ_ДЛЯ_РАДУГИ\R4.jpg.
В панели параметров инструмента Gradient установите: тип — радиальный,
Opacity (Непрозрачность) 12%; включите флажок Reverse (рис. 4.19).

Рис. 4.19. Параметры радуги

Задайте направление градиентной растяжки в изображении, как на рис. 4.20.

Радуга сложная реалистичная


На самом деле при непрозрачности инструмента в 12% количество цветов можно
и сократить. Повысить реалистичность возможно за счет сложного задания не
прозрачных маркеров.
Также, если вспомнить, радугу дает область водных брызг от водопада, этот факт
мы учтем, добавив белый маркер цвета.
Инструмент Gradient (Градиент) 87

Рис. 4.20. Направление растяжки

Координаты маркеров цвета:


 белый — 81;  зеленый — 87;  красный — 92.
 голубой — 85;  желтый — 90;
Координаты маркеров непрозрачности:
 Location 0, Opacity 0;  Location 92, Opacity 80;
 Location 75, Opacity 20;  Location 95, Opacity 20;
 Location 85, Opacity 80;  Location 100, Opacity 0.
В чернобелом варианте это выглядит так, как показано на рис. 4.21.
Применительно к этому же изображению, с теми же параметрами градиента,
результат будет намного лучше.
О загрузке служебных файлов рассказывается в уроке 5.

Рис. 4.21. Положение маркеров для градиента


«Радуга реалистичная»

ПРИМЕЧАНИЕ Если вы желаете загрузить радугу, как служебный модуль, она находится в
файле Урок_4_Градиент\Радуга_реалистичная.grd, там же и файл Dreams.grd.
88 Урок 4

Выбор градиента типа Noise (Шумовой)


Сейчас мы с вами создадим вот такой взрыв во Вселенной (рис. 4.22) с помо
щью всего одной установки. Используем ужасный «Краснозеленый» градиент из
стандартного набора.
Выберите из установленного набора градиентов Red, Green (Краснозеленый).
Вызовите Gradient Editor. В средней части диалогового окна расположен выпа
дающий список Gradient Type (Тип градиента) с двумя элементами: Solid (Сплош
ной) и Noise (Шумовой). По умолчанию у «Краснозеленого» градиента установ
лен Solid (Сплошной). Измените значение на Noise (Шумовой) (рис. 4.23).

Рис. 4.22. Взрыв во Вселенной Рис. 4.23. Выбор Gradient Type Noise

Noise (Шумовой) градиент представляет собой случайную комбинацию линий


любых цветов. В поле Roughness (Резкость) вводится значение резкости шума —
чем меньше это значение, тем более плавным будет градиент. Попробуйте поэкс
периментировать с этим ползунком.
Вы можете определить область цветов, в которой будет генерироваться шум.
По умолчанию это весь спектр. Перемещая ползунки на цветовых шкалах, вы су
жаете область. Область цветов может быть задана в разных моделях, выбор модели
производится в раскрывающемся списке Color Model (Модель цвета).
Щелчок по кнопке Randomize (Генерировать) приводит к генерации нового ва
рианта шумового градиента. Пощелкайте по кнопке. Каждый раз перед вами бу
дут открываться все новые и новые соче
тания цветов.
Используя линейный, радиальный и
другие типы распределения, проведите
инструментом по документу (рис. 4.24).
Согласитесь, неплохой фон.
Вызовите Gradient Editor. Верните
Gradient Type (Тип градиента) Solid. Гра
диент опять стал «Краснозеленым».

Рис. 4.24. Применение шумового градиента


Урок 5
ФОРМЫ. CЛУЖЕБНЫЕ НАБОРЫ

Важность операций Load (Загрузить) и Save (Сохранить) применительно к на


борам переоценить невозможно. И у простых пользователей, и у профессионалов
всегда найдутся ситуации, когда необходимо сохранить или загрузить какойлибо
инструмент или команду. Философия Photoshop позволяет гибко использовать уже
созданные вами или кемлибо наборы.
Мы изучим данную тему на самом простом примере — загрузки и сохранения
наборов форм.
В этом уроке вы узнаете, как выполнять следующие действия:
 настраивать параметры инструментов группы Shapes (Формы);
 загружать наборы уже созданных до вас кистей (а вы и не знали, что уже все
давно придумано);
 загружать формы программы Photoshop и дополнительные, созданные дизай
нерами;
 создавать из загруженных градиентов красивые рамочки для фотографий.
Также вы узнаете, что такое служебный файл, откуда его взять и куда помес
тить, чтобы «увидела» программа.
В конце урока мы выберем себе татуировку на плечо (или кто куда захочет) и
нарисуем карту, по которой можно найти при желании клад.
90 Урок 5

Инструменты группы Shapes (Формы)


Создайте новый документ, выбрав:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

Панель параметров инструментов


Инструменты группы Shapes (Формы) (рис. 5.1) больше подходят для работы в
сложных векторных режимах, чем в нашем рассматриваемом случае.

Рис. 5.1. Инструменты группы Shapes

Активизируйте какойлибо из инструментов данной группы (в панели пара


метров будут и все остальные), например Rectangle (Прямоугольник) (рис. 5.2).

Рис. 5.2. Панель параметров инструмента

ВНИМАНИЕ Обратите внимание на режим работы инструмента! По умолчанию включен пер


вый режим работы. Вам необходимо выбрать режим для рисования (третий слева) — Fill pixels
(Растровая область) (рис. 5.3).
Формы. Cлужебные наборы 91

Рис. 5.3. Режим работы инструмента Fill pixels

В панели параметров вы видите уже знакомые параметры Mode (Режим нало


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

Построение форм
Выполните следующие действия:
1. Установите Foreground (цвет переднего плана) красный.
2. Активизируйте инструмент Rectangle (Прямоугольник).
3. В любом свободном месте рабочей области открытого файла сделайте щелчок
левой кнопкой мыши и, не отпуская мышь, тяните вправо и вниз (можно и
влево, и вверх — как вам больше нравится). На экране будет постепенно растя
гиваться прямоугольник. Когда отпустите мышь, прямоугольник зафиксиру
ется. Форма создана. Область, ограниченная фигурой, заливается цветом пе
реднего плана (рис. 5.4).

Рис. 5.4. Результат построения — прямоугольник красного цвета


92 Урок 5

Быстрые клавиши, используемые при построении фигур


Если при рисовании фигуры удерживать клавишу <Shift>, будет создаваться
пропорциональная фигура (квадрат, круг, квадрат со скругленными углами). В слу
чае линии линия будет горизонтальная, вертикальная или под углом 45°.
Если при рисовании фигуры удерживать клавишу
<Alt>, то фигура создается из центра.
Если при рисовании фигуры удерживать <Пробел>,
можно перемещать фигуру в процессе построения.
Клавиши действуют в процессе построения, т. е. пока
не отпущена мышь.
Выполните задание на построение фигур.
1. Постройте зеленый квадрат. Какие клавиши удержи
ваем при построении?
2. Из левого верхнего угла квадрата постройте красный
круг.
Рис. 5.5. Построение
Результат показан на рис. 5.5. заданных фигур

Инструмент Line (Линия). Рисование стрелок


С помощью инструмента Line (Линия) можно создавать стрелки. Для этого не
обходимо вызвать параметры инструмента из выпадающего списка и установить в
группе Arrowheads (Наконечники) флажки Start (Начало) и End (Конец) (рис. 5.6).
Следует отметить, что толщина линии задается в панели параметров в поле
Weight (Толщина) и влияет также на размер стрелок.
Вы можете построить стрелки, как на рис. 5.7.

Рис. 5.6. Параметры инструмента Line


Формы. Cлужебные наборы 93

Рис. 5.7. Построение стрелок

Инструмент Custom Shape (Заказная форма)


Активизируйте инструмент Custom Shape (Заказная форма). Рассмотрим его
настройки.
Основной параметр инструмента — Shape (Форма) (рис. 5.8). Выберите раз
личные формы из выпадающего списка параметра. Установите различные цвета
переднего плана для рисования.

Рис. 5.8. Параметры инструмента Custom Shape

Используйте быстрые клавиши, рассмотренные ранее, при рисовании.


Так при построении объектов необходимо удерживать клавишу <Shift> для со
хранения пропорциональной формы. На рис. 5.9 — объекты, построенные при
помощи инструмента Custom Shape.

Рис. 5.9.
Объекты, нарисованные инструментом Custom Shape
94 Урок 5

Загрузка дополнительных наборов


Кроме стандартного набора форм вы можете загрузить дополнительные набо
ры из самой программы или формы, сохраненные вами гделибо на диске.
1. Выберите инструмент Custom Shape (Заказная форма).
2. На панели параметров инструмента щелкните мышью на стрелке в поле Shape
(Форма), чтобы открыть набор стандартных форм. Из меню набора выберите
команду Load Shapes (Загрузить формы) (рис. 5.10).

Рис. 5.10. Команда Load Shapes

3. В открывшемся диалоговом окне Load первоначально программа указывает


путь до наборов: Program Files\Adobe\Adobe Photoshop CS4\Presets\ Custom Shapes
(рис. 5.11).

ПРИМЕЧАНИЕ Обратите внимание на расширение файлов с формами — csh. Эти файлы не


растровые. Они не открываются командой File | Open, а загружаются командой Load в соответ
ствующие наборы инструментов или настройки команд.

4. Вы можете выбрать набор Nature (Природа) и загрузить соответствующие фор


мы в дополнение к стандартному набору (рис. 5.12).
5. Перед выполнением загрузки на экране появится окно (рис. 5.13). Если вы хо
тите добавить формы к существующим в наборе, выберите Append. В случае
выбора OK произойдет замена набора на новые подгружаемые формы.
Формы. Cлужебные наборы 95

Рис. 5.11.
Папка Custom Shapes из наборов
Presets программы

Рис. 5.12.
Набор форм Nature, добавленный
к стандартным формам

Рис. 5.13.
Выбор добавления
в существующий набор форм
96 Урок 5

6. Если нужно вернуться к первоначальному набору, необходимо выполнить


команду Reset Shapes (Сброс форм), находящуюся над командой Load Shapes,
и вы опять увидите первоначальный набор (рис. 5.10).
Возможно, у вас опять появится окно с вариантами сброса набора (рис. 5.14).
7. Если вы желаете заменить текущий набор на набор по умолчанию, выберите
OK.

Рис. 5.14. Выбор базового набора форм

Пиратская карта
На диске сопровождения есть целая папка с пиратскими картами, так что мож
но уже приступать к работе (искать, копать).
Путь к папке — Lessons\Урок_5_Наборы\Карты.
Предлагаю нарисовать свою карту места, где зароем клад.
На диске сопровождения находится служебный файл с уже готовыми формами
Pirates.csh.
1. Создайте новый документ, выбрав:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

2. Выберите инструмент Custom Shape (Заказная форма). Выберите третий режим


для рисования Fill pixels (Залитые пикселы).

3. На панели параметров инструмента щелкните мышью на стрелке в поле Shape


(Форма), чтобы открыть набор стандартных форм. Из меню набора выберите
команду Load Shapes (Загрузить формы).
4. В открывшемся диалоговом окне Load укажите путь до файла с нашим пират
ским набором: Lessons\Урок_5_Наборы\Pirates.csh.
5. К стандартному набору добавился набор с пиратскими формами. Разглядеть
чтолибо достаточно тяжело. Установим режим отображения меню Large
Thumbnail (Большие пиктограммы) (рис. 5.15). При таком отображении доста
точно легко найти и рассмотреть все формы (рис. 5.16).
Формы. Cлужебные наборы 97

Рис. 5.15. Установка режима отображения для удобства работы

Рис. 5.16. Отображение больших пиктограмм

6. Приступим к рисованию. Выберите цвет Foreground (Передний план) синий,


как море. «Залейте» документ, используя «горячие» клавиши.
7. Активизируйте инструмент Brush. Установите в Foreground бледноголубой цвет.
Проведите внутри «моря».
98 Урок 5

8. Присваивая разные цвета кисти с мягкими краями, нарисуйте желтый остров


(рис. 5.17) и зеленую растительность.
9. Обозначим место, где будет зарыт клад. Выберите инструмент Custom Shape.
Цвет Foreground — красный. Протяните инструментом по изображению, удер
живая <Shift> (для сохранения пропорциональности) (рис. 5.18).

Рис. 5.17. Остров в море

Рис. 5.18. Место нахождения клада

10. Теперь создадим растительность и другие объекты на острове и в воде. Для их


создания будем использовать загруженные формы. Я думаю, вы их уже хоро
шо рассмотрели. Рекомендую во всех случаях рисовать формы, удерживая
<Shift>, и выбирать в качестве Foreground черный цвет. Потом мы раскрасим
формы внутри.
11. Посадим пальму (рис. 5.19).
12. Раскрасим ее, увеличив масштаб отображения быстрыми клавишами.
13. Для раскрашивания удобно использовать инструмент Paint Bucket. Выбираете
Foreground зеленый и щелкаете внутри пальмы. Раскрасьте пальму (рис. 5.20).
14. Последовательно создавая и закрашивая объекты, можно получить различные
композиции. Осталось обозначить дорожку до клада (рис. 5.21).
Используется круглая жесткая кисть, у которой в палитре Brushes (Кисти) в
разделе Brush Tip Shape (Формы кисти) установлено значение Spacing (Разде
ление) 292% (рис. 5.22).
Формы. Cлужебные наборы 99

Рис. 5.19. Пальма Рис. 5.20. Раскрашенная пальма

Рис. 5.21. Остров с дорожкой до клада и без нее

Рис. 5.22. Разделение кисти


100 Урок 5

15. Результат ошеломляющий (рис. 5.23)! Откройте на диске цветной вариант моей
карты (дизайн — Виктории Цветковой). Сравним наши результаты.
Путь к файлу — Lessons\Урок_5_Наборы\Карта.jpg.

Рис. 5.23. Карта острова

Дополнительные наборы кистей


Кроме стандартного набора кистей вы можете загрузить дополнительные на
боры из самой программы или кисти, созданные кемлибо. У меня для вас собра
ны на диске интересные наборы на различные темы.
Наборы находятся в папке Lessons\Урок_5_Наборы\Brushes.

ВНИМАНИЕ Расширение файлов с наборами кистей — abr. Файлы с наборами не растровые.


Они не открываются командой File | Open, а загружаются командой Load Brushes в меню
параметра Brush инструмента Brush (Кисть).
Формы. Cлужебные наборы 101

Загрузка наборов кистей


Выполните следующие действия:
1. Создайте новый документ, выбрав:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

2. Выберите инструмент Brush (Кисть). На панели параметров инструмента щел


кните мышью на стрелке в поле Brush (Кисть), чтобы открыть набор стандарт
ных кистей. Из меню набора выберите команду Load Brushes (Загрузить кисти)
(рис. 5.24).
3. В открывшемся диалоговом окне Load укажите путь до набора (аналогично
загрузке пиратов).

Рис. 5.24. Команда Load


Brushes

Сброс кистей
Увеличение содержимого наборов увеличивает время загрузки программы.
Поэтому после работы рекомендуется вернуться к первоначальному набору.
Выполните команду Reset Brushes (Сбросить кисти) (рис. 5.25).
Ваши кисти вернутся к первоначальному состоянию, дополнительно загружен
ных не будет.
102 Урок 5

Рис. 5.25. Сброс кистей

Набор кистей «Цветы»


Выполните следующие действия:
1. Активизируйте инструмент Кисть.
2. Выполните команду Load.
3. В открывшемся диалоговом окне Load укажите путь до набора:
Lessons\Урок_5_Наборы\Brushes\Цветы\Цветы.abr.
В результате в конец списка кистей у вас добавится набор кистей из файла «Цве
ты» (рис. 5.26).

Рис. 5.26. Загрузка набора «Цветы»


Формы. Cлужебные наборы 103

4. Выберите любую кисть из загруженных, установите цвет Foreground. Щелкни


те по изображению (рис. 5.27). Такие кисти мы учились создавать из фотогра
фии на уроке 3.

Рис. 5.27. Применение кистей «Цветы»

Набор кистей «Tattoo»


Выполните следующие действия:
1. Залейте ваш документ белым цветом, очистив его.
2. Активизируйте инструмент Brush.
3. Выполните команду Load Brushes.
4. Загрузите кисти из файла набора Lessons\Урок_5_Наборы\Brushes\ Tattoo\tattoo.abr.
5. Порисуйте кистями в документе (рис. 5.28).
6. Откройте файл Lessons\Урок_5_Наборы\Юноша.jpg. Сделаем юноше татуировку. Вы
берите кисть, более подходящую для татуировки на плече, я взяла как на
рис. 5.29.
7. Выберите цвет Foreground темнокоричневый. Установите параметры кисти, как

Рис. 5.28. Применение кистей «Tattoo» Рис. 5.29. Кисть для татуировки
104 Урок 5

Рис. 5.30. Параметры выбранной кисти

на рис. 5.30. Обратите внимание, я изменила режим наложения инструмента


на Multiply.
8. Поставьте на плечо молодому человеку тату. У меня получилось вот так
(Lessons\Урок_5_Наборы\Юноша_с_татуировкой.jpg).
9. Сбросьте кисти и очистите холст.

Набор кистей «Бумага»


Выполните следующие действия:
1. Активизируйте инструмент Кисть.
2. Выполните команду Load Brushes.
3. В открывшемся диалоговом окне Load укажите путь до набора: Урок_5_Наборы\Bru
shes\Бумага\Бумага.abr. Загруженные кисти показаны на рис. 5.31.
4. Под каждой кистью стоит маленькая цифра, например 1024. Это размер. Для
нашего документа она очень большая (наш документ 640×480 px, что в два раза
меньше).
5. Установив коричневый цвет Foreground, щелкните по документу. Эти кисти
имеют эффект мятой, обоженной бумаги и могут быть использованы для до
полнительного оформления в ваших работах.
6. Сбросьте кисти.

Рис. 5.31. Набор кистей «Бумага»


Формы. Cлужебные наборы 105

Дополнительные наборы градиентов


Кроме стандартного набора градиентов вы можете загрузить дополнительные.
Предлагаю вам загрузить два градиента, которые могут быть использованы в офор
млении фотографий, как красивые рамки.
1. Создайте новый документ, выбрав:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

2. Выберите инструмент Gradient (Градиент). Вызовите Gradient Editor (Редактор


градиента) щелчком по виду градиента.
3. Щелчком по кнопке Load загрузите служебный файл Lessons\Урок_5_На
боры\Гр_рамка\рамки.grd. В конец набора добавятся два новых градиента (рис. 5.32).

Рис. 5.32. Добавление градиентов в набор

4. Откройте файл Урок_5_Наборы\Гр_рамка\ежик.jpg из папки Lessons.


5. Выбрав первый из загруженных градиентов (коричневую рамку), установите
тип «Алмазный» в панели параметров градиента и проведите в документе по
указанному направлению (рис. 5.33).
Результат представлен на рис. 5.34 и в файле Ежик с рамкой.jpg.
106 Урок 5

Рис. 5.33. Применение градиента с заданными параметрами

Рис. 5.34. Ежик с рамкой


Урок 6
РАБОТА СО СЛОЯМИ

Photoshop позволяет изолировать части изображения друг от друга, располагая


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

Общие сведения о слоях


В Photoshop каждый файл содержит один или несколько слоев (рис. 6.1). Но
вые файлы обычно создаются со слоем Background (Фоновый слой), который со
держит цвет, обычно белый. Вы можете работать со слоями с помощью палитры
Layers (Слои).
Все новые слои в изображении прозрачны. Работа со слоями аналогична по
мещению изображений на листы прозрачной пленки, отдельные листы которой
можно изменять, перемещать и удалять без ущерба для других частей рисунка.
Когда листы сложены в стопку друг на друге, вы видите весь получившийся
рисунок. Порядок расположения слоев называется последовательностью. Она
определяет общий характер изображения. Чтобы какието предметы находились
на переднем плане и закрывали собой другие, просто измените последователь
ность слоев.

Рис. 6.1. Слои

Первоначально пустые слои прозрачны. С появлением на слое изображения


(пикселов) прозрачность нарушается. Прозрачные области слоя отображаются на
экране в виде клетчатого узора.
Откройте файлы Турист.psd, Сумки.psd и Шапки.psd из папки Lessons\Урок_6_Слои на
компактдиске.
Активизируйте файл Турист.psd.
Работа со слоями 109

Палитра Layers (Слои)


Палитра Layers (Слои) (если ее нет на экране — нажмите клавишу <F7>) ото
бражает все слои с именами и эскизами изображений, помещенных на слой. Вы
можете использовать палитру Layers (Слои) для скрытия, перемещения, удаления,
переименования и слияния слоев.

Как показывать и прятать слои


Пиктограмма «глаз» в левом вертикальном ряду палитры означает, что данный
слой видим. Щелкая по этим пиктограммам, можно прятать или показывать от
носящиеся к ним слои (рис. 6.2).

Рис. 6.2. Палитра Layers

1. Щелкните по пиктограммам «глаз», относящимся к слоям Жилетка и Куртка —


эти слои не будут отображаться.
2. Если все слои спрятаны, область, занимаемая изображением, прозрачна. Об
этом свидетельствует клетчатый узор.
3. Щелкая по «глазу» напротив отдельных слоев или проводя мышью сразу по
нескольким пиктограммам сверху вниз, попробуйте вывести на экран различ
ные комбинации слоев.
4. При нажатой клавише <Alt> щелкните по «глазу» напротив слоя, который вы
хотите оставить — все остальные слои становятся невидимыми.
5. Чтобы снова показать все слои, нажмите клавишу <Alt> и щелкните по тому же
«глазу».
110 Урок 6

Выделение слоев
Слои выделяются обычно по одному, но с данной версии Photoshop возможно
выделить сразу несколько слоев с целью совместных действий, например, пере
мещение или трансформация.
Выделенный слой называется активным. Когда слой активен, его название и
эскиз изображения подсвечены синим цветом. Заметьте: название активного слоя
появляется в титульной строке изображения.
Зачем слой активизируют? Рисование, трансформация, изменение парамет
ров и т. д. ведется только в активном слое!
1. Щелкните по слою Человечек (названию или миниатюре). Слой стал активным.
2. Переместите ползунок Opacity (Непрозрачность) палитры примерно до отметки
28%. Слой с человечком стал прозрачным (рис. 6.3). Эти изменения касаются
только слоя Человечек.
3. Верните ползунок Opacity (Непрозрачность) в положение 100%.

Рис. 6.3. Изменение параметров активного слоя


Работа со слоями 111

Параметры слоя
У активного слоя можно изменять параметры в верхней части палитры Layers
(Слои) (рис. 6.4). В первую очередь это режим наложения и непрозрачность.
Можно также включать различные варианты блокировки слоя, но если вы не
давно работаете в программе, то блокировать пока не стоит, т. к. можно забыть об
этом.

Рис. 6.4. Параметры слоя

Слой Background (Фоновый слой)


Когда создается новое изображение с белым или цветным фоном, самому ниж
нему слою (изображению) в палитре Layers (Слои) присваивается имя Background
(Задний план, фоновый слой). Файл может иметь только один слой Background.
Вы не можете изменять положение фона в порядке слоев, его режим и парамет
ры. У слоя Background заблокированы все параметры, в том числе прозрачность.
Вы можете преобразовать фон в обычный слой, но это делать не рекомендуется.
Когда вы создаете изображение с прозрачным содержимым, изображение не
имеет фонового слоя.
Чтобы преобразовать Background в обыкновенный слой (не лучшая идея), дваж
ды щелкните по его имени в палитре Layers и введите имя слоя.
Если вы случайно преобразовали Background в обычный слой и желаете вер
нуть его, выполните команду главного меню Layer | New | Background From Layer
(Слой | Новый | Фон из слоя).

ПРИМЕЧАНИЕ Нельзя создать фон путем присвоения обычному слою имени Background.
112 Урок 6

Изменение последовательности слоев


Выделите слой Человечек и перетащите его вверх,
над слоем Куртка.
Когда над слоем Куртка появится черная жирная
черта (рис. 6.5), отпустите кнопку мыши. Теперь
слой Человечек находится над слоем Куртка
(рис. 6.6).
Для перемещения в палитре Layers предусмот
рены следующие быстрые клавиши:
 <Alt>+<]> — переход на один слой выше (актив
ность);
 <Alt>+<[> — перемещение на слой ниже (актив
ность);
 <Ctrl>+<]> — перемещает слой на один вверх;
 <Ctrl>+<[> — перемещает слой на один вниз.

Рис. 6.5. Изменение порядка следования слоев

Рис. 6.6.
Результат измене
ния порядка
следования слоев
Работа со слоями 113

Переименование,
подсветка слоев
Двойной щелчок по имени слоя
вызывает режим редактирования
названия. Первоначально програм
ма дает слою имя Layer с номером.
Необходимо назвать слой темати
чески для удобства работы и быст
роты его нахождения.
Можно подсветить слой цветом
для удобства его быстрого нахожде
ния. На содержимое слоя подсветка
не влияет. Щелкните правой кноп
кой мыши по имени слоя и выбери
те команду Layer Properties (Свой
ства слоя) (рис. 6.7).
Выберите из выпадающего спис
ка нужный цвет (рис. 6.8).

Рис. 6.7. Вызов окна Layer Properties

Рис. 6.8.
Задание подсветки
слоя
114 Урок 6

Создание нового слоя


Способов создания нового слоя много:
 например, щелчок по пиктограмме создания нового слоя внизу палитры .
При этом новый слой создается над активным или текущим слоем (рис. 6.9);
 в большинстве случаев необходимо создать новый слой под активным слоем,
тогда при щелчке по пиктограмме нужно удерживать клавишу <Ctrl>;
 с помощью «горячих» клавиш <Shift>+<Ctrl>+<N> создается новый слой.
Созданный слой автоматически становится активным.

Дублирование (копирование) слоя


Наиболее распространены три способа:
 щелкнуть правой кнопкой мыши по имени слоя и выбрать команду Duplicate
Layer (Копия слоя);
 перетащить имя слоя на пиктограмму создания нового слоя;
 нажать «горячие» клавиши <Ctrl>+<J> (при отсутствии выделения на слое).

Рис. 6.9. Создание нового слоя Рис. 6.10. Копия слоя


Работа со слоями 115

Выполните следующие действия:


1. Активизируйте слой Человечек.
2. Создайте копию слоя (рис. 6.10). Копия находится над слоем и не видна на эк
ране. Активизируйте инструмент Move (Перемещение) и сдвиньте копию че
ловечка.

Удаление слоя
Нужно перетащить имя слоя на пиктограмму мусорной корзины в нижней ча
сти палитры Layers. Содержимое слоя вместе со слоем будет уничтожено.
1. Удалите слойкопию с человечком в корзину.
2. Удалите ненужную одежду в корзину (рис. 6.11).

ПРИМЕЧАНИЕ Имейте в виду, что при удалении слоев и закрытии файла обратно вернуть
слои невозможно. Слоевая модель, несмотря на большой размер файла, содержит ваши идеи,
реализованные в разных вариантах визуализации и пр., поэтому прежде чем выполнять такие
операции, как удаление, подумайте о том, не понадобится ли снова вам эта информация?

Рис. 6.11. Изображение после удаления слоев


116 Урок 6

Перенос слоев из одного файла в другой


У нас открыты файлы Турист.psd; Сумки.psd; Шапки.psd из папки Lessons\Урок_6_Слои.
У нас есть шапки и сумки, которые нужно перетащить в файл с человечком.
Слои можно просто перетаскивать из одного файла в другой методом dragand
drop.
1. Активизируйте файл Шапки.psd.
2. В палитре Layers (она теперь отображает содержимое файла Шапки.psd) щелч
ком мыши активизируйте слой Кепка (можно выбрать и Панаму, предполагает
ся, что уже жарко, и все куртки мы выкинули).
3. Инструментом Move (Перемещение) можно или за саму кепку перемещать слой
в изображение к человечку, или за имя слоя Кепка перетащить в файл к чело
вечку (варианты на рис. 6.12).
4. Когда в документе с человечком появится наконечник с плюсом — отпускайте
мышь. Кепка появляется в документе с человечком. Автоматически над актив
ным слоем создается новый слой с именем Кепка (рис. 6.13).
5. Активизируйте файл Сумки.psd.
6. Перетащите к человечку рюкзак и мешок (рис. 6.14) из файла Сумки.psd.

Рис. 6.12.
Перенос слоев
из другого файла
Работа со слоями 117

Рис. 6.13.
Новый слой Кепка

Рис. 6.14. Перенос


рюкзаков
118 Урок 6

Выделение нескольких слоев


Возможность выделения нескольких слоев одновременно появилась с версии
CS2 программы.
1. Активизируйте щелчком по названию слой Человечек.
2. Удерживая клавишу <Ctrl>, последовательно щелкайте по названиям других
слоев (кроме фонового) — слои будут присоединяться к выделенным.
3. Повторный щелчок с нажатой клавишей <Ctrl> по названию исключает слой
из группы выделенных.
4. Выделите все слои кроме фонового (рис. 6.15).

Рис. 6.15. Выделение нескольких слоев одновременно

ПРИМЕЧАНИЕ Для удобства выделения слоя без щелчков в палитре Layers и для быстроты
работы используйте такой прием: при активном инструменте Move (Перемещение), удерживая
клавишу <Ctrl>, щелкните в изображении по пикселу желтой футболки — выделяется слой с фут
болкой. Щелкните по пикселу слоя Брюки — активизируется слой Брюки.
Работа со слоями 119

Преимущества выделения слоев

Совместная трансформация
Если человечка со всем его добром надо переместить, крайне неудобно двигать
последовательно каждый из слоев.
1. Выделите все слои кроме фонового (<Ctrl> + щелчок по названию).
2. Активизируйте инструмент Move (Перемещение) и переместите человечка. Все
выделенные слои будут перемещаться как одно целое.

Выравнивание и распределение
В нашем случае это не актуально. Но если у вас есть проект, где необходимо
выровнять фото в слоях, например по левому краю или по верху, то выравнивание
«на глаз» не приведет к хорошим результатам. Такие операции надо делать авто
матически.
1. Выделите все слои кроме фонового (он закреплен, и поэтому трансформации
и выравниванию не подлежит).
2. Найдите в панели параметров инструмента Move (Перемещение) пиктограм
мы, отвечающие за выравнивание и распределение (рис. 6.16).
3. Щелкните по первой пиктограмме (выравнивание по верхней границе) — все
выделенные слои переместятся к верхнему краю. Конечно, в данном случае это
выглядит нелепо (рис. 6.17). Отмените последнее действие нажатием клавиш
<Ctrl>+<Z>.

Рис. 6.16. Пиктограммы


выравнивания и распределения

Рис. 6.17. Возможности выравнивания


120 Урок 6

Группировка слоев
Операция Group (Группировка) — это создание папки со слоями внутри палит
ры Layers. В старых версиях программы эта операция называлась Set (Набор).
Данная операция удобна с точки зрения организации работы в палитре Layers.
В папке или папках помещают слои для уменьшения объема палитры Layers. Груп
пировка может быть полезна, когда необходимо несколько слоев объединить ло
гически в одно целое (части одного целого в нашем случае — человечек с одеждой
и вещами).
На содержимое слоев группировка не влияет. Группировка может быть отмене
на, и слои вернутся в прежнее, независимое состояние.
Как выполнить группировку?
1. Выделите слои (кроме фона).
2. В меню палитры Layers выберите команду New Group from Layers (Создать но
вую группу из слоев) (рис. 6.18).
3. Дайте имя группе в открывшемся диалоговом окне и выберите цвет подсветки
(рис. 6.19).
4. В палитре будет создана папка с названием группы Человечек, подсвеченная
выбранным цветом (рис. 6.20).

Рис. 6.18.
Создание группы из
выделенных слоев
Работа со слоями 121

Рис. 6.19. Задание имени и цвета группы

Рис. 6.20. В палитре создана папка с группой

5. Откройте группу щелчком по треугольнику перед пиктограммой папки. Вы


увидите все слои внутри папки в целости и сохранности (рис. 6.21).
6. При необходимости вы можете отменить операцию группировки. Выделите
папку Человечек. В меню палитры Layers выберите команду Delete Group (Уда
лить группу). Появится диалоговое окно с различными предложениями
(рис. 6.22).
7. Вариант Group and Contents (Удалить группу и содержимое) нам совершенно не
подходит, т. к. будет удален весь человечек. Выбираем вариант Group Only (Толь
ко группу) — удаляется только папкаоболочка, а содержимое остается.
122 Урок 6

Рис. 6.21.
Папка в
раскрытом виде

Рис. 6.22. Диалоговое окно удаления группы

Связывание слоев
Команда Link (Связь) из меню палитры по применению аналогична команде
Group (Группировка).
Если ваши слои связаны между собой, то возможно выравнивание и распреде
ление, а также совместные действия над ними. Если вы закрываете файл и сохра
няете его со связями, после открытия связи сохраняются.
1. Выделите все слои кроме фонового.
2. В нижней части палитры Layers щелкните по пиктограмме . Напротив
названия каждого слоя появится такая пиктограмма (рис. 6.23).
Работа со слоями 123

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

Рис. 6.23.
Связанные слои

Влияние слоев на размер файла


Каждый новый растровый слой, добавляемый к изображению, увеличивает раз
мер файла. Размер этот зависит от объема информации, содержащейся в пикселах
слоя (прозрачные пикселы на объем не влияют). Можно объединять слои, работа
над которыми закончена, или удалять неиспользуемые. Но не делайте этого, пока
не будете полностью уверены в том, что эти слои вам больше не нужны.
В нижней части открытого файла в строке состояния раздел Doc: (Документ)
содержит две цифры: слева — объем файла с одним слоем, справа — объем файла
в слоях (рис. 6.24).

Рис. 6.24. Размеры файла со слоями и без них


124 Урок 6

Команды сведения слоев


Существуют четыре команды объединения слоев.
Merge Layers (Объединить слои)
Также вызывается комбинацией клавиш <Ctrl>+<E>.
1. Выделите несколько слоев (рис. 6.25).
2. Выполните команду Merge Layers (Объединить слои) из меню палитры Layers.
В результате действия команды все выделенные слои объединятся в один
(рис. 6.26).
Merge Down (Объединить с нижним)
Также вызывается комбинацией клавиш <Ctrl>+<E>.
Если активный слой у вас один, то команда в меню палитры изменится на Merge
Down (Объединить с нижним). При действии этой команды активный слой объе
динится в одно целое с нижележащим слоем.
Merge Visible (Объединить видимые)
Также вызывается комбинацией клавиш <Ctrl>+<Shift>+<E>.
Все видимые слои объединяются в один слой.
Flatten Image (Свести все слои)
Объединяет все слои в один слой Background (Фоновый слой).

Рис. 6.26. Результат действия


Рис. 6.25. Команда Merge Layers команды Merge Layers
Работа со слоями 125

Проект «Космос»
Я хотела выделить на «Космос» отдельный урок, т. к. в нем сочетаются знания
о слоях и новая тема — выделение, которая еще не рассматривалась. Но выделе
ние использовалось самое простое, поэтому продолжим работу.
В папке с примерами на диске много прекрасных работ моих талантливых сту
дентов, стоит заметить, что у каждого из них свой оригинальный взгляд на задачу.
Думаю, что ваша работа будет ничуть не хуже.

Задание
Перед всеми была поставлена одинаковая задача: используя слои, нарисовать
композицию на тему «Космос». Разрешается использовать уже готовую фотогра
фию в качестве подложки (см. пример на диске), можно обойтись и без нее.
В работе необходимо использовать инструменты рисования: самостоятельно
созданный градиент, кисти. Так как в уроке 5 рассказывалось, как загружать набо
ры, возможно использование наборов кистей (Кисть_Комета.abr, Звезды.abr), находя
щиеся на диске сопровождения в папке Урок_6_Слои\ПРОЕКТ КОСМОС.

Возможный алгоритм выполнения задания


1. Создайте новый документ, выбрав:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).
Можно открыть файл Подложка для космоса.jpg из папки Lessons\Урок_6_Слои\
ПРОЕКТ_КОСМОС.
2. Если у вас чистый документ, создайте свой градиент с цветами космоса и за
лейте им слой Background.
3. Создайте новый пустой слой. Назовите его Планета_1.
4. Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение). На
активном слое Планета_1 начните растягивать Elliptical Marquee (Эллипти
ческое выделение), не отпуская мышь, нажмите клавишу <Shift> — выделение
примет форму круга. Отпустите мышь, затем отпустите клавишу <Shift>.
5. Создайте свой градиент, который будет имитировать планету. Выберите ради
альный тип градиента, растяните его внутри выделения (на рис. 6.27 показано
направление растяжки). Заметьте, что градиент заливает только область выде
ления, не выходя за ее границы. Снимите выделение командой главного меню
Select | Deselect или быстрыми клавишами <Ctrl>+<D>.
126 Урок 6

Рис. 6.27.
Создание планеты на
отдельном слое

Следующие действия аналогичны. Вы создаете новые слои и на них рисуете с


помощью разных градиентов планеты. Преимущества нахождения планет каждой
на своем слое налицо — вы можете перемещать любую независимо от остальных,
удалять и т. д.
Если вы залили круглое выделение градиентом и вам не понравился результат,
то, используя палитру History, легко вернуться назад. В случае если действий было
много и возврат невозможен, используется такой прием.
1. Выделите щелчком мыши нужный слой.
2. Удерживая клавишу <Ctrl>, щелкните в палитре Layers по пиктограмме эскиза
слоя (миниатюра того, что находится на слое) — слой загружается, как выделе
ние, и вы можете применять другой градиент для изменения цвета планеты.
3. Не забудьте после этого снять выделение (<Ctrl>+<D>). Если вам пока тяжело
создавать градиенты, можно их загрузить из файла Урок_6\ПРОЕКТ_КОСМОС\ Гради
енты для космоса.grd.
4. Для создания свечения вокруг планеты создается новый пустой слой под пла
нетой, где сильно растушеванной кистью размером чуть меньше самой плане
ты делается несколько щелчков.
5. Для звезд создается отдельный слой. Маленькие белые звездочки — это белые
круглые кисти разного размера, лучше мягкие (рис. 6.28).
6. Для свечения галактик (отдельный слой) используется кисть формы мочалки
из стандартного набора программы. Выбирается светлофиолетовый цвет и
небольшая прозрачность.
7. На отдельном слое рисуется комета. Кисть для кометы необходимо загрузить
из файла Кисть_Комета.abr.
Небо готово! Если вы посмотрите мой итоговый файл, то увидите, что небо
отражается в озере. Как это сделать? Выделите все слои, относящиеся к небу
(рис. 6.29).
Работа со слоями 127

Рис. 6.28. Создание звезд на отдельном слое

1. Сведите все выделенные слои в один командой Merge Layers.


2. Создайте копию образовавшегося слоя. У меня копия названа Небо наоборот.
3. Выделите слой Небо наоборот. Выполните команду главного меню Edit |
Transform | Flip Vertical (Правка | Трансформирование | Отразить вертикально).

Проект выполнен! Результат в файле Урок_6_Слои\ПРОЕКТ_КОСМОС\ Космос_в_слоях.psd


и на рис. 6.30.

ВНИМАНИЕ При сохранении вашей работы в файлах форматов, не поддерживающих слоевую


структуру (JPEG, GIF), все слои будут сводиться в один слой Background. Форматы файлов,
поддерживающие слои: PSD, TIFF.
128 Урок 6

Рис. 6.29. Выделение слоев

Рис. 6.30.
Готовый проект
в слоях
Урок 7
ВЫДЕЛЕНИЕ

Понятие «выделение» является основополагающим в Photoshop. Что бы вы ни


делали, выделение всегда сопровождает вас, ограничивая действия инструментов
или область пикселов для дальнейшей работы.
Выделение — пожалуй, самая трудоемкая часть рабочего процесса, от его ка
чества зависит результат. Какая бы ни была яркая идея, она всегда может быть
загублена некачественным выделением областей. Думаю, с нашим трудолюбием
нам данная тема не страшна.
В этом уроке мы рассмотрим:
 инструменты выделения;
 инвертирование выделения;
 клавишимодификаторы простейших инструментов выделения;
 режимы комбинирования выделения;
 что такое растушевка и зачем она нужна;
 создание иллюзии объема с помощью градиента;
 совмещение работы инструментов выделения;
 проверку качества выделения;
 корректировку выделения.
На уроке мы создадим выпуклые кнопки и выполним проекты с использова
нием инструментов выделения, оформим виньеткой (используя растушеванное
выделение) фотографию хорошенькой девочки.
130 Урок 7

Что такое выделение?


Выделение в Photoshop является чуть ли не основной операцией, от которой
зависит результат работы. Что же такое выделение?
Выделение — это область ограничения действия инструментов и команд. Мы
рассмотрим это на упражнении.
Выделение — это ограничение области пикселов для дальнейшей работы (на
пример, копирования на новый слой, перемещения в другой файл). Вспомните, в
уроке, где мы учились работать в слоях, шапки и рюкзаки уже были кемто (мной)
выделены и помещены на отдельный слой. А вы перетаскивали их к человечку,
создавая монтаж. Данное предназначение выделения мы будем рассматривать весь
этот урок.

Выделение, как ограничение действия инструментов и команд


Создайте новый документ, выбрав:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

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

Рис. 7.1. Группа инструментов выделения

Выполним упражнение.
1. Активизируйте инструмент Rectangular Marquee (Прямоугольное выделение).
2. Поместите курсор в окно документа. Он примет форму креста. Нажмите на
кнопку мыши и протащите курсор по изображению. За ним тянется прямо
угольная пунктирная рамка выделения (рис. 7.2).
3. Отпустите кнопку мыши. По границе вашей области «побежали муравьи». Эта
область выделена.
4. Установите курсор вне выделенной области и постройте новую рамку выделе
ния. Предыдущее выделение пропадает и появляется новое.
Выделение 131

Рис. 7.2. Прямоугольное выделение Рис. 7.3. Кисть рисует только в выделенной
области
5. Выберите инструмент Brush (Кисть) любого цвета и размера. Проведите по
изображению. Заметьте, что кисть работает только в выделенной области, не
выходя за ее границы (рис. 7.3).
6. Активизируйте опять инструмент Rectangular Marquee (Прямоугольное выде
ление) и переместите выделенную область.
7. Активизируйте кисть. Порисуйте. Кисть работает в перемещенной области.
Таким образом, выделение ограничивает область действия инструмента.
8. Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение). По
свойствам он очень похож на инструмент Rectangular Marquee (Прямоугольное
выделение), но применяется для выделения эллиптических областей. Попро
буйте поработать с этим инструментом.

Как снять выделение?


Самый простой способ — щелчком по изображению (при активном инстру
менте выделения), но это неправильно, т. к. случайно могут быть выделены два
пиксела, и ваши инструменты якобы «перестанут работать».
Правильно снимать выделение командой главного меню Select | Deselect (Вы
деление | Снять выделение). Запомните быстрые клавиши для вызова команды —
<Ctrl>+<D>.
Задание: создайте выделение. Быстрыми клавишами снимите его.

КлавишиLмодификаторы при создании выделения


При использовании простейших инструментов выделения — Elliptical Marquee
(Эллиптическое выделение), Rectangular Marquee (Прямоугольное выделение) —
полезно знать клавишимодификаторы, которые влияют на форму и место созда
ния выделения.
132 Урок 7

1. Активизируйте инструмент Rectangular Marquee (Прямоугольное выделение).


Нажмите кнопку мыши и начните перетаскивать курсор. Как вы видите, выде
ление создается и изменяется по форме, пока не отпущена мышь.
2. Если, не отпуская мышь в процессе создания выделения, нажать клавишу
<Shift>, выделение будет пропорциональным.
3. Если, не отпуская кнопку мыши в процессе создания выделения, нажать кла
вишу <Alt>, выделение будет создаваться из центра.
4. Если, не отпуская кнопку мыши в процессе создания выделения, нажать кла
виши <Shift>+<Alt>, то выделение будет пропорциональным и создаваться из
центра.
Проверьте мои утверждения, см. рис. 7.4.
Следует также отметить, что в процессе выделения вы можете перемещать об
ласть выделения, удерживая клавишу <Пробел>. (Если выделение уже создано, то
нажатый <Пробел> вызывает инструмент Hand (Прокрутка).)

Рис. 7.4. Использование клавишмодификаторов


Выделение 133

Проект «Выпуклые кнопки»


Создадим выпуклые кнопки с пиктограммами для Интернета. Работать будем,
основываясь на пройденном теоретическом материале.
1. Залейте документ белым цветом.
2. Создайте инструментом Elliptical Marquee (Эллиптическое выделение) выделе
ние круглой формы (удерживая клавишу <Shift>) (рис. 7.5).

Рис. 7.5. Выделение круглой формы

3. Установите цвет переднего плана оранжевый, заднего плана — белый.


4. Измените клавишей <X> цвета на противоположные: белый — цвет переднего
плана; оранжевый — заднего плана, для создания блика.
5. Активизируйте инструмент Gradient, выберите вид Foreground to Background, тип
радиальный, растяните, как на рис. 7.6. Обратите внимание, что цветовой пе
реход применяется только внутри области выделения, а не ко всему документу.

Рис. 7.6. Применение градиента в области выделения


134 Урок 7

Рис. 7.7.
Заливка внутренней области

6. Снимите выделение клавишами <Ctrl>+<D>.


7. Создайте круглое выделение чуть меньшего размера внутри уже закрашенной
области. Активизируйте инструмент Gradient. Задайте направление, как на
рис. 7.7. Снимите выделение.
8. Выделите инструментом Rectangular Marquee (Прямоугольное выделение) об
ласть с полученной кнопкой (рис. 7.8).
9. При нажатии клавиш <Ctrl>+<Alt> форма указателя мыши меняется на двой
ную стрелку, что говорит о включении режима копирования области (рис. 7.9).

Рис. 7.8. Выделение области с кнопкой Рис. 7.9. Режим копирования


Выделение 135

ПРИМЕЧАНИЕ Если в слое есть выделенная область, то возможно ее перемещение при по
мощи инструмента Move (Перемещение). Тогда, если не нажимаются дополнительные клавиши,
вы перемещаете выделенную область пикселов, «вырывая» ее из изображения (на месте пере
мещенной области в слое, отличном от фонового, образуется прозрачность). В слое Background
(Фоновый слой) «вырывать» неоткуда, и оставшаяся область заливается цветом Background (Зад
него плана).
Если при перемещении удерживать клавишу <Alt>, происходит копирование области выделен
ных пикселов в пределах данного слоя.

10. Перетащите выделенную область несколько раз, удерживая <Ctrl>+<Alt>, от


пуская мышь после копирования (рис. 7.10), чтобы получилось шесть кнопок.
Снимите выделение (рис. 7.11).

Рис. 7.10. Создание кнопок Рис. 7.11. Итоговое изображение

Теперь на кнопках поместим пиктограммы.


1. Самый простой способ — использовать уже готовые фигурыформы из стан
дартного набора программы. Активизируйте инструмент Custom Shape (Заказ
ная форма), в параметр Shape загрузите стандартный набор Web (рис. 7.12).

ПРИМЕЧАНИЕ Стандартные наборы программы можно загрузить из нижней части списка меню
наборов Shape.

2. Установив черный цвет переднего плана и удерживая при построении клавишу


<Shift> (для пропорциональности формы), создайте на кнопках различные
пиктограммы (рис. 7.13).
3. Сохраните файл, как память о выделении.
136 Урок 7

Рис. 7.12. Загрузка набора Web

Рис. 7.13. Результат, у вас могут быть другие варианты

Комбинирование выделения
Если выделение уже создано, назначение клавишмодификаторов для выпол
нения операций изменяется.
Создайте прямоугольное выделение.
Нажмите клавишу <Shift>, к курсору инструмента добавится плюс. Это зна
чит, что инструмент перешел в режим суммирования.
Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение) и
выделите область, пересекающую уже имеющееся выделение.
Области выделения будут просуммированы. На рис. 7.14 представлены опера
ции комбинирования.
Выделение 137

Рис. 7.14.
. Режимы комбиниро
вания выделения

Задание:
1. Создайте новый документ, выбрав:
Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

2. Последовательно создавая различные формы выделения (см. рис. 7.14), залей


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

Рис. 7.15. Раскрашенные фигуры


138 Урок 7

Дополнительные возможности комбинирования


Следует также знать, что использование клавишмодификаторов предостав
ляет возможность комбинирования форм выделения в сочетании с заданием
пропорций и местом построения выделения, в зависимости от времени нажа
тия клавишмодификаторов.
1. Создайте новый документ с такими же размерами, как и предыдущий, или ра
ботайте в старом. Используйте инструмент Elliptical Marquee.
2. Создайте выделение в форме круга (удерживая клавишу <Shift>).
3. Отпустите мышь, затем отпустите клавишу.
4. Нажмите еще раз <Shift> и расширьте уже существующую область выделения.
Не отпуская кнопку мыши, отпустите и вновь нажмите <Shift>, растягивая
выделение по документу. Photoshop суммирует выделение, однако у присоеди
ненного выделения форма изменилась с эллипса на круг. Не отпуская мышь,
нажмите клавишу <Пробел>. Так вы можете перемещать присоединенное вы
деление по документу.
Таким образом, в процессе комбинирования, если операция уже задана, по
вторное нажатие клавишмодификаторов обозначает задание пропорций
(<Shift>) или места построения (<Пробел>, <Alt>).
5. Отпустите мышь, закончив создание выделенной области.

Общие свойства инструментов выделения

Кнопки режимов
Если сравнить панели параметров различных инструментов выделения, то мож
но обнаружить много общего (рис. 7.16). Первые четыре кнопки рядом со знач
ком инструмента задают различные режимы комбинирования.
По умолчанию нажата первая кнопка New Selection (Новое выделение). Но
вое выделение при этом режиме заменяет старое. Вторая кнопка включает ре
жим суммирования; третья — вычитания; четвертая — пересечения. Рекоменду
ется использовать в работе быстрые клавиши вызова этих режимов, а не нажатие
кнопок. Кнопку нажмете — потом забудете, что нажали, а клавиши — надежно
и быстро.

ПРИМЕЧАНИЕ Комбинация выделения возможна с использованием всех инструментов выде


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

Рис. 7.16. Общие элементы панели параметров для разных инструментов

Растушевка (Feather)
В панели параметров инструментов выделения присутствует поле Feather (Рас
тушевка). По умолчанию его значение равно 0, т. е. вы создаете выделение с четкой
границей, а не растушеванное. Это правильно. Вы можете впоследствии создать
растушевку специальной командой главного меню Select | Modify | Feather, указав в
диалоговом окне радиус размытия. Позже мы сделаем пример с использованием
растушевки. Растушевка сама по себе не видна, результат ее применения можно уви
деть только после выполнения различных операций с выделенной областью.
Использование растушевки дает плавный переход в прозрачность краев изоб
ражения (как растушеванные кисти — цвет плавно сходит на нет) — рис. 7.17.
Если же в процессе создания вы задали растушеванное выделение, то сделать
из него четкое невозможно!

Рис. 7.17.
Применение растушевки: а – выделение без
а б
растушевки; б – выделение с растушевкой
140 Урок 7

Сглаживание (AntiYalias)
Последний общий для инструментов выделения параметр — это Antialias (Сгла
живание). Не стоит этот флажок снимать! Без сглаживания края выделенной об
ласти при увеличении выглядят ступенчатыми за счет того, что сами пикселы изоб
ражения имеют квадратную форму. Сглаживание, так же как растушевка, добавляет
частично выделенные пикселы вдоль границы выделения. Сглаживаются только
крайние пикселы выделенной области, что делает ее границу более гладкой, акку
ратной.
1. Создайте новый документ 500×500 px.
2. Залейте фон серым цветом.
3. Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение).
4. В параметрах инструмента установите Feather 0 (иначе эффекта от сглажива
ния не видно). Снимите флажок Antialias (Сглаживание).
5. Создайте эллиптическое выделение (рис. 7.18, а) и удалите выделенную область
(рис. 7.18, б).
6. Установите флажок Antialias (Сглаживание), создайте еще одно выделение при
мерно того же размера и снова удалите выделенную область.
7. Увеличьте масштаб отображения так, чтобы разница стала заметна (рис. 7.18, в).
а б в

Рис. 7.18. Сглаживание краев выделения: а — выделенная область; б — ее удаление без сглаживания;
в — удаление со сглаживанием

Инструменты выделения
Создавать выделение произвольной формы вы можете, используя группу ин
струментов Lasso (рис. 7.19).

Рис. 7.19. Группа инструментов Lasso


Выделение 141

Инструмент Lasso (Лассо)


Lasso (Лассо) — не самый удобный инструмент выделения. Инструмент «дро
жащей руки». Куда вы ведете мышь, там и пройдет путь выделения. Как только
мышь отпущена, выделение создано — «побежали муравьи». Достаточно неточ
но, но быстро. Такие «выделения» всегда нуждаются в корректировке, и назвать
их профессиональными вряд ли возможно.

Практикум по выделению с помощью Lasso


Выполните следующие действия:
1. Откройте файл Lessons\Урок_7_Выделение\Пион.jpg на компактдиске.
2. Активизируйте инструмент Lasso (Лассо).
3. Чтобы выделить цветок, начните вести из центра по краю.
4. Когда устанете, замкните область выделения (рис. 7.20).

Рис. 7.20.
Создание выделения
инструментом
Lasso

5. Чтобы присоединить следующую часть, нажмите <Shift>, войдя в режим сум


мирования. Внахлест обведите новую область — происходит присоединение
выделения (рис. 7.21).
6. Так, последовательно обводя и присоединяя новые области, вы выделите весь
пион (рис. 7.22).
А что, если вы обвели случайно ненужную область, т. е. захватили пикселы фона?
Не расстраивайтесь! Нажмите клавишу <Alt> (вы перейдете в режим вычитания),
обведите ненужную область, и Photoshop исключит ее из общего выделения.
7. Возникает вопрос: зачем мы это делали и что делать дальше? Ответ: чтобы скопи
ровать выделенный цветок на новый слой. Выполните команду главного меню
Layer | New | Layer via copy (Слой | Новый cлой | Скопировать на новый слой).
142 Урок 7

Рис. 7.21. Суммирование выделения

ПРИМЕЧАНИЕ Команда Layer | New | Layer via copy (Слой | Новый слой | Скопировать на
новый слой) вызывается быстрыми клавишами <Ctrl>+<J>.

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


не надо! Сама команда создает новый слой, и на него помещает то, что нахо
дится в выделенной области.
При этом выделение пропадает. Активным становится созданный новый слой
(рис. 7.23).
8. Сохраните изображение для дальнейшей работы под именем Пион_выделенный.psd.

Рис. 7.23. Результат выполнения команды


Рис. 7.22. Выделенный цветок Layer | New | Layer via copy
Выделение 143

Проверка точности выделения


Как оценить качество выделения?
В принципе можно было бы отключить слой Background и посмотреть, как в
клетчатом окружении (имитация прозрачности) будет выглядеть наше изображе
ние. Но данный способ проверки некорректен. Для проверки точности выделе
ния специально создается слойподложка контрастного цвета. Сделаем и мы та
кую проверку.
1. Откройте изображение Пион_выделенный.psd.
2. Создайте новый пустой слой между двумя имеющимися.
3. Залейте новый слой Layer 2 контрастным по отношению к фону цветом, в на
шем случае — белым.
Вот теперь очень хорошо видно, насколько точно выделен объект (рис. 7.24).

Рис. 7.24. Создание слояподложки для проверки качества выделения

Если объект выделен неточно, возможны ошибки двух видов:


 вокруг выделенного объекта присутствует ореол фона, тогда резинкой на ак
тивном слое с объектом вы аккуратно стираете ненужные пикселы. Следует
отметить, что необходимо работать при большом масштабе;
 самая ужасная ошибка, когда отсутствует часть объекта. Как тогда быть? Не
выделять же его заново.
144 Урок 7

Корректировка выделения
Выполните следующие действия:
1. Откройте изображение с диска Lessons\Урок_7_Выделение\Пион_плоховыделенный.psd
(рис. 7.25).

Рис. 7.25. Пион, плохо выделенный

2. Создайте контрастный слойподложку, как в предыдущем случае. Ох! Отсут


ствует середина у цветочка (рис. 7.26).
Возникает вопрос: в чем ошибка? Ответ — ошибка в выделении.

ПРИМЕЧАНИЕ Для загрузки выделения со слоя необходимо щелкнуть, удерживая клавишу


<Ctrl>, по пиктограмме слоя в палитре Layers (рис. 7.27).

Рис. 7.26. Ошибка выделения


Выделение 145

Рис. 7.27. Загрузка выделения со слоя

3. Удалите слой с ошибкой в корзину, т. к. выделение с этого слоя мы получили.


Сделайте невидимым слойподложку (чтобы не мешал). Активизируйте слой
Background для корректировки выделения (рис. 7.28).
4. Используя Lasso в режиме суммирования (рис. 7.29), присоединяем внутрен
нюю часть выделения (рис. 7.30). Это можно сделать и любым другим инстру
ментом выделения (например, Elliptical Marquee).
5. Используя команду Layer | New | Layer via copy (Слой | Новый cлой | Скопиро
вать на новый слой) или быстрые клавиши <Ctrl>+<J>, скопируйте выделен
ную область пикселов на новый слой (рис. 7.31). Измените порядок следова
ния слоев, переместив слой с выделенным цветком наверх. Включите види
мость слояподложки и полюбуйтесь качественно выделенным цветком!

Рис. 7.28. Подготовка к корректировке выделения


146 Урок 7

Рис. 7.29. Присоединение недостающей области в режиме суммирования

Рис. 7.30. Результат суммирования

Рис. 7.31. Результат корректировки


Выделение 147

Инструмент Polygonal Lasso (Полигональное лассо)


Инструмент Polygonal Lasso (Полигональное лассо) выделяет область, ограни
ченную прямыми отрезками, создаваемыми щелчками мыши. Если вы ошибочно
щелкнули, то, нажав <Delete>, можете удалить последний отрезок. Замыкать об
ласть выделения можно или двойным щелчком, или соединением с начальной
точкой.
Обратите внимание, что если вы в процессе выделения отпустили мышь, об
ласть выделения не замыкается автоматически.

Практикум по выделению с помощью полигонального лассо


Выполните следующие действия:
1. Откройте файл Кресло.jpg из папки Lessons\Урок_7_Выделение.
2. Активизируйте инструмент Polygonal Lasso (Полигональное лассо).
3. Щелчками мыши начните создавать выделение (рис. 7.32).
4. Обведите весь контур кресла (рис. 7.33), замкнув область выделения в началь
ной точке.

Рис. 7.32. Выделение полигональным лассо Рис. 7.33. Выделенная область

ПРИМЕЧАНИЕ Возможно переключение в процессе выделения с инструмента Polygonal


Lasso на Lasso и наоборот. Это удобно, т. к. большинство объектов имеют как прямые, так и
криволинейные области. Переключение с инструмента на инструмент производится нажатием
клавиши <Alt>. Попробуйте выделить кресло, используя оба инструмента.
148 Урок 7

Рис. 7.34. Работа в режиме вычитания Рис. 7.35. Результат выделения

5. Как вы заметили, были выделены замкнутые области, не относящиеся к креслу.


6. Используя режим комбинирования, вычтите инструментом Polygonal Lasso не
нужные области (рис. 7.34).
7. Скопируйте кресло на новый слой, используя клавиши <Ctrl>+<J>. Можно
также проверить качество выделения, создав слойподложку (рис. 7.35).

Инструмент Magnetic Lasso (Магнитное лассо)


Инструмент Magnetic Lasso (Магнитное лассо) можно использовать для выде
ления произвольных областей с высококонтрастными краями.
Когда вы ведете мышью с нажатой кнопкой по контуру объекта, инструмент
ставит точки привязки, по которым пойдет выделение.
Если точка поставлена не туда, куда хотелось бы, нажмите клавишу <Delete>,
и она будет удалена с пути. Затем возвратите указатель мыши обратно к последней
оставшейся точке и продолжайте выделение.
Вы может управлять путем простановки точек, щелкая мышью в нужных мес
тах — точки ставятся автоматически.
Возможно переключение в процессе работы на инструменты Polygonal Lasso и
Lasso. Для этого необходимо нажать и удерживать <Alt> и или щелкать мышью,
тогда будет вызван инструмент Polygonal Lasso, или вести — тогда вызывается Lasso.
Замыкание контура происходит при двойном щелчке мышью, путем соедине
ния с начальной точкой.
Выделение 149

Инструмент Magic Wand (Волшебная палочка)


Этот инструмент самый любимый у начинающих пользователей. Особо ниче
го делать не надо — щелкай мышью и получай выделение. Про качество говорить
не приходится, зато быстро. Инструмент хорош для начального выделения боль
шой области пикселов, в дальнейшем нуждающейся в доработке другими инстру
ментами выделения.
Инструмент Magic Wand (Волшебная палочка) выделяет по принципу цветово
го подобия. Щелчок по пикселу изображения образует «волну выделения» близ
ких по тону и по цвету пикселов. Принцип работы напоминает инструмент Paint
Bucket (Ковш заливки). При этом параметр Tolerance (Допуск) (по умолчанию он
равен 32) определяет близость цвета выделения. Чем больше значение Tolerance
(Допуск), тем большее число пикселов будет выделено (рис.7.36).

Рис. 7.36. Панель параметров инструмента Magic Wand

Обычно объект не бывает одноцветным, вот фон — дело другое. Вы выделяете


фон и копируете на новый слой — копируются фон и пустое место от объекта.
Поэтому если выделение ведется, начиная с фона, необходимо выполнить команду
главного меню Select | Inverse (Выделение | Инвертировать) или нажать клавиши
<Shift>+<Ctrl>+<I>.

ПРИМЕЧАНИЕ В панели параметров находятся кнопки комбинирования выделения. Это зна


чит, что вы можете, к примеру, щелчком с нажатой клавишей <Shift> присоединять к уже выде
ленным областям другие области.

Практикум по выделению волшебной палочкой


Выполните следующие действия:
1. Откройте файл Рюкзак.jpg из папки Lessons\Урок_7_Выделение.
2. Активизируйте инструмент Magic Wand (Волшебная палочка).
3. Щелкните по фону. Выделится его большая часть (рис. 7.37).
4. Удерживая нажатой клавишу <Shift>, щелкните по еще не выделенной части
фона (под рюкзаком по области теней).
5. Выполните команду главного меню Select | Inverse (Выделение | Инвертировать)
или нажмите клавиши <Shift>+<Ctrl>+<I>. У вас будет выделен рюкзак.
6. Скопируйте выделенный объект на новый слой нажатием клавиш <Ctrl>+<J>
(рис. 7.38).
150 Урок 7

Рис. 7.37.
Выделена большая часть фона

Рис. 7.38.
Объект на новом слое

ПРИМЕЧАНИЕ Заметьте, что программа вычисляет близкие цвета, исходя из цвета пиксела
в точке щелчка мышью. Поэтому форма выделения может различаться в зависимости от того,
в какой точке вы щелкнули.
Выделение 151

Параметр Contiguous (Непрерывно)


На панели параметров есть флажок Contiguous (Непрерывно). По умолчанию
он включен, т. е. выделяются пикселы, близкие по тону и по цвету в замкнутой
области. Если флажок сбросить, пикселы будут выделяться везде, во всем изобра
жении. Например, вы выделяете девушку на черном фоне в черных очках при вы
ключенном флажке Contiguous, щелкая по фону. После инвертирования и копи
рования на новый слой у вас будут дыры вместо очков. Однако в некоторых случаях
выключение этого параметра полезно.
1. Откройте изображение Тюльпаны.jpg из папки Lessons\Урок_7_Выделение.
2. Сбросьте флажок Contiguous и щелкните по фону — будет выделен весь фон.
3. Выполните команду Select | Inverse (Выделение | Инвертировать) или нажмите
клавиши <Shift>+<Ctrl>+<I> — выделятся тюльпаны. Достаточно быстро и
просто.
4. Установите флажок Contiguous по окончании работы.

Инструмент Quick Selection (Быстрое выделение)


Вы может использовать Quick Selection (Быстрое выделение) для быстрого «ри
сования» выделения, с использованием регулируемого размера окончания кисти.
Во время того, как вы тянете, выделение увеличивается и автоматически следует
по границе объекта. Это может быть достаточно быстро, и аналогичного действия
нет ни у одного инструмента выделения.
Во время создания выделения для изменения размера кисти (параметр Brush)
вы можете использовать: клавишу <[> для уменьшения размера кисти; клавишу
<]> для увеличения размера кисти.
В панели параметров располагаются три кнопки режимов комбинирования
(рис. 7.39).
При существующем выделении инструмент суммирует области выделения, рас
ширяя его границу. Если вам необходимо вычесть выделение, нажмите клавишу
<Alt> (вы перейдете в режим вычитания).

Рис. 7.39. Панель параметров инструмента Quick Selection

Параметр AutoYEnhance (Автоулучшение)


Убирает грубость и квадратичность в пределах выделенной зоны. По умолча
нию не стоит, но для четких объектов желательно установить.
1. Откройте файл Георгин.jpg из папки Lessons\Урок_7_Выделение.
2. Активизируйте инструмент Quick Selection (Быстрое выделение).
152 Урок 7

3. Ведите инструментом по цветку, как будто вы рисуете (рис. 7.40).


4. Продолжайте вести инструмент, присоединяя необходимые области. В резуль
тате достаточно быстро вы можете выделить объект (рис. 7.41).

Рис. 7.40. Выделена часть цветка Рис. 7.41. Выделение цветка

Команда Refine Edge


(Улучшение границ выделения)
В панели параметров любого инструмента выделения существует кнопка Refine
Edge (Улучшение границ выделения). Также существует аналогичная команда в
главном меню, которая вызывается горячими клавишами <Alt>+<Ctrl>+<R>.
Это удобное и наглядное диалоговое окно с заданием возможных модифика
ций границ выделения.
Рассмотрим варианты команды на примере выделения львенка.
1. Откройте изображение Львенок.jpg из папки Lessons\Урок_7_Выделение.
2. Активизируйте инструмент Quick Selection (Быстрое выделение). Создайте вы
деление области вокруг львенка. Инвертируйте (Select | Inverse) выделение
(рис. 7.42).
3. Щелчком по кнопке в панели параметров инструмента Quick Selection вызови
те диалоговое окно Refine Edge (рис. 7.43).
Выделение 153

Рис. 7.42. Выделенная область – львенок

Рис. 7.43. Диалоговое окно Refine Edge


154 Урок 7

Рис. 7.44. Режимы отображения выделен


ной области

В верхней части диалогового окна находится выпадающий список режимов


отображения выделенной области пикселов (рис. 7.44).
 Marching Ants — отображение выделения («бегущие муравьи»);
 Overlay отображение в режиме Быстрой маски (Quick Mask);
 On Black выделенная область на черной подложке;
 On White выделенная область на белой подложке;
 Black & White — предпросмотр в маске выделения;
 On Layers только выделенная область;
 Reveal Layer отображение стартового слоя.
Также в данном диалоговом окне вы можете улучшать качество границ выде
ленной области.
Инструменты Refine Radius (Уточнить радиус) и Erase Refinements (Стереть уточ
нение) позволяют точно откорректировать область границы, в которой выполня
ется уточнение краев. Чтобы быстро переключиться с одного инструмента на дру
гой, нажмите клавишу <Alt>. Чтобы изменить размер кисти, нажмите клавиши
квадратных скобок.
Проведите кистью по мягким поверхностям, таким как волосы или мех, чтобы
увеличить детализацию выделенной области.
Выделение 155

 Smart Radius (Умный радиус) автоматически корректирует радиус для четких и


нечетких краев, обнаруженных в области границы. Отмените выбор этого па
раметра, если граница по всей длине имеет одинаково четкие или одинаково
нечеткие края или если вам необходимо более точно контролировать настрой
ку радиуса и уточняющие кисти.
 Radius (Радиус) определяет размер границы выделенной области, для которой
выполняется уточнение краев. Используйте маленький радиус для резких кра
ев и большой для более мягких краев.
 Contrast (Контраст) создает резкую границу выделения.
 Smooth (Сглаживание) сглаживает границу выделения.
 Feather (Растушевка) создает мягкую границу между пикселами.
 Shift Edge (Сократить/ Отступить) изменяет границу, сокращая или отодвигая
ее на заданное значение.
Для улучшения границ выделения нашего львенка необходимо активизировать
Smart Radius (Умный радиус) и установить значение Radius (Радиус) около 5 px
(рис. 7.45).

Рис. 7.45. Корректировка выделения шерсти


156 Урок 7

Использование растушевки
в художественном оформлении фотографий
Подобно большинству фотолюбителей, у вас наверняка есть альбом с фотогра
фиями, часть из которых вы не прочь поместить в рамку и поставить, например,
на своем рабочем столе. Photoshop позволяет выполнить соответствующее офор
мление для обычных фотографий.
Использование виньетки как средства художественного оформления фотогра
фии (особенно портрета) является довольно простым и в то же время эффектным
ходом. Кроме того, это удобный способ отсечь ненужную часть изображения.
1. Откройте изображение Девочка.jpg из папки Lessons\Урок_7_Выделение.
2. Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение). Об
ратите внимание, что Feather (Растушевка) равна 0.
3. Создайте выделение по размеру области, которую хотите оставить в изображе
нии (рис. 7.46).
4. Щелчком по кнопке в панели параметров инструмента Elliptical Marquee (Эл
липтическое выделение) вызовите диалоговое окно Refine Edge.
5. В открывшемся диалоговом окне задайте радиус растушевки Feather 10 px
(рис. 7.47).
6. Согласитесь с внесенными изменениями.
Заметьте, что после закрытия диалогово
го окна в изображении мало что измени
лось.
7. Скопируйте выделенную область на но
вый слой. Слой Background залейте белым
цветом (рис. 7.48).
8. Выделите слои. Сведите их командой
меню палитры Layers Merge Layers (Свес
ти слои) (рис. 7.49).
Результат на рис. 7.50.

Рис. 7.46. Выделенная область


Выделение 157

Рис. 7.47. Задание радиуса растушевки

Рис. 7.48. Растушеванная область создает эффект виньетки


158 Урок 7

Рис. 7.49. Сведение слоев

Рис. 7.50. Фотография девочки с растушеванной


виньеткой
Выделение 159

Проект «Home»
Выполним практическую работу, выделив несколько объектов различными ин
струментами, и создадим из них композицию.
1. Откройте файлы из папки Lessons\Урок_7_Выделение\Проект_Home. Три объекта рас
положены в разных файлах (рис. 7.51), нам надо выделить их и совместить в
одну композицию.
2. Активизируйте файл Часы. Инструментом Elliptical Marquee (Эллиптическое
выделение) выделите часы (рис. 7.52).
3. Переместите выделенную область пикселов инструментом Move (Перемеще
ние) в файл Start.jpg.
4. Активизируйте файл Лампа.jpg. Выделите инструментом Polygonal Lasso (Поли
гональное лассо) лампу (рис. 7.53). Переместите выделенную область пиксе
лов инструментом Move (Перемещение) в файл Start.jpg.
5. Активизируйте файл Картина.jpg. Выделите картину инструментом Rectangular
Lasso (Прямоугольное выделение). Переместите выделенную область пиксе
лов инструментом Move (Перемещение) в файл Start.jpg.
6. Сохраните файл.

Рис. 7.51.
Открыты все файлы
160 Урок 7

Рис. 7.52. Выделение часов

Рис. 7.53. Перемещение выделенной лампы


Урок 8
КАНАЛЫ. БЫСТРАЯ МАСКА

Каналы (палитра Channels) в программе Adobe Photoshop используются для


хранения служебной информации: о цвете и уровнях прозрачности. Используя
информацию в каналах, вы можете оценить качество изображения, а также при
менять различные служебные алгоритмы для устранения дефектов. Также вы мо
жете сохранить растушеванное выделение в виде растровой карты и в любой мо
мент времени загрузить его для работы.
В этом уроке вы узнаете, как делать следующее:
 сохранять выделение как альфаканал;
 просматривать каналы с помощью палитры Channels (Каналы);
 выделять ворсистые объекты;
 рисовать в маске, чтобы восстанавливать ошибки в выделении;
 уточнять выделение с помощью быстрой маски.
162 Урок 8

Цветовые каналы
Канал — полутоновое (в оттенках серого) растровое изображение, используе
мое для хранения служебной информации. Служебная информация — цвет, про
зрачность.
Содержимое каналов отображается в палитре Channels.
Photoshop представляет полноцветное изображение не как единый набор то
чек, а в виде трех или четырех «каналов» (в градации серого) пикселов. Содержи
мое каналов зависит от цветовой модели изображения.
К примеру, RGBизображение состоит из каналов красного, зеленого и синего
цвета, каждый из которых представляется как отдельное изображение в градации
серого. Точно так же Labизображение содержит три канала, один из которых со
ответствует яркости, а остальные два — цветности. CMYK состоит из четырех ка
налов, каждый соответствует определенному цвету используемых при печати кра
сителей.
Каналы соответствуют особенностям того или иного устройства вывода или
ввода. Например, каналы системы CMYK соответствуют различным матрицам, с
помощью которых печатается изображение. Голубая матрица печатает изображе
ние голубым красителем, пурпурная — пурпурным, желтая — желтым, а черная —
черным. Каждый канал RGB соответствует проходу над изображением сканирую
щего элемента соответствующего цвета. Единственным режимом, который не при
вязан ни к какому устройству, является режим Lab. Его каналы представляют со
бой чистую абстракцию.
Композитный канал (клавиатурная комбинация <Ctrl>+<2>) — стандартный
режим, в котором для редактирования доступны все цветовые каналы текущей цве
товой модели.

Цветовые каналы изображения RGB


Пример 1 (новый документ RGB)
1. Создайте новый документ 500×500 px, цветовая модель — RGB (рис. 8.1).
2. Залейте фон черным цветом.
3. Активизируйте канал Red (Красный) при видимости всех каналов (рис. 8.2).
4. Выберите инструмент Brush (Кисть) — диаметр 250, жесткая, белого цвета.
5. Щелкните по изображению, как видно на рис. 8.2. Вы заметили, что Adobe
Photoshop определил белый цвет при активном Red (Красный канал) как мак
симальное содержание цвета. Вспомните про цветовую модель RGB: модель
мониторов, максимальный цвет описывается белым цветом, отсутствие инфор
мации — черный цвет.
6. Активизируйте канал Green (Зеленый) при видимости всех каналов. Щелкните
белой кистью в изображении (рис. 8.3).
Каналы. Быстрая маска 163

Рис. 8.1. Параметры нового изображения RGB

Рис. 8.2. Активный Red (Красный) канал при видимости всех каналов
164 Урок 8

Рис. 8.3. Активный Green (Зеленый) канал при видимости всех каналов

Рис. 8.4. Активный Blue (Синий) канал при видимости всех каналов
Каналы. Быстрая маска 165

7. Активизируйте канал Blue (Синий) при видимости всех каналов. Щелкните


белой кистью в изображении (рис. 8.4).
В итоге получилось изображение, где максимальные цвета, поставленные бе
лой кистью — первичные цвета модели RGB — красный, зеленый, синий. Вы
также видите, что пересечение этих цветов дает вторичные цвета, а сумма всех
цветов в изображении (пересечение цветов в центре файла) — белый цвет
(вспомним — максимальный цвет с координатами (255;255;255) — белый).
8. Итоговый файл на компактдиске — Lessons\Урок_8_Каналы. Быстрая маска\
Цвет_каналы\RGB.jpg.

Пример 2 (готовое изображение RGB)

1. Откройте файл Lessons\Урок_8_Каналы. Быстрая маска\Цвет_каналы\Перцы.jpg на компакт


диске. Так как книжка чернобелая, необходимо открыть файл с компактдиска!
В палитре Channels (Каналы) вы можете увидеть три цветовых канала и компо
зитный вверху (рис. 8.5).
Для активизации одного из каналов необходимо или щелкнуть по его назва
нию, или нажать сочетание «горячих» клавиш (они отображаются после назва
ния каждого канала).
2. Нажмите <Ctrl>+<3>. Активизируется первый цветовой канал: Red (Красный) —
чернобелое изображение (рис. 8.6).
3. Последовательно активизируйте цветовые каналы; вы заметите, что информа
ция хранится в чернобелом виде и показывает концентрацию каждого цвета
(рис. 8.7).

Рис. 8.5. Палитра Channels изображения RGB


166 Урок 8

Рис. 8.6. Содержимое красного канала изображения RGB

Рис. 8.7. Содержимое всех каналов изображения RGB

Цветовые каналы изображения CMYK


1. Откройте файл Lessons\Урок_8_Каналы. Быстрая маска\ Цвет_каналы\Попугай.jpg на ком
пактдиске. Так как книжка чернобелая, необходимо открыть файл с компакт
диска!
В палитре Channels (Каналы) вы можете увидеть четыре цветовых канала
(рис. 8.8), соответствующие модели печати и красок CMYK.
Каналы. Быстрая маска 167

Рис. 8.8. Палитра Channels изображения CMYK

Рис. 8.9. Содержимое цветовых каналов изображения CMYK

2. В модели CMYK все наоборот: 0 — максимум краски, черное содержимое ка


нала. Нажмите <Ctrl>+<3>. Активизируется первый цветовой канал — Cyan
(Голубой), чернобелое изображение. Посмотрите, последовательно активизи
руя все каналы, как представлена информация в них (рис. 8.9).
В модели CMYK вторичные цвета получаются суммированием первичных цве
тов по схеме: C+M=B (синий); C+Y=G (зеленый); M+Y=R (красный). Обра
тите внимание на цвет перьев попугая в разных каналах.
168 Урок 8

АльфаLканалы (сохранение выделения)


Альфа<каналы позволяют сохранять и загружать выделение. Альфаканал со
храняется, как отдельный канал, в виде растровой карты, поэтому возможно со
хранять области растушевки.
1. Откройте файл Lessons\Урок_8_Каналы.Быстрая маска\Фото_2.jpg на компактдиске.
2. Создайте выделение эллиптической формы в центре изображения.
3. Выполните команду главного меню Select | Save Selection (Выделение | Сохра
нить выделение). В открывшемся окне можно указать документ (текущий или
новый), а также имя создаваемого канала (рис. 8.10).
4. Не дав имя каналу, согласитесь с диалоговым окном — тогда Photoshop сам со

Рис. 8.10. Сохранение выделения в каналах

здаст в палитре Channels (Каналы) новый канал Alpha 1 (рис. 8.11). Выделение
при этом не снимается.
5. Снимите выделение клавишами <Ctrl>+<D>.
6. Для того чтобы загрузить выделение из альфаканала, необходимо выполнить:
<Ctrl>+щелчок по имени канала.
Преимущества сохранения выделения в каналах:
Каналы. Быстрая маска 169

Рис. 8.11. Канал Alpha 1 в палитре Channels

 в альфаканале может сохраняться информация о частичном выделении


(прозрачности);
 альфаканал легко редактировать инструментами рисования в случае ошибок.
Рассмотрим преимущества на примерах.

Растушеванное выделение в альфаLканалах


1. Сохраним растушеванное выделение в каналах. Для этого создайте прямоуголь
ное выделение и командой Select | Refine Edges (Выделение | Улучшение границ
выделения) задайте параметр Feather (Растушевка) 20 px (рис. 8.12). Использо
вание Refine Edges позволяет оценить будущую выделенную область пикселов.
2. В палитре Channels (Каналы) щелкните по нижней пиктограмме — это еще
один способ сохранения выделения. В палитре Channels добавится канал Alpha 2
(рис. 8.13).
3. При видимости канала выделения Alpha 2 (рис. 8.14) можно осознать, как
Photoshop представляет выделение — с помощью служебных цветов в уровнях

ПРИМЕЧАНИЕ Растушевку можно задать также командой Select | Modify | Feather (Выде
ление | Модификация | Растушевка).
170 Урок 8

Рис. 8.12. Задание растушевки в диалоговом окне Refine Edge

Рис. 8.13. Новый канал с растушеванным выделением Alpha 2

Рис. 8.14. Как программа показывает выделенную область


Каналы. Быстрая маска 171

яркости. Белая область — выделенные пикселы, черная область — невыделен


ные пикселы, серая — область растушевки. Граница выделения проходит по
50% серому цвету. Таким образом, серая область отображает будущие уровни
прозрачности изображения (например, при копировании на новый слой).
При включенной видимости всех каналов палитры Channels, Photoshop отобра
жает выделение в режиме быстрой маски (красный цвет, 50% прозрачности). О ре
жиме быстрой маски я расскажу позже.

Исправление выделения в канале


1. Откройте файл Lessons\Урок_8_Каналы. Быстрая маска\Фото_1.psd на компактдиске.
Вы видите, что при выделении была допущена ошибка и у части изображения
прозрачная область (рис. 8.15). Как исправить ситуацию? Вспоминая преды
дущие уроки с корректировкой цветочка, можно заметить, что рассмотренный
раннее метод не принесет результата, если не использовать каналы выделения.
2. Загрузите выделение верхнего слоя (для загрузки выделения со слоя необходимо
щелкнуть, удерживая клавишу <Ctrl>, по пиктограмме слоя в палитре Layers).
3. Выполните команду главного меню Select | Save Selection (Выделение | Сохра
нить выделение), сохранив выделение в канале Alpha 1 (рис. 8.16).
4. Обязательно снимите выделение (<Ctrl>+<D>)!
5. Активизируя канал Alpha 1 (рис. 8.17), жесткой кистью белого цвета закрасьте в
канале серые области (это и есть зоны прозрачности). Обратите внимание, что
слои при работе в каналах выделения не активны и стали «серыми», т. к. вы не
работаете с цветом.
Результат работы в канале Alpha 1 (рис. 8.18).
6. Загрузите альфаканал как выделение (<Ctrl>+щелчок по имени канала).
7. Включите активность всех цветовых каналов. Удалите ошибочный слой в кор
зину, настроив палитру Layers (Слои), как на рис. 8.19.
8. Нажмите комбинацию клавиш <Ctrl>+<J>, скопировав выделенную область
пикселов на новый слой.
9. Посмотрите на результат (рис. 8.20) — ошибки как не бывало.
Результат и канал выделения можно посмотреть в файле Lessons\Урок_8_Каналы.
Быстрая маска\Фото_1_итог.psd на компактдиске.
172 Урок 8

Рис. 8.15.
Ошибка в выделении привела
к прозрачности изображения

Рис. 8.16.
Сохранение выделения
в каналах

Рис. 8.17.
Работа кистью белого цвета
в канале Alpha 1
Каналы. Быстрая маска 173

Рис. 8.18.
Результат в канале Alpha 1

Рис. 8.19.
Подготовка к работе
с каналом выделения

Рис. 8.20.
Результат работы
174 Урок 8

Режим Quick Mask (Быстрая маска)


Режим Quick Mask (Быстрая маска) — это выделение, представленное в виде
полутонового изображения во временном канале.
Вы можете корректировать и создавать выделение в режиме Quick Mask инст
рументами рисования (кистью).
1. Откройте файл Lessons\Урок_8_Каналы. Быстрая маска\ Машины.jpg на компактдиске.
2. Выберите инструмент Magic Wand (Волшебная палочка). На панели парамет
ров инструмента введите значение 70 в поле Tolerance (Допуск). Щелкните мы
шью гденибудь на машине, чтобы начать процесс выделения (рис. 8.21).
3. Чтобы перейти в режим Quick Mask, следует нажать кнопку в нижней части
инструментов или клавишу <Q> (рис. 8.22). Выделение преобразовалось в
режим Quick Mask. В палитре Channels добавился временный канал, называю
щийся Quick Mask.
В режиме Quick Mask (Быстрая маска) вокруг выделения появляется красное
наложение, напоминающее рубилит — красную пленку, которая используется для
маскирования изображения в традиционных фотоателье (можно изменить крас
ный цвет). Переход в режим Quick Mask (Быстрая маска) и обратно осуществляет
ся нажатием клавиши <Q>.

Рис. 8.21. Выделение инструментом Magic Wand


Каналы. Быстрая маска 175

Рис. 8.22. Режим Quick Mask

Таким образом, невыделенная область — «красная», выделенная — отобража


ется без наложения.
Как корректировать выделение в данном режиме?

Редактирование выделения в режиме Quick Mask


Для внесения изменений в быструю маску мы будем использовать инструмент
Brush (Кисть). Маска просто корректируется белым и черным цветами (важны цве
та по умолчанию — клавиша <D>).

ВНИМАНИЕ Рисование белым цветом стирает маску (красное наложение) и расширяет


выделенную область. Рисование черным цветом вносит добавления в маску (красное наложе
ние) и уменьшает выделенную область.

1. Находясь в режиме Quick Mask, активизируйте инструмент Brush (Кисть). Кистью


белого цвета проведите по изображению. Хотя вы красите белым цветом, то, что
вы видите в окне изображения, является стертыми областями красной маски.
2. Белой кистью «закрасьте машины» (рис. 8.23).
3. Нажмите клавишу <Q>, машины выделены (рис. 8.24).
Если вы не сохраните быструю маску, как более постоянную маску альфа
канала, временная маска будет потеряна после преобразования в выделение.
176 Урок 8

Рис. 8.23. Работа в режиме Quick Mask

Рис. 8.24. Выход из режима Quick Mask


Каналы. Быстрая маска 177

Примеры целесообразности выбора режима Quick Mask


при выделении объектов
В режиме Quick Mask лучше всего выделяются объекты, имеющие форму или
контур, близкие по форме к инструменту Brush (Кисть) (например круглые или,
с другой стороны, как «мочалка»).

Пример 1. Многочисленные мелкие круглые бриллианты


Многочисленные мелкие бриллианты в ювелирных украшениях — лучшие пре
тенденты для работы. Мы создадим выделение в Quick Mask, а затем сохраним
выделение как канал.
1. Откройте файл Lessons\Урок_8_Каналы. Быстрая маска\Сережка.jpg на компактдиске.
2. Нажмите кнопку для входа в режим Quick Mask. Появится новый канал Quick Mask.
3. Активизируйте инструмент Brush, выберите круглую жесткую форму под раз
мер бриллиантов. Установите для Brush черный цвет и порисуйте по камням
(рис. 8.25). Заметьте, что сейчас маской закрыта невыделенная область, потом
необходимо будет инвертировать выделение. Но так удобнее работать, т. к. хо
рошо видны камни.
4. В результате камни, закрытые маской, будут иметь вот такой вид (рис. 8.26).
Маска создана, но нам надо в ней «инвертировать цвета» (т. е. сделать маску
наоборот (черный цвет поменять в ней на белый)).

Рис. 8.25. Выделение камней в режиме Quick Mask


178 Урок 8

Рис. 8.26. Многочисленные бриллианты, закрытые маской

Рис. 8.27. Маска наоборот

5. Нажмите клавиши <Ctrl>+<I> (Image | Adjustments | Invert) — инвертировать


изображение. Тогда все изображение кроме камушков закрывается красной
маской (рис. 8.27).
6. Выйдите в стандартный режим из режима Quick Mask, нажав клавишу <Q>
(рис. 8.28).
Каналы. Быстрая маска 179

Рис. 8.28. Стандартный режим выделения

Рис. 8.29. Сохранение выделения в Alphaканале

7. Сохраните полученное выделение в каналах щелчком по пиктограмме в ниж


ней части палитры Channels (рис. 8.29).

Форматы файлов PSD, TIFF поддерживают каналы. Посмотрите файл


Lessons\Урок_8_Каналы. Быстрая маска\ Сережка_альфа.tif на компактдиске.
180 Урок 8

Пример 2. Выделение ворсистого объекта – кота


Данный кот ужасно выделяется всеми инструментами, потому что он находит
ся на фоне по цвету, близкому с его шерстью. Предлагается оригинальный способ
выделения кота кистью в режиме быстрой маски. Ктото из студентов дал коту
кличку «клещ» за невозможность выделения.
1. Откройте файл Lessons\Урок_8_Каналы. Быстрая маска\Белый кот.jpg на компактдис
ке. Обведите кота инструментом Lasso, исключив область шерсти (рис. 8.30).
2. Нажмите клавишу <Q> для входа в режим Quick Mask. Появится новый канал
Quick Mask.

Рис. 8.30. Грубое выделение, созданное Lasso

Красная маска

Рис. 8.31. Кисьшерсть в режиме Quick Mask


Каналы. Быстрая маска 181

3. Активизируйте инструмент Brush, выберите форму из стандартного набора,


напоминающую куст. Настройте размер (в палитре Brushes (Кисти) измените
настройки (по умолчанию установлены разброс и изменение формы)).
4. Установите для кисти белый цвет и пощелкайте, дорисовывая шерсть (рис. 8.31).
5. Когда вся шерсть будет кистью «пририсована», выйдите из режима Quick Mask
(рис. 8.32).
6. Скопируйте на новый слой и проверьте результат (рис. 8.33).
Итоговый файл Lessons\Урок_8_Каналы.Быстрая маска\Белый кот_итог.psd на компактдиске.

Рис. 8.32. Итоговое выделение

Рис. 8.33. Результат


182 Урок 8

Комбинирование каналов при выделении


Если у вас в палитре Channels (Каналы) существует несколько Alphaканалов,
то вы легко можете их друг с другом комбинировать, добавляя или вычитая обла
сти выделения.
1. Откройте файл Lessons\Урок_8_Каналы. Быстрая маска\ Комбинирование каналов.tif на ком
пактдиске.
2. Загрузите канал Alpha 2 как выделение (<Ctrl>+щелчок по имени канала)
(рис. 8.34).
3. Если после этого щелкнуть по названию другого — канала Alpha 1 — с нажатой
комбинацией клавиш <Ctrl>+<Alt>, то он будет вычтен из выделенной облас
ти (рис. 8.35). Если щелкать с нажатой комбинацией клавиш <Ctrl>+<Shift>,
то он будет добавлен к выделенной области!

Рис. 8.34. Канал Alpha 2 как выделение

Рис. 8.35. Вычитание каналов


Урок 9
ТРАНСФОРМАЦИЯ. SMART
OBJECTS (УМНЫЕ ОБЪЕКТЫ)

По существу этот урок служит продолжением темы работы с выделенными об


ластями в слоях. Без трансформации немыслимо совмещение нескольких разных
по разрешению изображений в одном файле.
Выражаю огромную благодарность моей семье, перебравшей все фрукты мира
в поисках образа.
В этом уроке вы познакомитесь:
 с командами трансформации;
 с новыми возможностями команды Puppet Warp (Марионеточная деформация);
 с трансформацией с учетом контента (содержимого слоя);
 с совмещением изображений, выделением требуемых фрагментов и трансфор
мацией с целью создания единого образа;
 узнаете о возможностях Smart Objects (Умных объектах);
 создадите рекламную тумбу с изменяющимся постером.
На уроке мы выполним многочисленные трансформации, создавая коробку для
DVD, раскладывая фрукты в вазочку, наклеивая этикетку на кружку. В конце урока пред
лагаю развить воображение и навык выделения и трансформации в проекте «Samba».
Вы также узнаете о чудесах Smart Objects, о возможностях трансформации без
ущерба качеству (!).
184 Урок 9

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

Трансформация пикселов слоя


Команды трансформации действуют на выделенный слой (несколько выделен
ных слоев) или на выделенную область пикселов слоя.
При действии команды появляется Bounding Box (Габаритный контейнер), пе
ремещая маркеры которого вы совершаете различные действия. При этом вся
работа в программе будет блокирована до применения или отказа от действия
команды (контейнер должен исчезнуть).
Для того чтобы применить трансформацию, необходимо нажать клавишу <Enter>
или сделать двойной щелчок внутри контейнера, а чтобы отменить — нажать <Esc>.
Возможно точное задание параметров в панели параметров трансформации.
В разделе главного меню Edit есть две команды для трансформации: Transform
(Трансформация) и Free Transform (Свободная трансформация). Рассмотрим их
подробнее и с переводом.

Команда Transform (Трансформация)


Эта команда не удобна тем, что каждый вид трансформации вызывается от
дельной подкомандой (табл. 9.1).
Таблица 9.1. Подкоманды трансформации
Трансформация. Smart Objects (Умные объекты) 185

Команда Free Transform (Свободная трансформация)


Эта команда позволяет совершать все виды трансформации (см. табл. 9.1) за
одну сессию. Вызывается также быстрыми клавишами <Ctrl>+<T>. Различные
действия выбираются комбинациями быстрых клавиш при перемещении углового
маркера:
 <Shift> — пропорциональное масштабирование;
 <Alt> — масштабирование относительно центра;
 <Alt>+<Shift> — пропорциональное масштабирование относительно центра;
 <Ctrl> — искажение;
 <Ctrl>+<Shift> — перспектива;
 <Shift>+<Alt>+<Ctrl> — двусторонняя перспектива (трапеция);
 <Ctrl>+<Alt> — наклон.
Потренируемся на примере. Рассмотрим все клавиши.
1. Откройте файл Lessons\Урок_9_Трансформация\Бордоский дог_DVD.psd на компактдис
ке. Фото для урока любезно предоставлено редакцией журнала «Бордоский дог».

Рис. 9.1.
Вызов команды
Free Transform
186 Урок 9

2. Для трансформации всех пикселов слоя выделение загружать не надо. Доста


точно активизировать слой щелчком по названию. Мы будем работать со сло
ем Обложка, активизируйте его.
3. Вызовите команду главного меню Edit | Free Transform или нажмите клавиши
<Ctrl>+<T> (см. рис. 9.1).
4. Вы видите, что вокруг слоя появился габаритный контейнер трансформации
(рис. 9.2). Он снабжен маркерами на углах и в середине каждой из сторон. Мар
керы служат для масштабирования, перемещения, искажения, наклона и ими
тации перспективы.

Рис. 9.2. Габаритный контейнер трансформации

5. Для масштабирования по одному измерению установите курсор на угловой


маркер и перетащите его. Маркер перемещается перпендикулярно стороне га
баритной рамки, и одна из сторон рамки изменяет свой размер (рис. 9.3). Для
пропорционального масштабирования нужно удерживать нажатой клавишу
<Shift> при перемещении углового маркера.
6. Для вращения относительно центра подведите курсор к угловому маркеру. Кур
сор должен принять вид изогнутой стрелки (рис. 9.3). Затем перетащите мар
кер по диагонали — следом за ним вращается слой.
7. Для искажения перемещайте угловой маркер, удерживая нажатой клавишу
<Ctrl>.
8. Чтобы подтвердить трансформацию, нажмите клавишу <Enter> или сделайте
двойной щелчок во внутренней области габаритного контейнера. Для отказа
от трансформации нажмите клавишу <Esc>. Все изменения пропадают.
Трансформация. Smart Objects (Умные объекты) 187

Рис. 9.3.
Выполнение различных операций

9. Для отмены последнего действия не выходя из самого режима, используйте


стандартную комбинацию клавиш <Ctrl>+<Z>. Выполните отмену последней
операции. Область осталась в режиме трансформации, но границы вернулись
в состояние, которое было до выполнения последнего искажения.
10. Отмените все искажения и трансформации.

Создание иллюзии объема при помощи трансформации


Будем использовать тот же файл Lessons\Урок_9_Трансформация\Бордоский дог_DVD.psd.
1. Для трансформации всех пикселов слоя выделение загружать не надо. Доста
точно активизировать слой щелчком по его названию. Мы будем работать со
слоем Боковая часть, активизируйте его.
2. Вызовите команду главного меню Edit | Free Transform. Вы видите, что вокруг
слоя появился габаритный контейнер трансформации.
3. Нажав комбинацию клавиш <Shift>+<Alt>+<Ctrl> (трапеция), перетащите
верхнюю правую угловую точку для придания перспективы.
4. Отпустите клавиши и перетащите левый средний маркер вовнутрь (рис. 9.4).
5. Получив результат как на рис. 9.4, нажмите <Enter>, чтобы применить транс
формацию.
6. Активизируйте слой Обложка.
7. Нажмите комбинацию клавиш <Ctrl>+<T>, чтобы вызвать команду Free
Transform.
8. Нажав клавишу <Ctrl> (Искажение), тащите левую верхнюю угловую точку
вверх до тех пор, пока она не совпадет с высотой слоя Боковая часть. Затем
выберите левый нижний маркер и перетащите его вниз на то же расстояние.
Опустите клавишу и перетащите правый средний маркер вовнутрь (рис. 9.5).
Получив результат как на рис. 9.6, нажмите <Enter>, чтобы применить транс
формацию.
188 Урок 9

Рис. 9.4. Создание перспективы для боковой грани

Рис. 9.5. Схема трансформации слоя Обложка


Трансформация. Smart Objects (Умные объекты) 189

Рис. 9.6. Применение трансформации

Рис. 9.7. Применение эффекта Drop Shadow


190 Урок 9

9. При активном слое Обложка выполните быстрыми клавишами <Ctrl>+<E>


сведение со слоем Боковая часть.
10. Примените к получившемуся слою слоевой эффект Drop Shadow (Отбрасыва
ние тени). Двойным щелчком рядом с именем слоя вызывается диалоговое окно
Layer Style, в котором настраиваются параметры эффекта Drop Shadow (рис. 9.7).

Применение искажения
Новшество программы — команда Warp (Искажение), при вызове которой воз
можна настраиваемая деформация с помощью рукояток и точек трансформации.
Раньше такие сеточные искажения существовали только в векторных програм
мах, теперь появились и в Photoshop. Если вы вспомните урок с туристом (тема
«Слои»), то вся одежда «подгонялась» по «нестандартному» размеру человечка
именно таким способом.
Этикетка на кружке
Откройте файл с диска сопровождения Lessons\Урок_9_Трансформация\Круж
ка\Кружка.psd.
Используя возможности трансформации, мы этикетку поместим на кружку.
1. Активизируйте слой Картинка.
2. Нажмите <Ctrl>+<T> (Free Transform). Вы видите, что вокруг слоя появился
габаритный контейнер трансформации.
3. Правой кнопкой мыши щелкните внутри контейнера трансформации — по
явится контекстное меню (рис. 9.8). Выберите команду Warp (Искажение).

Рис. 9.8. Контекстное меню трансформации


Трансформация. Smart Objects (Умные объекты) 191

Рис. 9.9. Применение команды Warp

Рис. 9.10. Изменение параметров слоя Картинка


192 Урок 9

4. При помощи рукояток трансформации растяните картинку по форме кружки


(рис. 9.9). Примените трансформацию, нажав <Enter>.
5. Установите у слоя Картинка режим наложения Multiply; Opacity (Непрозрач
ность) — 87%, для реалистичности нанесенного изображения (рис. 9.10).
6. Выполните сведение слоев, нажав <Ctrl>+<E> (рис. 9.11).

Рис. 9.11. Результат работы

Фрукты в вазе
Откройте файлы Яблоки.jpg и Ваза.jpg из папки с диска сопровождения
Lessons\Урок_9_Трансформация\Фрукты.
1. В файле Яблоки.jpg выделите яблоки, используя инструмент Elliptical Marquee
(Эллиптическое выделение) в режиме суммирования (рис. 9.12).
2. Активизируйте инструмент Перемещение и перетащите выделенные яблоки в
файл Ваза.jpg (рис. 9.13).
3. В файле Ваза.jpg яблоки стали огромного размера изза несовпадения разреше
ний файлов (рис. 9.14). Если вызвать команду трансформации, нажав
<Ctrl>+<T>, границ контейнера не будет видно.
Трансформация. Smart Objects (Умные объекты) 193

Рис. 9.12. Выделение яблок

Рис. 9.13. Перемещение


выделенных яблок

4. Уменьшите масштаб изображения быстрыми клавишами. Вы увидите грани


цы контейнера на сером служебном поле. Удерживая <Shift> для пропорцио
нальности, уменьшите яблоки (рис. 9.15).
5. В контекстном меню контейнера трансформации выберите Warp для точного
размещения яблок (рис. 9.16).
6. Измените Opacity (Непрозрачность) слоя с яблоками до 69% (рис. 9.17).
194 Урок 9

Рис. 9.14.
Соединение изображе
ний в один файл

Рис. 9.15.
Уменьшение масштаба
просмотра
для удобства
трансформации
Трансформация. Smart Objects (Умные объекты) 195

Рис. 9.16. Применение команды Warp

Рис. 9.17.
Изменение непрозрачности
слоя c яблоками
196 Урок 9

Точная трансформация
Когда необходимо точно указать значения параметров трансформации, исполь
зуется панель параметров трансформации, которая появляется при нажатии
<Ctrl>+<T> (рис. 9.18).

Рис. 9.18. Задание точных значений параметров трансформации

Проект «Samba»
Откройте файлы Заготовка для Samba.psd и Samba.psd из папки Lessons\Урок_9_Трансфор
мация\Проект_Samba с диска сопровождения.
В файле Заготовка для Samba.psd в отдельных слоях находятся «запчасти» для бу
дущей танцовщицы (рис. 9.19).
Ваша задача — выделить подходящими инструментами выделения нужные ча
сти слоев и собрать файлпример Samba.psd (рис. 9.20).
Если вы с этим справились, задачу можно усложнить, придумав свой образ на
данную тему.

Рис. 9.19. Заготовка для Samba.psd в слоях


Трансформация. Smart Objects (Умные объекты) 197

Рис. 9.20. Файлпример Samba.psd

Smart Objects (Умные объекты)


Smart Objects (Умные объекты) — объекты, в которых помещенная информа
ция сохраняет свои исходные характеристики.
Способы создания Smart Object:
 при помещении векторных данных через буфер обмена;
 при выполнении команды File | Place (Поместить);
 несколько выделенных слоев преобразовываются в один Smart Object через
контекстное меню.
Преимущества использования:
 если это векторные данные — масштабирование без ущерба качества;
 если это растровые данные — масштабирование с потерей качества, но возмо
жен возврат к оригиналу слоя;
 при нескольких слоях (растровые, текстовые) — совместная трансформация.
При этом трансформация выполняется сразу со всеми слоями и сохраняется
возможность изменения многослойного оригинала;
 вы можете применять операцию Warp (Искажение) одновременно к несколь
ким слоям в составе Smart Objеct (в том числе к текстовым слоям).
198 Урок 9

Однако:
 изображение со значком Smart Objects нельзя редактировать инструментами
рисования и выделения;
 от Smart Object всегда можно отказаться, превратив его в обычный растровый
слой.

Подарки от Adobe (работа с векторными объектами)


Фирма Adobe прислала нам посылочку с подарками: программу Photoshop,
кружку для чаепития во время бессонных дизайнерских ночей и другие сувениры с
логотипами любимой компании. Как все это выглядит? Откройте файл Lessons\
Урок_9_Трансформация\Подарки от Adobe\Подарки_от_Adobe.psd (рис. 9.21).

Рис. 9.21. Подарки от Adobe

1. Откройте файл с диска Start.jpg.


2. Выполните команду File | Place (Файл | Поместить), указав файл Наклейка.ai.
3. В диалоговом окне Place PDF нажмите кнопку OK. У вас поместилась наклейка
в габаритном контейнере (рис. 9.22). Можно в этот момент трансформировать
логотип без ущерба для качества.
4. С помощью габаритного контейнера и используя необходимые быстрые кла
виши (<Shift> — для пропорциональности; движение с <Ctrl> за правый верх
ний угол контейнера вверх — для искажения) разместите наклейку на боковой
грани (рис. 9.23).
5. Сделайте двойной щелчок внутри контейнера (или нажмите <Enter>) для при
менения трансформации. В палитре Layers в пиктограмме слоя Наклейка по
явится значок, показывающий, что на слое находится Smart Object (объект,
Трансформация. Smart Objects (Умные объекты) 199

Рис. 9.22. Габаритный контейнер

Рис. 9.23. Трансформация наклейки

который можно изменять, трансформировать без ущерба качества в програм


ме Illustrator (в нашем случае объект векторный)).
6. Установите у слоя Наклейка режим наложения Мultiply. Белый цвет наклейки
исчезнет. Изображение будет как на рис. 9.24.
7. Выполните команду File | Place (Файл | Поместить), указав файл Логотип.ai.
8. Примените команду и согласие с трансформацией.
9. Скопируйте слой с логотипом (<Ctrl>+<J>) (рис. 9.25). Как вы заметили, можно
Smart Object скопировать, как обыкновенный слой.
10. Трансформируйте логотип на верхней грани, не изменяя режим наложения
(рис. 9.26).
11. Второй логотип будем размещать на кружке для чаепитий.
200 Урок 9

Рис. 9.24. Слой Наклейка в режиме наложения Мultiply

Рис. 9.25. Два слоя со Smart Object с логотипом

12. Для чашки простого масштабирования не достаточно. Необходима трансфор


мация Warp. Однако с векторными Smart Object — Warp недоступна.
13. Выполните команду главного меню Layer | Smart Objects | Rasterize, переведя
логотип в обыкновенный растровый слой.
14. Выполните трансформацию Warp, повторяя действия из начала этого урока.
15. И наконец, поместите логотип на кружку, установив режим наложения Мultiply
(рис. 9.27).
Итоговое изображение в слоях находится в файле Подарки_от_Adobe.psd.
Трансформация. Smart Objects (Умные объекты) 201

Рис. 9.26. Добавление логотипа на коробку

Рис. 9.27. Добавление логотипа на чашку


202 Урок 9

Использование Smart Objects в сложной трансформации


В данном примере мы рассмотрим такое преимущество Smart Objеct, как со
вместная трансформация файла формата PSD, а также возможность изменения
многослойного оригинала.
Рассмотрим задачу рекламиста: размещение на тумбе плаката.
1. Откройте файл Lessons\Урок_9_Трансформация\Тумба\Тумба.jpg.
2. Выполните команду File | Place (Файл | Поместить), указав файл Плакат.psd.
3. Пропорционально уменьшите плакат, также при помощи трансформации Warp
разместите плакат на тумбе. Согласитесь с трансформацией. Заметьте, что вы
совершали искажения одновременно нескольких слоев (в том числе текстовых),
что в обыкновенном файле невозможно.
4. Установите Opacity равными 81% у слоя с плакатом (рис. 9.28).
5. Предположим, вам необходимо по прошествии времени изменить чтолибо на
плакате. Сделайте двойной щелчок по пиктограмме слоя со Smart Objеct.
6. Вызывается файл с плакатом (рис. 9.29).
7. Включите отображения другого слоя, выключив из видимости слой с тексто
вой надписью «Лучшие курсы…» (рис. 9.30).
8. Сохраните файл открытого Smart Objеct (<Ctrl>+<S>) с плакатом, заметьте —
все изменения передались в файл с тумбой (рис. 9.31).

Рис. 9.28.
Размещение рекламного
плаката на тумбе
Трансформация. Smart Objects (Умные объекты) 203

Рис. 9.29. Вызов содержимого Smart Objеct для редактирования

Рис. 9.30. Изменение Smart Objеct


204 Урок 9

Рис. 9.31. Изменение файла с тумбой

Трансформация выделения
Для трансформации выделения существует специальная команда главного меню
Select | Transform Selection (Выделение | Трансформация выделения), а пикселы
здесь ни при чем.
Нам понадобится эта команда при создании тени от объекта в уроке 19.
Допустим, у вас есть выделенная область на пустом слое. Вы выполняете
команду главного меню Select | Transform Selection. Появляется габаритный кон
тейнер, к которому применимы все те же действия и клавиши, которые мы рас
сматривали ранее.
Трансформация. Smart Objects (Умные объекты) 205

Puppet Warp (Марионеточная деформация)


Марионеточная деформация отображает визуальную сетку, с помощью кото%
рой можно существенно деформировать определенные фрагменты изображения,
не затрагивая других областей. Иногда, для удобства настройки, сетку отключают.
Данный метод может иметь множество применений: от легкой ретуши изображе%
ния (например, придания формы волосам) до полной трансформации (например,
изменение положения рук или ног, изменение формы объекта).
Марионеточную деформацию можно применять к слоям изображения, тексту,
маскам, векторным маскам (чтобы применить к изображениям искажение, не зат%
рагивая оригинал, используйте Smart Objects (умные объекты)).
1. Откройте файл с диска Lessons\Урок_9_Трансформация\Pappet Warp\Человек.psd.
2. Выполните команду Edit | Puppet Warp (Редактирование | Марионеточная де%
формация) (рис. 9.32) при активном слое с человеком. На панели параметров
появятся настройки деформации, а человек будет покрыт сеткой.

Рис. 9.32. Сетка и настройки


марионеточной деформации
206 Урок 9

Рис. 9.33. Панель параметров марионеточной деформации

Панель параметров (рис.9.33) имеет настройки:


 Mode (Режим) определяет эластичность сетки в целом. Используется Distort
(Искажение), чтобы получить очень эластичную сетку для обертывания широ%
коугольных изображений или карт текстур.
 Density (Плотность) определяет расстояние между узлами сетки.
 Expansion (Расширение) расширяет или стягивает внешний край сетки.
 Show Mesh (Показать сетку) служит для включения и выключения отображе%
ния сетки на объекте. Снимите флажок, чтобы показать только «булавки» и
получить незагроможденное представление трансформаций.

ПРИМЕЧАНИЕ Чтобы временно скрыть булавки коррекции, нажмите клавишу <H>.

3. В окне изображения щелкните, чтобы добавить «булавки» в трансформируе%


мых областях и в местах, которые требуется закрепить на месте (рис. 9.34).
4. Перетащите булавку для изменения положения руки (рис. 9.35).

Рис. 9.34. Добавление Рис. 9.35. Изменение


«булавок» для деформации положения «булавок»
Трансформация. Smart Objects (Умные объекты) 207

Чтобы изменить перекрытие частей


тела человека, необходимо нажать
кнопки Pin Depth (Глубина булавки)
на панели параметров.
Чтобы удалить выбранные булавки,
нажмите клавишу <Del>. Чтобы уда%
лить другие булавки по отдельности,
наводите на них курсор, нажмите
клавишу <Alt> и при появлении
значка ножниц щелкайте по ним.
Чтобы повернуть булавку, выделите
ее, нажмите клавишу <Alt> и удер%
живайте курсор рядом с булавками,
но не над ними. Когда появится круг,
выполните перетаскивание, чтобы
повернуть «на глаз».
5. Выполните изменение тела челове%
ка, как на рис. 9.36.
В файле Человек_сравнение.psd старто%
вый и итоговый вариант (рис. 9.37).
Рис. 9.36. Вариант изменения положения рук и ног

Рис. 9.37. Сравнение


работы
208 Урок 9

Для упражнения на данный метод, откройте файл с диска Lessons\Урок_9_Трансфор&


мация\Pappet Warp\Веревка.psd (рис. 9.38).
Попробуйте изменить ее с помощью Puppet Warp (Марионеточная деформа%
ция) как в файле Веревка_итог.psd (рис. 9.39). Также в папке Lessons\Урок_9_Трансфор&
мация\Pappet Warp есть примеры вязания узлов для сложного задания.

Рис. 9.38. Веревка для деформации Рис. 9.39. Веревка деформированная

ContentAware Scale
(Масштаб с учетом содержимого)
Масштаб с учетом содержимого позволяет изменить размер изображения, не
затрагивая важные части, например людей, здания, животных и т. д. При обычном
масштабировании все пикселы обрабатываются одинаково, а при масштабирова%
нии с учетом содержимого в основном затрагиваются пикселы, не содержащие
важного визуального материала. Масштабирование с учетом содержимого позво%
ляет увеличить или уменьшить размер для выбора оптимальной композиции.
Если при изменении размера изображения требуется сохранить определенные
области, то эти области заранее сохраняются, как отдельный альфа%канал, с по%
мощью которого можно обезопасить это содержимое.
Откройте файл с диска Lessons\Урок_9_Трансформация\ Content_Aware_Scale\ Сравнение
масштабирования.psd.
Сравните в слоях результат обыкновенной трансформации и масштабирова%
ния с учетом содержимого: результат удивляет.
1. Откройте файл с диска Lessons\Урок_9_Трансформация\ Content_Aware_Scale\ Сравнение
масштабирования.psd.
2. При активном верхнем слое выполните команду Edit | ContentAware Scale (Ре%
дактирование | Масштаб с учетом содержимого) (рис. 9.40). Вокруг слоя появит%
ся контейнер трансформации. Однако при масштабировании за правый боко%
вой маркер, вы увидите, что море сокращается при неизменном дереве и выш%
ке спасателей (рис. 9.41).
Трансформация. Smart Objects (Умные объекты) 209

Рис. 9.40. Масштаб с учетом содержимого

Рис. 9.41. Действие масштаба с учетом содержимого — моря


210 Урок 9

При достаточно большом масштабировании будут изменяться шезлонги. Что%


бы важные части изображения были защищены, необходимо заранее их выде%
лить и задать как альфа%канал. Отмените масштабирование.
3. Выделите шезлонги и сохраните выделение в альфа%канале (рис. 9.42).

Рис. 9.42. Сохранение выделенных объектов в альфа&канале

4. Выполните команду Edit | ContentAware Scale (Редактирование | Масштаб с уче%


том содержимого), выбрав в панели параметров в выпадающем списке Protect
(Защита) название канала с объектами.
При масштабировании объекты будут защищены (рис. 9.43).
Также существует возможность при помощи нажатия на панели параметров
кнопки Protect Skin Tones (Защита оттенков кожи) защищать области, содержа%
щие цвета, близкие к оттенкам кожи.
Трансформация. Smart Objects (Умные объекты) 211

Рис. 9.43. Защита объектов при масштабировании


212 Урок 9
Урок 10
УСТАНОВКА РАЗМЕРА
ИЗОБРАЖЕНИЯ

Какой размер у вашего изображения? И вообще, какой размер и для чего ну
жен? Можно ли изменять размер изображения в процессе работы?
Принципиальные ответы на эти вопросы даны во введении, посвященном ком
пьютерной графике.
В большинстве случаев мы будем рассматривать житейские примеры, которые
встречаются на каждом шагу в реальных ситуациях со всеми, кто решил запечат
леть себя или природу на цифровую камеру. Разберем также, как выбрать нужный
размер фотографии при сканировании.
В этом уроке вы узнаете, как выполнять следующие действия:
 изменять изображение после сканирования;
 разделять изображение на отдельные файлы;
 «наращивать» изображение в необходимую сторону;
 изменять размер и качество фотографии после цифровой съемки;
 обрезать изображение до нужного размера.
214 Урок 10

Изменение размеров изображения


Еще раз напомню: основными характеристиками растрового изображения, за
даваемыми в момент создания и которые можно изменить в процессе работы, яв
ляются Height (Высота) и Width (Ширина). В зависимости от дальнейшего исполь
зования выбирают различные единицы измерения: для полиграфии (печатный
оттиск на бумаге, фотография в рамочке) — сантиметры (см), для Webграфики —
пикселы (px). Существует также величина, задающая качество растрового изобра
жения — разрешение (Введение).
Где это все задается и как его можно поменять?
Представим, что закончились выходные, и мы «с полной цифровой камерой
впечатлений» приехали домой. Стараемся ввести все в компьютер и распечатать
на принтере, отнести бабушкам, которые мечтают показать это другим бабушкам,
у которых нет ни «электрической почты», ни ноутбука, а может и вставить пейзаж
в рамочку и поставить на камин.
Открываем фотографию взморья из папки на диске Lessons\Урок_10_Размер
изображения\Залив.jpg.
Перед тем как отправить фотографию на принтер, cтоит посмотреть на размер
изображения (рис. 10.1), выполнив команду File | Print (Файл | Печать).

Рис. 10.1. Место, занимаемое фото на листе бумаги принтера


Установка размера изображения 215

Рис. 10.2. Размеры изображения в диалоговом


окне Image Size

Размер изображения можно изменять в диалоговом окне, вызываемом коман


дой Image | Image Size (Изображение | Размер изображения). Вызовите это окно
для данного файла (рис. 10.2).
Диалоговое окно Image Size (Размер изображения) состоит из нескольких частей.
В верхней части окна Pixel Dimensions (Размер в пикселах) по умолчанию ото
бражаются растровые параметры изображения — размеры в пикселах. Эти значе
ния удобны для подготовки графики для Web. В нашем случае это будет размер
1600×1200 пикселов.
В средней части окна Document Size (Размер документа) показаны размер пе
чатного оттиска во всем понятных сантиметрах (см) и характеристика, влияющая
на качество печати — разрешение изображения. У нас размер печатного оттиска
56×42 см, что для нормального принтера напечатать нереально, при разрешении
72 ppi, что более подходит для Интернета, а не для фотографии.
Диалоговое окно Image Size позволяет не только просматривать, но и изменять
параметры документа. При этом возможны два варианта, определяющихся состо
янием флажка Resample Image (Пересчет изображения).
 Если флажок установлен, размер и разрешение изображения варьируются не
зависимо друг от друга. Если вам это удобнее, можете регулировать «абсолют
ный» размер изображения в пикселах. Это заставляет программу удалять из
изображения пикселы или добавлять к нему новые. Цвета добавляемых пиксе
лов вычисляются с помощью интерполяции. Мы выполним пример на эту тему
позже.
 Если флажок сброшен, происходит блокировка растровых параметров изобра
жения. Изменение печатного размера приводит к изменению разрешения, и
наоборот. По существу, при этом с изображением не производится никаких
действий, а только запоминаются новые значения размеров и разрешения.
Пересчет происходит по алгоритму Bicubic (Бикубическая интерполяция), он
установлен по умолчанию.
216 Урок 10

Флажок Constrain Proportions (Сохранять пропорции) фиксирует соотношение


сторон изображения. Когда он установлен, достаточно ввести длину только одной
стороны изображения, вторая будет вычислена автоматически. Не снимайте его!
1. Отключите опцию Resample Image (Пересчет изображения). В верхней части
окна происходит блокировка растровых параметров изображения. В средней
части, отвечающей за размер печатного оттиска, вы видите «цепи» зависимос
ти качества изображения (разрешения) от размера печатного оттиска.
2. Введите значение Resolution (Разрешение) 300 ppi, такое разрешение обеспе
чит приемлемое качество при печати (рис. 10.3). Размер печатного оттиска бу
дет 13×10 см — как раз для фото в рамочке на камине! При этом нет пересчета,
количество пикселов не изменено — нет потери качества!

Рис. 10.3. Изменение размеров печатного


оттиска

3. Согласитесь с изменением, нажав кнопку OK и закрыв диалоговое окно.


4. Посмотрите размер фотографии при печати, вызвав окно печати командой
File | Print (рис. 10.4). Обычно размер фотографии 15×10 см, как сделать такой
размер?
5. Вызовите диалоговое окно Image Size. При выключенной опции Resample Image
установите размер большей стороны Width 15 см, при этом другие значения бу
дут пропорционально пересчитаны (рис. 10.5). Нажмите на кнопку Cancel.
6. Так как нам нужен точный размер 15×10 см при разрешении (Resolution) 300 ppi,
воспользуемся очень простым инструментом Crop (Кадрирование).
7. Активизируйте инструмент Crop (Кадрирование). Установите в панели пара
метров инструмента необходимые значения (рис. 10.6).
Установка размера изображения 217

Рис. 10.4. Размер фото при печати

Рис. 10.5. Расчет при заданной ширине

Рис. 10.6. Задание точных размеров выделения


218 Урок 10

8. Выберите ту часть изображения, которую бы хотелось получить в итоге


(рис. 10.7).
9. Нажмите клавишу <Enter>.

Рис. 10.7. Команда Image | Crop

Заданные растровые параметры


Вы хотите машину — на картинке вы обнаружили подходящую. Надо размес
тить в Интернете фото шириной 500 px в разделе «Куплю вот такую же! Другие не
предлагать». Как это сделать? В смысле для отсканированной фотографии задать
требуемый размер?
1. Откройте отсканированную фотографию (предлагается экстремальный пример)
Lessons\Урок_10_Размер изображения\Отсканированная машина.jpg.
2. Сначала развернем изображение, чтобы не сломать шею при просмотре. В глав
ном меню Image в пункте Image Rotation (рис. 10.8) находятся команды по по
вороту холста (изображения).
Установка размера изображения 219

Рис. 10.8. Команды поворота изображения

3. Выполните команду Image | Image Rotation | 90° CW (Изображение | Поворот


холста | На 90° по часовой стрелке) (рис. 10.9).
4. Согласитесь, рваные и черные области несколько портят впечатление. Восполь
зуемся инструментом Crop (Обрезка) для обрезки фотографии (этот инстру
мент часто применяется после сканирования для таких задач).
5. Проведите инструментом Crop (Обрезка) по изображению. Появится рамка обрез
ки, остальная затемненная часть при применении операции будет удалена. Можно
изменять размер области, перемещая маркеры (рис. 10.10). Для того чтобы приме
нить обрезку, необходимо нажать клавишу <Enter> или сделать двойной щелчок мы
шью внутри контейнера, чтобы отменить — нажать <Esc>.

Рис. 10.9. Изображение после поворота


на 90 градусов по часовой стрелке Рис. 10.10. Рамка обрезки
220 Урок 10

6. Обрежьте до нужного размера


(рис. 10.11).
7. Каковы размеры изображения? Вы
зовите диалоговое окно Image Size
(рис. 10.12).
Для размещения в Интернете значе
ние Resolution (Разрешение) нужно
установить 72 ppi. К тому же нам по
ширине нужен размер 500 px.
8. Включите опцию Resample Image
(Пересчет изображения). Введите в
Рис. 10.11. Фотография после применения поле Resolution (Разрешение) 72 ppi.
обрезки В растровых параметрах установите
размер Width (Ширина) 500 px
(рис. 10.13).
Теперь наша машина соответствует
предъявленным требованиям. Для
размещения в Интернете основной
критерий для изображений — это
скорость загрузки, которая опреде
ляется объемом файла. Для этих це
лей изображения сохраняются в спе
циальных форматах, самые распро
страненные из которых — JPEG и
GIF. Для многоцветных изображе
ний, как в нашем случае, лучше ис
пользовать JPEG.
Рис. 10.12. Размеры изображения
9. Выполните команду File | Save As
(Файл | Сохранить как), указав, где
хотите сохранить изображение, и ус
тановив ползунок Quality (Качество)
в положение 5 (рис. 10.14).

Рис. 10.13. Изменение растровых размеров Рис. 10.14. Сохранение в формате JPEG
Установка размера изображения 221

Разворот после сканирования


нескольких фотографий
Вы отсканировали несколько фотографий за один раз, или вам принесли (мой
случай) вот такое изображение: Lessons\Урок_10_Размер изображения\После сканирования.jpg.
У меня, кстати, возник резонный вопрос: «С какого расстояния в сканер забрасы
вались фото?» (рис. 10.15). Наша задача — разворот каждой фотографии в при
вычное для всех горизонтальное положение и сохранение каждой в отдельном
файле.
1. Откройте файл Lessons\Урок_10_Размер изображения\После сканирования.jpg (рис. 10.15).
2. Проведите инструментом Crop (Обрезка) вокруг одной из фотографий. Появит
ся рамка, ориентированная строго по горизонтали. Выведите указатель мыши
за рамку, за угловой маркер, — появится значок поворота. Можно поворачи
вать рамку обреза (см. рис. 10.10).
3. Совместите рамку с краями фотографии (рис. 10.16).
4. Примените операцию Crop, нажав клавишу <Enter>. Останется только одна
фотография, выровненная по горизонтали, остальное будет удалено (рис. 10.17).
5. Сохраните изображение под другим именем.

Рис. 10.16. Поворот рамки обреза

Рис. 10.15. Отсканированные фотографии Рис. 10.17. После выполнения операции Crop
222 Урок 10

6. Вернитесь с помощью палитры History (История) к состоянию начальной за


грузки (рис. 10.18).
7. Проделайте ту же операцию с другой фотографией (рис. 10.19 и 10.20).
8. Сохраните изображение под другим именем.

Рис. 10.19. Разворот другого изображения

Рис. 10.18. Возврат к состоянию начальной Рис. 10.20. Обрез по формату


загрузки

Изменения размера холста


Выполните следующие действия:
1. Откройте файл Lessons\Урок_10_Размер изображения\Девушка.jpeg.
Вы хотите сделать рекламный материал с использованием этой фотографии. Не
обходимо увеличить поле слева от девушки, т. к. текст размещать особо негде.
Для увеличения поля вокруг изображения предназначена специальная коман
да Image | Canvas Size (Изображение | Размер холста).
2. Вызовите команду Image | Canvas Size (Изображение | Размер холста) для дан
ного изображения. Мы хотим увеличить поле cлева в два раза по сравнению с
исходным размером. В раскрывающемся списке справа от поля Width (Шири
на) выберите вариант Pixels (пикселы), а в само поле введите 600.
Установка размера изображения 223

Рис. 10.21. Диалоговое окно Canvas Size

3. В поле Anchor (Расположение) выделите средний квадратик в правом верти


кальном ряду, показывая тем самым, что изображение должно располагаться
справа от добавляемого свободного пространства (рис. 10.21). Щелчком кноп
ки OK завершите диалог.
4. В результате выполнения операции слева от изображения добавится область
пикселов белого цвета (т. к. в раскрывающемся списке Canvas extension color
было выбрано значение White) (рис. 10.22).
5. Чтобы заполнить белую область аналогичным градиентом, существует такой
прием. Инструментом Rectangular Marquee (Прямоугольное выделение) выде
лите узкую полоску с образцом заполнения (рис. 10.23).

Рис. 10.23. Выделение области с образцом


Рис. 10.22. Результат увеличения изображения заполнения
224 Урок 10

6. Вызовите команду трансформации, нажав <Ctrl>+<T> (рис. 10.24).


7. Растяните влево до конца выделенный фрагмент. Градиентом будет заполнена
вся область (рис. 10.25). Снимите выделение.
8. Позднее, когда изучите тему «Текст», наберете текстовый слой. Результат в фай
ле Moonlight Shadow.psd (рис. 10.26).

Рис. 10.24. Вызов трансформации Рис. 10.25. Заполнение градиентом всей области

Рис. 10.26.
Изображение
Moonlight Shadow
Установка размера изображения 225

Исправление перспективного искажения


Иногда снимки под углом приводят к нарушению перспективы, которое мож
но исправить с помощью инструмента Crop (Обрезка).
1. Откройте файл Lessons\Урок_10_Размер изображения\Перспектива.jpg (рис. 10.27).
2. Активизируйте инструмент Crop (Обрезка). Обведите фотографию. Появится
рамка. В панели параметров инструмента установите флажок Perspective (Пер

Рис. 10.27.
Изображение
с искажением
перспективы

Рис. 10.28.
Изменение
рамки обреза
на фотографии
226 Урок 10

спектива). При установке этой опции можно нарушать пропорции контейне


ра. Указателем мыши возьмите за левый верхний угловой маркер и сдвиньте
вправо по правильному вертикальному направлению (подсказкой служит на
правление колонны). Также подвиньте влево правый верхний угловой маркер
(рис. 10.28).
3. Примените операцию Crop, нажав клавишу <Enter>. Здание выровнялось
(рис. 10.29).

Рис. 10.29. Результат выполнения операции Crop


Урок 11
РАБОТА С ТЕКСТОМ

Тема «Текст» сама по себе, возможно, интереса и не представляет, вряд ли вы


будете создавать большие текстовые фрагменты в Photoshop и получать от этого
моральное и материальное вознаграждение. Однако возможности, которые несет
в себе текст в сочетании со слоевыми эффектами и маскированием, огромны.
Поэтому текст сопровождает всякое дизайнерское решение, неся смысловую на
грузку.
В этом уроке мы рассмотрим основные текстовые параметры и способы редак
тирования, чтобы вы уютно чувствовали себя при изучении примеров других уро
ков.
Так как моя книга предназначена для начинающих пользователей, я умышлен
но дистанцируюсь от инструмента Pen (Перо) и, соответственно, текста по кри
вой. Этот урок нужен, чтобы читатель мог подписать свои работы и поддержать
разговор на данную тему.
В этом уроке вы узнаете, как выполнять следующие действия:
 создавать и настраивать текстовый слой;
 изменять параметры текста;
 задавать сглаживание текста;
 применять изгибы и деформации к тестовому слою.
В конце урока вы можете подписать все выполненные ранее работы.
228 Урок 11

Особенности текстового слоя


Для текста не требуется создавать слой заранее. Ввод текста осуществляется
инструментом Type (Текст). Щелчок по документу инструментом Type создает тек
стовый слой.
Различают три способа ввода текста:
 заголовочный текст (отдельные текстовые фразы) — ввод щелчком по изобра
жению;
 блочный текст (для абзацев в заданных границах расположения) — предвари
тельно создается область ввода (блок), поэтому ввод текста ограничен разме
рами данного блока;
 текст вдоль контура (декоративный) — если предварительно создан Path (кон
тур), щелчком по контуру вводится текст.
Во всех случаях создается отдельный текстовый слой.
Текстовый слой имеет параметрическое задание текста, он не растровый, поэто
му к нему не применимы растровые операции, например, рисование и фильтры.
К текстовому слою можно применять слоевые эффекты, трансформировать его
как обычный слой, изменять непрозрачность и режимы наложения.
Вы можете изменять текстовые параметры с помощью панели параметров или
текстовых палитр, пока текст находится на отдельном слое; при переводе в рас
тровый слой возможно рисование и применение фильтров, но невозможно изме
нение параметров текста.
При наборе текста мелких кеглей в растровых редакторах текст плохо отобра
жается изза сглаживания, поэтому буквы небольшого размера рекомендуется на
бирать в векторных редакторах или при верстке.

Ввод текста
Выполните следующие действия:
1. Откройте файл с диска сопровождения Lessons\Урок_11_Текст\Вид из окна.jpg.
2. Активизируйте инструмент Type (Текст).
3. Щелкните на изображении. В палитре Layers (Слои) появился текстовый слой,
а в точке щелчка возник текстовый курсор.
4. Наберите слово «Window». По умолчанию название слоя соответствует введен
ному тексту, однако это имя можно произвольно изменить, что не повлияет на
сам текст.
5. Чтобы начать новую строку, нажмите клавишу <Enter>. Наберите еще одно
слово — «View».
Шрифт и размер получившегося у вас текста зависят от установок. У меня та
кие параметры, как на рис. 11.1.
Работа с текстом 229

Рис. 11.1. Параметры текста

Завершение ввода текста


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

Режим форматирования
Если вы желаете изменить содержимое текстового слоя (исправить или доба
вить чтолибо), вам необходимо перейти в режим форматирования текста. Для
этого необходимо включить инструмент Type (Текст), выделить соответствующий
текстовый слой и щелкнуть курсором в пределах текста или сделать двойной щел
чок по пиктограмме текстового слоя в палитре Layers (Слои). Дальнейшие дей
ствия обычны для работы с текстом.
Результат форматирования зависит от состояния вашего документа.
 Если в документе активизирован текстовый слой, изменение параметров при
меняется ко всему слою; когда в активном текстовом слое есть выделение, ат
рибуты изменяются только для выделенных символов.
 Если в активном текстовом слое выделен инструментом Type один или несколь
ко символов, параметры изменяются только для выделенных символов.
 Если в документе есть активный текстовый объект с точкой ввода в конце, па
раметры задаются для всех вновь вводимых символов после этой точки.
230 Урок 11

Параметры текста
Параметры текста изменяются на панели параметров и в текстовых палитрах.
1. Активизируйте текстовый слой Window View. Можно открыть файл в слоях
Вид из окна.psd на компактдиске.
2. Активизируйте инструмент Type. Рассмотрим, как изменения в панели пара
метров сказываются на активном текстовом слое (рис. 11.2). В данный момент,
как только вы активизировали текстовый слой, в панели параметров отобра
жаются его настройки.

Рис. 11.2. Панель параметров инструмента Type


Можно изменять направление текста с горизонтального на вертикальное и на
оборот. Пощелкайте по этой кнопке, возвратив горизонтальную ориентацию.
Следующие поля на панели параметров — Шрифт и Начертание. Не у всех
установленных шрифтов есть все начертания.
Размер текста задается в пунктах. Сейчас у меня установлено 72 pt.
Поле Antialiasing (Сглаживание) служит для устранения «визуального зазуб
ривания». В нем можно выбрать одно из следующих значений:
 None (Без сглаживания);  Strong (Сильное);
 Sharp (Резкое) — предлагается по умолчанию;  Smooth (Гладкое).
 Crisp (Четкое);
Далее расположены три кнопки выравнивания относительно точки ввода:
 по левому краю;  по центру;  по правому краю.
С помощью трех последних кнопок можно, соответственно:
 выбрать цвет текста;
 задать деформацию текста;
 вызвать текстовые палитры.

Деформация текста (Warp Text)


Выполните следующие действия:
1. Установите у текстового слоя выравнивание по центру.
2. Щелкните по кнопке деформации Create warped type (Создать текстовую де
формацию).
Работа с текстом 231

3. В отрывшемся диалоговом окне Warp Text выберите стиль Wave (Волна), уста
новив значения, как на рис. 11.3.
4. Посмотрите другие виды искажений. У каждого искажения можно изменять
многочисленные настройки. Однако необходимо помнить, что чрезмерная де
формация делает текст плохо читаемым и воспринимаемым как информаци
онный носитель, что часто не приемлемо в рекламе.
5. Отмените деформацию, выбрав в раскрывающемся списке None.
Следует заметить, что к текстовому слою не применима трансформация Warp с
использованием сетки. Если необходимо выполнить такое преобразование, то из
текстового слоя создайте Smart Object (через контекстное меню слоя). Подробнее
об этом см. в уроке 9 (трансформация).

Рис. 11.3. Применение деформации Wave

Трансформация текстового слоя


Текстовый слой трансформируется как обыкновенный слой (без перевода в
растр). К нему применимы не все операции трансформации.
1. Откройте файл в слоях Вид из окна.psd или вернитесь в состояние начальной заг
рузки.
2. Активизируйте текстовый слой Window View.
232 Урок 11

3. Нажмите быстрые клавиши вызова трансформации <Ctrl>+<T>. Вы видите,


что появился контейнер трансформации (рис. 11.4).
При масштабировании текста, при перемещении углового маркера необходи
мо удерживать клавишу <Shift> для пропорционального масштабирования
(рис. 11.4).
Все преобразования с текстовым слоем будут такими же, как и с обыкновен
ным слоем. При этом текст не станет растровым.
4. Откажитесь от трансформации, нажав <Esc>.

Рис. 11.4.
Трансформация текстового слоя

Текстовые палитры
Текстовые параметры задаются не только в панели параметров инструмента Type
(Текст), но и в текстовых палитрах Character (Символ) и Paragraph (Абзац).
Основная часть параметров символов задается с помощью палитры Character
(Символ) (рис. 11.5). Для вывода на экран палитр Character (Символ) и Paragraph
(Абзац) используйте кнопку на панели параметров инструмента Type, показанную
на рис. 11.2.
Палитра Character (Символ) (рис. 11.5.) включает в себя дополнительные эле
менты, которые не вынесены в панель параметров инструмента Type (Текст):
 Leading (Интерлиньяж) — расстояние между строками;
 Kerning (Кернинг) — оптическое выравнивание промежутков между символами;
 Tracking (Трекинг) — межсимвольные интервалы;
 Vertical Scale (Размер по вертикали);
 Horizontal Scale (Размер по горизонтали);
 Baseline Shift (Смещение базовой линии);
 Faux styles (Ложные стили).
Работа с текстом 233

Рис. 11.5. Палитра Character

Ложные стили
В некоторых шрифтах отсутствуют жирное и курсивное начертания. Можно
имитировать стиль шрифта (Bold, Italic, Superscript, Subscript, All caps, Small caps)
с помощью ложных стилей, имеющихся в палитре Character (рис. 11.6).
Однако при использовании ложных стилей невозможны некоторые операции.
К примеру: у меня применен ложный стиль «Bold» из палитры Character. Мне
необходимо (предположим) перевести текстовый слой в слойформу.

Рис. 11.6. Ложные стили


234 Урок 11

При выполнении команды контекстного меню текстового слоя Convert to Shape


(Преобразовать в слойформу) (рис. 11.7) появляется диалоговое окно невозмож
ности выполнения операции (рис. 11.8) изза применения ложного стиля.
Также при применении ложных стилей (Faux) невозможна работа с некоторы
ми спецэффектами, например с Warp. Тогда необходимо отменить ложные стили
или использовать другие шрифты.

Рис. 11.7. Команда Convert to Shape

Рис. 11.8. Диалоговое окно невозможности выполнения операции


Урок 12
РЕЖИМЫ НАЛОЖЕНИЯ

Режимы наложения — это наиболее часто используемый способ создать эффек


тный коллаж и вызвать массу вопросов, практически нечего не делая. С другой
стороны, это профессиональное сопровождение алгоритмов программы, исполь
зующее параметры слоя, инструментов рисования и слоевых эффектов.
В этом уроке вы узнаете:
 что такое режимы наложения и для чего они нужны;
 где устанавливаются режимы наложения и как их изменять;
 как использовать режимы наложения для колоризации — это очень модно;
 как раскрасить обезьянку и уходящего человека,
а также найдете много советов по использованию режимов наложения в коры
стных целях.
Мы выполним на этом уроке много забавных примеров, используя только па
раметры слоя и инструментов.
236 Урок 12

Определение. Классификация
Режимы наложения (Blending Mode) — это специальные математические алго
ритмы смешивания пикселов. Применяются в основном для создания спецэф
фектов (табл. 12.1).
Таблица 12.1. Режимы наложения
Режимы наложения 237

Таблица 12.1 (окончание)

вый цвета,

базовый цвета,
238 Урок 12

Режимы наложения задаются:


 в параметрах инструментов и команд (параметры Mode, Blending Mode);
 в палитре Layers (Слои), как параметр слоя (выпадающий список без названия
в верхней части палитры);
 в диалоговом окне слоевых эффектов Layer Style (параметр Blend Mode).
В палитре Layers (Слои) у слоя Background заблокирован режим наложения.

Применение режимов наложения в слоях

Режим Normal (Нормальный)


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

Режим Multiply (Умножение)


Режим предназначен для создания теней и реалистичного нанесения изобра
жения на объект.

Реалистичные татуировки
Мы уже встречались по этому вопросу с молодым человеком.
1. Откройте файл с диска сопровождения Lessons\Урок_12_Режимы наложения\
Татуировки.psd.
2. Обратите внимание на слои с татуировками, где тату располагаются на белом
фоне.
3. Активизируйте слой Тату_дев. В палитре Layers у данного слоя установите ре
жим наложения Мultiply. То же повторите для слоя Тату_юн (рис. 12.2).
Режим наложения можно установить у любого слоя, кроме Background.
Что дает режим наложения Мultiply? Он как бы накладывает цвет, учитывая
текстуру нижележащего слоя. Все тени на нижележащем объекте, шероховатости
будут учтены. Белый цвет при этом исчезает. Все татуировки выглядят реалистич
но, как «родные».

ПРИМЕЧАНИЕ При рисовании белым цветом в этом режиме ничего не меняется.


Режимы наложения 239

Рис. 12.1. Изображение с татуировками на белом фоне

Рис. 12.2. Режимы наложения слоев установлены Мultiply


240 Урок 12

Режим Screen (Осветление) для коллажей


С помощью этого режима легко создавать коллажи (смешение нескольких изоб
ражений с целью достижения визуального эффекта на выбранную рекламную
тему).
1. Откройте файл с диска сопровождения Lessons\Урок_12_Режимы наложения\Screen.psd
(рис. 12.3).
2. Активизируйте слой Screen. В палитре Layers установите режим наложения
Screen и Opacity 61% (рис. 12.4).

Рис. 12.3. Стартовое изображение

Рис. 12.4. Режим Screen


Режимы наложения 241

Режимы Hue (Цветовой тон) и Color (Цвет)


для колоризации изображений
Колоризация (тонирование) — эффектный прием, часто используемый в рекла
ме. Колоризацию можно создавать многими способами. Один из них — примене
ние режима наложения Color (Цвет).
1. Откройте файл с диска сопровождения Lessons\Урок_12_Режимы
наложения\Hue_Color.psd.
2. Активизируйте слой Color (рис. 12.5).
3. Если у слоя Color изменить режим наложения на Normal (Нормальный), то вы
увидите, что слой — это сплошной синий цвет.
4. Аналогичный прием используется в слое Color 2, только цвет колоризации —
коричневый.
5. Слой Hue первоначально зеленого цвета. При установленном режиме Hue (Цве
товой тон) он дает несколько устрашающий результат, но для демонстрации
возможности режимов наложения это показательный пример. Вряд ли вы бу
дете использовать данный прием в работе.

ПРИМЕЧАНИЕ Самые распространенные цвета при колоризации — синий и коричневый. Корич


невый, правда, более насыщенный, чтобы создать эффект сепиа (старой выцветшей фотографии).

Рис. 12.5. Колоризация цветом слоя с использованием режима наложения


242 Урок 12

Различные варианты создания


коллажа
В коллажах очень важно создать настроение.
Несмотря на то, что у всех взгляд на настроение раз
ный.
Прелагаю вашему вниманию пример, в котором
применены различные варианты режимов наложе
ния.
1. Откройте файл с диска сопровождения Lessons\
Урок_12_Режимы наложения\ Soft_Light.psd.
2. Активизируйте слой Overlay (рис. 12.6). Это фо
тография девушки в измененном режиме нало
жения.
3. Попробуйте применить другие режимы наложе
ния, например Color Dodge, Color Burn и т. д. Как
изменяется изображение в зависимости от раз
личных вариантов смешивания пикселов?
4. Откройте файл с диска сопровождения
Lessons\Урок_12_Режимы наложения\ Режимы_нало
жения.psd (рис. 12.7).

Рис. 12.6. Варианты изменения режимов наложения Рис. 12.7. Создание коллажа
Режимы наложения 243

Элементы графики в коллажах


Если вам необходимо подчеркнуть научную или архитектурную компоненту в
проекте (вот было на чертежах, а стало в реальности), можно использовать такие
приемы, основанные на режимах наложения.
1. Откройте файл с диска сопровождения Lessons\Урок_12_Режимы наложения\Графика и
текст\Start.psd (рис. 12.8).
2. Установите в параметрах слоев Вертикальный блок и Горизонтальный блок ре
жимы наложения Мultiply, у слоя Надпись — Darken. «Почему не Мultiply?» —
спросите вы. Darken (Темнее) находится в группе затемняющих режимов и вы
бирает при сравнении пиксел с более темными составляющими, что мы видим
в случае с нашей надписью.
3. Результат изменения режимов наложения — на рис. 12.9.

Рис. 12.8. Файл Start.psd

Рис. 12.9. Надписи в коллаже


244 Урок 12

Бывают и другие задачи, когда необходимо создать белый (инверсный) текст.


Тогда применяется такой алгоритм:
1. Установите у слоя Горизонтальный блок режимы наложения Normal (Нормаль
ный) (рис. 12.10).
2. Выполните команду главного меню Image | Adjustments | Invert (Изображение |
Коррекция | Инвертировать) или нажмите <Ctrl>+<I>. У слоя изменится бе
лый цвет на черный, а черный на белый (рис. 12.11).
3. Установите у слоя режим наложения Screen (Осветление). При этом режиме
пропадет черный цвет, останется только белый текст (рис. 12.12).

ПРИМЕЧАНИЕ Режимы наложения Мultiply и Screen являются базовыми при создании сло
евых эффектов. На основе данных режимов реализованы тени и свечения, создаваемые в слое
вых эффектах (стилях).

Рис. 12.10. Слой Горизонтальный блок, режим наложения Normal

Рис. 12.11. Инверсия цветов слоя


Режимы наложения 245

Рис. 12.12. Белый (инверсный) цвет текста

Колоризация при помощи инструментов


рисования
Мы с вами рассматривали режимы наложения как параметры слоя. Еще одним
из способов колоризации является применение режима наложения Color (Цвет)
для инструментов рисования: Brush, Gradient и команды Edit | Fill.

Раскрашивание черноLбелой фотографии


Выполните следующие действия:
1. Откройте чернобелое изображение с диска сопровождения
Lessons\Урок_12_Режимы наложения\Раскрашивание\Обезьянка.jpg. Мы ее (обезьянку)
раскрасим.
2. В таком виде как сейчас — режим Grayscale (чернобелый) — изображение рас
красить невозможно, поэтому командой главного меню Image | Mode | RGB
Color мы переведем его в режим, поддерживающий миллионы цветов.
3. Установите в панели параметров инструмента Brush (Кисть) режим наложения
Color (Цвет) (рис. 12.13).
4. Выберите в палитре Swatches (Образцы цвета) красный цвет и проведите по
губам обезьянки. О чудо! Губы закрашиваются, а блики остаются (рис. 12.14).

Рис. 12.13. Панель параметров инструмента Brush


246 Урок 12

Рис. 12.14.
Раскрасьте губы
красной
кисточкой

5. Раскрасьте обезьянку коричневым цветом, выбрав образец в конце палитры


Swatches.
6. Сравните ваше раскрашивание с моим из файла Раскрашивание\Обезьянка
раскрашенная.jpg.

ПРИМЕЧАНИЕ Рисование любым оттенком серого, например белым, в режиме наложения


Color будет приводить к удалению неверно нанесенного цвета.
Для значительных по размеру областей целесообразно бывает использовать предварительное
выделение с последующим применением команды Edit | Fill в режиме наложения Color.

Проект «Твердой поступью в светлое будущее»


Вот такой интересный слоган к раскрашенной фотографии придумал один мой
талантливый студент. Предлагаю вам закрепить навыки работы со слоями и в рас
крашивании.
1. Откройте изображения из папки Твердой поступью на диске (рис. 12.15).
2. Ваша задача — создать изображение, подобное примеру. Для этого необходимо
перевести стартовое изображение в модель RGB.
Режимы наложения 247

Рис. 12.15. Стартовое изображение

3. Инструментом Полигональное лассо выделите человека. Скопируйте его на


новый слой.
4. Создайте копию слоя с выделенным человеком и трансформируйте его (непро
порционально). Итого пока три слоя.

Рис. 12.16. Блокировка прозрачных пикселов слоя от закрашивания


248 Урок 12

5. Инструментом Brush (Кисть) в режиме наложения Color раскрасьте все слои.


6. Для удобства закрашивания необходимо ограничить действие кисти в рамках
слоя. Возможны два способа ограничения работы кисти при раскрашивании:
загрузка слоя как выделения или блокировка прозрачных пикселов слоя в па
литре Layers (рис. 12.16).
7. Создайте графические элементы в новых слоях и текстовую надпись.
Урок 13
СЛОЕВЫЕ ЭФФЕКТЫ

Мы живем в виртуальном мире иллюзий. Создать


иллюзию за один щелчок, чтобы перевоплотить<
ся — мало, но кто откажется от такого легко<
го пути достижения цели

Из этого урока вы узнаете:


 что такое слоевые эффекты;
 как изменить параметры эффекта;
 как сохранить стиль для дальнейшей работы;
 как создать собственный стиль;
 как загрузить библиотеку стилей;
 об использовании слоевых эффектов в рекламе.
Кроме того, мы создадим капли воды, используя только настройки програм
мы, сделаем детский текст как из мультфильма, используя только слоевые эффек
ты, и рассмотрим, из чего же создано золото?
На уроке мы создадим стиль, имитирующий каплю, пройдя шаг за шагом про
цесс его разработки, чтобы оценить, насколько параметры эффекта влияют на
отображение слоя. Мы рассмотрим примеры профессиональных стилей, имити
рующих золото, сложные текстуры, мрамор. Я покажу вам, как при помощи са
мых простых стилей из воздуха создается реклама.
250 Урок 13

Что такое слоевые эффекты?


Слоевые эффекты — это применение к слою имитации различных свойств, за
полнения материалом или цветом, обводки, освещения. Вы можете настраивать,
отменять, создавать различные эффекты в самых невероятных сочетаниях.
В Photoshop существует возможность к каждому из слоев изображения, в том
числе и к тексту, применять слоевые эффекты, исключение — слой Background.
Параметры эффектов задаются в пикселах. Это означает, что эффекты с одни
ми и теми же установками будут выглядеть неодинаково на изображениях с раз
ным разрешением. Поэтому существует возможность масштабировать эффекты.
Слоевые эффекты (табл. 13.1) создаются и настраиваются в диалоговом окне
Layer Style.
Таблица 13.1
Слоевые эффекты 251

Совокупность одного или нескольких слоевых эффектов образуют один стиль.


Photoshop имеет библиотеку стилей, которую можно дополнять собственными
образцами, добавляя их в палитру Styles (Стили).

Диалоговое окно Layer Style (Стиль слоя)


Для работы с эффектами предназначено диалоговое окно Layer Style (Стиль
слоя). Мы рассмотрим его работу на примере теста.
1. Откройте файл Lessons\Урок_13_Слоевые эффекты\H20.psd с компактдиска.
2. Чтобы вызвать окно эффектов слоя, выполните одно из следующих действий:
 щелкните дважды справа от названия слоя в палитре Layers (Слои);
 нажмите кнопку с буквой внизу палитры Layers (Слои) и выберите
название эффекта из открывшегося списка;
 выполните команду Layer Style (Стиль слоя) из главного меню Layer (Слои)
и выберите в списке один из эффектов.
3. Откроется диалоговое окно Layer Style (Стиль слоя) (рис. 13.1).
Диалоговое окно Layer Style имеет множество вкладок, список которых нахо
дится в его левой части.
Первая вкладка Styles служит для выбора и управления стилями.

Рис. 13.1. Диалоговое окно Layer Style


252 Урок 13

Вкладка Blending Options: Default предназначена для работы с режимом нало


жения слоя.
Остальные вкладки отвечают за отдельные эффекты слоя. Эффекты отобража
ются в поле просмотра окна Layer Style (Стиль слоя), а при установленном флажке
Preview (Просмотр) — и в окне документа.
Если рядом с названием эффекта установлена галочка, эффект применяется в
данный момент.
Если название эффекта подсвечено синим цветом, эффект активен и в правой
части окна вы можете настраивать его параметры.

Эффект Drop Shadow (Падающая тень)


С помощью эффекта Drop Shadow (Падающая тень) имитируется тень от объекта
на плоскости. Объект производит впечатление приподнятого над фоном.
1. Установите флажок в строке Drop Shadow (Падающая тень) (рис. 13.2).
2. В поле Blend Mode (Режим наложения) задан режим наложения тени Multiply
(Умножение). Рядом находится прямоугольник с цветом тени. По умолчанию
цвет тени черный, но вы можете выбрать для нее и другой цвет. Для этого до
статочно щелкнуть на образце и определить новый цвет в окне Color Picker (Под
борщик цвета). Например, тени на снегу синие, а на траве — темнозеленые.
3. Ползунок Opacity (Непрозрачность) регулирует непрозрачность тени.
4. Поле Angle (Угол) определяет угол источника освещения. Вы можете задать
значение в поле ввода или перетащить черту на круговой схеме на угол соот

Рис. 13.2. Вкладка Drop Shadow диалогового окна Layer Style


Слоевые эффекты 253

ветствующей величины. Проверьте влияние этого параметра на вид тени. Ус


тановка флажка Use Global Light (Использовать глобальное освещение) при
своит одинаковое направление всем примененным эффектам на всех слоях
документа.
5. Поле Distance (Расстояние) задает расстояние, на котором располагается тень
от объекта.
6. Параметр Spread (Расширение) определяет, насколько размытыми будут края
тени. Он работает только при ненулевом значении в поле Size (Размер). Чем
больше этот параметр, тем менее размыты и непрозрачны края увеличенной
тени. При максимальном значении тень совершенно не размыта по краям.
7. Параметр Size (Размер) устанавливает размер растушевки края тени снаружи.
С ростом этой величины края более растушеваны.
8. Параметр Contour (Контур) определяет форму краев тени.

Эффект Inner Shadow (Внутренняя тень)


Эффект Inner Shadow (Внутренняя тень) образует тень от границ на самом объек
те, в результате чего объект производит впечатление вырезанного из фона. Пара
метры внутренней тени те же самые, что и для падающей тени (рис. 13.3).
Отмените эффект падающей тени, чтобы рассмотреть эффект Inner Shadow
(Внутренняя тень). Измените параметры эффекта, чтобы оценить их влияние на
вид объекта.

Рис. 13.3. Вкладка Inner Shadow диалогового окна Layer Style


254 Урок 13

Эффект Outer Glow (Внешнее свечение)


Свечение — прекрасный способ выделения объектов и текста.
1. Отмените предыдущие эффекты. Активизируйте эффект Outer Glow (Внешнее
свечение) (рис. 13.4). В раскрывающемся списке Blend Mode (Режим наложе
ния) задается обычно режим Screen (Осветление). Параметр Opacity (Непроз
рачность) действует так же, как и для эффекта тени.
2. Параметр Noise (Шум) определяет зашумленность свечения, придает шерохо
ватость его краям.
3. Параметр Technique (Способ) задает точность расчета края свечения. Если в
раскрывающемся списке выбран пункт Softer (Мягкий), эффект будет более
мягким и прозрачным, если же пункт Precise (Точный) — эффект заметно ярче.
4. Параметры Spread и Size действуют так же, как и для теней.

Рис. 13.4. Вкладка Outer Glow диалогового окна Layer Style

Эффект Inner Glow (Внутреннее свечение)


Эффект Inner Glow (Внутреннее свечение) похож на предыдущий, но имитиру
ет свечение внутри по краям или из центра объектов. Все параметры эффекта те
же, что для внешнего свечения (рис. 13.5), за исключением одного — направле
ния. Направление свечения Source (Источник) может быть или Center (Центр) или
Edge (Края).
Слоевые эффекты 255

Рис. 13.5. Вкладка Inner Glow диалогового окна Layer Style

Эффект Bevel and Emboss (Выдавливание и фаска)


Это любимый эффект начинающих дизайнеров.
1. Отмените все остальные эффекты. Установите флажок в строке Bevel and Emboss
(рис. 13.6).
2. В раскрывающемся списке Style (Стиль) выбираются различные типы выдав
ливания. Список Technique (Способ) определяет метод создания эффекта, поле
Depth (Глубина) — степень выдавливания.

Рис. 13.6. Вкладка Bevel and Emboss диалогового окна Layer Style
256 Урок 13

3. Опции Direction (Направление) устанавливают направление рельефа: Up (Вверх)


или Down (Вниз).
4. Параметр Size (Размер) регулирует ширину скоса. Параметр Soften (Сглажива
ние) определяет сглаживание рельефа. Чем сильнее сглаживание, тем более
мягким будет скос рельефа.
5. В группе Shading (Тени) регулируются параметры освещения рельефа.
Дополнительно к основному заданию возможно использование вкладок Contour
(Контур) и Texture (Текстура).

Эффект Satin (Шелк)


Этот эффект имитирует складки ткани или другого материала, рябь на поверх
ности жидкости, мутность. В большинстве случаев он используется совместно с
другими.
Отмените все остальные эффекты. Установите флажок в строке Satin (Шелк)
(рис. 13.7).

Рис. 13.7. Вкладка Satin диалогового окна Layer Style

Эффекты группы Overlay (Перекрытие)


В данной группе три эффекта. При действии каждого из них происходит пере
крытие содержимого слоя выбранным цветом, градиентом или узором.
 Эффект Color Overlay (Перекрытие цветом) накладывает на изображение од
нородную заливку выбранного цвета в любом режиме наложения и с произ
вольной прозрачностью (рис. 13.8).
 Эффект Gradient Overlay (Перекрытие градиентом) накладывает на изображе
ние градиентную заливку. Щелчком по образцу градиента можно вызвать окно
Gradient Editor (Редактор градиента) и создать свой цветовой переход.
Слоевые эффекты 257

Рис. 13.8. Вкладка Color Overlay диалогового окна Layer Style

 Эффект Pattern Overlay (Перекрытие узором) накладывает на изображение за


ливку узором.
Возможно совместное использование эффектов данной группы. Например,
если вас не устраивает цвет примененного узора Pattern Overlay, то его можно пе
рекрасить при помощи слоевого эффекта Color Overlay.
1. Установите флажок в строке Pattern Overlay, выбрав стандартный первый узор
Bubbles (Пузыри) (рис. 13.9).

Рис. 13.9. Вкладка Pattern Overlay диалогового окна Layer Style


258 Урок 13

Рис. 13.10. Совместное использование режимов для перекрашивания текстур

2. Установите флажок в строке Color Overlay, выбрав режим наложения Color и


цвет для перекрашивания в окне Color Picker (рис. 13.10).

Эффект Stroke (Обводка)


Этот эффект предназначен для создания обводки слоя.
Отмените все остальные эффекты. Установите флажок в строке Stroke (Обвод
ка) (рис. 13.11).

Рис. 13.11. Вкладка Stroke диалогового окна Layer Style


Слоевые эффекты 259

Вкладка Stroke (Обводка) позволяет изменять следующие параметры:


 ширина обводки задается ползунком Size (Размер);
 ее положение относительно края объектов выбирается в списке Position (Поло
жение);
 тип обводки задают в списке Fill Type (Тип): можно выбрать Color (Цвет),
Gradient (Градиент) или Pattern (Узор).

Создание и сохранение своего стиля


Мы посмотрели все эффекты диалогового окна Layer Style.
Попробуйте теперь применить эффекты, наиболее подходящие к теме «Вода».
Постепенно, перебрав все эффекты диалогового окна Layer Style, вы создаете
свой уникальный стиль. Как же его сохранить?
Например, я применила некоторое сочетание эффектов, имитирующих воду.
Для сохранения совокупности эффектов как единого стиля необходимо перейти
на вкладку Styles, щелкнуть по кнопке New Style (Новый стиль). Задать имя. Щел
чком по кнопке OK новый стиль добавляется последним в стандартный набор сти
лей, и вы можете его использовать в следующий раз (рис. 13.12).

Рис. 13.12. Сохранение стиля

Уверяю вас, ваш стиль будет в сто раз лучше, чем то, что предлагает Adode в
стандартных наборах. Итоговый файл H20_с эффектом.psd находится на диске со
провождения (рис. 13.13).
260 Урок 13

Рис. 13.13. Имитация воды с помощью стиля

Изменение стиля
Необыкновенное удобство при работе со слоевыми эффектами представляет
то, что их можно легко изменять, выключать их видимость и настраивать в соот
ветствии с изменившимися задачами.
1. Откройте файл Oxygen.psd из папки Урок_13_Слоевые эффекты.
2. После того как к слою применены эффекты, изменяется его отображение в
палитре Layers (Слои) — рядом с именем слоя появляется значок . Ниже раз
мещаются строки эффектов: сначала общая строка, затем каждый эффект от
дельно (рис. 13.14).
3. Для изменения эффекта достаточно сделать двойной щелчок на строке слоя
или на любой из строк отдельных эффектов. Перед вами опять откроется окно
Layer Style (Стиль слоя), где возможно изменение параметров.
4. Щелчок правой кнопкой мыши на строке любого эффекта в палитре Layers
(Слои) откроет контекстное меню слоевых эффектов. В нем перечислены все
доступные эффекты (активные помечены), а также операции, которые можно
проделать с эффектами (рис. 13.15).
Наиболее часто используемые операции:
 команда Copy Layer Style (Копировать стиль слоя) копирует стиль слоя (все его
эффекты) в буфер обмена. Команда Paste Layer Style (Вставить стиль слоя) на
оборот вставляет стиль из буфера обмена;
 команда Clear Layer Style (Удалить эффекты) удаляет эффекты слоев;
 команда Scale Effects (Масштабирование эффектов) позволяет одновременно
масштабировать все примененные значения эффектов.
Слоевые эффекты 261

Рис. 13.14. Проект «Oxygen»

Рис. 13.15. Контекстное меню слоевых


эффектов
262 Урок 13

Создание стиля

Анатомия слоевого эффекта


Предлагаю вам по шагам создать достаточно сложный слоевой эффект капли,
чтобы оценить настройки эффектов.
1. Откройте файл Lessons\Урок_13_Слоевые эффекты\Капля\Капля.psd. Активизируйте вер
хний слой Raindrop. Вызовите диалоговое окно слоевых эффектов.
2. Задайте цвета капли на вкладке Color Overlay (рис. 13.16), установив голубой
цвет RGB (183; 225; 247).
3. Прозрачность для слоя, созданная с помощью слоевого эффекта, задается на
вкладке Blending Options (рис. 13.17). Результат показан на рис. 13.18. Я специ
ально создала нижний слой в виде полос, чтобы видеть изменение прозрачно
сти слоя.
4. Создайте тень на вкладке Drop Shadow. Цвет тени — синий RGB (75; 107; 149).
Установите угол и параметры, как на рис. 13.19.

Рис. 13.16. Цвет капли задается на вкладке Color Overlay


Слоевые эффекты 263

Рис. 13.17. Задание прозрачности слоя

Рис. 13.18. Результат изменения прозрачности слоя через слоевой эффект

Рис. 13.19. Создание тени


264 Урок 13

5. Создайте внутреннюю тень на вкладке Inner Shadow. Цвет тени — синий RGB
(48; 75; 152). Установите угол и параметры, как на рис. 13.20.
6. Создайте внутреннее свечение на вкладке Inner Glow. Цвет тени — синий RGB
(49; 78; 154) (рис. 13.21).

Рис. 13.20. Создание внутренней тени

Рис. 13.21. Создание внутреннего свечения


Слоевые эффекты 265

7. Добавьте тени, имитирующие объем, с помощью эффекта Bevel and Emboss.


Обратите внимание на настройки раздела Shading (Тени). Я изменила угол и
направление тени (рис. 13.22).
8. Мутность можно создать с помощью эффекта Satin (Шелк) (рис. 13.23).
9. Сохраните стиль. Результат работы в файле Капля_End.psd.

Рис. 13.22. Добавление объема

Рис. 13.23. Создание мутности


266 Урок 13

Настоящие капли воды


Наша капля слишком уж голу
бая. Я умышленно ввела цветовую
составляющую, т. к. если бы мы
имитировали прозрачную воду, то
вряд ли увидели бы результат
(рис. 13.24).
Настоящие капли выглядят вот
так — откройте файл Листва.psd из
той же папки. На верхнем слое кап
ли воды. Вот это эффект!
Возьмите Brush и порисуйте на
верхнем слое — добавьте влаги.

Рис. 13.24. Листва с водяными каплями

Примеры использования слоевых эффектов

Проект «Мой детский сад» или детская надпись


Можно, используя эффекты, создать надпись в детском стиле.
1. Создайте новый документ 800×150 px, RGB.
2. Используя инструмент Type (Текст), создайте надпись «Детский сад» (я исполь
зовала шрифт Verdana 68 pt) (рис. 13.25).

Рис. 13.25. Текстовый слой


Слоевые эффекты 267

Рис. 13.26. Изменение цвета буквы

Рис. 13.27. Разноцветные буквы

3. Выделите каждую букву по отдельности инструментом Type (Текст) (рис. 13.26),


и измените ее цвет (рис. 13.27).
4. Вызовите окно слоевых эффектов Layer Style для текстового слоя. Активизи
руйте слоевой эффект Drop Shadow. В появившемся диалоговом окне укажите
значения, как на рис. 13.28.

Рис. 13.28.
Параметры
Drop Shadow
268 Урок 13

5. Активизируйте слоевой эффект Bevel and Emboss (Выдавливание и фаска). В по


явившемся диалоговом окне укажите значения, как на рис. 13.29.
Обратите внимание на измененный параметр в разделе Shading (Тени): у пара
метра ShadowMode цвет образца серый, а не черный.

Рис. 13.29. Параметры эффекта Bevel and Emboss

Теперь развернем поразному каждую букву. Как вы знаете, нельзя в текстовом


слое трансформировать каждую букву по отдельности. Для этого необходимо тек
стовый слой растрировать.
1. Выполните команду главного меню Layer | Rasterize | Type (Слой | Растрировать |
Текст).
2. Выделите прямоугольным выделением первую букву, трансформируйте, нажав
<Ctrl>+<T> (поверните, переместите). После трансформации снимите выде
ление и выделите следующую букву (рис. 13.30).
3. Откройте файл Lessons\Урок_13_Слоевые эффекты\Детский сад\Детский сад.jpg. Перета
щите слой с надписью «Детский сад» в фотоизображение с детками. Пример в
слоях Мой детский сад.psd находится на диске сопровождения (рис. 13.31).
Слоевые эффекты 269

Рис. 13.30. В итоге надпись будет выглядеть вот так

Рис. 13.31. Итоговое изображение


270 Урок 13

Использование стилей в рекламе


Есть такой прием, когда вы разделяете одно изображение на несколько фраг
ментов с помощью простейших слоевых эффектов. Вот пример такого алгоритма.
1. Откройте файл Start.jpg из папки Реклама.
2. Создайте инструментом Rectangular Marquee (Прямоугольное выделение) об
ласть вокруг женщины (рис. 13.32).

Рис. 13.32. Область выделения

Рис. 13.33. Применение Drop Shadow


Слоевые эффекты 271

3. Скопируйте выделенные пикселы на новый слой, нажав <Ctrl>+<J>. К ново


му слою примените слоевой эффект Drop Shadow с настройками, как на
рис. 13.33. Цвет у слоевого эффекта Drop Shadow установите с координатами
RGB (140; 140; 140).
4. Сохраните стиль для дальнейшего использования.
5. Выделите другую часть изображения, скопируйте на новый слой.
6. Удобнее копировать эффект в палитре Layers. Для этого необходимо перетас
кивать пиктограмму эффекта (в конце слоя), удерживая клавиши <Ctrl>+<Alt>
(рис. 13.34).

Рис. 13.34. Копирование эффекта в палитре Layers

7. Результат разделения изображения на части с применением эффекта на


рис. 13.35.
8. Создайте новый пустой слой. На этом слое создайте прямоугольное выделе
ние. Залейте его белым цветом. Снимите выделение. Примените к новому слою
тот же слоевой эффект. У меня в файле создано два слоя, как на рис. 13.36.
9. Создайте над слоем Background новый слой. Залейте его белым цветом. Уста
новите Opacity (Непрозрачность) 50% (рис. 13.37).
10. Разместите логотип и слоган на белом маленьком прямоугольнике вверху.
Я особо не искала логотипов, а использовала форму Waves (по стилю подхо
дила) из стандартного набора Nature (Природа) Photoshop (рис. 13.38).
272 Урок 13

Рис. 13.35. Разделение изображения на части с применением эффекта

Рис. 13.36. Добавление декоративных залитых слоев


Слоевые эффекты 273

Рис. 13.37. Создание белой полупрозрачной подложки

Рис. 13.38. Окончатель


ный вариант
274 Урок 13

Примеры библиотек стилей


Откройте файл Lessons\Урок_13_Слоевые эффекты\Styles.psd (рис. 13.39).
Вы видите, как велики возможности Photoshop по имитации какоголибо ма
териала.

Рис. 13.39. Примеры различных стилей

Рис. 13.40. Стиль Gold

Стили, как и все служебные модули, можно загружать из других файлов через
контекстное меню палитры Styles. Также можно использовать для сохранения и
загрузки стилей вкладку Styles диалогового окна Layer Style.
Откройте файл Lessons\Урок_13_Слоевые эффекты\Gold.psd (рис. 13.40). Сохраните
стиль золота, пригодится в народном хозяйстве.
Урок 14
МАСКИРОВАНИЕ

Итак, пришло время профессионального создания рекламных коллажей!


Самая впечатляющая операция в Photoshop — применение слоймаски. Это
прекрасный способ создания коллажей и признак профессионального подхода к
работе.
Особенно удобна слоймаска для быстрого наброска к монтажу, когда вы на
начальном этапе работы не осознаете, подходит ли вам объект или он совершенно
лишний?
Как сделать объект прозрачным? Часто в работе необходимо временно сделать
бутылки или стаканы полупрозрачными. Я использую слоймаску для создания
этого эффекта.
Из этого урока вы узнаете:
 что такое слоймаска;
 о способах создания слоймаски;
 как влияет слоймаска на отображение слоя;
 как сделать объект прозрачным;
 как выравнивать слои в фотографиях;
 об операции clipping mask — ограничение видимости слоя.
А также получите профессиональные советы по использованию слоймасок.
Мы создадим рекламный коллаж фирмы O’Neill к новой пляжной коллекции
для продвинутой молодежи, а также коллаж на тему «Make your business», исполь
зуя файлы с диска сопровождения и свою фантазию.
276 Урок 14

Работа со слойLмаской
В предыдущих уроках для того, чтобы выполнить какиелибо действия над
объектом, мы его выделяли. Способ хорош до тех пор, пока вы не захотите что
нибудь изменить, но будет уже поздно, так как все остальное кроме объекта уже
удалено. Слоймаски позволяют избежать этого неудобства.
Слой<маска — это маска прозрачности слоя (или способ скрытия части пиксе
лов слоя). Слоймаска нужна для того, чтобы показывать или прятать те или иные
участки изображения. Вы можете добавлять, удалять, изменять слоймаску без
ущерба изображению. Это профессиональный способ создания коллажей.
Запомните следующие правила:
 вы можете редактировать слоймаску инструментами рисования, от этого бу
дет изменяться видимость слоя;
 работа в слоймаске ведется черным, белым или оттенками серого цвета;
 слоймаска не применяется к слою Background;
 для каждого слоя слоймаска может быть только одна.

Создание слойLмаски
Выполните следующие действия:
1. Откройте файлы 1.jpg и 2.jpg из папки Lessons\Урок_14_Слоймаски\1_Создание маски
с диска сопровождения.
2. Перетащите за слой Background, удерживая клавишу <Shift>, одно изображе
ние в другое (рис. 14.1).

Рис. 14.1.
Перемещение слоя
Маскирование 277

ПРИМЕЧАНИЕ Если удерживать клавишу <Shift>, при перемещении одно изображение раз
мещается по центру другого (рис. 14.2).

3. При активном верхнем слое щелкните по пиктограмме Add layer mask (До
бавить слоймаску) в нижней части палитры Layers (Слои). В результате добав
лена слоймаска к верхнему слою (рис. 14.3).

Рис. 14.2.
Совмещение
файлов в один

Рис. 14.3.
Добавление
слоймаски
278 Урок 14

Рассмотрим палитру Layers (Слои) и пиктограммы, которые появились в слое


Layer 1.
Слева пиктограмма слоя, справа — пиктограмма слоймаски. Заметьте, что
пиктограмма слоймаски в двойной рамке — это значит, активна маска, и все
действия (например, рисование) будут происходить именно в ней (рис. 14.4).
Если щелкнуть мышью по пиктограмме слоя, она будет заключена в двойную
рамку, и все действия будут производиться в слое. Если вы работаете со слой
маской, следите за ее активностью, иначе испортите сам слой. Сейчас нужно,
чтобы была активна маска, щелкните по ее пиктограмме.

Рис. 14.4. Отображение активности в палитре Layers

4. Как слоймаска влияет на отображение пикселов слоя? Сейчас цвет у маски


белый. Установите цвета по умолчанию, нажав клавишу <D>. Залейте маску
черным цветом — все пикселы слоя стали прозрачными (рис. 14.5), и сквозь
них виден нижний слой. Поэкспериментируйте с белым, черным, оцените ре
зультат.
5. Активизируйте инструмент Gradient, выберите линейный чернобелый. Растя
ните градиент по изображению при активной маске. Верхний слой будет плав
но смешиваться с нижним. Этот эффект получается изза того, что верхний

Рис. 14.5. Черный цвет маски скрывает пикселы слоя


Маскирование 279

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

Рис. 14.6. Плавное смешивание видимости слоев за счет использования градиента

Точность отображения в слойLмаске


В предыдущем примере, куда ни тяни градиентом, чтото да получалось. Такое
преимущество есть у пейзажей. Задача может усложняться, если у вас живые объек
ты, у которых нельзя сделать полупрозрачные части лиц, морд или тел.
1. Откройте файл Часы и лама.psd. Добавьте слоймаску к слою Часы (рис. 14.7).
2. Активизируйте инструмент Gradient, выберите линейный чернобелый и рас
тяните, как на рис. 14.8.
Как вы заметили, нос у ламы полупрозрачный, что портит все впечатление.
Более точное скрытие и отображение пикселов слоя можно выполнить, исполь
зуя в активной маске инструменты рисования, например Brush, черного или
белого цветов. Нам нужно показать нос ламы на нижнем слое, значит, скрыть
часть часов. Как вы помните, скрывает в маске черный цвет.
3. Сейчас активна маска! Возьмите кисть, установите черный цвет переднего пла
на, подходящий диаметр и проведите по носу ламы — результат на рис. 14.9.
280 Урок 14

Рис. 14.7. Слоймаска слоя Часы

Рис. 14.8. Применение градиента в слоймаске

Рис. 14.9. Точное скрытие пикселов инструментом Brush


Маскирование 281

Скрытие/отображение слойLмаски
Не устану повторять, что преимущество работы со слоймаской заключается в
том, что исходное изображение остается в неприкосновенности. В процессе рабо
ты можно скрыть слоймаску.
Щелкните на миниатюре слоймаски в палитре Layers (Слои), нажав клавишу
<Shift>. Этим вы временно отключите слоймаску, а в окне документа увидите со
держимое слоя целиком, без маскирования. Об отключенной маске свидетельствует
ее миниатюра, перечеркнутая косым красным крестом (рис. 14.10). Скрытие мас
ки удобно при редактировании самого изображения, размещенного на слое.
Включение видимости маски — повторный щелчок с <Shift>.

Рис. 14.10. Вид


палитры Layers
при отключении
слоймаски

Удаление, применение слойLмаски


Чтобы удалить слоймаску в случае неудачного редактирования, нужно пере
тащить ее миниатюру в палитре Layers (Слои) на кнопку с изображением корзины
Delete Layer (Удалить слой) (рис. 14.11).
В ответ на это действие Photoshop выдаст запрос (рис. 14.12) о том, что следует
сделать со слоймаской.
Варианты ответа:
 Apply (Применить) — применение маски к слою, маскированные (прозрачные)
пикселы будут удалены со слоя;
 Delete (Удалить) — удаление маски, содержимое слоя полностью сохраняется.

Рис. 14.11. Удаление слоймаски Рис. 14.12. Запрос о слоймаске


282 Урок 14

Применение различных
типов градиентов
в слойLмаске
В первом примере особой точ
ности градиентной растяжки не
требовалось, тяни куда хочешь —
результат всегда положительный.
Однако так просто бывает далеко
не всегда. В следующем примере
нам нужно создать коллаж из не
скольких изображений, причем
постараться ничего не стирать,
а использовать только возможно
сти слоймаски.
1. Откройте все файлы из папки
2_Время на компактдиске.
2. Активизируйте файл Песочные
Рис. 14.13. Совмещение изображений для коллажа часы.jpg, на его основе будем со
здавать композицию.
3. Перетащите в файл Песочные часы
слой из файла Часы.jpg. Умень
шите размер, разверните. До
бавьте слоймаску (pис. 14.13).
В данном примере мы будем ис
пользовать для маски радиаль
ный градиент. Здесь необходи
мо почувствовать, какая часть
часов будет скрыта и каким об
разом, т. к. градиентную растяж
ку вы должны задавать осознан
но, а не как попало!
4. Активизируйте инструмент
Gradient, выберите чернобе
лый радиальный; проверьте ак
тивность маски, растяните, как
на рис. 14.14. Обратите внима
ние, на рис. 14.14 стрелками
показаны возможные направ
ления и величины требуемой
градиентной растяжки.
Рис. 14.14. Скрытие по радиусу части пикселов слоя
Маскирование 283

Если растянуть градиент


на большее расстояние,
то часы не будут полно
стью скрыты, если на
меньшее, то часы будут
видны лишь частично.
Еще раз подчеркну, что
в данном случае не надо
выделять, удалять пик
селы слоя, вы только из
меняете их отображе
ние.
5. Перетащите теперь в
наш рабочий файл кла
виатуру из файла Кла
виатура.jpg. Уменьшите ее
(рис. 14.15).
6. Добавьте к слою слой Рис. 14.15. Уменьшение клавиатуры
маску. Примените ради
альный градиент. Воз
можные направления
градиента показаны на
рис. 14.16.
Таким образом, в данном
примере самая важная часть
работы заключается в опре
делении размера градиент
ной растяжки. Однако воз
можна такая ошибка, часто
встречающаяся у моих слуша
телей (рис. 14.17), — исполь
зован радиальный чернобе
лый градиент, а направление
у него «наоборот».
Тогда вам нужно только
поставить флажок Reverse
(Обратить) в панели пара
метров инструмента Gra
dient (рис. 14.18).
Пример выполненной
работы находится в файле
Время.psd (рис. 14.19).
Рис. 14.16. Возможные направления градиента
284 Урок 14

Рис. 14.17. Возможная ошибка при применении градиента в слоймаске

Рис. 14.18. Изменение направления градиента на обратное

Рис. 14.19. Коллаж «Время»


Маскирование 285

Рекламный коллаж для фирмы O’Neill


Думаю, все любят море и солнце. Наша задача заключается в создании рекла
мы новой пляжной коллекции фирмы O’Neill для продвинутой молодежи. В пап
ке 3_O’Neill\Материалы находятся изображения для коллажа и логотип фирмы. Так
же заказчики попросили сделать какуюнибудь татуировку, татуировки
прилагаются.
1. Откройте два файла с молодежью из папки Материалы. Совместите два файла в
один 2.jpg. Добавьте к верхнему слою слоймаску с линейным градиентом. Ве
личина растяжки показана на рис. 14.20.
2. Чтобы рука у девушки не была полупрозрачной, возьмите кисть черного цвета
и проведите в активной маске, как показано на рис. 14.21.

Рис. 14.20. Величина растяжки линейного градиента


286 Урок 14

Рис. 14.21. Восстановление руки с помощью кисти в маске

3. Активизируйте слой щелчком по его пиктограмме (при активной маске команда


не действует). Выполните команду File | Place, поместив логотип из файла
O_Neill_Logo.eps.
4. Увеличьте размер логотипа, применив трансформацию. При согласии с транс
формацией логотип преобразовался в Smart Object. Нам бы удалить белый фон,
да Photoshop запрещает, т. к. это не растровый объект.
5. Растрируйте Smart Object командой главного меню Layer | Smart Objects |
Rasterize.
6. Возьмите инструмент Magic Wand (Волшебная палочка) и удалите белый фон у
логотипа (рис. 14.22).
7. Загрузите кисти из служебного файла tattoo.abr. Создайте новый слой для татуи
ровки, установите его в режим Multiply. Возьмите Brush (Кисть), щелкните по
плечу юноши (рис. 14.23).
Итоговый файл в слоях — Реклама O’Neill.psd.
Маскирование 287

Рис. 14.22. Изображение с логотипом

Рис. 14.23. Добавление татуировки


288 Урок 14

Коллаж «Make your business»


Вам нужно создать коллаж на тему «Make your business», используя файлы из
папки и свою фантазию. Наши варианты находятся в папке 4_Маke your
business\Примеры (рис. 14.24).

Рис. 14.24. Пример выполнения работы

Как сделать объект прозрачным?


Часто в работе необходимо временно сделать бутылки или стаканы полупроз
рачными. Я использую слоймаску для создания этого эффекта.

Работа со слойYмаской и ручным выделением

1. Откройте изображение Бутылка.psd из папки 5_Прозрачная бутылка. В файле два слоя.


Мы создадим у верхнего слоя полупрозрачность в слой маске, ограничив ее
контуром бутылки. Контур бутылки и колпачок не прозрачны.
2. Создайте у верхнего слоя слоймаску.
3. Активизируйте инструмент Polygonal Lasso (Полигональное лассо). Выделите
область внутри бутылки, чуть отступив от края (5–6 пикселов), как на рис. 14.25.

Рис. 14.25. Выделение внутри бутылки


Маскирование 289

4. В режиме вычитания выделения (удерживая <Alt>) полигональным лассо об


ведите область этикетки. Этикетка тоже должна быть непрозрачная и четкая
(рис. 14.26).
5. В результате выделена только та часть бутылки, которая должна быть прозрач
на. Активизируйте маску щелчком по ее пиктограмме в палитре Layers (Слои)
(рис. 14.27).
6. При активной маске используйте команду Edit | Fill (Редактирование | Залить),
выбрав 50% Gray (50% cерого) (рис. 14.28).

Рис. 14.26.
Вычитание этикетки
из выделенной области

Рис. 14.27.
Требуемая выделенная область
290 Урок 14

7. Вы видите, что выделенная часть


стала полупрозрачной. Она отобра
жается серым цветом в слоймаске
на рис. 14.29. Таким образом, мы ра
ботаем с маской, а полупрозрачным
становится слой.
8. Снимите выделение. Дополнитель
но можно применить фильтр, вы
полнив команду Filter | Blur | Gaussian
Blur, для плавного перехода полу
прозрачной области. Будьте внима
Рис. 14.28. Использование заливки в маске для тельны, активна должна быть слой
создания полупрозрачности маска (рис. 14.30), чтобы не размыть
слой.
Результат в файле Бутылка с про
зрачностью.psd.
9. Увеличьте вправо размер изображе
ния и сделайте надпись, как в фай
ле Пример.jpg (рис. 14.31).

Рис. 14.29. Работа в маске

Рис. 14.30. Активность маски при применении


операций Рис. 14.31. Прозрачная бутылка
Маскирование 291

Использование слойYмаски и каналов выделения


В уроке 8 рассказывается о работе с каналами выделения. У меня в этом файле
уже существует выделение бутылки и этикетки, сохраненное в каналах. Используем
каналы для загрузки выделения (зачем выделять то, что один раз уже выделено).
1. Вернитесь в состояние начальной загрузки изображения Бутылка.psd из папки
5_Прозрачная бутылка.
2. Активизируйте палитру Channels (Каналы). Загрузите выделение из Alpha 1
(<Ctrl>+ щелчок по имени канала). При этом канал выделения не станет ак
тивным!
3. Выполните команду главного меню Select | Modify | Contract (Выделение | Мо
дифицировать | Сократить), введя значение 5 px. Граница выделения умень
шится (рис. 14.32).
4. Если после этого щелкнуть по названию другого канала — Alpha 2 — с нажатой
комбинацией клавиш <Ctrl>+<Alt>, то он будет вычтен из выделенной об
ласти.
5. При активной маске используйте команду Edit | Fill (Редактирование | Залить),
выбрав 50% Gray (50% cерого) (рис. 14.33). Результат такой же, как на рис. 14.29.

Рис. 14.32. Выделение внутри бутылки


292 Урок 14

Рис. 14.33. Вычитание каналов

Создание маски с использованием выделения


Если у вас есть выделение в слое, то слоймаска будет создана по выделению.
Это очень удобно для быстрого наброска монтажа, когда вы на начальном этапе
работы еще не осознаете, подходит ли вам объект или он совершенно лишний,
тогда зачем его досконально выделять?
1. Откройте файл Лыжник.psd из папки 6_Выделение. В изображении два слоя. Как
посмотреть, подойдет ли лыжник для данной композиции?
2. Выделите лыжника. Разумно выделить фон за лыжником волшебной палочкой
(рис. 14.34) и инвертировать выделение командой Select | Inverse.
3. Добавьте слоймаску щелчком по пиктограмме слоймаски в палитре Layers
(Слои) (рис. 14.35).
4. Вы можете корректировать отображение лыжника инструментом Brush черно
го или белого цвета, работая в слоймаске (см. разд. «Точность отображения в
слой<маске» ранее в этом уроке). Можно применять или удалять слоймаску, это
намного удобнее и правильнее, чем удалять пикселы слоя.
Маскирование 293

Рис. 14.34.
Выделение лыжника

Рис. 14.35.
Выделение объекта
перешло в слоймаску
294 Урок 14

Операция Clipping Mask (Маска отсечения)


Clipping Mask — это операция ограничения видимости или действия слоя.
В качестве отсекающей маски может выступать:
 растровый слой с областями прозрачности;
 текстовый слой;
 слойформа (shapelayer).

Создание маски отсечения с растровым слоем


1. Откройте файл Bear.psd из папки 7_Маска отсечения.
2. Активизируйте слой Медведи (рис. 14.36). Слой с маской отсечения находится
внизу и не виден.
3. Удерживая клавишу <Alt>, подведите указатель мыши к разделительной ли
нии слоев медведи и B, появится значок , щелкните по разделительной ли
нии (рис. 14.37). Повторный щелчок с <Alt> отменяет операцию.

Рис. 14.36. Файл Bear.psd


Маскирование 295

Рис. 14.37. Значок отсекающей маски

4. В результате выполнения операции видимость слоя с медведями будет ограни


чена нижележащим слоем. Слева от пиктограммы слоя медведи появилась стрел
ка вниз, а название слоя B подчеркнуто.
В данном случае, если необходимо применить слоевые эффекты, то эффекты
применяются к слою отсечения, т. е. к форме. Обратите внимание: в данном
файле к слою B применен стиль, включающий выдавливание и внешнее свече
ние (рис. 14.38).

Рис. 14.38.
Ограничение
видимости слоя
296 Урок 14

Рис. 14.39.
Изменение
отображения
фотографии

5. В чем преимущество растровой маски? Вы ее всегда можете изменить с помо


щью инструментов рисования, а также сделать области растушеванными.
6. Активизируйте слой с маской. Возьмите кисть любого цвета и проведите по
месту, где в маске отверстие. Вы изменяете область отображения (рис. 14.39).
Итоговый файл в слоях — Bear_end.psd.
Операцию Clipping Mask можно выполнять через главное меню. Рассмотрим
пример. Откройте файл Angel.psd из папки 7_Маска отсечения (рис. 14.40).
Активизируйте верхний слой с фотоизображением. Выполните команду глав
ного меню Layer | Create Clipping Mask (Слой | Создать отсекающую маску). Ре
зультат тот же (рис. 14.41). К слою отсечения применены слоевые эффекты.

ПРИМЕЧАНИЕ Как вы заметили, цвет слоя отсечения не имеет значения, т. к. он перекрыва


ется фотоизображением верхнего слоя.

Маскирование текстом
Операцию Clipping Mask возможно выполнять и с текстовым слоем. Это очень
распространенный дизайнерский прием. Откройте файл Вода.psd. Создайте маску
отсечения с текстовым слоем. Обратите внимание, что к текстовому слою приме
нен слоевой эффект, изменяющий цвет воды (рис. 14.42).
Маскирование 297

Рис. 14.40. Файл Angel.psd

Рис. 14.41. Применение операции Create Clipping Mask

Рис. 14.42.
Маскирование
текстовым слоем
298 Урок 14

Автовыравнивание слоев
Тема относится больше к работе со слоями, но без слоймаски работать было бы
невозможно. Как часто бывает при коллективной съемке, ктото зашевелился или
почесал в носу, закрыл глаза, и весь кадр испорчен! Представляю вам новую воз
можность — автовыравнивание слоев и фотографию одного из выпусков (рис. 14.43).
1. Откройте файлы Кадр_1.jpg и Кадр_2.jpg из папки 8_Авто_выравнивание.
2. Совместите два слоя в один файл.
3. Выделите два слоя одновременно.
4. Активизируйте инструмент Move (Перемещение). В панели параметров най
дите кнопку AutoAlign Layers (Автовыравнивание слоев) (рис. 14.43).
5. Вызовите команду. В диалоговом окне команды выберите способ Auto (Авто)
(рис. 14.44).
6. Добавьте к верхнему слою слоймаску. Кистью в слоймаске смешайте лучшие
«выражения лиц» (рис. 14.45).
7. Обрежьте ненужные части инструментом Crop. Если всех устраивает резуль
тат — сведите слои.
Результат с маской в файле Итог_выравнивание.psd.

Рис. 14.43. Совмещение слоев в один файл


Маскирование 299

Рис. 14.44. Диалоговое окно AutoYAlign Layers

Рис. 14.45. Смешивание разных вариантов


300 Урок 14
Урок 15
ФИЛЬТРЫ

Почти все прохожие на улице знают Photoshop и смогут поддержать беседу о


новшествах и необходимости установки новой версии, вышедшей вчера. Когда
спрашиваешь, что именно их потрясло и изумило, ответ почти всегда один: вол
шебная палочка и фильтры программы. Разговоры о фильтрах могут вообще не
прекращаться. А уж сколько выпущено на эту тему книг и написано алгоритмов —
и не сосчитать. Тема действительно интересная, и самое главное щелк — и готово.
В этом уроке вы узнаете, как выполнять следующие действия:
 применять фильтры программы;
 применять Smart (умные) фильтры с возможностями настроек;
 создавать перспективные заплатки с помощью фильтра Vanishing Point;
 использовать классные алгоритмы;
 создавать рамку вокруг фотографии;
 имитировать эффект движущейся машины;
 создавать дружеские шаржи;
 выделять сложные пушистые объекты;
 размывать, добавлять шум и многое другое в самой интересной теме урока.
На уроке мы будем на примерах с диска сопровождения выполнять алгоритмы
по шагам.
302 Урок 15

Обзор фильтров
Многие спецэффекты, которые можно создать с помощью Photoshop, достига
ются исключительно на основе встроенных фильтров и определенной фантазии
дизайнера. Фильтры — это модули в составе Photoshop, выполняющие работу по
обработке изображения и основанные на математических операциях.

Что следует знать о фильтрах?


Фильтры подразделяются на художествен
ные, служебные и фильтры с собственным ин
терфейсом. Художественные предназначены
для улучшения изображения с точки зрения
«зрелищности», а служебные — для решения
задач улучшения качества изображения или
приведения его в соответствие условиям, за
данным автором. Фильтры с собственным ин
терфейсом используются для специфических
задач, решение которых требует инструмен
тов, которыми сам Photoshop не располагает.
Не все фильтры работают во всех цветовых
пространствах. Многие фильтры не работают
в модели CMYK, о чем должны помнить ди
зайнеры, переводящие документ в эту цвето
вую модель заранее.
Фильтры можно применять как к целому
слою, так и к выделенному участку слоя.
Фильтры бывают настраиваемые и ненас
траиваемые. Настраиваемые фильтры имеют
диалоговые окна с параметрами, ненастраи
ваемые — нет.
В старых версиях программы фильтры ра
ботали «насмерть». Новые замечательные воз
можности — назначение и использование
Smart Filters (Умные фильтры). В данном ка
честве фильтры можно настраивать и регули
Рис. 15.1. Фильтры Photoshop
ровать зону действия с помощью слоймаски.
Скорость действия фильтра (как и многих
операций программы) зависит от размера ва
шего файла.

Основные группы фильтров программы


Основные группы фильтров программы представлены на рис. 15.1 и в табл. 15.1.
Фильтры 303

Таблица 15.1. Фильтры Photoshop


304 Урок 15

ПРИМЕЧАНИЕ Существует понятие стандартных фильтров. Это фильтры, загружаемые вмес


те с программой. Помимо них существует целая индустрия по производству фильтров, которые
можно добавить в Photoshop самостоятельно, устанавливая файлы с новыми фильтрами в папку
Plugins. Например, для установки фильтра Extract необходимо скопировать файл ExtractPlus.8bf
с компактдиска в папку C:\Program Files\Adobe\Adobe Photoshop CS5\PlugIns\Filters\.

Служебные группы фильтров Photoshop


К служебным фильтрам относятся фильтры групп: Blur, Noise и Sharpen.
Blur (Размытие). Эффект применения фильтров этой группы заключается в раз
мытии переходов между областями различного цвета. Самым универсальным яв
ляется фильтр Gaussian Blur (Гауссово размытие).
Noise (Шум). C их помощью строятся естественные структуры и размываются
слишком гладкие поверхности. Фильтры этой группы предназначены как для до
бавления, так и для удаления шумов.
Sharpen (Резкость). Фильтры, позволяющие увеличить контраст и подчеркива
ющие детали изображения. Наиболее часто используемый — Unsharp mask (Не
резкая маска).
По опыту преподавания я буду демонстрировать эти фильтры в составе алго
ритмов, а не отдельно.

Фильтры с собственным интерфейсом


Эти фильтры нацелены на решение специфических задач, для которых необ
ходимы особые инструменты. С помощью подобных фильтров можно:
 создавать выделение ворсистых объектов (Extract);
 выполнять ретушь с учетом искажения перспективы (Vanishing Point);
 искажать форму объектов (Liquify).
Мы будем рассматривать эти три фильтра на отдельных примерах.

Демонстрация действия
стандартных фильтров
Выполните следующие действия:
1. Откройте файл Lessons\Урок_15_Фильтры\Цветы.psd.
2. Включите видимость слоя Texturize. Вы увидите уже обработанный фильтром
Texture | Texturize (Текстура | Текстуризация) слой.
3. Включая последовательно видимость слоев, вы увидите применение других филь
тров на изображение (примененный фильтр указан в названии слоя) (рис. 15.2).
Фильтры 305

Рис. 15.2. Применение различных фильтров к изображению

Применение стандартных фильтров


Выполните следующие действия:
1. Откройте файл Lessons\Урок_15_Фильтры\Девушка.jpg.
2. Выполните команду главного меню Filter | Artistic | Colored Pencil (Фильтр | Ими
тация | Цветной карандаш). Откроется окно Filter Gallery (рис. 15.3), в левой
части которого находится область предварительного просмотра действия филь
тра, а в правой части — настройки данного выбранного фильтра.

Рис. 15.3. Окно настроек Filter Gallery


306 Урок 15

3. Выберите следующий фильтр данной группы, посмотрите, как он действует на


изображение.
4. Закройте папку Artistic щелчком по треугольнику перед именем папки. Откройте
папку Brush Strokes (Штрихи кистью). Щелкая по миниатюрам, посмотрите
действие фильтров данной группы (рис. 15.4).
5. Важно помнить, что многие фильтры не отображаются в данном диалоговом
окне, поэтому применять их необходимо через главное меню Filter.

Рис. 15.4. Действие фильтра Sprayed Strokes

В этом задании вы применяли фильтр ко всему изображению. Если в изобра


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

Работа с Smart Filters (Умными фильтрами)


В старых версиях программы фильтры после использования не настраивались.
Начиная с версии CS3, существует возможность перед использованием назначить
фильтр как Smart Filter (Умный фильтр).
Оценим преимущества на примере.
Фильтры 307

1. Откройте файл Lessons\Урок_15_Фильтры\Porsche\Porsche.jpg.


2. Выделите машину инструментом Quick Selection (Быстрое выделение) или за
грузите выделение из канала.
3. Инвертируйте (обратите) выделение (рис. 15.5).

Рис. 15.5. Выделен фон

4. Перед действием фильтра выполните команду главного меню Filter | Convert


for Smart Filters (Конвертировать в умный фильтр). При действии команды
слой Background превращается в Layer 0 с характерным значком Smart
(см. урок 9) (рис. 15.6).

Рис. 15.6. Выполнение команды Convert for Smart Filters


308 Урок 15

5. Выберите из главного меню Filter | Sketch | Graphic Pen (Эскиз | Графика).


Обратите внимание, что в верхней части фильтры с собственным интерфейсом
заблокированы!
Примените фильтр с параметрами по умолчанию (рис. 15.7).
6. Применение фильтра привело к изменению слоя (рис. 15.8). Под именем слоя
добавлена маска, которая показывает ограничение действия фильтра на слой.
Также указано название примененного умного фильтра.

Рис. 15.7. Выполнение фильтра Graphic Pen

Рис. 15.8. Добавление маски и названия умного фильтра


Фильтры 309

7. Изменим фильтр. Двойным щелчком по названию фильтра Graphic Pen в па


литре Layers вызовите окно настроек фильтров (рис. 15.9).
8. Примените другой фильтр данной группы, например Water Paper (Водяная бу
мага) (рис. 15.10).

Рис. 15.9. Вызов настроек фильтра

Рис. 15.10. Применение Water Paper


310 Урок 15

9. Согласитесь с выбором фильтра — вы видите изменение названия умного


фильтра на Water Paper (рис. 15.11).
10. Изменим маску у фильтра. Пока фильтр действует только на фон, а не на ма
шину. Активизируйте маску щелчком по ее пиктограмме в слоях — маска бу
дет в двойной рамке. Возьмите кисть белого цвета и проведите по изображе
нию. Вы видите, что с корректировкой маски изменяется и область примене
ния фильтра (рис. 15.12).

Рис. 15.11. Water


Paper в палитре Layers

Рис. 15.12.
Изменение маски
влияет на области
применения фильтра
Фильтры 311

Создание эффектной рамки


У нас есть красивая фотография заснеженной вершины и цветущей ветки са
куры. Можно эффектной рамкой, выполненной при помощи фильтров, создать
настроение. Этот алгоритм, в отличие от многих, позволяет убрать рамку без ущерба
для изображения.
1. Откройте файл Lessons\Урок_15_Фильтры\Вид на гору.jpg. (рис. 15.13).
2. Создайте новый слой, залейте его белым цветом. Сделайте этот слой невиди
мым, щелкнув по пиктограмме «глаз». Активизируйте слой Background
(рис. 15.14).

Рис. 15.13. Вид на гору

Рис. 15.14. Создание двух слоев в файле


312 Урок 15

3. Активизируйте инструмент Rectangular Marquee (Прямоугольное выделение).


Выделите большую прямоугольную область внутри изображения.
4. Активизируйте верхний слой, залитый белым цветом. Установите цвета пере
днего и заднего планов по умолчанию быстрой клавишей <D>. Включите ви
димость слоя. Нажмите комбинацию клавиш <Alt>+<Backspace>, чтобы вы
полнить заливку выделенной области черным цветом.
В результате у вас должен получиться большой черный прямоугольник на бе
лом фоне (рис. 15.15). Снимите выделение прямоугольной области.

Рис. 15.15. Черный прямоугольник на белом фоне

5. Выберите команду Filter | Distort | ZigZag (Фильтр | Деформация | Зигзаг).


В диалоговом окне ZigZag введите для параметра Amount (Величина) 70;
Ridges (Ребро) — 5; выберите для Style (Стиль) Pond ripples (Ребристость)
(рис. 15.16).
6. С помощью окна предварительного просмотра можно регулировать парамет
ры фильтра. Результат действия фильтра на рис. 15.17.
7. Так как у нас вид на заснеженную гору, можно добавить немного неровности
краям. Выберите команду Filter | Distort | Ocean Ripple (Фильтр | Деформация |
Океанская рябь).
8. В диалоговом окне Ocean Ripple введите для параметра Ripple Size (Размер) зна
чение 7, а для Ripple Magnitude (Мощность) — 14 (рис. 15.18). Это приведет к
появлению ряби на чернобелом слое (рис. 15.19).
Фильтры 313

Рис. 15.16. Применение фильтра ZigZag Рис. 15.17. Слой после применения фильтра

Рис. 15.18. Настройки фильтра Ocean Ripple


314 Урок 15

Рис. 15.19.
Результат применения фильтра

Рис. 15.20.
Результат применения алгоритма

9. Активизируйте инструмент Magic Wand (Волшебная палочка). Снимите фла


жок Contiguous (Непрерывно). Щелкните палочкой по черной области верхне
го слоя.
10. Нажмите клавишу <Delete>, чтобы удалить все черные области.
Под рамкой появилось основное изображение (рис. 15.20).

Машина в движении
В рекламе автомобиля часто необходимо показать его в движении. Это совер
шенно не значит, что вы едете рядом, вас держат за ноги, и вы, высунувшись из
окна, снимаете его на поворотах. Все гораздо прозаичнее. Итак, заставим машину
двигаться.
Фильтры 315

1. Откройте файл Lessons\Урок_15_Фильтры\Машина в движении.psd. Я уже выделила ма


шину и поместила ее на отдельный слой.
2. Активизируйте слой Background (рис. 15.21).
3. Примените к нему фильтр Blur | Motion Blur (Размытие | Размытие в движении)
с параметрами, как на рис. 15.22.

Рис. 15.21. Активен слой Background

Рис. 15.22. Параметры фильтра Motion Blur


316 Урок 15

4. Активизируйте слой с машиной. Инструментом Elliptical Marquee (Эллипти


ческое выделение) выделите одно колесо (рис. 15.23).

Рис. 15.23.
Выделение колеса

5. Примените фильтр Blur | Radial Blur (Размытие | Радиальное размытие) с пара


метрами, как на рис. 15.24. Снимите выделение.

Рис. 15.24. Параметры фильтра Radial Blur

6. Инструментом Elliptical Marquee выделите другое колесо. Используя быстрые


клавиши <Ctrl>+<F>, повторите действия фильтра. Снимите выделение. Объе
дините все слои в один (рис. 15.25).
Фильтры 317

Рис. 15.25.
Машина в движении

Эффект фокусировки на объект


Этот алгоритм не раз использовался мной в дизайне. В нем всего две «изюмин
ки» и совершенно элементарные настройки. В дизайне чем проще, тем почемуто
эффектнее и реалистичнее результат. В данном примере мы сфокусируем внима
ние на бабочке в лесу, но это может быть любой другой объект.
1. Откройте все файлы из папки Lessons\Урок_15_Фильтры\Бабочка.
2. Активизируйте файл Бабочка.jpg. Инструментом Magic Wand (Волшебная палоч
ка), суммируя область между крыльями, выделите фон (рис. 15.26).

Рис. 15.26. Выделение фона


318 Урок 15

3. Инвертируйте выделение, нажав <Ctrl>+<Shift>+<I>. Инструментом Move


(Перемещение) переместите бабочку в файл с лесом Лес.jpg (рис. 15.27).
4. Скопируйте слой Background. Создайте Elliptical Marquee область вокруг бабочки
в слое Background copy (рис. 15.28).

Рис. 15.27.
Перемещение бабочки в лес

Рис. 15.28.
Выделение области в слое
Background copy
Фильтры 319

5. Инвертируйте выделение, нажав <Ctrl>+<Shift>+<I>.


6. Растушуйте выделение на 20 пикселов командой Select | Modify | Feather (Выде
ление | Модификация | Растушевка) (рис. 15.29).
7. Примените фильтр Blur | Radial Blur (Размытие | Радиальное размытие), уста
навливая параметры, как на рис. 15.30.
8. Выделите слой Background copy и в палитре Layers измените непрозрачность до
70% (рис. 15.31).
9. Сведите все слои в один (рис. 15.32).

Рис. 15.29. Задание растушевки

Рис. 15.30. Параметры фильтра Radial Blur

Рис. 15.32. Результат применения алгоритма Рис. 15.31. Изменение непрозрачности слоя
320 Урок 15

Применение фильтров в создании коллажей


Стандартные фильтры программы могут быть большим подспорьем в деятель
ности дизайнера. Предположим, вам нужно создать коллаж. Чтобы задать ритм
композиции, можно использовать фильтры группы Distort (Деформация), напри
мер Polar Coordinates (Полярные координаты). Пример использования — файл Polar
Coordinates.psd (рис. 15.33).

Рис. 15.33. Применение фильтра Polar Coordinates

Популярна группа фильтров Pixelate | Mosaic (Пикселизация | Мозаика). При


мер разбития части изображения на мозаику, настраиваемую по размеру, — файл
Pixelate_Mosaic.psd (рис. 15.34).
Для создания ритмичных подложек применяют фильтр Stylize | Extrude (Сти
лизация | Выдавливание), как в файле Stylize_Extrude.psd (рис. 15.35) на диске сопро
вождения.

Рис. 15.34. Мозаика Рис. 15.35. Результат применения фильтра Extrude


Фильтры 321

Фильтры с собственным интерфейсом

Выделение ворсистых объектов. Фильтр Extract


Развевающиеся перья шляп, пушистые коты, шевелюры разных цветов тоже
имеют право быть хорошо выделенными. Самый простой способ выделения —
алгоритм использования фильтра Extract (Извлечь).

ВНИМАНИЕ Для установки фильтра Extract необходимо скопировать файл ExtractPlus.8bf с ком
пактдиска в папку C:\Program Files\Adobe\Adobe Photoshop CS5\PlugIns\Filters\.

Но вы должны знать об особенностях действия фильтра Extract.


 Фильтр принадлежит к группе фильтров со своим интерфейсом. Все операции
происходят в отдельном диалоговом окне. После применения окно закрывает
ся, и обратного хода в него нет.
 Применение фильтра уничтожает слой Background, превращая его в обыкно
венный слой. При этом остается выделенный объект и больше ничего. Поэто
му стоит перед началом работы создать копию слоя Background.
 Точность обводки шерсти (или волос, перьев) определяет качество результата.
Итак, выполните следующие действия:
1. Откройте файл Lessons\Урок_15_Фильтры\Кот.jpg. Сейчас мы его выделим.
2. Предварительно создайте копию слоя Background.
3. Вызовите команду Filter | Extract.
4. Активизируйте инструмент Edge Highlighter (Подсветка границ). Этим инстру
ментом надо как можно точнее обвести объект по области шерсти (тело объек
та и фон — это не шерсть). Область должна быть замкнутой (рис. 15.36)!
Вы можете в правой части окна фильтра изменить цвет обводки и диаметр. Ди
аметр эффективнее изменять быстрыми клавишами (как и любой кисти). Так
же, удерживая <Alt>, возможно переключение на инструмент Eraser (Резин
ка), находящийся в том же диалоговом окне, если обвели чтото не то.
Точность обводки шерсти (или волос, перьев) определяет качество результата
(рис. 15.37). Минимизируйте диаметр в областях, где ворса почти нет. Но не
протрите случайно дыру резинкой!
5. Укажите на объект, щелкнув по нему инструментом Fill (Ковш заливки)
(рис. 15.38). Цвет заливки можно изменять.
6. Нажмите кнопку Preview (Просмотр) в правой части окна. Тогда программа
начнет анализировать цвета пикселов объекта и обводки. Цвета, подходящие
под цвет объекта, будут отнесены к объекту. При нажатой кнопке Preview (Про
смотр) объект будет отображаться на клетке (рис. 15.39).
322 Урок 15

Рис. 15.36. Обводка области шерсти

Рис. 15.37. Точность обводки шерсти


Фильтры 323

Рис. 15.38. Указание объекта

Рис. 15.39. Предпросмотр выделения


324 Урок 15

Рис. 15.40. Выбор серой подложки для удобства оценки качества выделения

Рис. 15.41. Установки для доработки выделения

7. Также на этом этапе возможен просмотр на виртуальной подложке. Цвет под


ложки выбирается в разделе Preview (рис. 15.40).
8. Если результат вас устраивает, нажмите кнопку OK. Если результат требует до
работки, установите в разделе Preview параметры, как на рис. 15.41. В списке Show
(Показать) выберите Original (Первоначальное изображение); в списке Display
(Отображение) — None (Без подложек); установите флажок Show Highlight (По
казать обводку).
9. Далее действуйте по тому же алгоритму. Вы видели, в каких областях пробле
мы. Поэтому, увеличив масштаб просмотра и используя инструменты Edge
Highlighter (Подсветка границ) и Eraser (Резинка), исправьте обводку. Заливае
Фильтры 325

те ковшом. Нажимаете кнопку Preview. И так до достижения хорошего резуль


тата.
10. Итак, результат просмотра вас устраивает. Нажимаете кнопку OK.
11. В результате действия фильтра у вас выделен объект на прозрачном фоне
(рис. 15.42).

Рис. 15.42. Выделенный объект

Фильтр Liquify (Оплавить)

Создание шаржей фильтром Liquify


Я не призываю вас делать это с родственниками, чьи фото в больших количе
ствах хранятся дома, и, не дай Бог, с начальником без чувства юмора. Но всетаки,
результат и возможности вас изумят.
Особенности действия фильтра Liquify (Оплавить).
 Данный фильтр принадлежит к группе фильтров со своим интерфейсом. Все
операции происходят в отдельном диалоговом окне.
 Если вам нужно частично или полностью отменить результат работы, нет не
обходимости отменять всю работу и начинать ее с самого начала. Пока диало
говое окно открыто, вы можете отменить деформацию.
 Чтобы отменить последнее действие, нажмите комбинацию клавиш
<Ctrl>+<Z>.
 Инструмент Reconstruct (Восстановление) восстанавливает изображение,
перемещайте его при нажатой левой кнопке мыши. Если вам нужно постепен
но уменьшать по шагам степень деформации всего изображения, щелкайте мы
шью по кнопке Reconstruct (Восстановление), находящейся в правой части
диалогового окна.
326 Урок 15

 Вы можете использовать инструмент Freeze Mask (Заморозка), действие


которого отменяет инструмент Thaw Mask (Разморозка), для защиты той
части изображения, которую вы не хотите деформировать.
Выполните следующие действия:
1. Откройте файл Lessons\Урок_15_Фильтры\Мужчина.jpg. (ни о чем пока не подозре
вающий).
2. Вызовите команду Filter | Liquify (Фильтр | Оплавить).
3. В левой части диалогового окна находятся инструменты фильтра, наиболее
часто используемые и интуитивно понятные (рис. 15.43). Действие зависит от
диаметра, изменяемого быстрыми клавишами.

Рис. 15.43. Инструменты фильтра Liquify

4. Воспользуемся инструментом Forward Warp (Деформация вперед)


(рис. 15.44) — сделаем из мужчины эльфа, подвинув вверх части уха.
5. Воспользуемся инструментом Pucker (Втягивание области) (рис. 15.45).
6. Результат может быть вот таким — Мужчина_сомневающийся.jpg (рис. 15.46).

Коррекция фигуры фильтром Liquify


При любой коррекции фотографий не стоит забывать, что видетьто вас при
дется потом все равно, извините, «живьем».
Мне было не найти аппетитных толстушек, никто не хотел идти в модели. При
шлось использовать заморских девушек. Итак, кто желает похудеть на фотогра
фии, сделать пресс, втянуть живот — этот урок для вас!
Фильтры 327

Рис. 15.44. Использование инструмента


Forward Warp

Рис. 15.45. Использование инструмента


Pucker

Рис. 15.46. Мужчина сомневающийся


328 Урок 15

1. Откройте файл Lessons\Урок_15_Фильтры\Коррекция фигуры\Модель_1.jpg.


2. Создайте копию слоя Background, чтобы было с чем сравнить работу.
3. Вызовите команду Filter | Liquify.
4. Воспользуемся инструментом Forward Warp (Деформация вперед) — уберем
живот и увеличим размер груди. Выберите диаметр инструмента, как на
рис. 15.47, и плавно перемещайте пикселы в требуемое направление.
5. Результат таких манипуляций в файле Модель_1.psd. Сравните два изображения
(рис. 15.48).

Рис. 15.47. Направление движения


инструмента (впрочем, и сами догадываетесь)

Рис. 15.48.
Использование
инструмента
Forward Warp при
коррекции фигуры
Фильтры 329

Еще один пример на данную тему. Откройте файл Модель_2.psd. Сравните два
изображения (рис. 15.49).

Рис. 15.49.
Купальщицы
с разными
размерами

Фильтр Vanishing Point


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

Нанесение изображения на поверхность


В нашем примере необходимо нанести изображение на объект, разделив объект
на три плоскости (с разной перспективой) с помощью фильтра.
Правила работы с фильтром. Заранее подготовить изображение (которое будет
наноситься на поверхность) для работы с фильтром:
 для размещения изображения на вашей поверхности на отдельном слое необ
ходимо создать новый слой перед вызовом фильтра;
 если вы будете копировать изображение (наносимое на поверхность) через бу
фер обмена, сделайте это заранее до входа в фильтр.
Далее выполните следующие действия:
1. Откройте файл с обложкой для диска Lessons\Урок_15_Фильтры\ Vanishing
Point\Обложка.jpg.
2. Выделите все изображение <Ctrl>+<A>.
3. Скопируйте файл в буфер обмена <Ctrl>+<C>.
4. Откройте файл Lessons\Урок_15_Фильтры\ Vanishing Point\Start.psd.
330 Урок 15

У меня создан новый слой Обложка (рис. 15.50), на который будет размещено
подготовленное изображение, а также сделан слой Пленка для имитации бликов
на прозрачном пленочном покрытии.

Рис. 15.50. Стартовый файл в слоях

1. Вызовите команду Filter | Vanishing Point.

2. Для создания сетки перспективы выберите инструмент Create Plane (Создать


поверхность) и щелкните в изображении, добавив 4 угловые точки перспек
тивной сетки (рис. 15.51).

3. Инструментом Edit Plane (Редактирование поверхности) вы можете пере


мещать угловые точки в случае неточного построения.

Рис. 15.51. Стартовый файл с добавлением


поверхности
Фильтры 331

4. Построим вторую поверхность. При активном инструменте Edit Plane (Редак


тирование поверхности) тянем за центральную боковую точку на грани, удер
живая клавишу <Ctrl> (рис. 15.52).

Рис. 15.52. Создание второй поверхности

5. Для разворота второй поверхности в нужном направлении необходимо пере


мещать за центральную боковую точку на грани, удерживая клавишу <Alt>
(рис. 15.53) (подсказкой служит пиктограмма «поворота»).

Рис. 15.53. Поворот второй поверхности

6. Построим третью поверхность. Действия те же: удерживая клавишу <Ctrl>


(рис. 15.54), перемещаем за центральную точку на боковой грани — создаем
поверхность (правда, она кудато в бок строится, но мы ее повернем).
332 Урок 15

Рис. 15.54. Создание второй поверхности

7. Разворачиваем третью поверхность, удерживая клавишу <Alt> (рис. 15.55).


8. Размещение обложки на поверхности. Активизируйте инструмент Marquee (Вы
деление) и вставьте файл с обложкой из буфера обмена <Ctrl>+<V> (рис. 15.56).

Рис. 15.55. Создание третьей поверхности (сетки)


с требуемой перспективой

Рис. 15.56. Вставка обложки из буфера обмена


Фильтры 333

9. Стащите обложку в выделенной области в область поверхностей, ограничен


ную синей подсветкой (рис. 15.57).

Рис. 15.57. Вставка обложки из буфера


обмена

10. Наша задача — трансформация обложки по поверхностям. Активизируйте ин


струмент Transform (Трансформация), нужно работать только с боковыми и вер
хним квадратными маркерами! Потяните за правый верхний угол (рис. 15.58).

Рис. 15.58. Трансформация обложки

11. Согласитесь с действием фильтра. В новом слое получите трансформирован


ную по перспективным граням обложку. Включите видимость верхнего слоя
с прозрачной пленкой.
Результат представлен на рис. 15.59 и в файле Lessons\Урок_15_Фильтры\Vanishing
Point\Итог.psd.
334 Урок 15

Рис. 15.59. Результат в слоях

Ретушь объектов, уходящих в перспективу


Очень милые мосточки, но вот кофта, не к месту брошенная, портит перспек
тиву. С помощью фильтра можно очень просто ретушировать этот объект. Про
блема — перспектива, которая усложняет ретушь. В старых версиях было бы очень
сложно трансформировать под перспективу — сейчас совсем другое дело!
1. Откройте файл с обложкой для диска Lessons\Урок_15_Фильтры\ Vanishing
Point\Мостик.jpg.
2. Вызовите команду Filter | Vanishing Point.
3. Для создания сетки перспективы выберите инструмент Create Plane (Создать
поверхность) и щелкните в изображении, добавив 4 угловые точки перспек
тивной сетки (рис. 15.60).
4. Этим же инструментом вы можете позиционировать сетку в случае неточного
построения. Переместите сетку левее на свободное от предмета место. Далее
мы клонируем область дерева и «уберем» объект.
5. Активизируйте инструмент Marquee (Выделение) и выделите свободные дос
ки. Обратите внимание, что выделение повторяет перспективу.
6. Возможно также задать растушевку границ выделения с помощью параметра
Feather в верхней части диалогового окна фильтра.
Фильтры 335

Рис. 15.60.
Создание сетки
перспективы

Рис. 15.61.
Выбор участка для
клонирования
336 Урок 15

7. Нажмите клавиши <Ctrl>+<Alt> и переместите выделенную область — вы кло


нируете данный участок (рис. 15.62).
8. Совершая такие же действия, вы убираете предмет с досок.

Рис. 15.62. Клонирование


участка

Позиционирование фильтра Lens Flare (Блики)


Многие пользователи мечтают добавить настроение в свои пейзажи с помо
щью фильтра Lens Flare (Блики), да вот проблема — позиционирование блика.
Знание настроек фильтра позволит вам избежать неудобств в работе, а также
неуместных советов с созданием дополнительных слоев в режимах наложения.
1. Откройте файл Lessons\Урок_15_Фильтры\Lens Flare\Закат на заливе.jpg.
2. Предварительно установите единицы измерений в пикселах.
3. Активизируйте палитру Info (Информация) и наведите курсор на ту точку в
изображении, в которой вы желаете установить блик. В палитре отобразится
положение курсора в координатах X и Y. Запомните или запишите эти коорди
наты (рис. 15.63).
4. Вызовите команду Filter | Render | Lens Flare.
5. В диалоговом окне фильтра в области предпросмотра щелкните кнопкой мыши,
нажав клавишу <Alt>. Отобразится диалоговое окно Precise Flare Center (Точ
ное положение центра блика) (рис. 15.64).
Фильтры 337

Рис. 15.63. Координаты желаемого положения блика

Рис. 15.64. Диалоговое окно Precise Flare Center


338 Урок 15

Рис. 15.65. Файл Закат на заливе_итог.jpg

6. Указав в нем необходимые значения в полях X и Y, согласитесь с фильтром.


7. Для создания волшебства активизируйте инструмент Brush. Подгрузите кисти
из набора Lens Flare.abr из папки Lessons\Урок_15_Фильтры\Lens Flare.
8. Установив белый цвет кисти, поставьте блики, например как в файле
Lessons\Урок_15_Фильтры\Lens Flare\Закат на заливе_итог.jpg (рис. 15.65).
Урок 16
РАБОТА С ВЕКТОРНЫМИ
ОБЪЕКТАМИ

Несмотря на то, что Photoshop — растровый редактор, в нем предусмотрено


большое количество действий с векторными объектами. Чем хороши векторы? Вы
можете их масштабировать без ущерба для качества, их легко настраивать, и они
занимают мало места в памяти компьютера в силу своей математической приро
ды. Кроме этого на основе векторных объектов возможно совершение многих про
фессиональных действий в программе, например, создание выделения гладких
объектов, причем ничего лучше, качественнее и быстрее, чем выделение инстру
ментом Pen (Перо), пока не придумано.

В этом уроке вы узнаете:


 об огромных возможностях векторных объектов в Photoshop;
 о преимуществах выделения гладких объектов при помощи контуров;
 о способе сохранения выделения в контуре;
 о рисовании с помощью контуров;
 как работать со слойформами;
 как создавать логотипы в Photoshop и сохранять их как формы.
340 Урок 16

Paths (Контуры)
Paths (Контуры) — векторные объекты в Photoshop.
Контуры используются:
 для профессионального выделения гладких объектов;
 для передачи в программы верстки Clipping path (обтравочных, отсекающих)
контуров объектов;
 для заливки и обводки по сложной траектории.
Способы создания контуров:
 наиболее точный — инструментом Pen (Перо);
 векторными инструментами группы Shapes (Формы);
 экспорт из векторной программы Adobe Illustrator (например, через буфер об
мена);
 создание контура из выделения (точность условна, требует корректировки).
На рис. 16.1 представлены инструменты для создания и редактирования век
торных контуров.

Рис. 16.1. Инструменты для создания и редактирования контуров

Использование инструмента Pen (Перо)

Создание прямых контуров


Инструмент Pen (Перо) служит для создания контуров — прямых и кривых
линий — с высокой степенью точности.
1. Откройте файлшаблон Lessons\Урок_16_Работа с векторными объектами\Шаблоны_Пе
ро\Прямые контуры.jpg.
2. Активизируйте инструмент Pen (Перо). Для создания контуров используется
специальный режим работы инструмента — Paths (Контуры) (рис. 16.2).
Работа с векторными объектами 341

Рис. 16.2. Настройки инструмента Pen

Прямой контур создается простыми щелчками инструментом по документу (не


«шаркая» мышью по коврику).
1. Щелкните пером в точке 1. Теперь щелкните в точке 2. Между двумя точками
образовалась прямая линия.
2. Для прекращения построения пером можно просто взять другой инструмент,
но удобнее нажать клавишу <Ctrl> и щелкнуть по свободному месту докумен
та. При этом старый контур останется, вы остаетесь при активном инструмен
те Pen и можете строить новые контуры.
3. Удерживая клавишу <Ctrl>, щелкните по свободному месту документа — вы
прекратили рисовать.
4. Постройте щелчками следующий контур, начиная с точки 3. Участок между
точками 7 и 8 должен пройти строго горизонтально, для этого удерживается
клавиша <Shift> (при этом направление горизонтальное, вертикальное или
кратно 45 градусам). Закончите рисование.
5. Обратите внимание, что при щелчках пером в палитре Layers (Слои) в данном
режиме работы ничего не происходит, а в палитре Paths (Контуры) создался
Work Path (Рабочий контур) (рис. 16.3).

Рис. 16.3. Создание рабочего


контура при работе пером
в режиме Paths
342 Урок 16

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


точки 9). Обратите внимание, что при замыкании контура у пиктограммы ин
струмента Pen появляется кружок .

ВНИМАНИЕ Чтобы вызвать Pen (Перо) с клавиатуры, нажмите клавишу <P>. При работе с пе
ром для редактирования контура вы будете переключаться на другие инструменты с помощью
горячих клавиш. Чтобы видеть пиктограмму вызываемого клавишей инструмента, не должен быть
установлен режим точных курсоров (не нажата клавиша <Caps Lock>).

Заливка и обводка контуров


В палитре Paths (Контуры) создался Work Path (Рабочий контур). Он состоит
из всех контуров, которые вы построили в данном файле.

ПРИМЕЧАНИЕ Work Path (Рабочий контур) всегда создается как новая позиция при отсут
ствии контуров или неактивности других контуров в палитре Paths (Контуры). Work Path только
один. Из него не создается обтравочный контур, а также он будет обновляться, как рабочая пози
ция. Желательно переименовывать название Work Path, назначая любое другое имя.

Контуры можно заполнять цветом или обводить. Перед этим контуры необхо
димо выделить, т. е. чтобы позиция контура в палитре Paths (Контуры) была ак
тивна. Тогда действие будет применено ко всему контуру.
1. Выполните команду Stroke Paths (Обвести контур) из контекстного меню па
литры Paths (рис. 16.4).

Рис. 16.4. Команда Stroke Paths


Работа с векторными объектами 343

2. В открывшемся диалоговом окне в списке инструментов выберите Brush (Кисть)


(рис. 16.5).

Рис. 16.5. Диалоговое окно обводки контура

ПРИМЕЧАНИЕ Прежде чем выбирать инструмент в данном диалоговом окне, необходимо пред
варительно настроить этот инструмент, установив нужные параметры.

3. Результаты обводки представлены на рис. 16.6 — предварительно была уста


новлена кисть определенного диаметра и растушевки.
4. Для заливки контура выберем из всех нарисованных один — звезду. (Проверь
те, что Work Path (Рабочий контур) в палитре Paths активен.) Для выделения
подконтура из Work Path необходимо воспользоваться инструментом выделе

Рис. 16.6. Результат


обводки контуров
344 Урок 16

ния Path Selection (Выделение контура). Щелкните по контурузвезде в изоб


ражении. Все точки контура стали серыми, выделенными.
5. Выполните команду Fill Subpath (Залить подконтур) контекстного меню палит
ры Paths (рис. 16.7).

Рис. 16.7. Команда Fill Subpath меню палитры Paths

6. В диалоговом окне команды (рис. 16.8) выберите Foreground Color (Цвет пере
днего плана). Область внутри контура зальется выбранным цветом.

Рис. 16.8. Диалоговое окно Fill Path


Работа с векторными объектами 345

Следует заметить, что часто требуется обвести криволинейный участок тонким


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

Создание кривых
Для создания кривых при помощи инструмента Pen нужно щелкнуть мышью
и, не отпуская кнопку мыши, протянуть курсор в сторону задания направления.
Когда вы нажимаете кнопку мыши и начинаете перемещать указатель мыши в пер
вый раз, то ставите начальную точку для будущего контура, а также задаете на
правление и величину кривой.
1. Откройте файлшаблон Lessons\Урок_16_Работа с векторными объектами\Шаблоны_Пе
ро\Создание кривых.jpg.
2. Активизируйте инструмент Pen (Перо). Выполните действия, как в файле
(рис. 16.9).
Не закрывайте этот документ, мы к нему вернемся после небольшого теорети
ческого объяснения.

Рис. 16.9. Создание кривых пером

Основные элементы кривых


Для построения и редактирования кривых необходимо иметь представление, с
чем же вы работаете? Какова природа кривых? Рассмотрим основные элементы
кривых (рис. 16.10).
346 Урок 16

Рис. 16.10. Основные элементы кривых

Контур состоит из одного или нескольких сегментов. (Единичная точка – это


не кривая, скорее всего мусор.) Начало и конец каждого сегмента называют опор<
ными точками. Перемещение опорных точек приводит к модификации сегментов
контура и изменению его формы.
При выделении опорной точки криволинейного сегмента на экране появля
ются одна или две управляющие линии, заканчивающиеся управляющими точками.
Расположение этих линий и точек определяет длину и форму криволинейного сег
мента, а их перемещение приводит к изменению контура.
Рассмотрим пример. Используйте файл Создание кривых.jpg.
1. У нас создан контур, поработаем с ним. Чтобы не мешались слова инструкций,
залейте слой Background белым цветом, контур при этом остается, т. к. он к
растру не имеет никакого отношения.
2. Для настройки контуров используется инструмент Direct Selection (Пустая
стрелка). Инструмент выделяет отдельные опорные точки или сегменты кон
тура; при этом на экране показываются все управляющие линии контура, обес
печивая возможность их настройки. Активизируйте инструмент Direct Selection,
переместите управляющие линии за управляющие точки (рис. 16.11). При уве
личении управляющей линии увеличивается и кривизна сегмента.
На рис. 16.12 показано, как положение управляющих линий изменяет форму
сегментов.
Самостоятельно исследуйте, как работает инструмент Direct Selection. Перемести
те опорные и управляющие точки. Проследите, как изменяется кривизна контура.

Типы опорных точек


При построении и редактировании контуров следует различать два типа опор
ных точек: гладкая (smooth) и угловая (corner).
Если в опорной точке управляющие линии двух независимых, рядом стоящих
сегментов лежат на одной прямой в связке, то такая опорная точка называется
гладкой. Если такой связи нет — точка угловая (рис. 16.13).
Работа с векторными объектами 347

Рис. 16.11.
Использование инструмента
Direct Selection для настройки
контура

Рис. 16.12.
Различное положение управляю
щих линий и точек влияет на
форму сегментов

Рис. 16.13.
Различие гладкой и угловой
опорных точек
348 Урок 16

Редактирование кривых

Инструменты для работы с кривыми


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

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

Операции, выполняемые инструментом Pen:


 добавление сегмента (создание опорной точки);
 замыкание контура (щелчок по начальной точке).
Операции, выполняемые инструментом Direct Selection:
 выделение опорных точек (общелкивая с нажатой клавишей <Shift> или обво
дя рамкой);
 перемещение выделенных опорных точек;
 изменение формы кривой, воздействуя на управляющие точки и управляющие
линии.
Операции, выполняемые инструментом Convert Anchor Point:
 преобразование гладкой опорной точки в угловую (щелчок);
 преобразование угловой опорной точки в гладкую (щелчок + перемещение мыши).
Работа с векторными объектами 349

Все данные инструменты могут быть вызваны при использовании инструмен


та Pen (табл. 16.2).

Таблица 16.2. Временный переход к другому инструменту


при активном инструменте Pen

Выполним практическую работу с данными инструментами.


1. Создайте новый документ, также можно использовать файл Создание кривых.jpg.
2. Создайте пером кривую, как на рис. 16.14.

Рис. 16.14. Кривая, построенная инструментом Pen


350 Урок 16

3. Находясь на активном инструменте Pen, поднесите курсор к сегменту — пик


тограмма пера изменилась на Add Anchor Point. Щелкните по сегменту — про
изошло добавление опорной точки.
4. Находясь на активном инструменте Pen, поднесите курсор к опорной точке —
пиктограмма пера изменилась на Delete Anchor Point. Щелкните по опорной
точке — произошло удаление опорной точки без разрыва контура. Таким обра
зом, возможен вызов двух других инструментов, когда находитесь в режиме ра
боты Pen. Это очень удобно!
5. Нажмите клавишу <Ctrl> — появится пиктограмма Direct Selection («Ctrl» чи
тается порусски как «Стрл», напоминая сокращением слово «Стрелка» — лег
ко запомнить). Таким образом, переходя на данный инструмент, вы можете ре
дактировать контур в процессе построения!
6. Постройте в данном документе инструментом Ellipse (Эллипс) (в режиме рабо
ты Paths) контур в виде эллипса. Программа строит эллипс из 4 сегментов, все
опорные точки — гладкие. Изменим тип опорных точек с помощью инстру
мента Convert Anchor Point (Угол) .
7. Активизируйте инструмент Convert Anchor Point. Пощелкайте по опорным точ
кам. Эллипс превратился в ромб с угловыми точками (рис. 16.15).
8. Теперь инструментом Convert Anchor Point из угловых точек сделаем гладкие.
Для этого необходимо щелкнуть и потянуть мышью, вытягивая управляющие
линии. Правда, былой формы у эллипса уже нет.

Рис. 16.15. Изменение типа точек при помощи инструмента Convert Anchor Point
Работа с векторными объектами 351

Создание угловых точек в процессе построения кривых


В данном примере вы создадите угловые точки в процессе построения кривой.
Откройте файлшаблон Lessons\Урок_16_Работа с векторными объектами\Шаблоны_Пе
ро\Создание угловых точек.jpg.
Выполним пошагово действия, как нарисовано в файле (рис. 16.16).

Рис. 16.16. Создание кривых пером

1. Активизируйте инструмент Pen (Перо).


2. Щелкните в точке 1, не отпуская левой кнопки мыши, потяните вверх. Отпус
тите мышь.
3. Щелкните в точке 2, не отпуская левой кнопки мыши, потяните вниз. Отпус
тите мышь.
Растягивая вверхвниз, вы создаете управляющие линии, которые влияют на
направление и кривизну сегментов. Например, в данный момент времени у вас
будущий сегмент пойдет вдоль управляющей линии вниз.
Предположим, ваша задача — создать угловую точку и сегмент, проходящий
рядом (аналогия арки). Тогда вы должны сломать связь управляющих линий
(тип гладкой точки) и переместить управляющую линию вверх.
4. Вы находитесь на активном инструменте Pen; нажав клавишу <Alt>, переклю
читесь на инструмент Convert Anchor Point (о чем вам сообщит программа —
пиктограммой). Удерживая клавишу <Alt>, переместите управляющую линию
вверх. Отпустите <Alt>, отпустите мышь.
5. Вы опять при активном инструменте Pen, щелкните в точке 3 и потяните вниз.
Таким образом, вы выполнили изменение типа опорной точки, переключив
шись на другой инструмент, и можете в любой момент строить кривую любого
уровня сложности, просто изменяя типы точек и направление сегмента.
В нижней части файла Создание угловых точек.jpg выполните построение на пред
ложенной схеме. Все очень просто!
352 Урок 16

Как нарисовать цветочек?


В данном примере вы пером нарисуете объект, состоящий из четырех сегмен
тов, а также потренируетесь с угловыми точками в процессе построения и замы
кания кривой.
Откройте файлшаблон Lessons\Урок_16_Работа с векторными объектами\Шаблоны_Пе
ро\Цветочек.jpg.
Выполним пошагово действия, как нарисовано в файле (рис. 16.17).

Рис. 16.17. Рисование пером цветочка

1. Активизируйте инструмент Pen (Перо).


2. Щелкните в точке 1, не отпуская левой кнопки мыши, потяните вверх. Отпус
тите мышь.
3. Щелкните в точке 2, не отпуская левой кнопки мыши, потяните вниз. Нажми
те клавишу <Alt>, переключитесь на инструмент Convert Anchor Point. Удержи
вая <Alt>, переместите управляющую линию вправо. Отпустите <Alt>, отпус
тите мышь.
4. Вы опять при активном инструменте Pen, щелкните в точке 3 и потяните влево.
Нажмите клавишу <Alt>, переместите управляющую линию вниз. Отпустите
<Alt>, отпустите мышь.
5. Щелкните в точке 4 и потяните вверх. Нажмите клавишу <Alt>, переместите
управляющую линию вправо. Отпустите <Alt>, отпустите мышь.
6. Остается малость — замкнуть объект в начальной точке. Но программа при за
мыкании сформирует гладкую точку, что совершенно нам не надо. Если при
замыкании удерживать клавишу <Alt>, то точка создается угловая (легко за
помнить <Alt> — альтернатива).
7. С нажатой клавишей <Alt> щелкаем в точке 1, тянем вправо! Отпустите клави
шу <Alt>, отпустите кнопку мыши.
Работа с векторными объектами 353

Как нарисовать сердце за две опорные точки?


Как в известной передаче: «За сколько нот вы угадаете песню?» спрошу:
«За сколько опорных точек вы нарисуете сердце?» — за две сможете?
В данном примере вы пером нарисуете сердце, состоящее из двух сегментов и
двух опорных точек.
Откройте файлшаблон Lessons\Урок_16_Работа с векторными объектами\ Шаблоны_Пе
ро\ Сердце.jpg.
Выполним по шагам действия, как показано в файле (рис. 16.18).
1. Активизируйте инструмент Pen (Перо).
2. Щелкните в точке 1, не отпуская левой кнопки мыши, потяните вверх влево. От
пустите кнопку мыши. (Заданы направление и кривизна одного из сегментов.)
3. Щелкните в точке 2, не отпуская левой кнопки мыши, потяните вниз вправо. (Сфор
мирован первый сегмент, задается направление и кривизна второго сегмента.)
4. Нажмите клавишу <Alt>, переместите управляющую линию вверх влево до точ
ки 3, симметрично правой линии. Отпустите клавишу <Alt>, отпустите кнопку
мыши. (Изменен тип опорной точки, задано новое направление сегмента.)
5. Удерживая клавишу <Alt>, щелкните в начальную точку 1 сердца и потяните
вниз вправо до точки 4. Отпустите клавишу <Alt>, отпустите мышь. (Сформи
рован второй сегмент с замыканием в угловую точку.)

Рис. 16.18. Рисование пером сердца

Рисование контура вокруг фигуры


Теперь, используя полученные навыки работы с контурами, используем инст
румент Pen для создания выделения объекта.
Мы нарисуем вокруг изображения контур, а потом преобразуем контур в выде
ление.
354 Урок 16

Для того чтобы выделенный объект не имел в дальнейшем ореола, необходимо


контур создавать чуть дальше от границы перехода объекта в фон.
Для плавности выделения, создаваемого из контура, желательно использова
ние меньшего числа опорных точек.
Откройте файлшаблон Lessons\Урок_16_Работа с векторными объектами\
Шаблоны_Перо\Ракушка.jpg.
Выполним по шагам действия по шаблону файла (рис. 16.19).
1. Активизируйте инструмент Pen (Перо).
2. Щелкните в точке 1, не отпуская левой кнопки мыши, потяните вниз вправо,
задавая направление по касательной к ракушке. Отпустите мышь.
3. Щелкните в точке 2, не отпуская левой кнопки мыши, потяните вверх, сфор
мировав начальный сегмент. Не отпуская кнопки мыши, нажмите клавишу
<Alt>, переместите управляющую линию вверх влево по стрелке. (Изменен тип
опорной точки, задано направление нового сегмента.) Отпустите <Alt>, отпус
тите кнопку мыши.
4. Щелкните в точке 3. Не отпуская левой кнопки мыши, потяните по касатель
ной к объекту по стрелке.
5. Те же действия выполните, создавая контур до точки 7.
6. Удерживая клавишу <Alt>, щелкните в начальную точку 1 и потяните внутрь
объекта по стрелке. Контур будет замкнут.
В случае необходимости точной настройки контура используйте Direct Selection
(Пустую стрелку) , переключившись на нее клавишей <Ctrl>.

Рис. 16.19. Шаблон для создания


контура вокруг объекта
Работа с векторными объектами 355

Загрузка выделения из контура


Вы научились строить па шаблону. Попробуйте теперь без него.
Откройте файл Lessons\Урок_16_Работа с векторными объектами\Ракушка_для работы.jpg.
1. Активизируйте инструмент Pen (Перо).
2. Создайте самостоятельно контур вокруг
объекта.
3. В палитре Paths (Контуры) создается ваш
контур, как Work Path (Рабочий контур).
4. Двойным щелчком по названию Work
Path — дайте новое имя, например Path 1
(рис. 16.20). Лучше давать имя контуру, за
меняя позицию Work Path.
5. Загрузим из контура выделение. В палит
Рис. 16.20. Создание контура ре Paths (Контуры), удерживая клавишу
<Ctrl>, щелкните мышью по позиции
Path 1 (рис. 16.21).
6. Скопируйте выделенную область на но
вый слой комбинацией клавиш
<Ctrl>+<J>.
7. Создайте слойподложку — залейте чер
ным цветом для проверки качества выде
ления (рис. 16.22). Согласитесь — идеаль
Рис. 16.21. Загрузка выделения из контура но!

Рис. 16.22. Выделение с помощью контура


356 Урок 16

Преобразование выделения в контур


Возможно из выделения создавать контур. Но часто возникает проблема с не
точностью этого контура. Рассмотрим пример.
Откройте файл Lessons\Урок_16_Работа с векторными объектами\Бутыли.jpg.
1. Активизируйте инструмент Magic Wand (Волшебная палочка).
2. Установите параметры, как на рис. 16.23.

Рис. 16.23. Параметры Magic Wand

3. Щелкните по фону. Инвертируйте (обратите) выделение.


4. Из контекстного меню палитры Paths (Контуры) выполните команду Make Work
Path (Создать рабочий контур) (рис. 16.24).
5. В палитре появилась позиция Work Path (Рабочий контур) (рис. 16.25).
6. Для осознания качества созданного контура выделите его инструментом Direct
Selection (Пустая стрелка). Согласитесь, очень быстро, но надо редактировать.

Рис. 16.24. Команда Make Work Path


Работа с векторными объектами 357

Рис. 16.25. Создание рабочего контура из выделения

Создание обтравочного контура


Обтравочный, отсекающий (Clipping) контур — замкнутая форма, определяю
щая абсолютно непрозрачные области в изображении. Области изображения вне
пределов обтравочного контура рассматриваются поддерживающими их програм
мами как совершенно прозрачные.
Зачем нужны обтравочные контуры, которые вас попросят создать именно в
Photoshop?
Дело в том, что растровое изображение — это всегда прямоугольная матрица,
но не все объекты прямоугольной формы. Возникает вопрос: как в других про
граммах (Adobe Illustrator, Adobe InDesign, Adobe PageMaker) отсечь, не отобра
жать части фотографий, ведь «вырезающих растр ножниц» в этих программах нет,
а в каталогах вы показываете только объект без фона.
Для таких целей и используется возможность «заранее» в Photoshop создать кон
тур, назначить его отсекающим. Тогда программы верстки и векторной графики
будут скрывать области растра вне контура.
Как создавать контур, вы уже знаете. Рассмотрим, как назначить его обтра
вочным и как изменится отображение объекта при помещении его в программу
верстки.
358 Урок 16

Проект «Фонды Эрмитажа»


Откройте файл Lessons\Урок_16_Работа с векторными объектами\ Кубок.tif. Преположим,
данный кубок (к слову, ужасного качества) вы должны поместить на обложку жур
нала «Фонды Эрмитажа» выпуск № 4. Журнал создается в программе Adobe
InDesign. Обратите внимание, что кубок находится на сером фоне. Можно было
бы выделить кубок, скопировать на новый слой и удалить Background. Но формат
TIFF не поддерживает прозрачность! Разумная альтернатива скрытия — создание
обтравочного контура.
1. Создайте пером контур вокруг кубка. Данный контур состоит из трех подкон
туров. Первоначально контур имеет имя Work Path (Рабочий контур). Из пози
ции Work Path обтравочный контур не назначается. Необходимо дать контуру
имя.
2. Дайте контуру имя двойным щелчком по названию, например «Кубок»
(рис. 16.26).
3. Для того чтобы контур имел назначение — «Обтравочный», выполните коман
ду контекстного меню палитры Paths (Контуры) Clipping Path (Обтравочный
контур) (рис. 16.26).
4. В выпадающем списке контуров (имеющихся на данный момент в документе)
выберите «Кубок». Установите Flatness (Пологость) в зависимости от разреше
ния устройства вывода. Для фотонаборного автомата установите 1 (рис. 16.27).
5. Сохраните файл в формате TIFF.

Рис. 16.26. Создание


контура «Кубок»
Работа с векторными объектами 359

Рис. 16.27.
Задание контура обтравочным

6. Так как у многих, возможно, нет программы Adobe InDesign, и данный матери
ал уже выходит за границы нашего курса, я на рисунке покажу, что мы получим
в верстке (Adobe InDesign) при помещении нашего изображения с сохранен
ным обтравочным контуром.
7. В программе Adobe InDesign открыта обложка журнала «Фонды Эрмитажа»,
выпуск № 4. Используя команду File | Place (Поместить), поместим нашу кар
тинку (рис. 16.28).
Вы видите, что серый фон, находящийся за границей обтравочного контура,
не отображается! Вот какие замечательные «заготовки скрытия» вы можете сде
лать в Photoshop.

Рис. 16.28.
Отображение в Adobe InDesign
файла с обтравочным контуром,
созданным в Photoshop
360 Урок 16

Проект «Кафе»
Используем знания, полученные в этом уроке, в едином проекте «Кафе».
Откройте файлы Чашка.jpg и Pen_Чашка.jpg из папки Lessons\Урок_16_Работа с вектор
ными объектами\Кафе\.
1. Активизируйте инструмент Pen (Перо). Создайте контур вокруг чашки в файле
Чашка.jpg. Можно потренироваться в файле Pen_Чашка.jpg, где есть схема.
2. В палитре Paths (Контуры) Work Path (Рабочий контур) (двойным щелчком по
названию) переименуйте в контур Чашка (рис. 16.29).

Рис. 16.29. Создание контура Чашка

3. Находясь на активном контуре Чашка, выделите дополнительно пером область


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

ПРИМЕЧАНИЕ Вы можете использовать различные варианты создания сложного контура


(состоящего из подконтуров).
Самый простой и логичный способ — работа в режимах комбинирования контуров при одном
активном большом контуре. Например, вам требуется создать контур сахарницы с ручкамиот
верстиями. Вы обводите пером большой контур всей сахарницы, а потом в режиме Exclude
вычитаете маленькие внутренние контуры ручек.
Если (случайно) вы сняли выделение с активного контура, то программа кроме уже имеющего
контура создаст Work Path (Рабочий контур). Не стоит расстраиваться, удалять его, а потом
заново создавать. Вы просто выделяете позицию с Work Path, копируете в буфер обмена клави
шами <Ctrl>+<С> и вставляете в активный контур <Ctrl>+<V>. Контур будет перенесен с теми
же настройками формы и режима комбинирования.
Работа с векторными объектами 361

Рис. 16.30. Контур, состоящий из двух


подконтуров

4. Загрузите контур Чашка как выделение. В палитре Paths (Контуры), удерживая


клавишу <Ctrl>, щелкните мышью по позиции Чашка — выделяется только
чашка.
5. Применим фильтр к выделенной чашке Filter | Brush Strokes | Accented Edges
(Фильтр | Мазки кисти | Акцентирование краев) c параметрами (3; 38; 7)
(рис. 16.31). Снимите выделение.
6. Для создания рекламной листовки кафе увеличим размер документа, нарастив
его. Выполните команду Image | Canvas Size (Размер холста), увеличив высоту
вверх на 300 px до величины 800 px (рис. 16.32).
7. Применим ко всему изображению фильтр. Для возможных изменений в ди
зайнрешениях используем Smart Filter. Выполните команду главного меню
Filter | Convert to Smart Filter (Конвертировать в умный фильтр).
8. Слой Background будет преобразован (рис. 16.33).
9. Выполните команду Filter | Texture | Texturizer (Фильтр | Текстура | Текстуриро
вание) с настройками Canvas (Холст) (91; 4) (рис. 16.34). В любой момент, даже
после закрытия изображения, используя возможности Smart Filter, вы легко
можете изменить настройки фильтра, а также область действия.
10. Создайте текстовую надпись с названием кафе, выбрав любой по вашему
усмотрению шрифт. В моем примере я создала логотип на мексиканскую тему.
Как создавать логотипы в Photoshop, я расскажу в следующем примере.
Итоговый файл End.psd в папке Lessons\Урок_16_Работа с векторными объектами\Кафе
(рис. 16.35).
362 Урок 16

Рис. 16.31. Применение фильтра к выделенной области

Рис. 16.32. Увеличение размера документа


Работа с векторными объектами 363

Рис. 16.33. Преобразование Background

Рис. 16.34. Команда Filter | Texture | Texturizer

Рис. 16.35.
Итоговый файл с рекламой кафе
364 Урок 16

Возможности Shape layer (СлойLформы)


В данном разделе мы изучим огромные возможности, которые предоставляет
вам Photoshop для работы в растровом редакторе с векторными объектами. Вы
научитесь создавать логотипы любого уровня сложности.

Режим Shape layer (СлойLформы)


Итак, на повестке дня режим (рис. 16.36), стоящий по умолчанию у всех инст
рументов группы Shape (Форма) (инструмента Pen в том числе).

Рис. 16.36. Режим Shape layer

1. Создайте новый документ File | New, установив следующие значения:


Preset: Web;
Size: 640х480, 72 ppi;
Color Mode: RGB Color;
Background Contents: White (Белый).

2. Активизируйте инструмент Rectangle (Прямоугольник). Установите цвет перед


него плана — красный. Выберите первый режим работы инструмента Shape layer
(Слойформа). Растяните по изображению, как на рис. 16.37.

Рис. 16.37. Работа в режиме Shape layer


Работа с векторными объектами 365

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


красным. Обратите внимание на палитру Layers. Был создан новый слой Shape 1.
Данный слой имеет тип — Shape layer (Слойформа). Пиктограмма в палитре
Layers состоит из двух частей: слоя и векторной маски.
Слой имеет особенности работы:
 векторная форма маскирует (ограничивает видимость) содержимого слоя. Про
ведем эксперимент. Векторная форма активного слоя отображается в палитре
Paths (Контуры). Удалите эту форму в корзину палитры Paths (Контуры)
(рис. 16.38), и вы увидите, что весь документ закрасился красным цветом. От
мените удаление формы <Ctrl>+<Z>;
 векторная форма накладывает ограничения на работу в слое — к слою не при
меняются растровые операции, такие как рисование, применение фильтров
(помните, аналогично в текстовом слое нельзя было выполнять эти опера
ции).
Слой состоит из взаимодействия двух компонентов: растрового содержимого
и векторной маски. Рассмотрим, как работать с этими запчастями.

Рис. 16.38. Удаление векторной маски приводит к отображению всего слоя


366 Урок 16

Настройка растрового содержимого слоя


Вы можете легко изменить цвет слоя двойным щелчком по пиктограмме слоя в
палитре Layers (рис. 16.39). Вызывается диалоговое окно Pick a solid color (Выбрать
сплошной цвет), где вы можете изменить цвет.

Рис. 16.39. Изменение цвета слоя

Работа с векторной формой слоя


В начале урока мы рассматривали векторные инструменты. Эти знания при
меним в контексте данного слоя.
1. Чтобы выделить векторную форму, не изменяя ее, используется инструмент Path
Selection. Щелкните инструментом Path Selection по контуру в изображении —
активизировались опорные точки, но форму изменить на уровне опорных то
чек нельзя. Возможно перемещение формы, трансформация. Нажмите комби
нацию клавиш <Ctrl>+<T>. Вокруг формы появится контейнер трансформа
ции. Действия те же, что и при работе с растром. Откажитесь от контейнера
нажатием клавиши <Esc>.
Работа с векторными объектами 367

2. Для работы на уровне опорных точек используется инструмент Direct Selection,


а также все инструменты группы Pen. Активизируйте инструмент Direct
Selection, измените форму (рис. 16.40).
3. Копирование формы осуществляется инструментом Path Selection при удер
живаемой клавише <Alt>. Выделите форму щелчком инструментом Path
Selection, нажмите клавишу <Alt>, у пиктограммы стрелки появится знак
«плюс». Переместите форму, удерживая клавишу <Alt>. Вы видите, что новые
слои не образуются, а форма добавлена, как подконтур к существующей
(рис. 16.41).

Рис. 16.40. Изменение векторной формы

Рис. 16.41. Копирование формы


368 Урок 16

Рассмотрим работы в режимах комбинирования. Режимы комбинирования


доступны при активизации инструмента из группы Shapes. Возьмем, к примеру,
инструмент Ellipse (Эллипс). Вы видите в панели параметров пять кнопок с режи
мами комбинирования. По умолчанию включен первый режим Create new shape
layer (Создать новый слойформу), таким образом, никакого комбинирования и
нет. Предыдущая форма блокируется, и создается новый слой с новой формой.
1. Протяните в данном режиме по изображению. Получится вариация (рис. 16.42).
2. Удалите верхний слой в корзину или отмените действие. Переключитесь на вто
рой режим комбинирования Add to shape area (Суммирование к форме). Растя
ните по изображению. Как вы заметили, новых слоев не образуется, происхо
дит комбинирование форм в рамках одного слоя (рис. 16.43).
3. Выберите следующий режим Subtract (Вычитание). Вычтите из нашей формы,
например, Rectangle (Прямоугольник) — рис. 16.44. Все подконтуры, входя
щие в состав формы слоя, могут быть выделены инструментом Path Selection
(Черной стрелкой), изменены на уровне опорных точек инструментом Direct
Selection, т. е. существуют физически независимо в одной логической структу
ре — форме слоя.

Рис. 16.42. Работа в первом режиме Create new shape layer


Работа с векторными объектами 369

Рис. 16.43. Работа в режиме суммирования форм

Рис. 16.44. Работа в режиме вычитания форм


370 Урок 16

4. Выполним выравнивание выделенных подконтуров. Активизируйте инстру


мент Path Selection. Выделите избранные контуры щелчком, удерживая <Ctrl>
(как если бы вы выделяли файлы). Я выделила 1, 2, 3 подконтуры (рис. 16.45).
5. Щелкните по первой кнопке Align top edges (Выравнивание по верхней грани
це). Подконтуры выровняются (рис. 16.48).
Для чего вам может пригодиться построение фигур? Для создания логотипов и
любых заказных форм в программе без использования дополнительно Adobe
Illustrator.

Рис. 16.45. Выделение подконтуров инструментом Path Selection

Рис. 16.46. Выполнение операции выравнивания


Работа с векторными объектами 371

Как вы знаете, существуют геометрические формы: эллипс, прямоугольник,


линия и т. д. Все, что не попадает в раздел геометрических — это Custom Shape
(Заказная форма). Вот такую форму мы сейчас и создаем. Возникает только воп
рос: на что она похожа? В связи с этим нарисуем чтото знакомое всем — смайлик,
используя только что полученные знания.

Рисование Custom Shape. Смайлик (Улыбка)

Создание формы
Можно использовать этот же документ, удалив слой с формой.
1. Инструментом Ellipse (Эллипс) создайте круг, удерживая клавишу <Shift>.
2. Включите режим Subtract (Вычитания), вычтите маленький круг (рис. 16.47).

Рис. 16.47. Вычитание маленького кружка

3. Активизируйте инструмент Path Selection. Выделите маленький кружок щелч


ком. Скопируйте его, удерживая клавиши <Alt>+<Shift> (рис. 16.48).
4. Инструментом Pen (Перо) в режиме вычитания (не забудьте!) нарисуйте улыб
ку (рис. 16.49). Кстати, можно и не пером, а чем захотите.
372 Урок 16

Рис. 16.48. Копия маленького кружка

Рис. 16.49. Улыбку рисуем пером


Работа с векторными объектами 373

5. Объединим логически связанные подконтуры в один. Инструментом Path


Selection обведите в рамочку все запчасти. В панели параметров Черной стрел
ки нажмите кнопку Combine (Скомбинировать) (рис. 16.50). Теперь наша фор
ма — одно целое, и при выделении Черной стрелкой будет выделено все сразу.

Рис. 16.50. Выполнение операции Combine

Задание формы в набор

1. Для занесения смайлика в набор заказных форм выполните команду главного


меню Edit | Define Custom Shape (Редактировать | Создать заказную форму).
2. В окне задания дайте имя Smile (рис. 16.51).

Рис. 16.51. Имя формы Smile

3. Форма заносится последней в набор форм, находящихся в данный момент в


программе. Где это можно увидеть? Активизируйте инструмент Custom Shape.
В выпадающем списке параметра Shape (Форма) — самая последняя — наша
мордочкасмайлик (рис. 16.52).

Рис. 16.52. Набор заказных форм


374 Урок 16

Сохранение как отдельного файла


Если вам требуется задать форму как отдельный служебный файл (предполо
жим, вы сделали логотип, не тащить же все формы с собой?), то команда контек
стного меню набора Save Shapes (Сохранить формы) не подходит. Напомню, что
служебный файл с формами имеет расширение csh.
1. Выполните команду контекстного меню набора форм Preset Manager (Управ
ление наборами) (рис. 16.53). Эта команда сопровождает все аналогичные на
боры в программе.
2. В диалоговом окне выпадающего списка Preset Type (Тип набора): Custom Shapes
(Заказные формы) щелчком укажите форму Smile (можно несколько форм).
Нажмите кнопку Save Set (Сохранить) (рис. 16.54).

Рис. 16.53. Положение команды Preset Manager

Рис. 16.54. Save Set – сохранение выделенных форм, как отдельного файла
Работа с векторными объектами 375

3. В диалоговом окне сохранения укажите имя файла и место нахождения


(рис. 16.55).
Таким образом, вы можете создать любой логотип и форму и сделать избран
ное сохранение их как служебного файла.

Рис. 16.55. Сохранение файла

Создание логотипа для кафе


В рекламе кафе я использовала логотип, созданный в программе Photoshop.
Мой логотип имеет два цвета, поэтому он состоит из двух слоев (у одного слоя —
один цвет растра). Откройте файл Lessons\Урок_16_Работа с векторными объектами\Лого
кафе\Лого_кафе.psd (рис. 16.56).
Попробуйте самостоятельно из геометрических фигур, имеющихся в програм
ме, создать часть под названием «cafe». Подсказка: в файле не выполнена опера
ция Combine.

Рис. 16.56. Файл с логотипом в слоях


376 Урок 16

Домашнее задание «Паровоз»


В курсе студентам дается самостоятельное задание: используя векторные воз
можности программы, создать служебный файл Паровоз. Примеры выполнения
задания на рис. 16.57.
Попробуйте свои силы в выполнении этого нелегкого задания.

Рис. 16.57. Примеры студенческих паровозов

Применение Shape layer в создании коллажей


В предыдущем примере вы видели применение форм для создания рисунков и
логотипов. Это лишь малая часть возможностей. Также формы используются в кол
лажах для создания векторных масок, что позволяет в любой момент выделить ее
и изменить форму контура.
Пример использования форм в коллажe из папки Lessons\Урок_16_Работа с вектор
ными объектами\Коллажи с формами на рис. 16.58.

Рис. 16.58. Коллаж «SnowPark». Автор: Иванова


Работа с векторными объектами 377

Использование векторных масок


Векторные маски создаются при формировании Shapelayer, также вы можете
любой векторный контур назначить векторной отсекающей маской для слоя.
Рассмотрим такой пример.
Откройте файлы Lessons\Урок_16_Работа с векторными объектами\Зеленый чай\Парк.jpg,
и Lessons\Урок_16...\Кружка.jpg.
1. Переместите слой с кружкой в изображение с парком (рис. 16.59).
2. Трансформируйте кружку: уменьшите и зеркально отобразите (рис. 16.60).
3. Создайте инструментом Pen (Перо) контур кружки (рис. 16.61). Инструмент
Pen работает в режиме создания контуров Path.
4. Находясь на слое с кружкой, при активном контуре выполните команду глав
ного меню Layer | Vector Mask | Current Path (Создать векторную маску слоя из
активного контура).

Рис. 16.59. Совмещение слоев

Рис. 16.60. Трансформация


кружки
378 Урок 16

Рис. 16.61. Контур кружки

Рис. 16.62. Векторная маска отсечения слоя

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


ния для слоя с кружкой. Этот способ скрытия части слоя предпочтительнее,
чем стандартное удаление пикселов, т. к. имеет возможность при необходимо
сти настраивать и изменять маску.
5. Если вам требуется еще и создать различные уровни прозрачности содержимо
го кружки, то векторная маска вам не поможет, и нужно добавить слоймаску
(рис. 16.63).
6. Используя растушеванную кисточку серого цвета в активной слоймаске, вы
делаете кружку прозрачной внутри (рис. 16.64).
7. Создайте вертикальную текстовую надпись «Green tea». Примените слоевые
эффекты. Результат смотрите в файле Green tea.psd (рис. 16.65).
Работа с векторными объектами 379

Рис. 16.63. Создание слоймаски для уровней прозрачности

Рис. 16.64. Прозрачность можно сделать кисточкой серого цвета в слоймаске

Рис. 16.65. Файл с текстовой надписью и прозрачной кружкой чая


380 Урок 16

8. В палитре Mask (Маски)возможно настраивать параметры векторных и рас


тровых масок.
На рис. 16.66 в палитре активна векторная маска, изменены настройки у век
торной маски.
На рис. 16.67 в палитре активна растровая маска.

Рис. 16.66. Палитра


Mask с активной
векторной маской

Рис. 16.67. Палитра


Mask с активной
растровой маской
Урок 17
ТОНОВАЯ И ЦВЕТОВАЯ
КОРРЕКЦИЯ

Как часто вы бываете удивлены плохим цветом своих фотографий, получив их


из печати! Вы мысленно возвращаетесь назад и не можете вспомнить, чтобы тени
были голубыми, а свет в комнате — оранжевым, когда вы фотографировали.
Ваши глаза, приспосабливаясь к свету, видят его, как нейтральный, т. е. белый.
Камеры и фотоаппараты фиксируют свет таким, какой он на самом деле. Напри
мер, яркими солнечными днями тени будут казаться голубыми, а под лампой днев
ного света все выглядит зеленым. Такие примеры не ограничены дневным или
искусственным светом, ваши старые фотографии тоже с неким отливом от време
ни. Да и люди воспринимают цвет каждый посвоему, в зависимости от индиви
дуальных особенностей и обстановки. В этом уроке вы познакомитесь со сред
ствами и командами цветокоррекции Photoshop, позволяющими добиться
наилучших результатов.
В этом уроке вы узнаете:
 что такое тоновый диапазон изображения и что показывает гистограмма;
 какие бывают типы изображений;
 в каких случаях и какими средствами коррекции воспользоваться;
 как делать рекламу с использованием корректирующих слоев.
Также вы научитесь устранять ненужный цветовой отлив в фотографиях.
В течение урока мы будем работать с файлами диска сопровождения, т. к. цве
товые отклонения на чернобелых иллюстрациях увидеть невозможно.
382 Урок 17

Тоновый диапазон изображения


Тоновый (динамический) диапазон изображения определяется распределени
ем пикселов в темных, средних и светлых областях изображения (от черных пик
селов до белых). Photoshop способен показывать распределение пикселов в изоб
ражении графически, в виде гистограммы (рис. 17.1). Гистограмма организована в
виде отдельной палитры Histogram и показывает значения яркости пикселов и их
распределение.

Рис. 17.1. Гистограмма

На гистограмме пикселы выстраиваются вдоль горизонтальной оси в зависи


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

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

Мы откроем три разных по характеру изображения. Гистограмма, показываю


щая распределение пикселов, поможет определить принадлежность изображения
к тому или иному типу.
1. Откройте файл Среднее по тону.jpg из папки Lessons\ Урок_17_Коррекция тона и цве
та\Гистограмма.
2. Вызовите палитру Histogram (Гистограмма). Через контекстное меню палитры
выберите Expanded View (рис. 17.2).

Рис. 17.2. Настройка палитры Histogram

Палитра Histogram показывает тоновый диапазон. Как видите, светлых и тем


ных тонов здесь примерно поровну, следовательно, данное изображение является
средним по тону. На рис. 17.3 приведена гистограмма данного изображения.

Рис. 17.3. Распределение пикселов в среднем


по тону изображения
384 Урок 17

Рис. 17.4. Распределение пикселов в темном Рис. 17.5. Распределение пикселов в светлом
изображении изображении

Откройте изображение Темное.jpg. Посмотрите, как выглядит теперь палитра


Histogram. В данном изображении основная часть пикселов сконцентрирована в
темных тонах, поэтому изображение относится к темным (рис. 17.4).
Откройте изображение Светлое.jpg. Преобладание светлых тонов позволяет от
нести это изображение к типу светлых, что и подтверждается гистограммой
(рис. 17.5).

ПРИМЕЧАНИЕ Обращаю ваше внимание, что во всех изображениях присутствуют пикселы во


всем диапазоне, что говорит о наличии деталей.

Команды коррекции
При работе с фотографиями с использованием команд коррекции рекоменду
ется выбор Workspace (Рабочего пространства) Color and Tone (Цвет и Тон) в пра
вой верхней части программы. При этом максимально эффективно отображается
набор палитр для данных задач.

Палитра Adjustments (Коррекция)


Начиная с версии Adobe Photoshop CS4, вы можете использовать команды для
коррекции цвета и тона в палитре Adjustments (Коррекция) (рис. 17.6).
При щелчке по значку инструмента выбирается соответствующая коррекция и
автоматически создается корректирующий слой.
Тоновая и цветовая коррекция 385

Коррекции с помощью инструментов и параметров в палитре Adjustments вы


полняются с созданием обратимых корректирующих слоев (см. разд. «Корректи<
рующие слои» далее в этом уроке).
Для удобства пользователя палитра Adjustments содержит список фиксирован
ных коррекций (наборов), которые применяются для выполнения стандартных
операций с изображениями. Существуют наборы для уровней, кривых, экспози
ции, цветового тона/насыщенности, баланса черного и белого, смешивания ка
налов и выборочной коррекции цвета. Щелчок по набору применяет соответству
ющую коррекцию к изображению с помощью корректирующего слоя.
Пользовательские коррекции всегда можно сохранить в качестве набора, ко
торый добавляется к уже имеющемуся списку. При щелчке по значку коррекции
или по набору отображаются параметры настройки для данной коррекции.

Рис. 17.6. Палитра Adjustments

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


В обычном режиме команда Brightness/Contrast (Яркость/Контраст) применя
ет к слою изображения пропорциональные (нелинейные) корректировки, как и
другие команды тоновой коррекции.
Если установлен флажок Use Legacy (Использовать прежние), то команда
Brightness/Contrast при регулировке яркости просто смещает значения всех пик
селов выше или ниже. Не рекомендуется применять команду Brightness/Contrast к
фотографиям в режиме Use Legacy (Использовать прежние), т. к. это может приве
сти к отсечению или потере деталей изображения в самых светлых или темных
областях (однако эта корректировка может быть полезна для редактирования ма
сок или научных изображений).

ПРИМЕЧАНИЕ Флажок Use Legacy автоматически устанавливается при редактировании кор


ректирующих слоев Brightness/Contrast, созданных в предыдущих версиях Photoshop.
386 Урок 17

1. Откройте файл Brightness_Contrast.jpg из папки Lessons\Урок_17_Коррекция тона и цвета\То


новая коррекция.
2. Вызовите команду Image | Adjustments | Brightness/Contrast.
3. Перемещение ползунка Brightness на положительные значения одновременно
повышает уровень яркости пикселов. Установите значение Brightness равным 24.
4. Перемещение ползунка Contrast на положительные значения на гистограмме
отображается растяжкой графика по тоновому диапазону (рис. 17.7). Устано
вите значение Contrast равным 16.

Рис. 17.7. Действие команды


Brightness/Contrast

ВНИМАНИЕ Во всех диалоговых окнах коррекции существует опция Preview (Просмотр), по
зволяющая оценить результат действия команды.

Средства тоновой коррекции


Средства тоновой коррекции расположены в разделе главного меню Image |
Adjustments (Изображение | Коррекция).

ВНИМАНИЕ Во всех окнах коррекции возможен сброс действий. Нажмите клавишу <Alt>, вы
увидите, как кнопка Cancel превратилась в Reset (Сброс).
Тоновая и цветовая коррекция 387

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


Эта команда служит для регулировки тонового диапазона; может применяться
ко всему изображению или к выделенному фрагменту. Вызывается быстрыми кла
вишами <Ctrl>+<L>. Также команда Levels позволяет настраивать гамму. Гамма —
это контраст средних тонов изображения. Причем на светлые и темные тона такая
регулировка существенно не влияет. Возможности, предоставляемые этой коман
дой, достаточно широки. Мы рассмотрим основные из них.

Настройка тонового диапазона изображения ползунками окна Levels


Большинство отсканированных изображений требует выправления их тоново
го баланса — только после этого можно переходить к цветокоррекции. Отрегули
руем тоновый диапазон документа, используя средства диалогового окна Levels.
1. Откройте файл Levels.jpg из папки Lessons\Урок_17_Коррекция тона и цвета\Тоновая кор
рекция.
2. Вызовите команду Image | Adjustments | Levels (Изображение | Коррекция | Уров
ни) или нажмите <Ctrl>+<L>.
3. Открылось диалоговое окно Levels, содержащее гистограмму активного изоб
ражения и ползунки для настройки его тонового баланса. Нас интересуют пол
зункитреугольники прямо под гистограммой. Белый треугольник воздейству
ет на светлые области изображения (свет), серый — на средние тона, а черный —
на темные (тени) (рис. 17.8).
Заметьте: между черным треугольником в левом конце гистограммы и самыми
первыми темными пикселами изображения остается пустое пространство. Те
перь взгляните на белый полюс в правом конце гистограммы: здесь самые свет
лые пикселы не доходят до конца шкалы, между ними и белым треугольником
также остается пустое место.
Когда пикселы изображения начинаются и заканчиваются, не доходя до краев
шкалы, где находятся ползунки, показывающие предельные значения, такое
изображение изза недостатка контраста в свете и тенях выглядит бледнова

Рис. 17.8.
Гистограмма
активного
изображения
и ползунки
регуляторы
388 Урок 17

тым (как вид через пыльное окно). Это справедливо для большинства изобра
жений, получаемых после сканирования. Поэтому в качестве первого шага тре
буется переопределить в них черную и белую точки и настроить гамму.
4. Переместите черный ползунок вправо до точки, от которой берут начало пик
селы на гистограмме; а белый влево, совместив его с точкой, где кончаются
последние пикселы изображения (рис. 17.9).
5. Переместите ползунок гаммы вправо, чтобы слегка осветлить средние тона.
Значение гаммы должно составлять примерно 0,8, но, поскольку яркость мо
ниторов у всех различна, эта величина может быть другой.
6. Щелкнув по кнопке OK, подтвердите внесенные изменения. Пикселы пере
распределятся по всему диапазону от черного к белому и распространятся по
всей шкале. Нажимая <Ctrl>+<Z>, присмотритесь к изображению и отметьте
разницу до и после настройки.
7. Снова выберите команду Image | Adjustments | Levels. Теперь гистограмма пока
зывает новый порядок пикселов, образовавшийся после их перераспределения
(рис. 17.10).
Эту процедуру рекомендуется выполнять в качестве первого шага при обработ
ке отсканированных изображений.

Рис. 17.9. Тоновая коррекция с помощью команды Levels

Рис. 17.10.
Гистограмма после
выполнения
команды Levels
Тоновая и цветовая коррекция 389

Установка черной и белой точек вручную


Регулировка светов и теней осуществляется многими способами. Мы рассмот
рели настройку ползунковрегуляторов. Однако иногда возникает необходимость
более точной установки белой и черной точек, чтобы не потерять детали в освет
ленных и затененных областях изображения.
Установив значения для точек, вы можете быть уверены в том, что самые темные
и самые светлые области напечатанного изображения будут содержать полезную
информацию — детали. Когда детали отсутствуют в самых светлых участках, краска
на бумагу не попадает. Такие белые пятна бумаги в печатном изображении называ
ют бликами. А когда деталей лишены темные участки, образуются черные пятна.
1. Откройте файл Точки.jpg из папки Lessons\Урок_17_Коррекция тона и цвета\Тоновая кор
рекция.
2. Вызовите команду Image | Adjustments | Levels (Изображение | Коррекция | Уров
ни) или нажмите <Ctrl>+<L>. Двойной щелчок по пиктограмме белой пипет
ки в окне Levels вызывает подборщик цвета. Обычно при печати нормального
изображения значения белой точки для CMYK (5; 3; 3; 0) (RGB (244; 244; 244)).
3. Двойным щелчком по пиктограмме черной пипетки в окне Levels зададим цве
та для точки черного — CMYK (65; 53; 51; 95) (RGB (10; 10; 10)). Теперь, задав
значения для черной и белой точек, мы укажем «пипеткой» самые темные и
светлые участки изображения.
4. Не отменяя выделения черной «пипетки» в диалоговом окне Levels, установите
курсор в темную область внизу (рис. 17.11) и щелкните. Мы определили эту
область как самую темную точку в изображении. Активизируйте белую «пи
петку», установите ее на белую шапку в левом верхнем углу и щелкните
(рис. 17.11). Теперь определена самая светлая точка в изображении.

Рис. 17.11. Установка белой и черной точек


390 Урок 17

5. Перемещая по шкале в диалоговом окне средний регулятор, подправьте сред


ние тона (гамму).
Сравните, что было и что получилось (рис. 17.12).

Рис. 17.12. Результат коррекции

Алгоритмы коррекции
Большим достижением Adobe является диалоговое окно Auto Color Correction
Options, которое можно вызвать из окон Levels и Curves щелчком по кнопке Options.
Это различные алгоритмы коррекции. Все эти алгоритмы представлены в виде
отдельных команд в разделе Adjustments главного меню.
Пример 1
1. Откройте файл Цветы.jpg из папки Lessons\Урок_17_Коррекция тона и цвета\Тоновая кор
рекция\Алгоритмы (рис. 17.13). Вы видите полное отсутствие светов на гистограм
ме изображения.
2. Вызовите команду Image | Adjustments | Levels (Изображение | Коррекция | Уров
ни) или нажмите <Ctrl>+<L>. Переместите ползунок светов влево (рис. 17.14).
Изображение осветлилось, но зеленый отлив сохранился.
3. Щелкните в диалоговом окне Levels по кнопке Options (Настройки) — будет
вызвано диалоговое окно Auto Color Correction Options (Автоматическая цвето
коррекция) (рис. 17.15).
Данное диалоговое окно включает три различных алгоритма коррекции, кото
рые может выбрать пользователь:
 Enhance Monochromatic Contrast — аналог Auto Contrast (Автоконтраст);
 Enhance Per Channel Contrast — аналог Auto Levels (Автоуровни);
 Find Dark & Light Colors — аналог Auto Color (Автоматическая настройка цвета).
По умолчанию установлен алгоритм Auto Levels (Автоуровни), он же вызыва
ется щелчком по кнопке Auto в диалоговом окне Levels.
Для данного изображения Цветы.jpg больше подходит третий по счету алгоритм
Find Dark & Light Colors (рис. 17.16).
Тоновая и цветовая коррекция 391

Рис. 17.13. Изображение с гистограммой Рис. 17.14. Перемещение светов в окне Levels

Рис. 17.15. Вызов окна Auto Color Correction Options

Рис. 17.16. Коррекция с помощью Find Dark & Light Colors


392 Урок 17

Пример 2
1. Откройте файл С самолета.jpg из папки Lessons\Урок_17_Коррекция тона и цвета\Тоновая
коррекция\Алгоритмы (рис. 17.17). Как видно, огромный объем воздуха не дает дета
лей города. Голубая пелена портит весь вид.
2. Вызовите команду Levels, а затем щелкните по кнопке Options (Настройки).
Какой алгоритм больше подходит для данного изображения? Верно — алго
ритм Auto Levels (Автоуровни) (рис. 17.18).

Рис. 17.17. Файл С самолета.jpg

Рис. 17.18. Вызов окна Auto Color Correction Options


Тоновая и цветовая коррекция 393

Пример 3
1. Откройте файл Зеленый мальчик.jpg из папки Lessons\Урок_17_ Коррекция тона и цвета\То
новая коррекция\Алгоритмы.
2. Старые фотографии имеют тенденцию к выцветанию, бумага становится зеле
ной. Исправим за два щелчка этот дефект!
3. Вызовите команду Levels, выберите в данном окне алгоритм Auto Levels (Авто
уровни) щелчком по кнопке Auto. Как вы заметили, изображение несовершен
но изза присутствия зеленого отлива.
4. Используем дополнительные возможности — возьмите пипетку серого цвета
(для выбора нейтрального серого цвета) и щелкните по штанам (рис. 17.19).
Суперрезультат!

Рис. 17.19. Совместное использование Auto Levels и установок пипетки серого


394 Урок 17

Пример 4
1. Откройте файл Окно_цветы.jpg из папки Lessons\Урок_17_Коррекция тона и цвета\Тоновая
коррекция\Алгоритмы.
2. Вызовите команду Levels, затем по кнопке Options (Настройки) выберите тре
тий алгоритм Find Dark & Light Colors. Согласитесь с коррекцией алгоритма
(рис. 17.20).

Рис. 17.20. Выбор алгоритма Find Dark & Light Colors

3. Используем дополнительные возможности — возьмите пипетку серого цвета


(для выбора нейтрального серого цвета) и щелкните по стене (рис. 17.21).

Рис. 17.21. Совместное использование алгоритма и установок пипетки серого


Тоновая и цветовая коррекция 395

Самостоятельное задание. Brightness/Contrast или Levels ?

1. Откройте файл Гномы.jpg из папки Lessons\Урок_17_Коррекция тона и цвета\Тоновая кор


рекция.
2. Сравните действия команд Levels и Brightness/Contrast. Какая команда будет
наиболее предпочтительна для данного файла?

ПРИМЕЧАНИЕ Чтобы с помощью гистограммы диалогового окна Levels оценить «потери»,


необходимо двигать ползунокрегулятор, удерживая клавишу <Alt>.

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


Curves (Кривые) — наиболее совершенное средство регулировки тонового ди
апазона. Вызывается быстрыми клавишами <Ctrl>+<M>.
Кроме установки белой и черной точек она позволяет делать тонкую настрой
ку распределения средних тонов и других степеней яркости изображения.
Мы воспользуемся диалоговым окном Curves для настройки теней и средних
тонов изображения.
1. Откройте файл Curves.jpg из папки Тоновая коррекция.
2. Вызовите команду Image | Adjustments | Curves (Изображение | Коррекция | Кри
вые) или нажмите <Ctrl>+<M>.
Градационная кривая в диалоговом окне Curves отображает исходные и новые
значения яркости пикселов изображения. Горизонтальная ось представляет теку
щие значения пикселов, а вертикальная — новые, скорректированные значения.
Пока не внесено никаких изменений, исходные значения пикселов (входные) и
новые (выходные) одинаковы, и график имеет вид прямой, пересекающей поле
по диагонали.

Рис. 17.22.
Диалоговое окно Curves
396 Урок 17

Диагональ показывает существующее отношение между входными и выходны


ми значениями. Ее нижняя точка представляет тени, верхняя — свет (рис. 17.22).
Полутоновая шкала под квадратным полем показывает значения яркости пик
селов от черного (0) до белого (255). Чтобы увидеть, как на графике отображаются
выбираемые значения яркости, переведите курсор в окно изображения, нажмите
кнопку мыши и протяните.
На диагонали появляется и начинает перемещаться небольшой кружок. Когда
курсор находится в темной области изображения, кружок устанавливается у ниж
него левого края линии, а при попадании на светлый участок кружок перемещает
ся к верхнему концу, показывая распределение света и теней на графике
(рис. 17.23).

Рис. 17.23. Протягива


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

Рис. 17.24. Регулиров


ка средних тонов и теней
с помощью Curves
Тоновая и цветовая коррекция 397

В этом изображении требуется регулировка средних тонов и теней. Свет здесь


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

Команда Shadow/Highlight (Тени/Света)


Довольно часто встречаются фотографии с контровым освещением, когда
объект освещен сзади и лицо находится в тени. Получается, солнечный день —
это задний план, а лицо не видно изза теней. Как исправить такую ситуацию?
1. Откройте файл Лимоны.jpg.
2. Выполните команду Image | Adjustments | Shadow/Highlight (Изображение | Кор
рекция | Тени/Света) и установите значения, как на рис. 17.25.
Создается впечатление, что в тенях появился свет, необходимый для отображе
ния деталей объекта. Достаточно удобная команда.

Рис. 17.25. Окно Shadow/Highlight


398 Урок 17

Средства цветовой коррекции


Команда Color Balance (Цветовой баланс)
Color Balance (Цветовой баланс) служит для изменения соотношения цветов,
устранения цветового отлива и обеспечивает лишь общую настройку (<Ctrl>+<B>).
1. Откройте файл Color Balance.jpg.
2. Выполните команду Image | Adjustments | Color Balance (Изображение | Коррек
ция | Цветовой баланс), установите значения, как на рис. 17.26.
При выполнении команды исчезает пурпурный отлив.

Рис. 17.26. Окно Color Balance

Рассмотрим команды цветовой коррекции. Вы можете применять их непосред


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

Команда Hue/Saturation (Цветовой тон/Насыщенность)


Сферы действия данной команды очень обширны. Команда перекрашивает
изображение целиком или отдельные цвета, используется для колоризации и по
лучения спецэффектов и многого другого. Вызывается быстрыми клавишами
<Ctrl>+<U>.

Изменение компонентов цвета и насыщенности изображения


Выполните следующие действия:
1. Откройте изображение Мелки.jpg из папки Цветовая коррекция.
2. Примените команду Hue/Saturation (Цветовой тон/Насыщенность), нажав кла
виши <Ctrl>+<U>.
Тоновая и цветовая коррекция 399

3. Если в верхней части диалогового окна вы выбрали Master (Все) (рис. 17.27),
то перемещение ползунка Hue (Цветовой тон) будет перекрашивать все цвета
изображения. Внизу вы видите две цветовые шкалы. Верхняя показывает, ка
кие цвета были до перекрашивания, нижняя — после перекрашивания.
4. Если вы будете при выбранном значении Master изменять Saturation (Насы
щенность), то будет изменяться насыщенность во всем изображении. Перета
щите ползунок Saturation (Насыщенность) на позицию 100 (крайнее левое по
ложение), и все изображение будет без цветового компонента (чернобелое).
Верните изображение в исходное состояние.

Рис. 17.27.
Изменение цветового
тона у всех цветов
в изображении

Перекрашивание заданного диапазона цветов


Выполните следующие действия:
1. Выберите в верхнем выпадающем списке значение Reds (Красные цвета). Мы
будем влиять только на красные цвета изображения.
2. Переместите ползунок Hue (Цветовой тон) вправо до значения +89. Красные
мелки перекрашиваются в зеленый цвет. Обратите внимание на шкалы пере
крашивания. На них появился фиксированный диапазон с областями спада
(рис. 17.28).

Рис. 17.28.
Перекрашивание
заданного диапазона
цветов
400 Урок 17

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

Колоризация изображения
В современном дизайне зачастую многоцветные решения заменяются на од
ноцветные. Мы уже рассматривали этот вопрос в теме, посвященной режимам
наложения. Способов колоризации много. Один из них — использование опции
Colorize (Колоризация) диалогового окна Hue/Saturation (Цветовой тон/Насы
щенность).
1. Откройте файл Колоризация.jpg из папки Цветовая коррекция.
2. Примените команду Hue/Saturation (Цветовой тон/Насыщенность), нажав кла
виши <Ctrl>+<U>. В правой нижней части окна включите опцию Colorize (Ко
лоризация).
3. Установите значения Hue (Цветовой тон) 214, Saturation (Насыщенность) 26.
Получился синий вариант колоризации (рис. 17.29). Если вы измените коор
динату Hue (Цветовой тон), то получите другие варианты цветовых решений.

Рис. 17.29.
Использование
колоризации

Рис. 17.30.
Колоризация
под старую
фотографию
Тоновая и цветовая коррекция 401

«Sepia» и другие настройки колоризации


Эффект старых чернобелых выцветших фотографий эмитируют с помощью
«sepia».
1. Откройте файл Sepia.jpg из папки Цветовая коррекция.
2. Примените команду Hue/Saturation, выберите из верхней части диалогового
окна Preset | Sepia (Набор | Сепия). Программа установила параметры, соответ
ствующие данному режиму колоризации (рис. 17.30).

Подготовка черноLбелых изображений


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

Перевод в Grayscale (ЧерноYбелое)


В требованиях типографии для чернобелых книг (таких как эта) — черно
белые картинки. Большинство авторов делают их командой Image | Mode | Grayscale
(Изображение | Цветовой режим | Чернобелое).
Чем хороша эта команда — объем файла в три раза меньше. Но как результат —
отсутствие цветов и иногда потеря тонов.
1. Откройте файл Шиповник.jpg из папки Цветовая коррекция.
2. Примените команду Image | Mode | Grayscale (рис. 17.31).

Рис. 17.31. Чернобелый шиповник без деталей

Команда Desaturate (Отмена насыщенности)


Долгое время эксперты советовали не использовать команду Image | Adjustments |
Desaturate (Изображение | Коррекция | Отмена насыщенности) для перевода изоб
ражения в чернобелое, т. к. теряется большинство тонов по аналогии с Grayscale
(Чернобелое). Выполните эту команду применительно к начальному файлу
Шиповник.jpg — действительно, результат тот же, ужасный, и объем файла, как в
цветном RGB.
Команда Desaturate используется в случае применения History Brush (Кисти
истории) в смешивании действий в палитре History (История) (см. урок 18).
402 Урок 17

Команда Channel Mixer (Смешивание каналов)


Команда Image | Adjustments | Channel Mixer (Изображение | Коррекция | Сме
шивание каналов) позволяет создать чернобелый вариант, исходя из информа
ции в цветовых каналах изображения.
1. Откройте файл Шиповник.jpg из папки Цветовая коррекция.
2. Проанализируем содержимое каналов палитры Channels.
3. Как видно из рис. 17.32, красный канал наиболее контрастный.

Рис. 17.32.
Содержимое каналов
изображения

4. Примените команду Image | Adjustments | Channel Mixer (Изображение | Коррек


ция | Смешивание каналов) (рис. 17.33). Включите опцию Monochrome (Моно
хромное). Photoshop по умолчанию взял доли каналов (40%; 40%; 20%) — ре
зультат тот же (рис. 17.33).
5. Преимущество данной команды в том, что мы сами можем устанавливать доли
каналов. Вспоминая, что красный канал — самый контрастный, а синий — на
оборот, мы сделаем выбор по схеме (рис. 17.34) (80%; 20%; 0%).
6. Также возможен выбор различных шести вариантов из верхнего списка Preset
(Набор) для изображений RGB.
Тоновая и цветовая коррекция 403

Рис. 17.33.
Применение
команды
с настройками
по умолчанию

Рис. 17.34.
Диалоговое окно
Channel Mixer

Команда Black and White (ЧерноLбелое)


Команда Image | Adjustments | Black and White (Изображение | Коррекция | Чер
нобелое) более расширена, чем Channel Mixer, что позволит вам создать собствен
ное конвертирование, основанное на информации, содержащейся в каналах RGB
изображения, а также вы сможете контролировать данные CMY (рис. 17.35).

Рис. 17.35.
Диалоговое окно
Black and White
404 Урок 17

Рис. 17.36. Раздел Tint

Вы также можете создавать различные варианты колоризации изображения с


помощью раздела Tint (Оттенок) (рис. 17.36).

Команда Replace Color (Замена цвета)


1. Откройте изображение Розы.jpg из папки Цветовая коррекция. Предположим, хочет
ся изменить цвет роз. (Следует заметить, что команду Hue/Saturation никто не
отменял, и возможно, она выполнит эту операцию более точно.)
2. Вызовите команду Replace Color (Замена цвета).
3. Укажите базовый цвет, который хотите изменить, щелчком пипеткой (первая
из трех в диалоговом окне) — учитывается только один щелчок.

Рис. 17.37. Выделение цветов для перекрашивания

4. Активизируйте «Пипетку +», щелкайте по розам в изображении, расширяя ба


зовый набор цветов. В центральной части белым цветом отображаются выде
ленные цвета (рис. 17.37).
5. Для перекрашивания воспользуйтесь разделом Replacement (Замена) в нижней
части окна, подвиньте ползунок Hue (Цветовой тон) на позицию (+76) — розы
станут желтыми. Для плавности смешивания рекомендуется использование не
больших значений параметра Fuzziness (Допуск) (это растушевка краев выде
ленной области) (рис. 17.38).
Тоновая и цветовая коррекция 405

Рис. 17.38. Перекрашивание роз

Полученный результат — в файле Розы_Replace_color.psd. Для разнообразия пере


красьте медведей из файла Белые медведи.jpg.

Команда Selective Color (Выборочные цвета)


Данная команда — самая популярная для коррекции цвета в выбранном диа
пазоне цветов. Все совершаемые действия необходимо отслеживать по цветовым
координатам в палитре Info (Информация). При необходимости желательно ис
пользовать инструмент Color Sampler (Считыватель цвета). Данный инструмент
позволяет на важных участках изображения отслеживать изменения цвета при
помощи специально проставленных «считывателей».
1. Откройте изображение Selective Color.jpg из папки Цветовая коррекция.
2. Активизируйте палитру Info (Информация). В верхней части находятся пипет
ки, показывающие текущие координаты цвета пиксела, на котором находится
курсор мыши. Настройте левую пипетку на модель CMYK , правую — на мо
дель HSB (для изменения модели отображения щелкните мышью по пипетке и
выберите необходимую модель).
406 Урок 17

3. Активизируйте инструмент Color Sampler (Считыватель цвета) (рис. 17.39) в ин


струментарии.
4. Щелкните по щеке мальчика, по куртке — установятся два «считывателя» (#1,
#2). Максимально возможно — четыре считывателя. Координаты цветов дан
ных точек сразу отображает палитра Info (Информация) (для того чтобы их уб
рать, подведите к ним мышь с нажатой клавишей <Alt>). Настройте нижние
два считывателя на модель CMYK.
5. Таким образом, у нас два считывателя и отображение текущей координаты
(рис. 17.40).
6. Вызовите команду Image | Adjustments | Selective Color (Изображение | Коррек
ция | Выборочный цвет) (рис. 17.41). В нижней части выберите абсолютный
метод (для сильных дефектов). В верхней части окна — выпадающий список
выбора цветов, где будет осуществляться коррекция.

Рис. 17.39.
Инструмент Color Sampler

Рис. 17.40. Анализ цветовых координат изображения


Тоновая и цветовая коррекция 407

7. Цветовой дефект данного изображения — слишком насыщенные пурпурные


щечки у мальчика. Обычно за цвет кожи отвечает раздел Reds (Красные).
8. Выбрав раздел Reds (Красные), необходимо в нем уменьшить составляющую
Magenta (Пурпурный) движением ползунка влево. Вы видите, что пурпурный
отлив исчез.
9. Палитра Info (Информация) мгновенно отображает цветовые изменения в изоб
ражении. Первый считыватель (#1) показывает цифры до и после коррекции в
модели CMYK (рис. 17.42). Заметьте, что мы подавили пурпурную составляю
щие, о чем говорят вторые цифры (после дроби) в координатах считывателя.

Рис. 17.41. Выбор цветового диапазона Reds

Рис. 17.42. Устранение цветового отлива в выбранном диапазоне цветов


408 Урок 17

Команда Photo Filter (Фотофильтр)


Профессиональные фотографы, зная о свойстве человеческого глаза приспо
сабливаться к свету, используют в работе насадки на фотоаппарат — фотофильт
ры. Данная команда программно заменяет их.
В команде Photo Filter (Фотофильтр) предлагаются различные типы фильтров,
такие как Warming (Теплее цвет) и Cooling (Охлаждающий цвет).
1. Откройте изображение Белые медведи.jpg из папки Цветовая коррекция.
2. Вызовите команду Image | Adjustments | Photo Filter (Изображение | Коррекция |
Фотофильтр). В верхней части окна в выпадающем списке фильтров выберите
Cooling Filter (LBB) (рис. 17.43).

Рис. 17.43. Выбор охлаждающего цвета фильтра

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

Команда Gradient Map (Градиентная карта)


Данная команда перекрашивает цвета в зависимости от уровня яркости выб
ранным градиентом. Очень полезна при перекрашивании части чернобелого изоб
ражения.
1. Откройте изображение Просто текст.jpg из папки Цветовая коррекция.
2. Выделите прямоугольным выделением часть изображения — коррекция будет
распространяться только на выделенный участок.
3. Вызовите команду Image | Adjustments | Gradient Map (Изображение | Коррек
ция | Градиентная карта).
Тоновая и цветовая коррекция 409

4. Выберите из списка градиентов пятый по счету — фиолетовооранжевый


(рис. 17.44).
5. Как работает команда? Заметьте, что темный текст перекрашен в фиолетовый
цвет, а белый фон — в оранжевый. Таким образом, команда накладывает гра
диент на цвета сопоставимо их уровню яркости.

Рис. 17.44. Применение градиента при


перекрашивании изображений

Корректирующие слои
В чем вообщето у нас большая проблема? Вся коррекция, примененная ранее
к изображению, была необратима после его закрытия. Это очень плохо, т. к. в про
цессе работы возможны различные варианты.
Чтобы применить к изображению коррекцию без необратимого изменения зна
чений пикселов изображения, в него можно добавить корректирующий слой. На
пример, если вы добавите в изображение корректирующий слой Levels, то можете
сколько угодно экспериментировать с различными настройками тона, поскольку
изменения происходят только в корректирующем слое. Если необходимо, можно
всегда удалить корректирующий слой — изображение останется без изменений.
Преимущества очевидны.
410 Урок 17

Свойства корректирующих слоев


Корректирующий слой — это слой, содержащий коррекцию.
Корректирующие слои настраиваются в палитре Adjustments (Коррекция).
 Корректирующие слои не имеют смысла без изображения.
 Коррекцию всегда можно настроить или вообще удалить вместе со слоем без
ущерба для изображения.
 Корректирующие слои влияют на все нижележащие слои. Чтобы ограничить
действие корректирующего слоя только первым нижележащим, необходимо
выполнить операцию отсечения (Clipping).
 Если необходимо работать только с частью нижележащего слоя, используется
работа в слоймаске служебными цветами программы.
Рассмотрим более подробно эти утверждения.

Создание и действие корректирующего слоя


Начиная с версии Adobe Photoshop CS4, вы можете использовать команды для
коррекции цвета и тона в палитре Adjustments (Коррекция).
При щелчке по значку инструмента выбирается соответствующая коррекция и
автоматически создается корректирующий слой.
Для удобства пользователя палитра Adjustments содержит список фиксирован
ных коррекций (наборов), которые применяются для выполнения стандартных
операций с изображениями. Существуют наборы для уровней, кривых, экспози
ции, цветового тона/насыщенности, баланса черного и белого, смешивания ка
налов и выборочной коррекции цвета. Щелчок по набору применяет соответству
ющую коррекцию к изображению с помощью корректирующего слоя.
Пользовательские коррекции всегда можно сохранить в качестве набора, ко
торый добавляется к уже имеющемуся списку. При щелчке по значку коррекции
или по набору отображаются параметры настройки для данной коррекции.
Выполните следующие действия:
1. Откройте файл 1_Белые медведи.jpg из папки Корректирующие слои.
2. В палитре Adjustments (Коррекция) щелкните по пиктограмме Hue/Saturation
(Цветовой тон/Насыщенность) (рис. 17.45).
3. Обратите внимание, что палитра Adjustments при применении Hue/Saturation
настроена на параметры Hue/Saturation.
Выберите в выпадающем списке набор коррекции Cyanotype (Колоризация го
лубым цветом) как на рис. 17.46.
Удобство палитры Adjustments заключается в возможности быстрой настройки
коррекции без дополнительного вызова диалоговых окон, как это делалось в
предыдущих версиях.
4. В палитре Layers добавилась конструкция — корректирующий слой Hue/
Saturation (рис. 17.47). Он состоит из пиктограммы коррекции и слоймаски.
Тоновая и цветовая коррекция 411

5. Выключите из видимости корректирую


щий слой — слой с изображением в целос
ти и сохранности. Вы даже можете удалить
корректирующий слой (пока не стоит).
Включите видимость корректирующего
слоя обратно.
6. Выключите из видимости слой с изобра
жением — останется одна «клетка». Кор
ректирующий слой не живет без изображе
ния. Включите видимость слоя обратно.
7. Чтобы изменить настройки, необходимо
изменить параметры коррекции в палитре
Adjustments. Таким образом, коррекция
довольно гибко настраивается. Но это еще
не все!

Рис. 17.45. Создание корректирующего слоя

Рис. 17.46.
Настройки
корректирующего
слоя Cyanotype

Рис. 17.47.
Корректирующий
слой Hue/
Saturation
412 Урок 17

8. Если вы хотите ограничить действие коррекции на часть слоя, необходимо ис


пользовать слоймаску корректирующего слоя.
9. Возьмите чернобелый градиент и проведите в изображении при активной маске
слоя. Соизмеримо чернобелому распределению будет действовать коррекция
(рис. 17.48).

ПРИМЕЧАНИЕ Если у вас версия ниже CS4, то чтобы добавить корректирующий слой в ниж
ней части палитры Layers (Слои), щелкните по пиктограмме , выберите пункт Hue/Saturation
(Цветовой тон/Насыщенность) из всплывающего меню (рис. 17.49).

Чтобы изменить настройки коррекции, необходимо дважды щелкнуть по пик


тограмме коррекции в корректирующем слое, т. к. палитры Adjustments в старых
версиях нет. При этом вызывается диалоговое окно настроек коррекции.

Рис. 17.48. Ограничение действия коррекции


в слоймаске

Рис. 17.49. Создание корректирующего слоя


с помощью пиктограммы палитры
Тоновая и цветовая коррекция 413

Ограничение действия корректирующего слоя


в многослойном документе
Корректирующие слои влияют на все нижележащие слои. Чтобы ограничить
действие корректирующего слоя только первым нижележащим, необходимо вы
полнить операцию отсечения (Clipping Mask).
1. Откройте файл Перцы.psd из папки Корректирующие слои.
Файл состоит из нескольких слоев, и корректирующий слой распространяет
свое действие на оба слоя с перцами внизу (рис. 17.50). Слоймаску я удалила
из корректирующего слоя за ненадобностью.
2. Выполните операцию отсечения корректирующего слоя с нижележащим «ле
вым» перцем щелчком по пиктограмме в палитре Adjustments (рис. 17.51).
3. После выполнения операции отсечения действие слоя ограничено только ни
жележащим. В результате левый перец красный, правый — желтый.

Рис. 17.50. Корректирующий слой действует на все нижележащие слои

Рис. 17.51. Выполнена операция Clipping Mask


414 Урок 17

Создание коррекции по выделенной области


Если в вашем изображении существует выделение, то корректирующий слой
будет создаваться с учетом выделенной области (т. к. он содержит слоймаску).
Если вы хотите выделить объект из достаточно одноцветной композиции, мож
но применить такой алгоритм:
1. Откройте файл Акцент цветом_start.jpg из папки Hue_Saturation.
2. Загрузите выделение из палитры Paths (контур уже создан) — создается выде
ление женщины с кувшином (рис. 17.52).

Рис. 17.52. Загрузка выделения из контура

3. Инвертируйте выделение — будет выделено все, кроме женщины.


4. Создайте корректирующий слой Hue/Saturation с помощью палитры
Adjustments. Как видите, если существует выделенная область в слое, то слой
маска в корректирующем слое создается по выделению. Настройте коррекцию,
как показано на рис. 17.53.
Включена опция Colorize (Колоризация). Hue (Цветовой тон) установлен 230,
Saturation (Насыщенность) 36, Lightness (Яркость) 30.
5. Введите текст. Пример в файле Акцент цветом.psd (рис. 17.54).
Тоновая и цветовая коррекция 415

Рис. 17.53. Параметры слоя Hue/Saturation

Рис. 17.54. Акцент цветом

Примеры колоризации в рекламных коллажах


Удачным примером использования корректирующего слоя в рекламе может
служить файл Реклама.psd из папки Цветовая коррекция\Hue_Saturation (рис. 17.55).
Откройте изображение в слоях. Посмотрите, как расставлены акценты.
Примеры использования колоризации в рекламных плакатах фирмы Bodyglove
(рис. 17.56) в папке Hue_Saturation.
416 Урок 17

Рис. 17.55. Использование цветовой коррекции в рекламе «Twenty»

Рис. 17.56. Использование цветовой коррекции в рекламе «Alexgray»


Тоновая и цветовая коррекция 417

Использование корректирующего слоя Levels

Когда дефект работает на нас


1. Откройте файл 4_Koli.jpg — изображение со страшным синим отливом — из папки
Корректирующие слои.
2. В палитре Adjustments (Коррекция) выберите корректирующий слой Levels
(Уровни).
3. В настройках Levels выберите алгоритм Auto (щелчком по кнопке Auto), допол
нительно щелкните по снегу на верхушке елки белой пипеткой — будет убран
весь синий отлив, но от неба тоже ничего не останется (этот вопрос мы решим
позже).
4. В палитре Layers (Слои) появился корректирующий слой с именем Levels
(рис. 17.57).
Выбранная коррекция распространяется на весь нижележащий слой. Чтобы
ограничить ее действие, будем использовать слоймаску.
Удостоверьтесь, что активна маска (пиктограмма маски в двойной рамке), ак
тивизируйте инструмент Gradient (чернобелый, линейный) и растяните по изоб
ражению, как на рис. 17.58.
Хотя протягиваете вы в изображении, градиент на самом деле заполняет толь
ко слоймаску корректирующего слоя. Вместе с плавным переходом проступает
синий цвет нижнего исходного изображения (это не небо раскрашивается, а си
нее дефектное фото появляется). Результат коррекции в файле Koli_слои.jpg.

Рис. 17.57. Добавление корректирующего слоя Levels в палитре Layers


418 Урок 17

Рис. 17.58. Ограничение действия корректирующего


слоя с помощью слоймаски

Разные способы осветления (затемнения)


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

Слишком светлая фотография


Откройте файл 5_слишком светлая.jpg — изображение из папки Корректирующие слои.
Действительно слишком светлая фотография.
1 способ:
1. Создайте копию слоя Background, например сочетанием клавиш <Ctrl>+<J>.
2. У слоя Background copy установите режим наложения Multiply. Заметьте, что
изображение стало слишком темное. Чтобы ослабить действие верхнего слоя,
уменьшим Opacity до 57% (рис. 17.59).
2 способ (тот же самый результат):
1. Вернитесь к состоянию начальной загрузки.
2. В нижней части палитры Layers (Слои) щелкните по пиктограмме, выберите
пункт Levels (Уровни) из всплывающего меню. Откроется диалоговое окно Levels
(Уровни). Щелкните кнопку OK, чтобы закрыть диалоговое окно. В палитре
Layers (Слои) появился корректирующий слой с именем Levels.
Тоновая и цветовая коррекция 419

3. Установите у слоя Levels режим наложения Multiply.


4. Чтобы ослабить действие корректирующего слоя Levels, уменьшим Opacity до
57% (рис. 17.60).
Заметьте, что результат, как ни парадоксально, тот же. В чем же преимущество?
Преимущество в гибкости настройки за счет использования слоймаски в кор
ректирующем слое.

Рис. 17.59. Создание копии слоя в режиме наложения Multiply

Рис. 17.60. Добавление корректирующего слоя Levels в режиме наложения Multiply


420 Урок 17

Рис. 17.61. Использование


слоймаски для гибкой
настройки коррекции

Рис. 17.62. Работа в слой


маске Levels в режиме
наложения Screen
Тоновая и цветовая коррекция 421

5. Вы можете в слоймаске Кистью серого цвета регулировать области яркости


(рис. 17.61).

Слишком темная фотография


Откройте файл 5_слишком темная.jpg — изображение из папки Корректирующие слои.
Действительно слишком темная фотография.
Для осветления необходимо использовать режим наложения Screen.
Двумя способами выполните осветление данного изображения. Использова
ние корректирующего слоя на рис. 17.62.

Исключение «паразитных» пикселов


Часто в результате сканирования пленки вокруг фотографии образуется чер
ная область от рамки. При применении автоматических алгоритмов команды
Levels эти черные пикселы, конечно же, учитываются, т. к. они составляют часть
гистограммы изображения. При исключении пикселов рамки алгоритмы дают
совершенно другой результат. Сравним результаты коррекции.
1. Откройте файл 7_ретро.jpg из папки Корректирующие слои — красный отлив старо
сти портит фотографию девочки с бантиком.
2. В палитре Adjustments установите корректирующий слой Levels (Уровни). В на
стройках Levels выберите алгоритм Auto — мутность осталась (рис. 17.63). Вер
ните файл в состояние начальной загрузки и исключите пикселы, дающие «по
мехи».

Рис. 17.63. Применение алгоритма Auto на все изображение


422 Урок 17

3. Создайте прямоугольным выделением рамку, ограничивающую область изоб


ражения (рис. 17.64).

Рис. 17.64. Ограничение изображения


4. Создайте корректирующий слой Levels, выберите алгоритм Auto — супер!
(рис. 17.65).

Рис. 17.65. Применение алгоритма Auto на выделенную область изображения


Тоновая и цветовая коррекция 423

5. А теперь совсем неожиданное. Если вам дорого как память черное поле, кото
рое мы исключили (или там действительно необходимая информация), удали
те маску слоя в корзину (рис. 17.66) — и чудо — коррекция не изменилась.

Рис. 17.66. Удаление маски корректирующего слоя не изменяет коррекцию

Как сделать краски жизни ярче?


Иногда результаты простого осветления или действия алгоритмов не очень
устраивают, т. к. цвет вместе с ними и цвет объектов изменяется не в лучшую
сторону.
Есть прием, когда краски делаются намного насыщеннее в результате приме
нения корректирующего слоя Levels в режиме наложения Overlay (кстати, данный
прием применяют в «гламурной ретуши» для придания «загара»).
1. Откройте файл 8_Море.jpg из папки Корректирующие слои — пейзаж будто в дымке.
2. Если применить корректирующий слой Levels (Уровни), алгоритм Auto — море
потеряет свой цвет, станет просто синим.
3. Создайте корректирующий слой без выбора алгоритмов. Установите у коррек
тирующего слоя режим наложения Overlay. Краски стали слишком яркие. Что
бы ослабить действие слоя, уменьшите Opacity до 57% (рис. 17.67).
424 Урок 17

Рис. 17.67. Применение режима наложения Overlay для насыщения красок


Урок 18
РЕТУШИРОВАНИЕ
И ВОССТАНОВЛЕНИЕ ФОТОГРАФИЙ

Обычно, открывая фотографии в Photoshop, вы обнаруживаете, что выглядят


они не совсем так, как хотелось бы. Чтобы получить качественные изображения,
необходимо вносить поправки, т. е. ретушировать.
В новую версию программы включено большое количество инструментов для
ретуши, превращающих ретуширование фотографий в простой и понятный про
цесс. Новые инструменты имеют такой принцип действия, что даже мелкие ис
правления лица человека выглядят правдоподобно.
В этом уроке вы научитесь:
 использовать инструмент Clone Stamp (Штамп клонирования) для удаления из
изображения «лишних» предметов;
 работать с инструментом Spot Healing Brush (Пятновыводитель);
 убирать морщины и отбеливать зубы;
 восстанавливать старинные фотографии;
 использовать палитру History (История) для смешивания нескольких состоя
ний изображения;
 применять снимки для сохранения ранних состояний или вариантов вашей ра
боты.
426 Урок 18

В этом уроке вы выполните ретушь различных фотографий, используя комби


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

Основные приемы ретуширования


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

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

Метод «Заплатки» в слоях


Выполните следующие действия:
1. Откройте файл Часы.jpg из папки Lessons\Урок_18_ретушь с компактдиска. Как ви
дите, часть изображения отсутствует (рис. 18.1).

Рис. 18.1. Отсутствует часть изображения


Ретуширование и восстановление фотографий 427

2. Можно взять недостающий участок из правой части изображения, но слева нет


места для «заплатки», поэтому первое действие — это увеличение размера са
мого холста. Выполните команду Image | Canvas Size (Изображение | Размер хол
ста), увеличив размер слева (рис. 18.2).
3. Кроме этого в данном диалоговом окне можно задать цвет добавляемой облас
ти. Внизу, в поле Canvas extension color, вызовите окно Color Picker и щелкните
по фону за часами в самом изображении.
В результате выполнения команды у вас добавлена область слева от часов
(рис. 18.3), куда мы в дальнейшем поместим заплатку.

Рис. 18.2. Увеличение размера


изображения с помощью команды
Canvas Size

Рис. 18.3. Увеличение размера изображения с заданным цветом


заполнения
428 Урок 18

4. Выделите инструментом Rectangular Marquee (Прямоугольное выделение) не


достающий фрагмент изображения (рис. 18.4).
5. Скопируйте выделенную область на новый слой, нажав <Ctrl>+<J>. Перемес
тите пикселы верхнего слоя с заплаткой на место и трансформируйте, нажав
<Ctrl>+<T> и выбрав команду Flip Horizontal (Зеркальное отражение по гори
зонтали) — рис. 18.5. Примените трансформацию.

Рис. 18.4. Выделение недостающего фрагмента

Рис. 18.5. Трансформация слоя с заплаткой


Ретуширование и восстановление фотографий 429

6. Четко позиционируя слой с заплаткой на нужной позиции, сведите слои изоб


ражения в один слой. Работа сделана! Результат в файле Часы_end.jpg (рис. 18.6).

Рис. 18.6. Итоговое изображение

Метод «заплатки» без копирования в слоях


Выполните следующие действия:
1. Откройте файл Аудитория.jpg. Давайте уберем доску. Не то, чтобы она была там
не нужна, а с учебной целью, для изучения ретуши.
2. Создайте выделение рядом с доской инструментом Polygonal Lasso (Полиго
нальное лассо) (рис. 18.7).

Рис. 18.7. Выделение области для «заплатки»


430 Урок 18

3. Растушуйте выделение, выбрав команду Select | Modify | Feather и установив зна


чение 10 px.
4. Удерживая клавиши <Ctrl>+<Alt> (обратите внимание, как изменились знач
ки у выделения), переместите фрагмент с помощью мыши. При этом образует
ся плавающая область («заплатка»). Новый слой не образуется!
5. Переместите плавающую область на место доски мышью, и так несколько раз,
пока доска не будет закрыта полностью (рис. 18.8).
6. Снимите выделение, чтобы плавающая область стала частью изображения
(рис. 18.9).

Рис. 18.8. Доска закрыта «заплатками»

Рис. 18.9. Результат ретуши


Ретуширование и восстановление фотографий 431

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

Рис. 18.10. Инструменты ретуши

Восстановление областей инструментом


Clone Stamp (Штамп клонирования)
Метод ретуширования изображений с использованием этого инструмента яв
ляется, с одной стороны, универсальным и позволяет достигать наилучших ре
зультатов, а с другой стороны — чрезвычайно трудоемким.
Инструмент Clone Stamp (Штамп клонирования) использует пикселы из одной
области изображения, чтобы заменить ими пикселы в другой области.
При использовании Clone Stamp (Штамп клонирования) вы должны вручную
указать область клонирования, нажав клавишу <Alt> и выполнив щелчок мышью.
Успех работы зависит от параметра Brush в панели параметров инструмента.
Необходимо четко указывать размер области клонирования и жесткость кисти.
Жесткие кисти рекомендуются для фрагментов с обилием деталей, мягкие — для
однородных областей и плавных переходов. Размер кисти определяется, исходя
из требуемой точности. В сложных случаях, во избежание нежелательных повреж
дений частей изображения, рекомендуется использовать предварительное выде
ление для ограничения области работы инструмента.
1. Откройте файл Побережье.jpg. У нас заказ от туристической компании: для рек
ламы побережья требуется убрать всех отдыхающих и шезлонги — нужен ди
кий пляж.
2. Активизируйте инструмент Clone Stamp (Штамп клонирования). На панели па
раметров инструмента установите для параметра Brush (Кисть) Diameter 50 px,
Hardness 80%.
3. Поместите инструмент Clone Stamp в нижнюю часть изображения, где нет по
сторонних предметов. Чтобы выбрать область клонирования, нажмите клави
шу <Alt> и щелкните инструментом по песку (рис. 18.11).
432 Урок 18

Рис. 18.11. Указание области клонирования и размера кисти

4. Начиная от левого нижнего угла, перемещайте при нажатой левой кнопке мыши
инструмент Clone Stamp по рядам стоящих шезлонгов.
Обратите внимание на перекрестие, появившееся снизу от курсора инструмента
Clone Stamp. Оно указывает ту область изображения, которая копируется инст
рументом Clone Stamp при перемещении указателя мыши (рис. 18.12).

Рис. 18.12. Клонирование


области изображения
Ретуширование и восстановление фотографий 433

5. Отпустите кнопку мыши, переместите указатель мыши в другую область и сно


ва начните клонировать изображения. Почаще меняйте источник клонирова
ния. Нажимая и удерживая клавишу <Alt>, берите образцы с других участков
побережья, тогда изображение будет выглядеть более правдоподобно.
Продолжайте клонирование, пока все объекты не исчезнут (рис. 18.13).

Рис. 18.13. Дикий пляж после ретуши — ни одной живой души!

Инструмент Spot Healing Brush (Пятновыводитель)


Spot Healing Brush (Пятновыводитель) быстро удаляет дефекты и пятна с ваше
го изображения без указания области клонирования.
1. Откройте изображение Фонтан.jpg из папки Чудесное место.
2. Увеличьте правый угол изображения около фонтана (рис. 18.14). Обратите вни
мание на совершенно ненужный предмет и хаотично разбросанную в траве
листву. Уберем предмет, почистим траву. Активизируйте инструмент Spot Healing
Brush.
Для использования инструмента не нужно указывать областей клонирования.
3. Проведите инструментом по объекту, по мере того как вы перемещаете мышь,
пикселы закрашиваются. Однако когда вы отпускаете мышь, цвета самостоя
тельно корректируются так, что объект скрывается (рис. 18.15).
434 Урок 18

Рис. 18.14. Участок для исследования действия инструмента

Рис. 18.15. Применение инструмента Spot Healing Brush

4. Попробуйте убрать листву справа от фонтана с помощью этого инструмента


(рис. 18.16).
Вы можете оценить работу инструмента, открыв файл Применение пятновы
водителя.psd.
Ретуширование и восстановление фотографий 435

Рис. 18.16. Результат работы инструмента

Инструмент Healing Brush (Лечащая кисть)


Healing Brush (Лечащая кисть) — инструмент борьбы с царапинами в стиле
штампа клонирования. Так же как и штамп, лечащая кисть требует предваритель
ного определения источника данных, указываемого с помощью щелчка инстру
ментом по изображению при нажатой клавише <Alt>.
Данный инструмент, в отличие от штампа, не просто переносит клонирован
ную область, а также смешивает уров
ни яркости и цветность дефекта и кло
нированной области, формируя некий
усредненный результат.
Данный инструмент идеально под
ходит для ретуши чернобелых изоб
ражений, в случае с цветными изоб
ражениями результат иногда непред
сказуем.
1. Откройте файл Старая
фотография.jpg.
2. Активизируйте инструмент Healing
Brush. Укажите с помощью комби
нации <Alt>+ щелчок по области
клонирования, выбрав нужный раз
мер кисти инструмента (рис. 18.17).
Рис. 18.17. Указание области клонирования
436 Урок 18

3. Проведите по белому излому бумаги. Область не просто клонируется, проис


ходит смешение яркости пикселов (рис. 18.18).
4. Последовательно изменяя области клонирования и диаметр инструмента, вос
становите фотографию. Возможный результат ретуши в файле Старая
фотография_end.psd в слоях (рис. 18.19).
Мы с вами уже изучили тему «Раскрашивание» — попробуйте раскрасить эту
фотографию.

Рис. 18.18. Результат работы


инструмента

Рис. 18.19. Итоговое изображение

Инструмент Patch (Заплатка)


Инструмент Patch (Заплатка) позволяет реализовать метод «аппликации» бо
лее простым и эффективным способом. Возможны два режима работы: Source
(Источник) и Destination (Назначение). Сначала создается выделение в стиле лас
со, после чего перетаскиванием выделения указывается, откуда (куда) должны быть
вставлены пикселы.
Ретуширование и восстановление фотографий 437

Данный инструмент, так же как и Healing Brush (Лечащая кисть), не просто пе
реносит клонированную область, а также смешивает уровни яркости и цветность
дефекта и клонированной области. Используем данный инструмент для улучше
ния фотографий, например, уберем морщинки.
1. Откройте фотографию Приятная женщина.jpg.
2. Активизируйте инструмент Patch (Заплатка). Проверьте, чтобы активен был
режим Source (Источник) (рис. 18.20).

Рис. 18.20. Панель параметров инструмента Patch

3. Обведите инструментом область вокруг морщинок (рис. 18.21).


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

Рис. 18.21. Указание области для работы

Рис. 18.22. Результат действия инструмента Patch


438 Урок 18

5. Затем используйте этот же прием для стирания морщин под другим глазом.

6. В дополнение предлагаю отбелить зубы инструментом Dodge (Осветлитель)


(рис. 18.23).
Результат в файле Приятная женщина_end.psd. Уместно заметить, что в ретуши вы
применяете инструменты, приносящие видимый результат. В данном случае мож
но было бы использовать и другие ранее изученные инструменты.

Рис. 18.23.
Использование инструмента Dodge
для «отбеливания» зубов

Заливка и восстановление ContentLAware


(С учетом содержимого)
В последней версии программы появился удобный алгоритм ContentAware
(С учетом содержимого). Данный алгоритм реализован к примеру в команде Fill
(Залить) и в настройке инструмента Spot Healing Brush (Пятновыводитель).
ContentAware (С учетом содержимого) заполняет выделенную область схожим
содержимым изображения, расположенным в непосредственной близости. Для
оптимального результата выделение должно немного захватывать область, кото
рая будет воспроизводиться. (Как правило, применения обычного лассо или вы
деленной области для этого достаточно.) Однако совмещение подобных элемен
тов изображения происходит на случайной основе.

Использование ContentLAware в команде Fill (Залить)


На следующем примере я продемонстрирую удобство и быстроту использова
ния ContentAware (С учетом содержимого) в команде Fill (Залить).
Откройте файл с диска Lessons\Урок_18_Ретушь\ContentAware\ Стена_старт.jpg. Цель
данной работыретуши — создать файлзаготовку для задания текстуры кирпич
ной стены. Для этой цели необходимо устранить перспективное искажение и уб
рать огромную брешь слева (рис. 18.24).
Ретуширование и восстановление фотографий 439

Рис. 18.24. Стартовое изображение

1. Устраним перспективное искажение инструментом Crop (Обрезка), задав на


правление перспективы (рис. 18.25). Очень удобно будет выбрать на панели
параметров инструмента отображение сетки.

Рис. 18.25. Задание перспективы для обрезки


440 Урок 18

2. При применении операции обрезки стена имеет четкую горизонтальную ори


ентацию (рис. 18.26).
3. Выделите прямоугольным выделением чуть больше области бреши в стене
(рис. 18.27).
4. Выполните команду Edit | Fill (Редактирование | Залить) (рис. 18.28), выбрав в
выпадающем списке ContentAware (С учетом содержимого).
5. Снимите выделение. Результат выполнения операции превзойдет все ожида
ния (рис. 18.29)!

Рис. 18.26. Исправлено перспективное искажение

Рис. 18.27. Указание области ретуши


Ретуширование и восстановление фотографий 441

Рис. 18.28. Сетка и настройки марионе


точной деформации

Рис. 18.29. Результат


выполнения Content
Aware

Использование ContentLAware в Spot Healing Brush


При работе со Spot Healing Brush (Пятновыводителем) на панели параметров
возможно выбрать различные типы работы инструмента (рис. 18.30):
 Proximity Match (Соответствие приближения). Установлен по умолчанию. Ис
пользует пикселы по краю выделенного фрагмента, чтобы найти область, ко
торая должна использоваться в качестве накладки.
 Create Texture (Создание текстуры). Использует пикселы выделенной области
для создания текстуры. Если текстура не подошла, попробуйте повторно пере
тащить ее через исправляемую область.
 ContentAware (С учетом содержимого). Оценивает ближайшее содержимое, что
бы заполнить выделенную область без заметных границ, сохранив такие клю
чевые детали, как тени и края объектов.
442 Урок 18

Рис. 18.30. Типы работы инструмента в панели параметров

Откройте файл с диска Lessons\Урок_18_Ретушь\ContentAware\ Город.jpg.


Активизируйте тип работы ContentAware (С учетом содержимого). Копирова
ние будет осуществляться с фоновых участков.

Самостоятельная работа
Задание 1 (пригодится для будущего задания)
Откройте файл Небо.psd. Ваша задача — отретушировать слой Background, пред
варительно скопировав его. Вариант ретуши — в верхнем слое. Используйте все
изученные инструменты из арсенала программы.
Задание 2 (чуть сложнее)
На диске сопровождения в папке Чудесное место есть примеры выполненной ре
туши файлов Стена дома.jpg и Фонтан.jpg. Сделайте свои варианты.

Инструмент Red Eye (Удаление эффекта красных глаз)


Red Eye (Удаление эффекта красных глаз) — устраняет «эффект красных глаз»
у людей, а также зеленые блики глаз животных, при съемке со вспышкой. Следует
отметить, что в современных фотокамерах эта функция предусмотрена как одна
из возможных настроек.

Работа с палитрой History (История)


Палитра History (История) сохраняет только ограниченное количество действий
(20 шагов по умолчанию). После исчерпания этого лимита каждое новое действие
удаляет из палитры первый пункт. При таких операциях, как ретушь, эти шаги
можно пройти за одно дыхание. Поэтому (особенно при ретуши) рекомендовано
использовать возможность палитры делать снимки действий. Впоследствии в этой
же сессии вы можете вернуться к состоянию, записанному в снимок, выбрав дан
ный снимок в палитре History (История). Число сохраняемых снимков не ограни
чивается, главное в них не запутаться, поэтому ненужные надо удалять и всем обя
зательно давать имя. До этого момента мы работали только со снимком (состоя
нием) начальной загрузки.
1. Откройте файл Лилия.jpg из папки История. Мы выполним очень интересный ал
горитм, в результате лилия будет цветная, а все остальное — нет.
2. Выполните команду Image | Adjustments | Desaturate (Изображение | Коррекция |
Отмена насыщенности). Все изображение стало бесцветным, несмотря на цве
товую модель RGB, поддерживающую цвет.
Ретуширование и восстановление фотографий 443

3. Щелкните по пиктограмме фотоаппарата в нижней части палитры History


(рис. 18.31). Эта пиктограмма создает новый Snapshot (Снимок) в верхней час
ти палитры под снимком состояния начальной загрузки.
4. Двойным щелчком по слову «Snapshot 1» войдите в режим редактирования на
звания и дайте снимку имя «Desaturate».
5. Снимок является временной записью конкретной стадии работы. При закры
тии файла снимки уничтожаются. Поэтому предусмотрено сохранение снимка
как отдельного файла — необыкновенно умное и профессиональное действие!
Щелкните по первой пиктограмме в нижней части палитры History, и будет
создан новый документ из активного состояния (рис. 18.32). Имя у документа
будет соответствовать имени данного состояния (снимка).
Не закрывайте документ, мы продолжаем разговор об инструменте History Brush
(Кисть истории).

Рис. 18.31. Создание снимка действия Рис. 18.32. Создание нового документа из активного
состояния

Использование инструмента History Brush (Кисть истории)


History Brush (Кисть истории) в совокупности с палитрой History (История)
позволяют значительно повысить производительность работы, в частности, при
ретушировании. Перенос данных Кистью истории из различных состояний и сним
ков позволяет легко объединять различные фрагменты в одном изображении.
1. Активизируйте снимок «Desaturate». Обратите внимание, напротив снимка
состояния начальной загрузки у вас стоит пиктограмма History Brush (Кисть
истории). Это значит, что мы будем переносить информацию из этого снимка.
444 Урок 18

2. Активизируйте инструмент History Brush (Кисть истории). Проведите по


цветку — вы возвращаете его цвет, перенося информацию из снимка начальной
загрузки (рис. 18.33). Восстановите цвет лилии, как в файле Лилия_end.

Когда не работает History Brush?


Кисть истории не работает, если состояния находятся в разных цветовых
моделях или изменено расположение холста (обрезали фотографию, поверну
ли и т. д.), — будьте внимательны.

Рис. 18.33. Восстановление цвета Кистью истории


Урок 19
ТЕКСТУРЫ

Наверное, это тема не совсем для начинающих. Вообще непонятно, для какой
специализации она необходима. Мне часто задают вопрос, как делать текстуры?
Откуда появляются такие шикарные паттерны в слоевых эффектах и стилях? По
этому в этом уроке ответы на все вопросы.
Patterns (текстуры) часто используются в качестве узоров для компьютерных эк
ранов, заднего плана на Webстраницах; в полиграфии для оформления дипломов с
логотипами фирмы; в 3Dграфике для создания материалов поверхностей. Таким
образом, куда ни посмотри, везде они нужны, а делать вам их надо в Photoshop.
В этом уроке вы узнаете:
 что такое Pattern;
 как создавать фоновые заливки для Интернета, используя логотип фирмы;
 как использовать специальные фильтры для «обертывания» изображения;
 как создавать и сохранять бесшовные текстуры из любого материала;
 как загружать новые библиотеки текстур для работы в программе.
В ходе урока вы сделаете текстуру из логотипа, как на сайте фирмы Longines.
Усложнив задачу, научитесь размещать логотипы в текстурах не просто горизон
тально, а в шахматном порядке. И высший пилотаж — сможете сделать рельеф
ные логотипы для заливки. И все это на примере логотипа любимой Adobe.
Нам не составит труда сделать текстуру из части любого фотоизображения, будь
то ракушки или кирпичи, и загрузить новые библиотеки для работы. Все это и
многое другое в данном уроке!
446 Урок 19

Что такое pattern?


Pattern (текстура) — это образец материала, который без швов заполняет лю
бую указанную вами область.
Patterns сохраняются в библиотеках, их можно загружать как служебные фай
лы. В Photoshop вы уже использовали их, выполняя команду Edit | Fill (Редактиро
вание | Заливка), в слоевых эффектах, в профессиональных демонстрационных
стилях.
Итак, рассмотрим способы создания и сохранения pattern.

Текстуры в виде логотипа


Текстура Longines
Давайте получим такую же текстуру, как на Webсайте (страница сервисного
обслуживания) фирмы Longines, производящей недешевые часы. Откройте файл
Longines.jpg из папки Урок_19_Текстуры\Логотипы.

Задание «Pattern»
Выполните следующие действия:
1. Выполните команду главного меню Edit | Define Pattern (Редактирование | За
дать текстуру) (рис. 19.1).
2. В появившемся окне задайте имя Longines (рис. 19.2).

Рис. 19.1. Задание текстуры из файла


Текстуры 447

Рис. 19.2. Задание имени текстуры

Применение текстуры
Чтобы проверить, как будет смотреться заданный образец, создадим новый
документ 1024×768 пикселов и, выполнив команду Edit | Fill (Редактирование | За
ливка), зальем всю область документа. Напоминаю, что в диалоговом окне Fill
можно выбрать заливку текстурой (рис. 19.3).
В результате мы создали фон для сайта с логотипами фирмы, как на рис. 19.4.
Данный метод очень прост, т. к. логотипы располагаются строго по столбцам.
Сложнее расположить их в шахматном порядке.

Рис. 19.3. Выбор образца для заливки Рис. 19.4. Фон для сайта с логотипами фирмы

Текстура с логотипом, расположенным в шахматном порядке


Тренироваться будем на логотипе Adobe. Фирма Adobe прислала мне, как Adobe
Certified Expert, свой логотип. Мы сейчас его и будем использовать. Напомню,
логотип векторный!
1. Создайте квадратное изображение, предположим 200×200 пикселов (далее бу
дет удобно считать), в модели RGB.
2. Выполнив команду File | Place, поместите в него логотип Adobe из файла
Текстуры\Логотипы\Adobe.ai.
448 Урок 19

3. В диалоговом окне Place PDF нажмите кнопку OK. В изображение помещен


логотип в габаритном контейнере. С помощью габаритного контейнера про
порционально уменьшите логотип (рис. 19.5).

Рис. 19.5. Уменьшение логотипа

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


Обратите внимание на новый слой с названием Adobe. Из ранее пройденного
материала вы помните, что создан Smart Object (о чем свидетельствует пикто
грамма в палитре Layers). Выполните команду контекстного меню слоя Rasterize
(Растрировать), переводящую Smart Object в обыкновенный слой.
5. Скопируйте слой Adobe. У вас теперь три слоя (рис. 19.6).

Рис. 19.6. Изображение и слоевая


модель

6. Примените к слоюдублю фильтр, выполнив команду Filter | Other | Offset и введя


половинные значения ширины и высоты изображения в качестве смещений
по горизонтали и по вертикали (рис. 19.7). У фильтра включена опция Wrap
Around (Обертывание). В результате ваш «порезанный» логотип будет «разбро
сан» по углам изображения.
Текстуры 449

Рис. 19.7. Диалоговое окно


Offset

7. Сведите все слои командой Flatten Image (Свести слои) меню палитры Layers.
8. Задайте текстуру командой Edit | Define Pattern.
9. Залейте новый документ получившимся образцом (рис. 19.8).

Рис. 19.8. Заливка документа текстурой на основе логотипа


450 Урок 19

Создание рельефного логотипа


Вернитесь к пункту 7 предыдущего алгоритма. У вас есть слой с логотипами,
расположенными в шахматном порядке. Создадим рельефное изображение на
основе этого логотипа, в чернобелом варианте.
1. Выполните команду Image | Mode | Grayscale (Изображение | Модель | Градации
серого). Ваше изображение станет чернобелым.
2. Выберите команду Filter | Stylize | Emboss (Фильтр | Стилизация | Барельеф), что
бы придать логотипу рельеф. Параметры фильтра на рис. 19.9.
3. Если вы хотите использовать «плитку» у себя на Webстранице, целесообразно
осветлить ее с помощью команды Image | Adjustments | Brightness/Contrast
(рис. 19.10).
4. Задайте текстуру командой Edit | Define Pattern.
5. Залейте новый документ 1024×768 пикселов получившимся образцом
(рис. 19.11).
Примеры получившихся образцов на диске в файлах Pattern_1.psd, Pattern_2.psd.

Рис. 19.9. Параметры фильтра Emboss Рис. 19.10. Мозаичная «плитка» со стилизованным
изображением логотипа после понижения яркости и
повышения контраста
Текстуры 451

Рис. 19.11. Текстура из рельефных логотипов

Текстура из фотоизображения
Текстуры из камня, кирпичей, травы и т. д., растительного и животного проис
хождения требуются как в полиграфии, так и для создания поверхностей в 3D
графике.
При создании текстуры из фотоизображения особого умственного напряже
ния не требуется. Важно иметь некий навык в ретуши и само изображение (без
градиентного освещения), поэтому если вы видите хорошую каменную кладку,
лучше ее сфотографировать. Авось пригодится.
1. Я начну объяснение алгоритма со сравнения двух образцов текстур (одна про
работанная, другая — нет). Разница у них огромная. Итак, откройте два файла
под прозаическими названиями Было.tif и Стало.tif из папки Ракушки (рис. 19.12).

Рис. 19.12. Изображения


для создания текстур
452 Урок 19

2. Задайте текстуры из одного и другого изображения (рис. 19.13). Создайте но


вый документ 1024×768 пикселов и залейте сначала одной, а потом другой тек
стурами.
3. Сравните получившиеся результаты (рис. 19.14).

Рис. 19.13. Задание текстуры

Рис. 19.14. Разница в наличии швов при заливке образцами

Вы видите швы при применении одной из текстур. Алгоритм заключается в


том, чтобы изображение — будущую текстуру — обработать таким образом, чтобы
не было швов при заливке образцом.
1. Откройте файл Start.psd из той же папки. Для создания текстуры изображе
ние слишком большое, поэтому требуется вырезать только его часть.
2. Инструментом Rectangular Marquee (Прямоугольное выделение) ограничьте
часть изображения (рис. 19.15).
Текстуры 453

Рис. 19.15. Выделите область для текстуры Рис. 19.16. Обрезка изображения

3. Выполните команду Image | Crop (Изображение | Обрезать), и изображение бу


дет обрезано по границе выделенной области (рис. 19.16.). Снимите выделе
ние.
4. Если из этого образца сейчас определить текстуру, она будет со швами. Выпол
ните команду Filter | Other | Offset, введя значения ширины и высоты изобра
жения в качестве смещений по горизонтали и по вертикали (рис. 19.17). У филь
тра должна быть включена опция Wrap Around (Обертывание).
5. Теперь вам надо так отретушировать образец, чтобы не было швов. Используй
те в работе инструмент Clone Stamp (Штамп клонирования). Результат ретуши
в файле Стало.tif. Если задать текстуру из этого файла, швов не будет.

Рис. 19.17. Действие фильтра Offset


454 Урок 19

Библиотеки текстур
В Photoshop существует место для хранения всех наборов или библиотек. Это
Preset Manager (Управление наборами).
Вызовите команду Edit | Preset Manager. Выберите в раскрывающемся списке
Preset Type значение Patterns (Текстуры) (рис. 19.18).

Рис. 19.18. Библиотека текстур

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


сохранены программой. Щелчком по кнопке Load (Загрузить) вы можете загру
жать служебные файлы с наборами (расширение у текстур pat).

Оберточная бумага
(алгоритм единичной плитки)

Создание текстуры
Данный алгоритм больше подходит как рисунок для оберточной бумаги.
Посмотрите, что будет в результате:
1. Откройте файл Пример.tif из папки Урок_19_Текстуры\Оберточная бумага.
2. Задайте текстуру из файла командой Edit | Define Pattern (Редактирование | За
дать текстуру).
3. Залейте большой документ данной текстурой (рис. 19.20). Вот вам и пример
рисунка для оберточной бумаги в магазине морских сувениров.
Как сделать так, чтобы предметы располагались по отдельности, но вместе со
блюдалось условие «бесшовности»?
Текстуры 455

Рис. 19.19. Файл Пример.tif Рис. 19.20. Пример оберточной бумаги

Для получения данной текстуры есть специальный алгоритм.


В его основе лежит задание некой единичной плитки исходного размера. Этот
размер будет использоваться почти во всех действиях и в результате сохранится в
итоговом Pattern:
1. Откройте файл 1.jpg из папки Урок_19_Текстуры\Оберточная бумага (рис. 19.21).
2. Важным моментом в данном алгоритме является размер стартового документа.
Я создала документ размером 200×200 пикселов с белым фоном, где размести
ла морскую звезду — наш первый объект.
3. Задайте текстуру из файла командой Edit | Define Pattern (Редактирование | За
дать текстуру).
4. Залейте большой документ (например, 1024×768 пикселов) данной текстурой
(рис. 19.22).

Рис. 19.21. Файл стартового размера Рис. 19.22. Пример заливки первым объектом
с первым объектом
456 Урок 19

Рис. 19.23. Второй объект расположен в файле с залитой текстурой

5. Откройте файл 2.jpg из папки Урок_19_Текстуры\Оберточная бумага. Выделите объект.


Перетащите выделенный объект в большой файл с уже залитой текстурой
(рис. 19.23). Расположите объект на свободном месте.
6. Создайте прямоугольное выделение размером со стартовый файл. Для этого
установите в полях параметров высоту и ширину по 200 px (рис. 19.24).

Рис. 19.24. Создание выделения размером стартового документа

7. Создайте выделение зафиксированного нами размера в большом документе так,


чтобы в рамку выделения помещался второй объект (рис. 19.25).

Рис. 19.25. Задание


фиксированного
выделения в большом
документе
Текстуры 457

8. Задайте новый образец текстуры из выделенной области документа (рис. 19.26).


9. Снимите выделение в большом документе, залейте весь документ новым вто
рым образцом (рис. 19.27).
Результат заполнения второй текстурой — на рис. 19.28. Вы видите, что на зад
нем плане первые образцы тоже бесшовно сложились. Это результат задания вы
деления под размер стартового образца — в этом и состоит основная идея алго
ритма.
Дальше выполняются аналогичные действия с добавлением других объектов.

Рис. 19.26. Задание второго образца текстуры

Рис. 19.27. Выбор второго


образца для залития файла

Рис. 19.28. Заполнение


большого документа второй
текстурой
458 Урок 19

10. Откройте файл 3.jpg из папки Урок_19_Текстуры\Оберточная бумага. Выделите объект.


Перетащите выделенный объект в большой файл с уже залитой текстурой. Рас
положите объект на свободном месте (рис. 19.29).
11. Повторите действия пунктов 7–9. Таким образом, большой документ будет со
держать уже три объекта с последовательно залитыми текстурами (рис. 19.30).

Рис. 19.29. Добавление


следующего объекта

Рис. 19.30. Заполнение


большого документа следующей
текстурой

Сохранение образца
Для сохранения промежуточных и итогового образцов существует много способов.
Один из них — использование Preset Manager (Управление наборами).
Вызовите команду Edit | Preset Manager. Выберите в раскрывающемся списке
Preset Type значение Patterns (Текстуры) (рис. 19.31). Сохраните образец.

Рис. 19.31. Сохранение


образца
Урок 20
ТЕНИ И СВЕЧЕНИЕ

«Что за объект без тени?» — спросите вы, и будете абсолютно правы. Пред
ставьте себе монтаж: яркий солнечный день, а у людей нет теней — странно смот
рится эта картина.
Тени — неотделимая часть любой фотореалистичной работы, свечение — пре
красный спецэффект. Способов создания теней очень много, и все определяется,
как всегда, ситуацией.
Заказчики обожают тени в рекламе, самая распространенная просьба — не до
бавить ли тень к тексту для особой красоты и выразительности.
В этом уроке вы научитесь:
 создавать реалистичную тень;
 отделять слоевой эффект в отдельный слой;
 ограничивать действие тени;
 создавать прозрачную надпись;
 эффектно подсвечивать буквы.
В конце урока мы создадим реалистичные тени от разных объектов.
460 Урок 20

Медведь на пляже
При создании монтажа (реалистичного изображения) не обойтись без падаю
щей от объекта тени. Это придает более естественный вид композиции. Суще
ствует множество способов создания тени. В данном алгоритме тень создается в
отдельном слое и впоследствии связывается со слоем объекта.
Используя изображения из папки Lessons\Урок_20_Тени и свечение\Медведь на пляже, со
здадим монтаж, поместив мишку на побережье. При этом необходимо, чтобы миш
ка отбрасывал на песок реалистичную тень.
1. Откройте исходные изображения Белые медведи.jpg и Побережье.jpg.
2. Активизируйте изображение Белые медведи.jpg. Выделите медведя с помощью
фильтра Extract (рис. 20.1).

Рис. 20.1. Выделенный медведь в отдельном слое

3. Перетащите слой с выделенным медведем в файл Побережье.jpg. Отразите мед


ведя и чуть уменьшите его размер (рис. 20.2).
4. Создайте новый пустой слой для будущей тени. Вся дальнейшая работа ведет
ся только в этом слое (рис. 20.3).
Тени и свечение 461

Рис. 20.2. Совмещение изображений в одно

Рис. 20.3. Создание слоя для тени


462 Урок 20

Рис. 20.4. Загрузка выделения

Рис. 20.5. Трансформация выделения для будущей тени


Тени и свечение 463

5. Загрузите выделение по форме объекта. Для этого выполните щелчок по пик


тограмме слоя с медведем, удерживая клавишу <Ctrl> (рис. 20.4).
6. Командой Select | Transform Selection деформируйте форму выделения так, что
бы оно приняло форму будущей тени (обратите внимание, что работа идет с
выделением, а не с пикселами). Используйте в контекстном меню контейнера
трансформации команды Distort, Warp (рис. 20.5).
7. В слое с выделением залейте его серым цветом, выбрав в диалоговом окне, от
крываемом командой Edit | Fill (Редактирование | Заливка), значение 50% Gray.
Снимите выделение. Если нужно, подправьте тень с помощью кисти. При не
обходимости выполните размытие тени с помощью фильтра, выбрав команду
Filter | Blur | Gaussian Blur (рис. 20.6).

Рис. 20.6. Заливка тени

8. Установите для слоя с тенью следующие параметры:


Mode: Multiply; Opacity: 28 % (рис. 20.7).
Результат в файле Смени обстановку.psd (рис. 20.8).
464 Урок 20

Рис. 20.7. Изменение параметров слоя для достижения реалистичности

Рис. 20.8. Смени обстановку!


Тени и свечение 465

Ограничение тени
Во многих случаях тень проще создать, используя слоевой эффект Drop Shadow
(Отбрасывание тени). Если в изображении много слоев, созданная вами тень (сло
евой эффект) располагается на всех нижележащих, что совершенно портит все впе
чатление. В тех случаях, когда тень располагается не на тех объектах, необходимо
применять ограничение ее видимости.
1. Откройте все изображения из папки Lessons\Урок_20_Тени и свечение\Реклама теле
фона Еricsson.
Из этих файлов нам требуется создать рекламный коллаж, как в изображении
Реклама_Еricsson.psd. При этом необходимо, чтобы девушка отбрасывала реалис
тичную тень на телефон (рис. 20.9).
2. Активизируйте изображение Телефон.jpg. Выделите телефон с помощью инст
румента Magic Wand (Волшебная палочка) (сначала выделите белый фон; затем
выберите команду Select | Inverse (Выделение | Инвертировать). Скопируйте его
на новый слой, нажав клавиши <Ctrl>+<J> (рис. 20.10).

Рис. 20.9.
Все открытые изображения

Рис. 20.10. Выделение телефона


в отдельный слой
466 Урок 20

Рис. 20.11. Выделение девушки в отдельный слой Рис. 20.12. Совмещение изображений

Рис. 20.13. Применение слоевого эффекта Drop Shadow к слою с девушкой


Тени и свечение 467

3. Активизируйте изображение Девушка.jpg. Выделите девушку, используя инстру


мент Lasso (Лассо). Скопируйте на новый слой (рис. 20.11).
4. Совместите в файле Фон.jpg вырезанных девушку и телефон. В результате полу
чились три слоя: фоновый и два над ним (рис. 20.12).
5. Для достижения реалистичности создадим тень от девушки. В палитре Layers
активизируйте слой с девушкой. Вызовите окно Layer Style и выберите эффект
Drop Shadow (Отбрасывание тени) (рис. 20.13). Проблема в том, что тень пада
ет и на фон (рис. 20.14).
6. Слоевой эффект связан со слоем, к которому его применили. Эффект нельзя
частично стереть или ограничить его видимость. Решение в отделении тени в
самостоятельный слой. Для этого выберите команду главного меню Layer | Layer
Style | Create Layer (Слой | Стиль слоя | Создать слой). Тень в отдельном слое
(рис. 20.15).
Теперь можно действовать двумя способами.
Первый, не совсем правильный, — взять резинку и стереть ненужную часть тени.
Но уничтоженное потом не восстановишь.
Второй, умный способ, в ограничении видимости тени посредством создания
отсекающей маски.

Рис. 20.14. Проблема с эффектом Рис. 20.15. Отделение слоевого эффекта


в отдельный слой
468 Урок 20

Рис. 20.16. Создание


отсекающей маски

1. Для создания отсекающей маски тени со слоем, под которым она расположе
на, выделите слой с тенью и выполните щелчок по разделительной линии сло
ев в палитре Layers, удерживая клавишу <Alt>. Тогда тень будет отбрасываться
только на телефон, а не на фоновое изображение (рис. 20.16).
2. Выберите инструмент Move (Перемещение) и перемещайте телефон. Обратите
внимание на то, что тень осталась на телефоне.

Текстовые тени и свечения


Тень входит в состав многих слоевых эффектов и может быть применена к тексту.
1. Откройте исходное изображение Canada.jpg из папки Lessons\Урок_20_ Тени и свече
ние\Эффекты к тексту (рис. 20.17, 20.18).
2. Введите черным цветом надпись «CANADA».
3. Вызовите диалоговое окно Layer Style для текстового слоя. Настройте эффект
Outer Glow (Внешнее свечение), как на рис. 20.19, установив белый цвет свече
ния.

Рис. 20.17. Параметры шрифта


Тени и свечение 469

4. В этом же окне активизируйте эффект Bevel and Emboss (Фаска и рельеф), на
строив его параметры, как на рис. 20.20.
5. Измените значение параметра Fill у текстового слоя на 0. Надпись станет про
зрачной, а слоевые эффекты останутся (рис. 20.21).

Рис. 20.18. Создание надписи

Рис. 20.19. Настройки эффекта Outer Glow


470 Урок 20

Рис. 20.20. Настройки эффекта Bevel and Emboss

Рис. 20.21. Итоговая композиция


Урок 21
СОЗДАНИЕ КОЛЛАЖЕЙ

На этом уроке мы объединим все полученные знания для создания коллажей.


Вы добьетесь удивительных результатов, используя маски отсечения, слоймаски
и корректирующие слои. Корректирующие слои позволяют применять эффекты
колоризации, необыкновенно изменяющие вид вашего изображения.
В этом уроке:
 вы используете слоймаски для смешивания изображений;
 добавите корректирующие слои для создания спецэффектов;
 выполните маску отсечения;
 создадите варианты коррекции;
 узнаете, что такое часы Breguet;
 с помощью двух объектов создадите различные варианты дизайна,
а также сделаете рекламный коллаж для часов Breguet.
472 Урок 21

Принцип создания коллажа


Кто не любит дорогие часы с хорошим дизайном? Наша основная задача —
реклама часов.
1. Откройте файл Lessons\Урок_21_Создание коллажей\Тренинг\ Start.psd. Активизируйте
инструмент Lasso (Лассо) и создайте им вокруг часов некоторую произволь
ную область выделения (рис. 21.1).

Рис. 21.1. Выделение инструментом Lasso

2. Выполните команду Select | Modify | Feather и задайте радиус растушевки 25 пик


селов.
3. Добавьте слоймаску щелчком по пиктограмме Add Layer mask в палитре Layers
(Слои). Слоймаска создается с учетом выделения (рис. 21.2).

Рис. 21.2. Создание слоймаски


Создание коллажей 473

4. Создадим эффект «Sepia». Для этого добавим корректирующий слой Hue/


Saturation (Цветовой тон/Насыщенность) с параметрами, как на рис. 21.3.

Рис. 21.3. Добавление корректирующего слоя

5. Удалите слоймаску корректирующего слоя, перетащив ее в корзину палитры


Layers (Слои). Как вы видите, корректирующий слой распространяет действие
на все нижележащие слои. Ограничьте действие коррекции только на слой с
часами, выполнив операцию отсечения (рис. 21.4).

Рис. 21.4. Ограничение действия корректирующего слоя


474 Урок 21

6. Выполните колоризацию слоя


«Background» с помощью коррек
тирующего слоя Color Balance
(Цветовой баланс).
7. Настройте параметры коррек
ции, как на рис. 21.5.
8. Инструментом Gradient (линей
ный, чернобелый) проведите по
маске корректирующего слоя.
Таким образом, цвет распростра
няется в слое постепенно
(рис. 21.6).
9. Скомпонуем слои, чтобы не по
терять коррекцию. Сгруппируем
эти слои в одну папку. Выделите
два слоя: Hue/Saturation и Часы.
Выполните команду New Group
From Layers (Создать новую груп
пу из слоев) контекстного меню
палитры Layers (Слои). Назови
те группу «Часы» и подсветите ее
Рис. 21.5. Параметры слоя Color Balance
красным цветом (рис. 21.7).

Рис. 21.6. Ограничение действия корректирующего слоя


Создание коллажей 475

10. Для размещения картинки города внутри часов мы будем использовать опе
рацию отсечения. Для начала создадим круг с помощью Shapelayer по форме
внутренней части часов (рис. 21.8) — это будущая маска отсечения.
11. Откройте изображение Город.jpg. Перетащите его в файл Start.psd (рис. 21.9).
12. Выполните операцию Create Clipping Mask (Создать маску отсечения)
(рис. 21.10). Результат в файле End.psd.

Рис. 21.7. Создание группы «Часы»

Рис. 21.8. Создание формы для маски отсечения


476 Урок 21

Рис. 21.9. Совмещение изображений

Рис. 21.10. Итоговое изображение


Создание коллажей 477

Реклама часов Breguet


…Пока недремлющий брегет
не прозвонит ему обед…
А. С. Пушкин

А. С. Пушкин в своих стихах отразил огромную популярность, которой часы


фирмы Breguet пользовались в России. А это, в свою очередь, было свидетельством
их высокого качества, элегантности и точности. Мы создадим коллаж, посвящен
ный часам Breguet.
Откройте все файлы из папки Брегет. Попробуйте самостоятельно создать изоб
ражение, подобное находящемуся в файле Итоговый файл.psd (рис. 21.11).

Рис. 21.11. Реклама часов Breguet

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

Зачетная работа — реклама часов


Мы изучили столько теоретического материала и выполнили так много прак
тических работ. Предлагаю небольшую проверку знаний. Вам даются изображе
ния; задача — создать нечто, подобное примеру. Вы будете ретушировать, приме
нять тоновую коррекцию. Ваша задача — создать из деталей файл, аналогичный
примеру, желательно не подглядывая в итоговый слоевой файл, который я все
таки приложу на всякий случай.
478 Урок 21

Файлыдетали находятся в папке Зачет. В папке Не подсматривать находится сло


евой файл для проверки зачета. К работе! Желаю удачи.
На рис. 21.12 приведены результаты работ.

Рис. 21.12. Один из вариантов результатов работы


Урок 22
ГЛАМУРНАЯ РЕТУШЬ

Кто не мечтает стать фотомоделью?


Гламурная ретушь, новая широко используемая технология, то, с чем мы встре
чаемся ежедневно, пролистывая станицы глянцевых изданий. Идеально ухожен
ная кожа, профессиональный макияж мировых звезд — это подарок природы или
заслуга компьютерной графики? Каждый когданибудь задавал себе этот вопрос.
В данном уроке вы узнаете алгоритм, который позволит вам самым здоровым и
безобидным способом (при помощи программы) создать идеальную красоту.
В этом уроке вы научитесь:
 созданию идеально гладкой и ухоженной кожи средствами Photoshop;
 легкому изменению цвета глаз без помощи линз;
 нанесению различного цвета теней для создания романтического образа;
 фигурной подводке для большей выразительности глаз;
 окрашиванию, мелированию, тонированию на любой вкус;
 созданию блеска на губах;
 использованию Layer Comps (Композиции слоев) для быстрого представления
различных образов.
480 Урок 22

Пример, который я приведу в этом уроке, содержит несколько вариантов.


Дело в том, что в подготовке этого примера участвовало несколько человек,
каждый создал по своему настроению и уровню владения «Makeup». Спасибо
моей команде за эти варианты.
Предлагаем вам рассмотреть данные алгоритмы и создать чтото свое. Вы уви
дите возможности программы и сами сделаете выбор в применении того или ино
го цвета и умеренности.
Откройте файл Старт.jpg из папки Гла
мур (автор фото — Маргарита Чайка).
Рассмотрим поэтапно, как создается
модель для гламурных журналов.

Этап 1. Обработка кожи


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

Удаление дефектов
Не старайтесь удалить все дефекты.
Лицо должно выглядеть естественно, у
человека могут быть веснушки, родин
ки, которые украшают его. Морщины
также не стоит удалять все, часть можно
оставить, минимальное количество,
свойственное возрасту человека.
1. Создайте копию слоя Background
<Ctrl>+<J>. Назовите копию слоя
«Удаление пятен».
2. Инструментом Healing Brush удалите
крупные дефекты. Мелкие дефекты и
морщинки будут удалены на следую
щем этапе (рис. 22.1).

Гладкость кожи
Практически во всех алгоритмах по
давления шумов, дефектов, муара, улуч
шения кожи и т. п. используются фильт
Рис. 22.1. Удаление мелких дефектов ры размытия. Алгоритм снижения
Гламурная ретушь 481

резкости используется не только в цифровой обработке, но и активно применяет


ся фотографами еще на стадии съемки за счет частичной расфокусировки.
1. Создайте копию слоя Удаление пятен.
2. Примените к слоюкопии фильтр Blur | Surface Blur (Поверхностное размытие),
размойте изображение (рис. 22.2). Параметры Amount и Threshold зависят от вида
и разрешения изображения.

Рис. 22.2. Размытие слоя фильтром Surface Blur

3. Для слоя с размытой кожей добавьте слоймаску. Инвертируйте маску клави


шами <Ctrl>+<I> (команда Image | Adjustments | Invert). При инвертировании
маски слой с размытием не виден, размытие не применяется.
4. Кистью белого цвета порисуйте в активной маске на участках кожи с дефекта
ми, не затрагивая глаза, губы, волосы (рис. 22.3). Это позволит сохранить об
щую четкость изображения.

Добавление шумов для создания фактуры кожи


1. Создайте новый слой. Залейте его командой Edit | Fill | 50% Gray (50% серый).
Установите режим наложения Overlay (Перекрытие).
2. К новому серому слою добавьте шумы фильтром Filter | Noise | Add Noise (Доба
вить шум) со значением Amount (равными 2,1