Евгения тучкевич самоучитель adobe photoshop cs5 2011

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

БХВ�Петербург2011

УДК 681.3.06ББК 32.973.26�018.2

Т92

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

ISBN 978�5�9775�0588�8

ISBN 978�5�9775�0588�8

Т92

© Тучкевич Е. И., 2010© Оформление, издательство БХВ�Петербург, 2010

УДК 681.3.06ББК 32.973.26�018.2

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

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

Зам. главного редактора Игорь Шишигин

Зав. редакцией Григорий Добин

Редактор Анна Кузьмина

Корректор Виктория Пиотровская

Дизайн серии Инны Тачиной

Оформление обложки Елены Беляевой

Зав. производством Николай Тверских

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

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

Лицензия ИД № 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.

ОглавлениеОБ АВТОРЕ ............................................................................................................ 12

ПРЕДИСЛОВИЕ .................................................................................................... 13Благодарности ............................................................................................................................................. 13Содержание компакт�диска ......................................................................................................... 13Слушатели о курсе Adobe Photoshop ................................................................................ 14Отзывы на книгу с сайта www.books.ru ............................................................................. 15

ВведениеВведениеВведениеВведениеВведениеОСНОВЫ КОМПЬЮТЕРНОЙ ГРАФИКИ .................................................... 17

Типы компьютерной графики ...................................................................................................... 18Характеристики растрового изображения,или что нужно знать, создавая и сохраняя файл ................................................. 19

Пиксел ................................................................................................. 19Разрешение изображения ..................................................................... 19Сглаживание (Anti�alias) ......................................................................... 21Интерполяция (усреднение) .................................................................. 22

Цветовые модели .................................................................................................................................... 23Модель RGB ......................................................................................... 23Модель CMYK ....................................................................................... 24Модель HSB ......................................................................................... 25

Как выбрать цвет в Photoshop? .............................................................................................. 26Диалоговое окно Color Picker (Подборщик цвета) .................................... 26Палитра Color (Цвет) ............................................................................. 27Палитра Swatches (Образцы цвета) ........................................................ 28

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

Начинаем работать ............................................................................................................................ 30Работа с быстрыми «горячими» клавишами ............................................ 33

Палитры ............................................................................................................................................................... 33Перестройка палитр .............................................................................. 34Выбор и скрытие палитры ..................................................................... 37Сохранение, восстановление расположения палитр ................................ 37Функциональные клавиши ..................................................................... 37

Панель инструментов ......................................................................................................................... 39Определение инструмента .................................................................... 39

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

Выбор инструмента ............................................................................... 39Режимы отображения ...................................................................................................................... 40Способы изменения масштаба просмотра ............................................................. 42

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

Урок 2Урок 2Урок 2Урок 2Урок 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Урок 3Урок 3Урок 3Урок 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Урок 4Урок 4Урок 4Урок 4ИНСТРУМЕНТ GRADIENT (ГРАДИЕНТ) ................................................... 75

Параметры инструмента Gradient (Градиент) ......................................................... 76Использование Gradient Editor(Редактор градиента) ........................................................................................................................... 77

Создание своего цветового перехода ..................................................... 78«Стальная труба» (пример создания градиента) ................................................ 80

Шаг 1. Цвета стальной трубы ................................................................. 81Шаг 2. Задание непрозрачности (Opacity) ............................................... 81Шаг 3. Применение градиента ............................................................... 82

Радуга в раю ................................................................................................................................................. 84Радуга простая нереалистичная ............................................................. 84Радуга сложная реалистичная ................................................................ 86Выбор градиента типа Noise (Шумовой) ................................................. 88

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

Инструменты группы Shapes (Формы) ......................................................................... 90Панель параметров инструментов .......................................................... 90Построение форм ................................................................................. 91Быстрые клавиши, используемые при построении фигур ........................ 92Инструмент Line (Линия). Рисование стрелок .......................................... 92Инструмент Custom Shape (Заказная форма) .......................................... 93Загрузка дополнительных наборов ......................................................... 94Пиратская карта .................................................................................... 96

Дополнительные наборы кистей ......................................................................................... 100Загрузка наборов кистей ..................................................................... 101Сброс кистей ...................................................................................... 101Набор кистей «Цветы» ......................................................................... 102Набор кистей «Tattoo» ........................................................................... 103Набор кистей «Бумага» ......................................................................... 104

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

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

Общие сведения о слоях .............................................................................................................. 108Палитра Layers (Слои) ...................................................................................................................... 109

Как показывать и прятать слои .............................................................. 109Выделение слоев ................................................................................ 110Слой Background (Фоновый слой) ........................................................ 111Параметры слоя .................................................................................. 111Изменение последовательности слоев ................................................. 112Переименование, подсветка слоев ....................................................... 113Создание нового слоя ......................................................................... 114


Дублирование (копирование) слоя ....................................................... 114Удаление слоя .................................................................................... 115Перенос слоев из одного файла в другой ............................................. 116Выделение нескольких слоев ............................................................... 118Преимущества выделения слоев .......................................................... 119Группировка слоев .............................................................................. 120Связывание слоев ............................................................................... 122Влияние слоев на размер файла .......................................................... 123Команды сведения слоев ..................................................................... 124

Проект «Космос» .................................................................................................................................... 125Задание ............................................................................................. 125Возможный алгоритм выполнения задания ........................................... 125

Урок 7Урок 7Урок 7Урок 7Урок 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Урок 8Урок 8Урок 8Урок 8КАНАЛЫ. БЫСТРАЯ МАСКА ......................................................................... 161

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

Альфа�каналы (сохранение выделения) ..................................................................... 168Растушеванное выделение в альфа�каналах ...........................................169Исправление выделения в канале ........................................................ 171

Режим Quick Mask (Быстрая маска) ................................................................................ 174Редактирование выделения в режиме Quick Mask ..................................175Примеры целесообразности выбора режима Quick Maskпри выделении объектов ......................................................................177

Комбинирование каналов при выделении ............................................................... 182


Урок 9Урок 9Урок 9Урок 9Урок 9ТРАНСФОРМАЦИЯ. SMART OBJECTS (УМНЫЕ ОБЪЕКТЫ) ........ 183

Виды трансформации ....................................................................................................................... 184Трансформация пикселов слоя ............................................................ 184Точная трансформация ......................................................................... 196

Проект «Samba» ....................................................................................................................................... 196Smart Objects (Умные объекты) ............................................................................................ 197

Подарки от Adobe (работа с векторными объектами) ............................. 198Использование Smart Objects в сложной трансформации ....................... 202

Трансформация выделения .................................................................................................... 204Puppet Warp (Марионеточная деформация) ....................................................... 205Content�Aware Scale (Масштаб с учетом содержимого) .....................208

Урок 10Урок 10Урок 10Урок 10Урок 10УСТАНОВКА РАЗМЕРА ИЗОБРАЖЕНИЯ ............................................... 213

Изменение размеров изображения ................................................................................ 214Заданные растровые параметры .......................................................... 218

Разворот после сканированиянескольких фотографий ................................................................................................................ 221Изменения размера холста ..................................................................................................... 222Исправление перспективного искажения .............................................................. 225

Урок 11Урок 11Урок 11Урок 11Урок 11РАБОТА С ТЕКСТОМ ....................................................................................... 227

Особенности текстового слоя ............................................................................................ 228Ввод текста ................................................................................................................................................. 228

Завершение ввода текста ..................................................................... 229Режим форматирования ....................................................................... 229

Параметры текста ............................................................................................................................... 230Деформация текста (Warp Text) ............................................................. 230

Трансформация текстового слоя ....................................................................................... 231Текстовые палитры ............................................................................................................................ 232

Ложные стили ...................................................................................... 233

Урок 12Урок 12Урок 12Урок 12Урок 12РЕЖИМЫ НАЛОЖЕНИЯ .............................................................................. 235

Определение. Классификация ............................................................................................. 236Применение режимов наложения в слоях ............................................................ 238

Режим Normal (Нормальный) ............................................................... 238Режим Multiply (Умножение) ................................................................. 238Режим Screen (Осветление) для коллажей ............................................ 240Режимы Hue (Цветовой тон) и Color (Цвет)


для колоризации изображений ............................................................ 241Различные варианты создания коллажа ................................................. 242Элементы графики в коллажах .............................................................. 243

Колоризация при помощи инструментов рисования ............................... 245Раскрашивание черно�белой фотографии ............................................. 245

Проект «Твердой поступью в светлое будущее» ............................................ 246

Урок 13Урок 13Урок 13Урок 13Урок 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Урок 14Урок 14Урок 14Урок 14МАСКИРОВАНИЕ ............................................................................................. 275

Работа со слой�маской ................................................................................................................. 276Создание слой�маски ........................................................................... 276Точность отображения в слой�маске ...................................................... 279Скрытие/отображение слой�маски ....................................................... 281Удаление, применение слой�маски ...................................................... 281Применение различных типов градиентовв слой�маске ....................................................................................... 282Рекламный коллаж для фирмы O’Neill ................................................... 285Коллаж «Make your business» ................................................................. 288Как сделать объект прозрачным? .......................................................... 288

Создание маски с использованием выделения ............................................... 292Операция Clipping Mask (Маска отсечения) ........................................................ 294

Создание маски отсечения с растровым слоем ...................................... 294Маскирование текстом ......................................................................... 296

Автовыравнивание слоев ........................................................................................................... 298


Урок 15Урок 15Урок 15Урок 15Урок 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Урок 16Урок 16Урок 16Урок 16РАБОТА С ВЕКТОРНЫМИ ОБЪЕКТАМИ .............................................. 339

Paths (Контуры) ..................................................................................................................................... 340Использование инструмента Pen (Перо) ................................................ 340Редактирование кривых ........................................................................ 348Рисование контура вокруг фигуры ......................................................... 353Загрузка выделения из контура ............................................................. 355Преобразование выделения в контур .................................................... 356Создание обтравочного контура ............................................................ 357

Проект «Кафе» ........................................................................................................................................ 360Возможности Shape layer (Слой�формы) ............................................................... 364

Режим Shape layer (Слой�формы) ......................................................... 364Применение Shape layer в создании коллажей ....................................... 376

Использование векторных масок ..................................................................................... 377

Урок 17Урок 17Урок 17Урок 17Урок 17ТОНОВАЯ И ЦВЕТОВАЯ КОРРЕКЦИЯ .................................................... 381

Тоновый диапазон изображения ...................................................................................... 382Типы изображений ............................................................................................................................. 382Команды коррекции .......................................................................................................................... 384

Палитра Adjustments (Коррекция) ......................................................... 384Команда Brightness/Contrast (Яркость/Контраст) ................................... 385

Средства тоновой коррекции ................................................................................................ 386Команда Levels (Уровни) ...................................................................... 387


Команда 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Урок 18Урок 18Урок 18Урок 18РЕТУШИРОВАНИЕИ ВОССТАНОВЛЕНИЕ ФОТОГРАФИЙ ................................................... 425

Основные приемы ретуширования ................................................................................ 426Метод «Заплатки» ................................................................................ 426

Инструменты ретуши ........................................................................................................................ 431Восстановление областей инструментомClone Stamp (Штамп клонирования) ..................................................... 431Инструмент Spot Healing Brush (Пятновыводитель) ................................. 433Инструмент Healing Brush (Лечащая кисть) ............................................ 435Инструмент Patch (Заплатка) ................................................................ 436

Заливка и восстановление Content�Aware(С учетом содержимого) ........................................................................................................... 438

Использование Content�Aware в команде Fill (Залить) ............................ 438Использование Content�Aware в Spot Healing Brush ................................ 441Самостоятельная работа ...................................................................... 442Инструмент Red Eye (Удаление эффекта красных глаз) .......................... 442Работа с палитрой History (История) ...................................................... 442Использование инструмента History Brush (Кисть истории) ..................... 443


Урок 19Урок 19Урок 19Урок 19Урок 19ТЕКСТУРЫ ......................................................................................................... 445

Что такое pattern? ............................................................................................................................... 446Текстуры в виде логотипа ......................................................................................................... 446

Текстура Longines ................................................................................. 446Текстура с логотипом, расположенным в шахматном порядке ................. 447Создание рельефного логотипа ............................................................ 450

Текстура из фотоизображения ............................................................................................. 451Библиотеки текстур ......................................................................................................................... 454Оберточная бумага(алгоритм единичной плитки) .............................................................................................. 454

Создание текстуры ............................................................................... 454Сохранение образца ............................................................................ 458

Урок 20Урок 20Урок 20Урок 20Урок 20ТЕНИ И СВЕЧЕНИЕ ......................................................................................... 459

Медведь на пляже ............................................................................................................................. 460Ограничение тени ............................................................................................................................... 465Текстовые тени и свечения ...................................................................................................... 468

Урок 21Урок 21Урок 21Урок 21Урок 21СОЗДАНИЕ КОЛЛАЖЕЙ ................................................................................ 471

Принцип создания коллажа .................................................................................................... 472Реклама часов Breguet ......................................................................... 477Варианты коллажей .............................................................................. 477Зачетная работа — реклама часов ......................................................... 477

Урок 22Урок 22Урок 22Урок 22Урок 22ГЛАМУРНАЯ РЕТУШЬ .................................................................................. 479

Этап 1. Обработка кожи ....................................................................... 480Этап 2. Повышение контрастности лица ................................................ 483Этап 3. Создание имидж�образов ......................................................... 483

Использование Layer Comps (Композиции слоев) дляпредставления дизайн�решений ...................................................................................... 490

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


Об автореТучкевич Евгения Ивановна, сертифицированный спициалист (Adobe Certified

Instructor) по продуктам Adobe Photoshop и Adobe Illustrator, имеющая большойпреподавательский стаж, аспирант кафедры педагогики по специализации «Ме�тодика обучения компьютерному дизайну», автор курсов по продуктам «Adobecorporation», руководитель специальности «Дизайн» на факультете переподготов�ки специалистов СбГПУ.

Евгения — профессионал в области дизайна и рекламы, имеющая опыт рек�ламной работы со многими компаниями и журналами, автор курса «Advertisingpromotions: development & implementation».

Данная книга основана на методике преподавания курса Adobe Photoshop нафакультете переподготовки специалистов при Политехническом институте, а такжепрограмме подготовки дизайнеров по данному продукту.

Предисловие 13

ПРЕДИСЛОВИЕ

БлагодарностиСпасибо моим коллегам и большим друзьям, замечания и экспертная оценка

которых помогли мне в создании этой книги: Снежане Таганашкиной (AdobeCertified Instructor), Игорю Шишигину.

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

Большое спасибо всем художникам и фотографам, которые предоставили своиработы для уроков.

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

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

Содержание компактLдиска

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

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

великому ученому, академикуи замечательному дедушке


Слушатели о курсе Adobe PhotoshopОчень интересный и познавательный курс. Оказалось все так легко и понятно!

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

Егорова Галина

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

Компания ЗАО «Петро»

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

Хамидуллина Лариса Исмаиловна

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

Кинева Ирина Львовна

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

Протопопова Татьяна Владимировна

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

Калинин Олег

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

Сурков Дмитрий

Предисловие 15

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

Лучшая PazuuЯ не считаю себя новичком в фотошопе, правда, я учился методом тыка и уро�

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

Аффтар жжет:) ArlitПревосходная книга! «Руководство…» от Adobe отдыхает. Всем рекомендую

прочитать. Спасибо автору. Пишите еще.

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

та. Всем рекомендую.

отзыв СанычДействительно самоучитель. Чувствуется педагогический опыт Автора и пре�

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

отзыв АлександрКнига действительно того стоит, чтобы ее купить. Печально, что много книг

представляет из себя просто перевод на русский язык англоязычного help, или вкниге последовательно и бездумно описываются пункты меню программного про�дукта.

Эта книга КАРДИНАЛЬНО отличается от подобных «подделок» под книгу.1. Автор действительно профессиональный преподаватель. Материал грамот�

но изложен методически. Книга построена на описании технологий, а не на объяс�нении, что делает эта «кнопка» в меню.

2. Автор не является «голым» теоретиком. Виден большой опыт практическойработы. В итоге получилось методически грамотное изложение материала, осно�ванное на большом опыте практической работы и преподавательской деятельно�сти. Не знаю, насколько мое мнение соответствует действительности, но, послепрочтения книги, у меня сложилось именно такое мнение. Хочется выразить ав�тору благодарность и пожелать дальнейших успехов.


отзыв PirojkovaВсегда мечтала научиться Photoshop! Купила книгу и сижу уже неделю, изучая

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

настольная книга [email protected]Обычно самоучители и всякие «секреты мастерства» по Photoshop содержат либо

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

Книга для тех, кто не только хочет изучить Photoshop, но и намерен создаватьв нем что�либо полезное для общества. Создавать и продавать!Я купила две, домой и на работу. Лучше быть при оружии, когда муза творчествавдруг нагрянет))

без темы [email protected]Супер�пупер. Книга написана действующим дизайнером и преподавателем.

Рекомендую всем, кто хочет быть с Photoshop на ты.

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

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

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

ВведениеВведениеВведениеВведениеВведениеОСНОВЫ

КОМПЬЮТЕРНОЙ ГРАФИКИ


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

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

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

Adobe Photoshop — лучшая программа для обработки растровых изображений.

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

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

Adobe Illustrator — программа того же разработчика для обработки и построе�ния векторных изображений. Объем векторного файла зависит от количестваобъектов, входящих в его состав.

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

Введение 19

Характеристики растрового изображения,или что нужно знать, создавая и сохраняя файл

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

ПикселПиксел (сокращение от picture element, элемент картинки) — наименьший не�

делимый компонент растрового изображения, с которым осуществляется работа.Он имеет две характеристики: положение и цвет.

Разрешение изображенияРазрешение изображения — это количество пикселов (точек) на единицу дли�

ны. Обычно его измеряют в dpi (dots per inch, точек на дюйм) или в ppi (pixel perinch, пикселах на дюйм).

Данные термины в некотором смысле синонимы, только ppi относится к изоб�ражениям, а dpi — к устройствам вывода. Термин dpi вы встретите в описаниимониторов, цифровых фотоаппаратов и т. д.

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

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


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

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

Разрешение подбирается для каждого изображения индивидуально и зависитот того, где будет использована ваша фотография. Например, если вы планируетеиспользовать фото в Интернете, то разрешение выбирается 72 ppi. Такой выбордиктует монитор, с которого и будет транслироваться ваше изображение. Основ�ным критерием для Интернета является скорость загрузки изображений, а не ихизумительное качество, поэтому выбираются соответствующие форматы сохра�нения файлов, где качество стоит далеко не на первом месте.

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

Самое опасное, что на мониторе (его разрешение 72 ppi) не видно будущее пло�хое качество при печати фото с разрешением 72 ppi. Если же вы откроете на ком�пьютере фотографию с разрешением 300 ppi, то ясно, что в одну собственную точ�ку три точки изображения монитор поместить не сможет. Следовательно, он будетотображать каждую точку изображения в одной своей. И, как результат, картинкана мониторе будет в четыре раза больше, чем на самом деле.

В журнале фотографии с разрешением 72 ppi будут нечеткими, размытыми.Когда мне приносят фотографию для обложки коммерческого журнала с разре�шением 72 ppi (при том же размере печатного оттиска, что будет при печати), не�возможно объяснить проблему владельцам журнала, восклицающим: «Ведь на мо�ниторе хорошо видно, все дизайнеры выдумывают!»

Недавно моя дипломница Лена Трасковская делала каталог по Тунису с рекла�мой дорогих отелей. Тунисцам было не объяснить, что невозможно использоватьфото отелей с сайта компании. Они недоумевали — ведь на мониторе все OK, по�чему бы не взять эти фото (в формате JPEG!) для каталога? Пришлось ехать наместо и проводить съемку.

Введение 21

Сглаживание (AntiLalias)Кривые и диагональные линии изображения трудно передать на мониторе, так

как монитор может отображать только прямоугольные элементы. Для сохраненияплавного вида краев существует механизм сглаживания (Anti�alias). Для различ�ных инструментов и команд в программе существует опция Anti�alias, которая поумолчанию включена.

Сглаживание (Anti�alias) — механизм помещения пикселов различной степе�ни прозрачности вдоль краев («проблемных областей») кривых и диагональныхлиний.

На рис. В4 показаны две диагональные линии, у левой сглаживание включе�но — на краях видны пикселы разной прозрачности, которые «заполняют» про�странство между резкими краями. Справа показана ступенчатая линия с резкими,зазубренными краями (опция Anti�alias была выключена).

На рис. В5 показано увеличенное изображение круглой формы со сглажива�нием и без него. Когда вы выбираете инструмент Pencil (Карандаш), параметр Brushу него — жесткая кисть, без сглаживания. Если вы создаете выделение и опцияAnti�alias включена, это приведет к сглаженным формам будущего объекта.

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

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

Таким образом, сглаживание (Anti�alias) заключается в образовании плавно�го перехода между внутренней областью и ее фоном в случае непрямолинейныхобъектов.


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

Интерполяция (усреднение)Предположим, у вас есть красивая фотография, которая имеет некие размеры

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

Существуют пять методов интерполяции (Interpolation method), посредством ко�торых Photoshop может «додумать», как новые пикселы должны быть вставлены визображение:

� посредством создания пикселов, имеющих ближайший к исходному пикселуцвет;

� посредством интерполяции окружающих пикселов по горизонтали и вертика�ли и последующего создания цветового усреднения общих сумм для новых пик�селов;

� посредством интерполяции пикселов по горизонтали, вертикали и диагоналии использования усреднения итоговых цветов для каждого нового пиксела.

В Photoshop эти три метода называются Nearest Neighbor (Интерполяцией поближайшим соседним), Bilinear (Билинейной) и Bicubic (Бикубической) интерпо�ляцией. Последняя подразделяется на Bicubic, Bicubic Smoother и Bicubic Sharper.

В установках программы по умолчанию выбрана Bicubic (Бикубическая) ин�терполяция. Для изменения настроек выберите команду: Edit | Preferences | Generalи раскройте список Image Interpolation (рис. В6).

Введение 23

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

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

Цветовые моделиИзображение, которое вы подготовили с помощью Photoshop, можно распеча�

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

Модель RGBПрежде всего, необходимо осознать, что воспринимаемый нами цвет является

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

Именно на этом принципе основано создание цветного изображения на экра�не монитора и телевизора. Поверхность монитора состоит из мельчайших точек(пикселов) красного, зеленого и синего цветов (триада люминофоров), форма этихпикселов зависит от типа электронно�лучевой трубки. При попадании электронно�


Рис. B8. Формирование цвета на экранемонитора (модель RGB)

Рис. B9. Световой поток, частично (илиполностью) отраженный от бумаги, восприни�мается наблюдателем как цвет (модель CMY)

го луча на пиксел он окрашивается в определенный оттенок своего цвета в за�висимости от силы сигнала. Поскольку пикселы маленькие, то даже с небольшогорасстояния они становятся неразличимыми и создают три световых потока, кото�рые при попадании в глаз воспринимаются нами как цвет. Этот цвет может бытьописан с помощью трех составляющих, R, G и B (рис. B8). Эта цветовая модельполучила название RGB и была принята в 1931 г.

Согласно этой модели смесь красного и зеленого дает желтый цвет (Yellow),красного и синего — пурпурный (Magenta), синего и зеленого — голубой (Cyan), акрасного, зеленого и синего — белый.

В системе RGB каждый цвет на экране монитора имеет 256 градаций яркости(от 0 до 255); таким образом, на экране монитора может быть отображено более16 миллионов цветов.

«Постойте, — скажете вы, — жизненный опыт подсказывает, что если смешатькрасную, зеленую и синюю краски, то белой наверняка не получится». Абсолютноверно, потому что краски не излучают свет наподобие солнца, лампочек или элект�ронно�лучевых трубок. Когда мы видим цветное изображение в журнале, то в глазпоступает световой поток, отраженный от бумаги, покрытой краской. Если мы ви�дим красный лист бумаги при дневном свете, то это значит, что краска поглощаетвсе световые потоки и отражает только красный. Осветите этот же лист бумаги си�ним светом, и он станет черным, потому что краска не отражает синий цвет (рис. B9).

Модель CMYKТремя основными цветами в живописи издавна являлись синий, красный и

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

Введение 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. Схема цветового круга


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

Как выбрать цвет в Photoshop?Выбор цвета необходим при любых действиях в программе. Однако, несмотря

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

Диалоговое окно Color Picker (Подборщик цвета)В панели инструментов задаются Foreground Color и Background Color (см. урок 2).Foreground Color (Цвет переднего плана, или основной) в Photoshop использу�

ется для рисования, заливки документа или выделенной области и в качестве на�чального цвета инструмента Gradient.

Background Color (Цвет заднего плана, или фоновый) появляется при удалениипикселов при отсутствии прозрачности, а также завершает градиент.

Щелчком по пиктограмме Foreground или Background вызывается диалоговоеокно Color Picker (Подборщик цвета) (рис. В11).

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

Введение 27

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

ветствующие поля.

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

действия у нее такой же, как и у Color Picker.

Рис. В12. Выбороттенка цвета

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

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


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

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

Палитра Swatches (Образцы цвета)Палитра Swatches (Образцы цвета) уже содержит стандартный набор цветов

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

граммы.

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

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

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

В настоящем уроке вы ознакомитесь со следующими аспектами работы вPhotoshop:

� интерфейс программы;� палитры;� инструменты;� важность применения быстрых клавиш;� изменение масштаба просмотра;� прокрутка документа.

ИНТЕРФЕЙС,ИНСТРУМЕНТЫ

Урок 1Урок 1Урок 1Урок 1Урок 1

30 Урок 1

Начинаем работатьПосле запуска Photoshop на экране появляется окно программы. Обычно от�

крывается уже готовое изображение или создается новое.Создадим новый документ. Что будем делать с ним в дальнейшем? Возможно,

использовать для рисования, возможно, объединять в нем части других фотогра�фий и создавать монтаж — все в ваших силах!

Создадим новый документ, выполнив команду File | New. В открывшемся диа�логовом окне можно задать параметры нового документа.

В поле Name (Имя документа) по умолчанию установлено значение Untitled�1(Безымянный�1). В начале работы не стоит терять время с названием, т. к. непо�нятно, что мы там такое нарисуем и дорого ли будет оно потом как память. Назва�ние дают уже выполненной работе, сохраняя значимый результат.

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

К примеру: наборы U.S. Paper (Американские форматы бумаги), InternationalPaper (Международные форматы бумаги) задаются в миллиметрах (рис. 1.2).

Это будущее вашего документа, поэтому будьте внимательны с параметрами,которые вы выбираете.

Параметры документа — это его высота, ширина, разрешение и цветовая мо�дель (см. Введение).

Рис. 1.1.Диалоговое окнопараметров новогодокумента

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

Давайте воспользуемся уже готовыми размерами, выбрав из выпадающего спис�ка Preset (Набор) вариант Web, а Size (Размер) возьмем 640×××××480 (разрешение экра�на некоторых мониторов). Заметьте, при этом автоматически устанавливается раз�решение 72 ppi.

В поле Background Contents (Фон) установим значение White (Белый), чтобыполе документа было белым.

Рассмотрим рабочее пространство программы с открытыми файлами (рис. 1.3).Строка заголовка содержит название и значок программы Adobe Photoshop.

Кнопки управления в правой части строки используются для свертывания/раз�вертывания, изменения размеров и закрытия окна программы.

Главное меню содержит основные команды управления, объединенные по об�щему назначению. Имеются следующие разделы.

� File (Файл). Операции с файлами, такие как копирование, открытие и закры�тие, импорт и экспорт. Здесь же находятся команды для пакетной автомати�ческой обработки файлов, получения изображений с устройств ввода, выводадокумента на печать.

� Edit (Редактирование). Команды редактирования — отмена и возврат действий,операции с буфером обмена, команды заливки и обводки, трансформации, за�дание кистей, узоров и т. д., а также установки программы.

� Image (Изображение). Команды, предназначенные для изменения изображе�ния — цветовой модели, размера, а также команды цветовой и тоновой кор�рекции.

� Layer (Слой). Команды работы со слоями.� Select (Выделение). Команды создания, модификации, сохранения, измене�

ния выделения.

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

32 Урок 1

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

� 3D. Инструменты для работы с 3D�моделями.� Analysis (Анализ). Инструменты для анализа различных фрагментов изображе�

ния.� View (Вид). Здесь сосредоточено все, что вы можете видеть на экране. Команды

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

� Window (Окно). Команды организации рабочего пространства, отображенияпалитр и окон документов.

� Help (Помощь). Вызов справочной информации и помощи.

Панель параметров активного инструмента (Options). Содержимое данной па�нели зависит от выбранного инструмента в Палитре инструментов.

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

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

Работа с быстрыми «горячими» клавишамиPhotoshop изначально разрабатывался как программа, для работы в которой

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

Наиболее часто используемые команды главного меню, инструменты, палит�ры вызываются быстрыми клавишами. К примеру, команда главного меню File |New (Создать новый документ) может быть вызвана клавишами <Ctrl>+<N>, дляотмены последнего действия (команда Edit | Undo) необходимо нажать комбина�цию клавиш <Ctrl>+<Z>.

Например, представьте, что вы рисуете и вам необходимо получить доступ кинструменту Brush (Кисть), увеличить размер кисти, а также задать непрозрач�ность равной 50%.

При работе с мышью вам необходимо сначала щелкнуть на значке инструмен�та Brush, перетащить ползунок для изменения размера кисти, затем выделить па�раметр Opacity (Непрозрачность) и ввести значение 50. При использовании быст�рых клавиш для выполнения этой же задачи нужно нажать клавишу , затемклавишу <]> для увеличения размера кисти, после чего ввести нужное значение спомощью цифровой клавиатуры. Это гораздо более быстрый способ получения техже самых результатов! Изучение доступных быстрых клавиш позволит вам работатьс изображением, а не потеряться в дебрях настроек и параметров инструментов.

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

Известны ли они все вам? Нужно ли вам знать, как быстро вызвать инструмен�ты, необходимые при повседневной работе? Это очевидно. Если вы используетекакой�нибудь инструмент или команду Photoshop несколько раз в течение часа,изучение быстрых клавиш действительно имеет смысл.

ПалитрыПалитры содержат наборы или настройки, необходимые в работе (см. рис. 1.3).Довольно редко необходимо видеть все палитры сразу. Поэтому многие палит�

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

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

34 Урок 1

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

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

Возможна пристыковка палитр слева от стандартного комплекта (рис. 1.5).

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

палитры на другую. Вы можете сформировать любой свой набор и расположениепалитр в зависимости от целей и задач.

Вы можете отсоединить палитру, расположив ее отдельно, или работать с груп�пой палитр (рис. 1.6), объединенных в одно целое.

Из правой области программы вы можете отделить группу палитр. Все палит�ры в Photoshop «плавающие», т. е. они всегда располагаются поверх изображения,и в любой момент их можно передвинуть (рис. 1.7).

Перемещать группу палитр как одно целое нужно за темно�серое поле над вклад�ками.

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


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

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

Рис. 1.7. Перемещениепалитр

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

36 Урок 1

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

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

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

Рис. 1.11.Строение стандартной палитры

Вы можете отделить палитру от группы. Ухватившись мышью за корешок вклад�ки Swatches (Образцы цвета), отделите ее (рис. 1.10).

Также возможно перемещение палитр в другие группы для формирования но�вых групп по своему желанию.

Большинство палитр имеет стандартный вид (рис. 1.11).

Выбор и скрытие палитрыПолный список всех палитр находится в меню 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. Развернутый вид панели инструментов

Панель инструментовНа панели инструментов представлены все инструменты, кнопки выбора цве�

та переднего и заднего планов (рис. 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).

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

экранный режим) — рис. 1.16.

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

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


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

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

Второй режим — Full Screen With Menu Bar (Полный экран с главным меню) —рис. 1.17. Однако в этом режиме нет ни строки состояния документа, ни полоспрокрутки.

Третий режим — Full Screen Mode (Полный экран) — рис. 1.18.Активный документ отображается на черном фоне, что рекомендуется при

окончательном композиционном просмотре.

42 Урок 1

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

Способы изменения масштаба просмотраПеремещение по изображению и быстрое изменение масштаба очень часто

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

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

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

� Увеличение масштаба (при любом активном инструменте!) — быстрые клави�ши <Ctrl>+<+>.

� Уменьшение масштаба (при любом активном инструменте!) — быстрые кла�виши <Ctrl>+<–>.

� Увеличение определенной части изображения — одной рукой нажмите комби�нацию клавиш <Ctrl>+<Пробел>, на экране появится лупа; другой рукой (с по�мощью мыши) обведите лупой в рамочку область, которую необходимо увели�чить (рис. 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%), внутри палитры появится красная рамка(часть изображения, отображаемая на экране), передвигая которую вы перемеща�етесь по изображению.

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

44 Урок 1

Быстрое перемещение по изображениюЕсли вы работаете в большом масштабе и если размер изображения больше, чем

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

ном инструменте (за исключением инструмента Type (Текст) при вводе текста).Если вам показалось, что здесь приведено слишком много способов переме�

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

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

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

Adobe Photoshop располагает многочисленными средствами для рисования.Возможности их использования безграничны. В этом уроке на примере несколь�ких инструментов и алгоритмов вы познакомитесь лишь с небольшой частью измножества технических приемов.

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

После прочтения каждого из разделов этого урока необходимо создать свое по�добное изображение. Теоретическое изложение не живет без практической поддержки.

На прилагаемом компакт�диске есть как заготовки для работы, так и уже гото�вые примеры, выполненные по материалам уроков студентами�дизайнерами и са�мыми обыкновенными слушателями курсов, впервые открывшими для себяPhotoshop.

В этом уроке вы научитесь выполнять следующие действия:

� использовать различные инструменты рисования;� выбирать цвета для рисования и заливки;� устанавливать параметры для выбранного инструмента с помощью панели па�

раметров инструмента;� использовать быстрые клавиши для выполнения команд рисования и настро�

ек параметров инструмента;� отменять действия для исправления ошибок.

Обладая полученными знаниями, вы сможете нарисовать комнатное растениев горшочке (юкку). Также вы сможете ознакомиться с уже выполненными работа�ми на данную тему.

Урок 2Урок 2Урок 2Урок 2Урок 2РИСОВАНИЕ

46 Урок 2

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

Выбор основного и фонового цветаForeground Color (Основной цвет) и Background Color (Фоновый цвет) задаются

в панели инструментов (рис. 2.1).Foreground Color (Цвет переднего плана, или основной) в Photoshop использу�

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

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

По умолчанию (Default) цвет переднегоплана черный, а заднего плана — белый. Та�ким образом, инструменты рисования Brush(Кисть) и Pencil (Карандаш) будут рисоватьчерным цветом по белому. Попробуйте — уви�дите, что это так.

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

Рис. 2.1. Пиктограммы ForegroundColor и 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

Отображение на экране инструментов рисованияИнструмент рисования имеет определенный размер и форму. Когда вы акти�

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

ПРИМЕЧАНИЕ Возможен режим, когда вы вместо диаметра инструмента видите перекрес�тие — это режим точных курсоров. Режим активизируется, когда нажата клавиша <Caps Lock>.

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

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

рис. 2.4.

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

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

Жесткие кисти имеют четкий контур, мягкие — растушеванный, размытый.Для изменения размера кисти (параметр 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.


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

Если вы желаете работать с параметрами по умолчанию (или вы так их настро�или, что инструмент вообще не работает), можно вернуть инструмент к состоя�нию начальной загрузки (рис. 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 (Не�прозрачность) определяет степень ее непрозрачности, флажок Anti�alias (Сгла�живание) устанавливает сглаживание краев, а флажок 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. Заливка внутренней области

Команда 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.


Рис. 2.13. Палитра Historyпосле открытия документа

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

Проект «Юкка»Предлагаю развить творческие способности, рисуя комнатное растение.Это может быть мое растение (файл Lessons\Урок_2_Рисование\Фото_Юкка.jpg) или

любое ваше.

1. Создайте новый документ, установив следующие значения:


56 Урок 2

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

3. Если необходимо, используйте Paint Bucket (Ковш заливки) и Eraser (Резинка).4. Необходимо помнить, что возможно увеличивать и уменьшать масштаб про�

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

быстрыми клавишами.

Варианты работ, выполненных на данную тему моими студентами (рис. 2.15),представлены на компакт�диске в папке Lessons\Урок_2_Рисование\ПРОЕКТ_ЮККА.

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

Рассматривая возможности программы для рисования, нельзя не отметитьбольшое количество образцов в палитре Brushe (Кисть). Вы можете использо�вать уже существующие формы кисти, а также создавать свою кисть из любогоизображения.

В этом уроке вы узнаете, как выполнять следующие действия:

� использовать предварительно заданные кисти;� создавать и использовать свои кисти из любого изображения;� изменять настройки и параметры палитры Brushe (Кисть);� задавать разброс цветов у выбранных кистей относительно заданного цвета;� создавать пейзаж на любую выбранную тему.

В конце урока вы нарисуете пейзаж, используя палитру Brushe (Кисть), а такжеознакомитесь с вариантами выполненных заданий с диска.


ПАЛИТРА BRUSHE (КИСТЬ)

58 Урок 3

Строение палитрыПалитра Brushe (Кисть) не открыта по умолчанию в окне программы. Вызови�

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

Создайте новый документ, выбрав:


Активизируйте 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.3. Задание формы кисти

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

4. Измените значение Spacing на 100%, и листья разделятся.

В зависимости от параметров меняется вид линии (поле внизу).


Шаг 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. Настройкарассеивания


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

Шаг 5. Настройка Color Dynamics (Динамика цвета)Мы получили достаточно неплохой результат с формой и количеством. Насто�

ящий листопад! Пришло время задать цвет. Как вы помните, инструмент Brush, аименно его мы моделируем, зависит от цвета Foreground (Передний план). По умол�чанию он черный, и если мы ничего не изменим, то все наши шикарные листьятак и останутся черными.

Щелчком в левой части палитры активизируйте параметр Color Dynamics (Ди�намика цвета) — рис. 3.6.

Изменение цветовых параметров происходит согласно модели HSB.Если мы хотим смоделировать цвета осени, то базовым цветом (Foreground)

необходимо выбрать желтый или оранжевый и задать разброс параметра Hue Jitter(Комбинация цвета) 20% относительно этого цвета (см. рис. 3.6).

Если величина Hue Jitter (Комбинация цвета) будет больше 20%, то будет уве�личен диапазон используемых цветов и осень будет не совсем реальной.

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 по умолчанию находится в правой верхней части эк�рана.

Создание пользовательской кистиТеперь, когда вы настроили кисть «Кленовый лист», вас могут заинтересовать

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

качестве основы кисти различные фотографии. Затем для этой кисти можно за�дать и параметры, как в предыдущем задании.

Создадим новую кисть на основе фотографии с пионом.

1. Откройте файл Цветок.jpg (рис. 3.9) из папки на диске Lessons\Урок_3_Кисти.2. Выберите команду меню Edit | Define Brush Preset (Правка | Определить кисть).

В открывшемся диалоговом окне Brush Name (Название кисти) (рис. 3.10) вве�дите имя кисти «Цветок» и щелкните на кнопке ОК. В палитре Brushe появитсяновая кисть «Цветок».

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

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

66 Урок 3

3. Выберите инструмент Brush (Кисть). В выпадающем списке параметра Brush вконце набора будет новая кисть «Цветок» (рис. 3.11).

4. Создайте новый документ, выбрав:


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

5. При активном инструменте Brush и выбранной вашей новой форме кисти щел�кните по изображению несколько раз, изменяя размер кисти быстрыми клави�шами (рис. 3.12).Как вы заметили, созданная из фотографии пользовательская кисть имеет осо�бенности, которые необходимо знать:

� цвета с фотографии не сохраняются, вместо них цвет кисти определяетсяцветом Foreground;

� кисть сохраняет уровни яркости цветов фотографии (заменяя все цвета наодин Foreground).

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

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

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


Пример создания кисти из части изображенияНаивно полагать, что объект, из которого хочется создать кисть, уже находится

на белом фоне, и все получится здорово и быстро. Обычно объект — это часть фо�тографии. Что тогда делать?

1. Инструментом Rectangular Marquee (Прямоугольное выделение) создать областьвыделения вокруг объекта (рис. 3.13). Далее по уже знакомому алгоритму.

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

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

68 Урок 3

Рис. 3.14.Пример выполнения задания

2. Выполнить команду меню Edit | Define Brush Preset (Правка | Определить кисть).

3. В открывшемся диалоговом окне Brush Name (Название кисти) ввести имя ки�сти.

Если же объект находится не на белом фоне, его следует выделить соответству�ющим инструментом (см. урок 7) и поместить на белый фон.

Проект «Пейзаж»Применим теоретические знания на практике — нарисуем пейзаж! Для этого

можно представить картину уходящего лета или скопировать ее с фотографии.



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

3. Создайте свою кисть на основе кистей набора программы. Используйте клено�вый лист, травинки и т. д., настраивая в палитре Brushe параметры кистей посвоему усмотрению.

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

5. Нарисуйте объекты, используя кисти (рис. 3.14).


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

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

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

Для удобства ознакомления с многослойными документами можно рассмат�ривать эти файлы после изучения урока 6.

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

70 Урок 3

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

Рис. 3.17. Графическийпланшет

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

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

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


Купить графический планшет сейчас достаточно просто. Например, планшетот 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). Работы, выполненные в данной технике, отличаются высокой степе�нью детализации и реалистичностью и используются для наполнения заднего планав ряде известных фантастических фильмов.

Расширение возможностей рисованияВ данной версии появилась возможность использовать фотографию как холст

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

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

В палитре Brush (Кисть) (рис. 3.22) представлен набор кистей, имитирующихотпечаток щетины.

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

Рис. 3.21.«Фея». Автор: Лукина А.

Рис. 3.20. «Замок Cнежной королевы»Автор: Бывшева П.


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

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

74 Урок 3

Откройте файл Lessons\Урок_3_Кисти\ Для MixerBrush.Активизируйте инструмент Mixer Brush (Микс Кисть).Создайте имитацию рисования, смешивая цвета при помощи данного инстру�

мента (рис. 3.24).Примеры в файлах Lessons\Урок_3_Кисти\ Mixer_море.psd и Mixer_пейзаж.psd.

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

Мечты — пленники жизни,приговоренные или оправданные вашими поступками.

Владимир Тучкевич

Один мой приятель очень гордился фотографией Невского проспекта с раду�гой, уходящей куда�то в бок. «Зачем снимать такие кривые радуги, если их можнолегко создать в Photoshop?» — недоумевала я. Впрочем, он давно не был в Россиии соскучился по нашему прекрасному городу, и не в радугах дело.

Gradient (Градиент) — инструмент рисования. Способы его применения огра�ничены только вашим воображением. Где только его не используют!


� настраивать параметры инструмента 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 toTransparent. Чтобы определенная в градиенте прозрачность работала, необхо�димо на панели параметров установить флажок Transparency (Прозрачность).

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

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

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

9. Испытайте разные типы градиентов. Поэкспериментируйте с положением инаклоном линий градиента. При установленном флажке Reverse (Обратный)порядок цветов в растяжке меняется на обратный.

10. Градиент может включать несколько цветов. В качестве примеров испытайтеградиенты Violet, Green, Orange и Transparent Rainbow. В состав последнего так�же входит и прозрачность.

Использование Gradient Editor(Редактор градиента)

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

Вызывается оно щелчком по виду градиента в панели параметров (рис. 4.4).Рассмотрим диалоговое окно Gradient Editor (Редактор градиента) (рис. 4.5).

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

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

(рис. 4.3). Выберите линейный градиент. Растяните его по изображению.

Рис. 4.3. Кнопки для разных типов градиента:а — линейного; б — радиального; в — углового;г — отраженного; д — алмазного

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

78 Урок 4

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

1. Вызовите диалоговое окно Gradient Editor.2. Выберите среди образцов градиент Black, White (третий по счету) (рис. 4.6).

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

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

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

Рис. 4.5. Диалоговоеокно Gradient Editor

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

указатель станет черным). У каждого маркера есть два параметра: его цвет, задавае�мый в поле 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 (Отмена), сохраненные гради�енты останутся в списке, но текущим будет градиент, активный до открытия окна.

Где можно применить на практике эти знания? В следующем разделе нарисуемстальную трубу.

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

ную трубу. Из каких цветов и областей прозрачности состоит труба?Обычно отвечают «серый». Нет, не серый, а только белый и черный цвета. Се�

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

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

Шаг 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.

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

шкалы и так близко располагаем их?Ответ достаточно прост. Когда вы растягиваете по документу уже готовый гра�

диент, то задаете радиус растяжки. Этот радиус фактически равен самому гради�енту (вид в панели параметров).


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

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

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

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

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

84 Урок 4

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

Усложним задачу — сделаем радугу.

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

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

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

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

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

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

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


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

В классической радуге, которую мы рисовали в детстве, семь цветов (КОЖЗГСФсокращенно). В данном градиенте вам необходимо заменить малиновый цвет нафиолетовый (рекомендую щелчком в палитре Swatches (Образцы цвета)) и доба�вить оранжевый (рис. 4.17).

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

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

� красный — 10;� оранжевый — 12;� желтый — 14;� зеленый — 16;

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

� голубой — 18;� синий — 20;� фиолетовый — 22.

86 Урок 4

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

Та же схема, как и у градиента «Стальная труба» (рис. 4.18).

Координаты маркеров непрозрачности:

� первый маркер (белый) — Opacity 0, Location 9;� второй маркер (черный) — Opacity 100, Location 10;� третий маркер (черный) — Opacity 100, Location 22;� четвертый маркер (белый) — Opacity 0, Location 23.

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

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

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

Радуга сложная реалистичнаяНа самом деле при непрозрачности инструмента в 12% количество цветов можно

и сократить. Повысить реалистичность возможно за счет сложного задания не�прозрачных маркеров.

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

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

Откройте изображение из папки на диске Урок_4_Градиент\ПЕЙЗАЖИ_ДЛЯ_РАДУГИ\R4.jpg.

В панели параметров инструмента Gradient установите: тип — радиальный,Opacity (Непрозрачность) 12%; включите флажок Reverse (рис. 4.19).


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

� белый — 81;� голубой — 85;

Координаты маркеров непрозрачности:

� Location 0, Opacity 0;� Location 75, Opacity 20;� Location 85, Opacity 80;

В черно�белом варианте это выглядит так, как показано на рис. 4.21.Применительно к этому же изображению, с теми же параметрами градиента,

результат будет намного лучше.О загрузке служебных файлов рассказывается в уроке 5.

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

� красный — 92.

� Location 92, Opacity 80;� Location 95, Opacity 20;� Location 100, Opacity 0.

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

� зеленый — 87;� желтый — 90;

ПРИМЕЧАНИЕ Если вы желаете загрузить радугу, как служебный модуль, она находится вфайле Урок_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. Применение шумового градиента

Важность операций Load (Загрузить) и Save (Сохранить) применительно к на�борам переоценить невозможно. И у простых пользователей, и у профессионаловвсегда найдутся ситуации, когда необходимо сохранить или загрузить какой�либоинструмент или команду. Философия Photoshop позволяет гибко использовать ужесозданные вами или кем�либо наборы.

Мы изучим данную тему на самом простом примере — загрузки и сохранениянаборов форм.


� настраивать параметры инструментов группы Shapes (Формы);� загружать наборы уже созданных до вас кистей (а вы и не знали, что уже все

давно придумано);� загружать формы программы Photoshop и дополнительные, созданные дизай�

нерами;� создавать из загруженных градиентов красивые рамочки для фотографий.

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

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

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

90 Урок 5

Инструменты группы Shapes (Формы)Создайте новый документ, выбрав:


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

сложных векторных режимах, чем в нашем рассматриваемом случае.

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

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

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

ВНИМАНИЕ Обратите внимание на режим работы инструмента! По умолчанию включен пер�вый режим работы. Вам необходимо выбрать режим для рисования (третий слева) — Fill pixels(Растровая область) (рис. 5.3).

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

В панели параметров вы видите уже знакомые параметры Mode (Режим нало�жения) и Opacity (Непрозрачность), свойственные инструментам рисования.

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

Рассмотрим, как работают инструменты.

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

1. Установите Foreground (цвет переднего плана) красный.

2. Активизируйте инструмент Rectangle (Прямоугольник).

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

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

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

92 Урок 5

Быстрые клавиши, используемые при построении фигурЕсли при рисовании фигуры удерживать клавишу <Shift>, будет создаваться

пропорциональная фигура (квадрат, круг, квадрат со скругленными углами). В слу�чае линии линия будет горизонтальная, вертикальная или под углом 45°.

Если при рисовании фигуры удерживать клавишу<Alt>, то фигура создается из центра.

Если при рисовании фигуры удерживать <Пробел>,можно перемещать фигуру в процессе построения.

Клавиши действуют в процессе построения, т. е. покане отпущена мышь.

Выполните задание на построение фигур.

1. Постройте зеленый квадрат. Какие клавиши удержи�ваем при построении?

2. Из левого верхнего угла квадрата постройте красныйкруг.

Результат показан на рис. 5.5.

Инструмент Line (Линия). Рисование стрелокС помощью инструмента Line (Линия) можно создавать стрелки. Для этого не�

обходимо вызвать параметры инструмента из выпадающего списка и установить вгруппе Arrowheads (Наконечники) флажки Start (Начало) и End (Конец) (рис. 5.6).

Следует отметить, что толщина линии задается в панели параметров в полеWeight (Толщина) и влияет также на размер стрелок.

Вы можете построить стрелки, как на рис. 5.7.

Рис. 5.5. Построениезаданных фигур

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

Инструмент Custom Shape (Заказная форма)Активизируйте инструмент Custom Shape (Заказная форма). Рассмотрим его

настройки.Основной параметр инструмента — Shape (Форма) (рис. 5.8). Выберите раз�

личные формы из выпадающего списка параметра. Установите различные цветапереднего плана для рисования.

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

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

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

Используйте быстрые клавиши, рассмотренные ранее, при рисовании.Так при построении объектов необходимо удерживать клавишу <Shift> для со�

хранения пропорциональной формы. На рис. 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 произойдет замена набора на новые подгружаемые формы.


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

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

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

96 Урок 5

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

7. Если вы желаете заменить текущий набор на набор по умолчанию, выберитеOK.

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

Пиратская картаНа диске сопровождения есть целая папка с пиратскими картами, так что мож�

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

Pirates.csh.



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

3. На панели параметров инструмента щелкните мышью на стрелке в поле Shape(Форма), чтобы открыть набор стандартных форм. Из меню набора выберитекоманду Load Shapes (Загрузить формы).

4. В открывшемся диалоговом окне Load укажите путь до файла с нашим пират�ским набором: Lessons\Урок_5_Наборы\Pirates.csh.

5. К стандартному набору добавился набор с пиратскими формами. Разглядетьчто�либо достаточно тяжело. Установим режим отображения меню LargeThumbnail (Большие пиктограммы) (рис. 5.15). При таком отображении доста�точно легко найти и рассмотреть все формы (рис. 5.16).


6. Приступим к рисованию. Выберите цвет Foreground (Передний план) синий,как море. «Залейте» документ, используя «горячие» клавиши.

7. Активизируйте инструмент Brush. Установите в Foreground бледно�голубой цвет.Проведите внутри «моря».

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

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

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).


Рис. 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 (Кисть).


Загрузка наборов кистейВыполните следующие действия:



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

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

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

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

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

ных не будет.

102 Урок 5

Набор кистей «Цветы»Выполните следующие действия:

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

2. Выполните команду Load.

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

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

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


Набор кистей «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. Кисть для татуировки

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

4. Выберите любую кисть из загруженных, установите цвет Foreground. Щелкни�те по изображению (рис. 5.27). Такие кисти мы учились создавать из фотогра�фии на уроке 3.

104 Урок 5

на рис. 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.30. Параметры выбранной кисти

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


Дополнительные наборы градиентовКроме стандартного набора градиентов вы можете загрузить дополнительные.

Предлагаю вам загрузить два градиента, которые могут быть использованы в офор�млении фотографий, как красивые рамки.



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. Ежик с рамкой

Photoshop позволяет изолировать части изображения друг от друга, располагаяих на разных слоях. Содержимое слоя можно редактировать, как самостоятель�ный элемент, что делает возможности манипулирования изображениями практи�чески неограниченными.

В этом уроке рассматриваются следующие вопросы:

� послойная организация изображения;� как показать и спрятать слои;� параметры слоя;� изменение изображения путем изменения последовательности слоев;� создание и удаление слоя;� перенос слоев из одного файла в другой;� перемещение сразу нескольких слоев;� слияние.

В конце урока мы создадим композицию с туристом, а также нарисуем космосс созвездиями и кометами.

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

108 Урок 6

Рис. 6.1. Слои

Общие сведения о слояхВ Photoshop каждый файл содержит один или несколько слоев (рис. 6.1). Но�

вые файлы обычно создаются со слоем Background (Фоновый слой), который со�держит цвет, обычно белый. Вы можете работать со слоями с помощью палитрыLayers (Слои).

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

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

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

Откройте файлы Турист.psd, Сумки.psd и Шапки.psd из папки Lessons\Урок_6_Слои накомпакт�диске.

Активизируйте файл Турист.psd.

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

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

Палитра Layers (Слои)Палитра Layers (Слои) (если ее нет на экране — нажмите клавишу <F7>) ото�

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

Как показывать и прятать слоиПиктограмма «глаз» в левом вертикальном ряду палитры означает, что данный

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

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

2. Если все слои спрятаны, область, занимаемая изображением, прозрачна. Обэтом свидетельствует клетчатый узор.

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

4. При нажатой клавише <Alt> щелкните по «глазу» напротив слоя, который выхотите оставить — все остальные слои становятся невидимыми.

5. Чтобы снова показать все слои, нажмите клавишу <Alt> и щелкните по тому же«глазу».

110 Урок 6

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

Выделение слоевСлои выделяются обычно по одному, но с данной версии Photoshop возможно

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

Выделенный слой называется активным. Когда слой активен, его название иэскиз изображения подсвечены синим цветом. Заметьте: название активного слояпоявляется в титульной строке изображения.

Зачем слой активизируют? Рисование, трансформация, изменение парамет�ров и т. д. ведется только в активном слое!

1. Щелкните по слою Человечек (названию или миниатюре). Слой стал активным.

2. Переместите ползунок Opacity (Непрозрачность) палитры примерно до отметки28%. Слой с человечком стал прозрачным (рис. 6.3). Эти изменения касаютсятолько слоя Человечек.

3. Верните ползунок Opacity (Непрозрачность) в положение 100%.


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

Параметры слояУ активного слоя можно изменять параметры в верхней части палитры Layers

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

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

Слой Background (Фоновый слой)Когда создается новое изображение с белым или цветным фоном, самому ниж�

нему слою (изображению) в палитре Layers (Слои) присваивается имя Background(Задний план, фоновый слой). Файл может иметь только один слой Background.

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

Когда вы создаете изображение с прозрачным содержимым, изображение неимеет фонового слоя.

Чтобы преобразовать Background в обыкновенный слой (не лучшая идея), дваж�ды щелкните по его имени в палитре Layers и введите имя слоя.

Если вы случайно преобразовали Background в обычный слой и желаете вер�нуть его, выполните команду главного меню Layer | New | Background From Layer(Слой | Новый | Фон из слоя).

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

112 Урок 6

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

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

Изменение последовательности слоевВыделите слой Человечек и перетащите его вверх,

над слоем Куртка.Когда над слоем Куртка появится черная жирная

черта (рис. 6.5), отпустите кнопку мыши. Теперьслой Человечек находится над слоем Куртка(рис. 6.6).

Для перемещения в палитре Layers предусмот�рены следующие быстрые клавиши:

� <Alt>+<]> — переход на один слой выше (актив�ность);

� <Alt>+<[> — перемещение на слой ниже (актив�ность);

� <Ctrl>+<]> — перемещает слой на один вверх;� <Ctrl>+<[> — перемещает слой на один вниз.


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

Переименование,подсветка слоев

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

Можно подсветить слой цветомдля удобства его быстрого нахожде�ния. На содержимое слоя подсветкане влияет. Щелкните правой кноп�кой мыши по имени слоя и выбери�те команду Layer Properties (Свой�ства слоя) (рис. 6.7).

Выберите из выпадающего спис�ка нужный цвет (рис. 6.8).

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

114 Урок 6

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

Создание нового слояСпособов создания нового слоя много:

� например, щелчок по пиктограмме создания нового слоя внизу палитры .При этом новый слой создается над активным или текущим слоем (рис. 6.9);

� в большинстве случаев необходимо создать новый слой под активным слоем,тогда при щелчке по пиктограмме нужно удерживать клавишу <Ctrl>;

� с помощью «горячих» клавиш <Shift>+<Ctrl>+<N> создается новый слой.

Созданный слой автоматически становится активным.

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

� щелкнуть правой кнопкой мыши по имени слоя и выбрать команду DuplicateLayer (Копия слоя);

� перетащить имя слоя на пиктограмму создания нового слоя;

� нажать «горячие» клавиши <Ctrl>+<J> (при отсутствии выделения на слое).



1. Активизируйте слой Человечек.

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

Удаление слояНужно перетащить имя слоя на пиктограмму мусорной корзины в нижней ча�

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

1. Удалите слой�копию с человечком в корзину.

2. Удалите ненужную одежду в корзину (рис. 6.11).

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

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

116 Урок 6

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

Перенос слоев из одного файла в другойУ нас открыты файлы Турист.psd; Сумки.psd; Шапки.psd из папки Lessons\Урок_6_Слои.У нас есть шапки и сумки, которые нужно перетащить в файл с человечком.Слои можно просто перетаскивать из одного файла в другой методом drag�and�

drop.

1. Активизируйте файл Шапки.psd.

2. В палитре Layers (она теперь отображает содержимое файла Шапки.psd) щелч�ком мыши активизируйте слой Кепка (можно выбрать и Панаму, предполагает�ся, что уже жарко, и все куртки мы выкинули).

3. Инструментом Move (Перемещение) можно или за саму кепку перемещать слойв изображение к человечку, или за имя слоя Кепка перетащить в файл к чело�вечку (варианты на рис. 6.12).

4. Когда в документе с человечком появится наконечник с плюсом — отпускайтемышь. Кепка появляется в документе с человечком. Автоматически над актив�ным слоем создается новый слой с именем Кепка (рис. 6.13).

5. Активизируйте файл Сумки.psd.

6. Перетащите к человечку рюкзак и мешок (рис. 6.14) из файла Сумки.psd.


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

Рис. 6.14. Переносрюкзаков

118 Урок 6

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

Выделение нескольких слоевВозможность выделения нескольких слоев одновременно появилась с версии

CS2 программы.

1. Активизируйте щелчком по названию слой Человечек.

2. Удерживая клавишу <Ctrl>, последовательно щелкайте по названиям другихслоев (кроме фонового) — слои будут присоединяться к выделенным.

3. Повторный щелчок с нажатой клавишей <Ctrl> по названию исключает слойиз группы выделенных.

4. Выделите все слои кроме фонового (рис. 6.15).

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

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

Совместная трансформация

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

1. Выделите все слои кроме фонового (<Ctrl> + щелчок по названию).

2. Активизируйте инструмент Move (Перемещение) и переместите человечка. Всевыделенные слои будут перемещаться как одно целое.

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

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

1. Выделите все слои кроме фонового (он закреплен, и поэтому трансформациии выравниванию не подлежит).

2. Найдите в панели параметров инструмента Move (Перемещение) пиктограм�мы, отвечающие за выравнивание и распределение (рис. 6.16).

3. Щелкните по первой пиктограмме (выравнивание по верхней границе) — всевыделенные слои переместятся к верхнему краю. Конечно, в данном случае этовыглядит нелепо (рис. 6.17). Отмените последнее действие нажатием клавиш<Ctrl>+<Z>.

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

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

120 Урок 6

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

Группировка слоевОперация Group (Группировка) — это создание папки со слоями внутри палит�

ры Layers. В старых версиях программы эта операция называлась Set (Набор).Данная операция удобна с точки зрения организации работы в палитре Layers.

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

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

Как выполнить группировку?

1. Выделите слои (кроме фона).

2. В меню палитры Layers выберите команду New Group from Layers (Создать но�вую группу из слоев) (рис. 6.18).

3. Дайте имя группе в открывшемся диалоговом окне и выберите цвет подсветки(рис. 6.19).

4. В палитре будет создана папка с названием группы Человечек, подсвеченнаявыбранным цветом (рис. 6.20).


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

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

5. Откройте группу щелчком по треугольнику перед пиктограммой папки. Выувидите все слои внутри папки в целости и сохранности (рис. 6.21).

6. При необходимости вы можете отменить операцию группировки. Выделитепапку Человечек. В меню палитры Layers выберите команду Delete Group (Уда�лить группу). Появится диалоговое окно с различными предложениями(рис. 6.22).

7. Вариант Group and Contents (Удалить группу и содержимое) нам совершенно неподходит, т. к. будет удален весь человечек. Выбираем вариант Group Only (Толь�ко группу) — удаляется только папка�оболочка, а содержимое остается.

122 Урок 6

Связывание слоевКоманда Link (Связь) из меню палитры по применению аналогична команде

Group (Группировка).Если ваши слои связаны между собой, то возможно выравнивание и распреде�

ление, а также совместные действия над ними. Если вы закрываете файл и сохра�няете его со связями, после открытия связи сохраняются.

1. Выделите все слои кроме фонового.

2. В нижней части палитры Layers щелкните по пиктограмме . Напротивназвания каждого слоя появится такая пиктограмма (рис. 6.23).

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

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


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

Влияние слоев на размер файлаКаждый новый растровый слой, добавляемый к изображению, увеличивает раз�

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

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

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

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

4. Чтобы отменить связь, выделите все связанные слои, щелкните по пиктограм�ме , и связи будут отменены у всех слоев.

124 Урок 6

Рис. 6.25. Команда Merge LayersРис. 6.26. Результат действиякоманды Merge Layers

Команды сведения слоевСуществуют четыре команды объединения слоев.

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 (Фоновый слой).

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

о слоях и новая тема — выделение, которая еще не рассматривалась. Но выделе�ние использовалось самое простое, поэтому продолжим работу.

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

ЗаданиеПеред всеми была поставлена одинаковая задача: используя слои, нарисовать

композицию на тему «Космос». Разрешается использовать уже готовую фотогра�фию в качестве подложки (см. пример на диске), можно обойтись и без нее.

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

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



Можно открыть файл Подложка для космоса.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).


Рис. 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.Готовый проектв слоях

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

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

В этом уроке мы рассмотрим:

� инструменты выделения;� инвертирование выделения;� клавиши�модификаторы простейших инструментов выделения;� режимы комбинирования выделения;� что такое растушевка и зачем она нужна;� создание иллюзии объема с помощью градиента;� совмещение работы инструментов выделения;� проверку качества выделения;� корректировку выделения.

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

ВЫДЕЛЕНИЕ


130 Урок 7

Что такое выделение?Выделение в Photoshop является чуть ли не основной операцией, от которой

зависит результат работы. Что же такое выделение?Выделение — это область ограничения действия инструментов и команд. Мы

рассмотрим это на упражнении.Выделение — это ограничение области пикселов для дальнейшей работы (на�

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

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


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

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

Выполним упражнение.

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

2. Поместите курсор в окно документа. Он примет форму креста. Нажмите накнопку мыши и протащите курсор по изображению. За ним тянется прямо�угольная пунктирная рамка выделения (рис. 7.2).

3. Отпустите кнопку мыши. По границе вашей области «побежали муравьи». Этаобласть выделена.

4. Установите курсор вне выделенной области и постройте новую рамку выделе�ния. Предыдущее выделение пропадает и появляется новое.

Выделение 131

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

6. Активизируйте опять инструмент Rectangular Marquee (Прямоугольное выде�ление) и переместите выделенную область.

7. Активизируйте кисть. Порисуйте. Кисть работает в перемещенной области.Таким образом, выделение ограничивает область действия инструмента.

8. Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение). Посвойствам он очень похож на инструмент Rectangular Marquee (Прямоугольноевыделение), но применяется для выделения эллиптических областей. Попро�буйте поработать с этим инструментом.

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

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

Правильно снимать выделение командой главного меню Select | Deselect (Вы�деление | Снять выделение). Запомните быстрые клавиши для вызова команды —<Ctrl>+<D>.

Задание: создайте выделение. Быстрыми клавишами снимите его.

КлавишиLмодификаторы при создании выделенияПри использовании простейших инструментов выделения — Elliptical Marquee

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

Рис. 7.2. Прямоугольное выделение Рис. 7.3. Кисть рисует только в выделеннойобласти

132 Урок 7

1. Активизируйте инструмент Rectangular Marquee (Прямоугольное выделение).Нажмите кнопку мыши и начните перетаскивать курсор. Как вы видите, выде�ление создается и изменяется по форме, пока не отпущена мышь.

2. Если, не отпуская мышь в процессе создания выделения, нажать клавишу<Shift>, выделение будет пропорциональным.

3. Если, не отпуская кнопку мыши в процессе создания выделения, нажать кла�вишу <Alt>, выделение будет создаваться из центра.

4. Если, не отпуская кнопку мыши в процессе создания выделения, нажать кла�виши <Shift>+<Alt>, то выделение будет пропорциональным и создаваться изцентра.

Проверьте мои утверждения, см. рис. 7.4.

Следует также отметить, что в процессе выделения вы можете перемещать об�ласть выделения, удерживая клавишу <Пробел>. (Если выделение уже создано, тонажатый <Пробел> вызывает инструмент Hand (Прокрутка).)

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

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

Создадим выпуклые кнопки с пиктограммами для Интернета. Работать будем,основываясь на пройденном теоретическом материале.

1. Залейте документ белым цветом.

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

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

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

4. Измените клавишей <X> цвета на противоположные: белый — цвет переднегоплана; оранжевый — заднего плана, для создания блика.

5. Активизируйте инструмент Gradient, выберите вид Foreground to Background, типрадиальный, растяните, как на рис. 7.6. Обратите внимание, что цветовой пе�реход применяется только внутри области выделения, а не ко всему документу.

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

134 Урок 7

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

7. Создайте круглое выделение чуть меньшего размера внутри уже закрашеннойобласти. Активизируйте инструмент Gradient. Задайте направление, как нарис. 7.7. Снимите выделение.

8. Выделите инструментом Rectangular Marquee (Прямоугольное выделение) об�ласть с полученной кнопкой (рис. 7.8).

9. При нажатии клавиш <Ctrl>+<Alt> форма указателя мыши меняется на двой�ную стрелку, что говорит о включении режима копирования области (рис. 7.9).

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

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

ПРИМЕЧАНИЕ Если в слое есть выделенная область, то возможно ее перемещение при по�мощи инструмента 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

Комбинирование выделенияЕсли выделение уже создано, назначение клавиш�модификаторов для выпол�

нения операций изменяется.Создайте прямоугольное выделение.Нажмите клавишу <Shift>, к курсору инструмента добавится плюс. Это зна�

чит, что инструмент перешел в режим суммирования.Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение) и

выделите область, пересекающую уже имеющееся выделение.Области выделения будут просуммированы. На рис. 7.14 представлены опера�

ции комбинирования.

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

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


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

Задание:



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 (Новое выделение). Но�вое выделение при этом режиме заменяет старое. Вторая кнопка включает ре�жим суммирования; третья — вычитания; четвертая — пересечения. Рекоменду�ется использовать в работе быстрые клавиши вызова этих режимов, а не нажатиекнопок. Кнопку нажмете — потом забудете, что нажали, а клавиши — надежнои быстро.

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


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

Растушевка (Feather)

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

Использование растушевки дает плавный переход в прозрачность краев изоб�ражения (как растушеванные кисти — цвет плавно сходит на нет) — рис. 7.17.

Если же в процессе создания вы задали растушеванное выделение, то сделатьиз него четкое невозможно!

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

140 Урок 7

Сглаживание (AntiYalias)

Последний общий для инструментов выделения параметр — это Anti�alias (Сгла�живание). Не стоит этот флажок снимать! Без сглаживания края выделенной об�ласти при увеличении выглядят ступенчатыми за счет того, что сами пикселы изоб�ражения имеют квадратную форму. Сглаживание, так же как растушевка, добавляетчастично выделенные пикселы вдоль границы выделения. Сглаживаются толькокрайние пикселы выделенной области, что делает ее границу более гладкой, акку�ратной.

1. Создайте новый документ 500×500 px.

2. Залейте фон серым цветом.

3. Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение).

4. В параметрах инструмента установите Feather 0 (иначе эффекта от сглажива�ния не видно). Снимите флажок Anti�alias (Сглаживание).

5. Создайте эллиптическое выделение (рис. 7.18, а) и удалите выделенную область(рис. 7.18, б).

6. Установите флажок Anti�alias (Сглаживание), создайте еще одно выделение при�мерно того же размера и снова удалите выделенную область.

7. Увеличьте масштаб отображения так, чтобы разница стала заметна (рис. 7.18, в).

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

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

а б в

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

струментов Lasso (рис. 7.19).

Инструмент 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

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

Обратите внимание, что манипуляций по созданию новых пустых слоев делатьне надо! Сама команда создает новый слой, и на него помещает то, что нахо�дится в выделенной области.При этом выделение пропадает. Активным становится созданный новый слой(рис. 7.23).

8. Сохраните изображение для дальнейшей работы под именем Пион_выделенный.psd.

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

Рис. 7.22. Выделенный цветокРис. 7.23. Результат выполнения командыLayer | New | Layer via copy


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

Как оценить качество выделения?В принципе можно было бы отключить слой Background и посмотреть, как в

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

1. Откройте изображение Пион_выделенный.psd.

2. Создайте новый пустой слой между двумя имеющимися.

3. Залейте новый слой Layer 2 контрастным по отношению к фону цветом, в на�шем случае — белым.

Вот теперь очень хорошо видно, насколько точно выделен объект (рис. 7.24).

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

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

� вокруг выделенного объекта присутствует ореол фона, тогда резинкой на ак�тивном слое с объектом вы аккуратно стираете ненужные пикселы. Следуетотметить, что необходимо работать при большом масштабе;

� самая ужасная ошибка, когда отсутствует часть объекта. Как тогда быть? Невыделять же его заново.

144 Урок 7

Корректировка выделения


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

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

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

2. Создайте контрастный слой�подложку, как в предыдущем случае. Ох! Отсут�ствует середина у цветочка (рис. 7.26).Возникает вопрос: в чем ошибка? Ответ — ошибка в выделении.

ПРИМЕЧАНИЕ Для загрузки выделения со слоя необходимо щелкнуть, удерживая клавишу<Ctrl>, по пиктограмме слоя в палитре Layers (рис. 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.27. Загрузка выделения со слоя

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

146 Урок 7

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

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

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

Инструмент Polygonal Lasso (Полигональное лассо)Инструмент Polygonal Lasso (Полигональное лассо) выделяет область, ограни�

ченную прямыми отрезками, создаваемыми щелчками мыши. Если вы ошибочнощелкнули, то, нажав <Delete>, можете удалить последний отрезок. Замыкать об�ласть выделения можно или двойным щелчком, или соединением с начальнойточкой.

Обратите внимание, что если вы в процессе выделения отпустили мышь, об�ласть выделения не замыкается автоматически.

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


1. Откройте файл Кресло.jpg из папки Lessons\Урок_7_Выделение.

2. Активизируйте инструмент Polygonal Lasso (Полигональное лассо).

3. Щелчками мыши начните создавать выделение (рис. 7.32).

4. Обведите весь контур кресла (рис. 7.33), замкнув область выделения в началь�ной точке.

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

ПРИМЕЧАНИЕ Возможно переключение в процессе выделения с инструмента PolygonalLasso на Lasso и наоборот. Это удобно, т. к. большинство объектов имеют как прямые, так икриволинейные области. Переключение с инструмента на инструмент производится нажатиемклавиши <Alt>. Попробуйте выделить кресло, используя оба инструмента.

148 Урок 7

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

6. Используя режим комбинирования, вычтите инструментом Polygonal Lasso не�нужные области (рис. 7.34).

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

Инструмент Magnetic Lasso (Магнитное лассо)Инструмент Magnetic Lasso (Магнитное лассо) можно использовать для выде�

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

ставит точки привязки, по которым пойдет выделение.Если точка поставлена не туда, куда хотелось бы, нажмите клавишу <Delete>,

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

Вы может управлять путем простановки точек, щелкая мышью в нужных мес�тах — точки ставятся автоматически.

Возможно переключение в процессе работы на инструменты Polygonal Lasso иLasso. Для этого необходимо нажать и удерживать <Alt> и или щелкать мышью,тогда будет вызван инструмент Polygonal Lasso, или вести — тогда вызывается Lasso.

Замыкание контура происходит при двойном щелчке мышью, путем соедине�ния с начальной точкой.

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

Инструмент Magic Wand (Волшебная палочка)Этот инструмент самый любимый у начинающих пользователей. Особо ниче�

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

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

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

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

ПРИМЕЧАНИЕ В панели параметров находятся кнопки комбинирования выделения. Это зна�чит, что вы можете, к примеру, щелчком с нажатой клавишей <Shift> присоединять к уже выде�ленным областям другие области.

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


1. Откройте файл Рюкзак.jpg из папки Lessons\Урок_7_Выделение.

2. Активизируйте инструмент Magic Wand (Волшебная палочка).

3. Щелкните по фону. Выделится его большая часть (рис. 7.37).

4. Удерживая нажатой клавишу <Shift>, щелкните по еще не выделенной частифона (под рюкзаком по области теней).

5. Выполните команду главного меню Select | Inverse (Выделение | Инвертировать)или нажмите клавиши <Shift>+<Ctrl>+. У вас будет выделен рюкзак.

6. Скопируйте выделенный объект на новый слой нажатием клавиш <Ctrl>+<J>(рис. 7.38).

150 Урок 7

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

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

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

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

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

1. Откройте изображение Тюльпаны.jpg из папки Lessons\Урок_7_Выделение.

2. Сбросьте флажок Contiguous и щелкните по фону — будет выделен весь фон.

3. Выполните команду Select | Inverse (Выделение | Инвертировать) или нажмитеклавиши <Shift>+<Ctrl>+ — выделятся тюльпаны. Достаточно быстро ипросто.

4. Установите флажок Contiguous по окончании работы.

Инструмент Quick Selection (Быстрое выделение)Вы может использовать Quick Selection (Быстрое выделение) для быстрого «ри�

сования» выделения, с использованием регулируемого размера окончания кисти.Во время того, как вы тянете, выделение увеличивается и автоматически следуетпо границе объекта. Это может быть достаточно быстро, и аналогичного действиянет ни у одного инструмента выделения.

Во время создания выделения для изменения размера кисти (параметр Brush)вы можете использовать: клавишу <[> для уменьшения размера кисти; клавишу<]> для увеличения размера кисти.

В панели параметров располагаются три кнопки режимов комбинирования(рис. 7.39).

При существующем выделении инструмент суммирует области выделения, рас�ширяя его границу. Если вам необходимо вычесть выделение, нажмите клавишу<Alt> (вы перейдете в режим вычитания).

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

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

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

1. Откройте файл Георгин.jpg из папки Lessons\Урок_7_Выделение.

2. Активизируйте инструмент Quick Selection (Быстрое выделение).

152 Урок 7

Команда Refine Edge(Улучшение границ выделения)

В панели параметров любого инструмента выделения существует кнопка RefineEdge (Улучшение границ выделения). Также существует аналогичная команда вглавном меню, которая вызывается горячими клавишами <Alt>+<Ctrl>+<R>.

Это удобное и наглядное диалоговое окно с заданием возможных модифика�ций границ выделения.

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

1. Откройте изображение Львенок.jpg из папки Lessons\Урок_7_Выделение.

2. Активизируйте инструмент Quick Selection (Быстрое выделение). Создайте вы�деление области вокруг львенка. Инвертируйте (Select | Inverse) выделение(рис. 7.42).

3. Щелчком по кнопке в панели параметров инструмента Quick Selection вызови�те диалоговое окно Refine Edge (рис. 7.43).

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

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

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


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

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

154 Урок 7

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

� Marching Ants — отображение выделения («бегущие муравьи»);� Overlay отображение в режиме Быстрой маски (Quick Mask);� On Black выделенная область на черной подложке;� On White выделенная область на белой подложке;� Black & White — предпросмотр в маске выделения;� On Layers только выделенная область;� Reveal Layer отображение стартового слоя.

Также в данном диалоговом окне вы можете улучшать качество границ выде�ленной области.

Инструменты Refine Radius (Уточнить радиус) и Erase Refinements (Стереть уточ�нение) позволяют точно откорректировать область границы, в которой выполня�ется уточнение краев. Чтобы быстро переключиться с одного инструмента на дру�гой, нажмите клавишу <Alt>. Чтобы изменить размер кисти, нажмите клавишиквадратных скобок.

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

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


� 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. Выделенная область


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

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

158 Урок 7

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

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


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

Проект «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. Выделите картину инструментом RectangularLasso (Прямоугольное выделение). Переместите выделенную область пиксе�лов инструментом Move (Перемещение) в файл Start.jpg.

6. Сохраните файл.

160 Урок 7

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

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

Каналы (палитра Channels) в программе Adobe Photoshop используются дляхранения служебной информации: о цвете и уровнях прозрачности. Используяинформацию в каналах, вы можете оценить качество изображения, а также при�менять различные служебные алгоритмы для устранения дефектов. Также вы мо�жете сохранить растушеванное выделение в виде растровой карты и в любой мо�мент времени загрузить его для работы.

В этом уроке вы узнаете, как делать следующее:

� сохранять выделение как альфа�канал;� просматривать каналы с помощью палитры Channels (Каналы);� выделять ворсистые объекты;� рисовать в маске, чтобы восстанавливать ошибки в выделении;� уточнять выделение с помощью быстрой маски.

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

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. Вы заметили, что AdobePhotoshop определил белый цвет при активном Red (Красный канал) как мак�симальное содержание цвета. Вспомните про цветовую модель RGB: модельмониторов, максимальный цвет описывается белым цветом, отсутствие инфор�мации — черный цвет.

6. Активизируйте канал Green (Зеленый) при видимости всех каналов. Щелкнитебелой кистью в изображении (рис. 8.3).

Каналы. Быстрая маска 163

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

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

164 Урок 8

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

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

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

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

1. Откройте файл Lessons\Урок_8_Каналы. Быстрая маска\ Цвет_каналы\Попугай.jpg на ком�пакт�диске. Так как книжка черно�белая, необходимо открыть файл с компакт�диска!В палитре Channels (Каналы) вы можете увидеть четыре цветовых канала(рис. 8.8), соответствующие модели печати и красок CMYK.

Рис. 8.6. Содержимое красного канала изображения RGB

Рис. 8.7. Содержимое всех каналов изображения RGB

2. В модели CMYK все наоборот: 0 — максимум краски, черное содержимое ка�нала. Нажмите <Ctrl>+<3>. Активизируется первый цветовой канал — Cyan(Голубой), черно�белое изображение. Посмотрите, последовательно активизи�руя все каналы, как представлена информация в них (рис. 8.9).В модели CMYK вторичные цвета получаются суммированием первичных цве�тов по схеме: C+M=B (синий); C+Y=G (зеленый); M+Y=R (красный). Обра�тите внимание на цвет перьев попугая в разных каналах.

Рис. 8.8. Палитра Channels изображения CMYK

Рис. 8.9. Содержимое цветовых каналов изображения CMYK

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>+щелчок по имени канала.Преимущества сохранения выделения в каналах:


� в альфа�канале может сохраняться информация о частичном выделении(прозрачности);

� альфа�канал легко редактировать инструментами рисования в случае ошибок.

Рассмотрим преимущества на примерах.

Растушеванное выделение в альфа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 представляет выделение — с помощью служебных цветов в уровнях

Рис. 8.11. Канал Alpha 1 в палитре Channels

ПРИМЕЧАНИЕ Растушевку можно задать также командой Select | Modify | Feather (Выде�ление | Модификация | Растушевка).

170 Урок 8

Рис. 8.12. Задание растушевки в диалоговом окне Refine Edge

Рис. 8.13. Новый канал с растушеванным выделением Alpha 2

Рис. 8.14. Как программа показывает выделенную область

яркости. Белая область — выделенные пикселы, черная область — невыделен�ные пикселы, серая — область растушевки. Граница выделения проходит по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


Рис. 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

Таким образом, невыделенная область — «красная», выделенная — отобража�ется без наложения.

Как корректировать выделение в данном режиме?

Редактирование выделения в режиме Quick MaskДля внесения изменений в быструю маску мы будем использовать инструмент

Brush (Кисть). Маска просто корректируется белым и черным цветами (важны цве�та по умолчанию — клавиша <D>).

ВНИМАНИЕ Рисование белым цветом стирает маску (красное наложение) и расширяетвыделенную область. Рисование черным цветом вносит добавления в маску (красное наложе�ние) и уменьшает выделенную область.

1. Находясь в режиме Quick Mask, активизируйте инструмент Brush (Кисть). Кистьюбелого цвета проведите по изображению. Хотя вы красите белым цветом, то, чтовы видите в окне изображения, является стертыми областями красной маски.

2. Белой кистью «закрасьте машины» (рис. 8.23).

3. Нажмите клавишу <Q>, машины выделены (рис. 8.24).

Если вы не сохраните быструю маску, как более постоянную маску альфа�канала, временная маска будет потеряна после преобразования в выделение.

Рис. 8.22. Режим Quick Mask

176 Урок 8

Рис. 8.23. Работа в режиме Quick Mask

Рис. 8.24. Выход из режима Quick Mask


Примеры целесообразности выбора режима 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>+ (Image | Adjustments | Invert) — инвертироватьизображение. Тогда все изображение кроме камушков закрывается красноймаской (рис. 8.27).

6. Выйдите в стандартный режим из режима Quick Mask, нажав клавишу <Q>(рис. 8.28).


Рис. 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

Красная маска


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. Вычитание каналов

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

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

В этом уроке вы познакомитесь:

� с командами трансформации;� с новыми возможностями команды Puppet Warp (Марионеточная деформация);� с трансформацией с учетом контента (содержимого слоя);� с совмещением изображений, выделением требуемых фрагментов и трансфор�

мацией с целью создания единого образа;� узнаете о возможностях Smart Objects (Умных объектах);� создадите рекламную тумбу с изменяющимся постером.

На уроке мы выполним многочисленные трансформации, создавая коробку дляDVD, раскладывая фрукты в вазочку, наклеивая этикетку на кружку. В конце урока пред�лагаю развить воображение и навык выделения и трансформации в проекте «Samba».

Вы также узнаете о чудесах Smart Objects, о возможностях трансформации безущерба качеству (!).

Урок 9Урок 9Урок 9Урок 9Урок 9ТРАНСФОРМАЦИЯ. 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>. Все изменения пропадают.

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>, чтобы вызвать команду FreeTransform.

8. Нажав клавишу <Ctrl> (Искажение), тащите левую верхнюю угловую точкувверх до тех пор, пока она не совпадет с высотой слоя Боковая часть. Затемвыберите левый нижний маркер и перетащите его вниз на то же расстояние.Опустите клавишу и перетащите правый средний маркер вовнутрь (рис. 9.5).Получив результат как на рис. 9.6, нажмите <Enter>, чтобы применить транс�формацию.

Рис. 9.3.Выполнение различных операций

188 Урок 9

Рис. 9.4. Создание перспективы для боковой грани

Рис. 9.5. Схема трансформации слоя Обложка


Рис. 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. Контекстное меню трансформации


Рис. 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>, границ контейнера не будет видно.

4. Уменьшите масштаб изображения быстрыми клавишами. Вы увидите грани�цы контейнера на сером служебном поле. Удерживая <Shift> для пропорцио�нальности, уменьшите яблоки (рис. 9.15).

5. В контекстном меню контейнера трансформации выберите Warp для точногоразмещения яблок (рис. 9.16).

6. Измените Opacity (Непрозрачность) слоя с яблоками до 69% (рис. 9.17).

Рис. 9.12. Выделение яблок

Рис. 9.13. Перемещениевыделенных яблок

194 Урок 9

Рис. 9.14.Соединение изображе�ний в один файл

Рис. 9.15.Уменьшение масштабапросмотрадля удобстватрансформации


Рис. 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 (Умные объекты)Smart Objects (Умные объекты) — объекты, в которых помещенная информа�

ция сохраняет свои исходные характеристики.

Способы создания Smart Object:

� при помещении векторных данных через буфер обмена;� при выполнении команды File | Place (Поместить);� несколько выделенных слоев преобразовываются в один Smart Object через

контекстное меню.

Преимущества использования:

� если это векторные данные — масштабирование без ущерба качества;� если это растровые данные — масштабирование с потерей качества, но возмо�

жен возврат к оригиналу слоя;� при нескольких слоях (растровые, текстовые) — совместная трансформация.

При этом трансформация выполняется сразу со всеми слоями и сохраняетсявозможность изменения многослойного оригинала;

� вы можете применять операцию Warp (Искажение) одновременно к несколь�ким слоям в составе Smart Objеct (в том числе к текстовым слоям).

Рис. 9.20. Файл�пример Samba.psd

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 (объект,

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

6. Установите у слоя Наклейка режим наложения Мultiply. Белый цвет наклейкиисчезнет. Изображение будет как на рис. 9.24.

7. Выполните команду File | Place (Файл | Поместить), указав файл Логотип.ai.

8. Примените команду и согласие с трансформацией.

9. Скопируйте слой с логотипом (<Ctrl>+<J>) (рис. 9.25). Как вы заметили, можноSmart Object скопировать, как обыкновенный слой.

10. Трансформируйте логотип на верхней грани, не изменяя режим наложения(рис. 9.26).

11. Второй логотип будем размещать на кружке для чаепитий.

Рис. 9.22. Габаритный контейнер

Рис. 9.23. Трансформация наклейки

200 Урок 9

12. Для чашки простого масштабирования не достаточно. Необходима трансфор�мация Warp. Однако с векторными Smart Object — Warp недоступна.

13. Выполните команду главного меню Layer | Smart Objects | Rasterize, переведялоготип в обыкновенный растровый слой.

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

15. И наконец, поместите логотип на кружку, установив режим наложения Мultiply(рис. 9.27).Итоговое изображение в слоях находится в файле Подарки_от_Adobe.psd.

Рис. 9.24. Слой Наклейка в режиме наложения Мultiply

Рис. 9.25. Два слоя со Smart Object с логотипом


Рис. 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.Размещение рекламногоплаката на тумбе


Рис. 9.29. Вызов содержимого Smart Objеct для редактирования

Рис. 9.30. Изменение Smart Objеct

204 Урок 9

Трансформация выделенияДля трансформации выделения существует специальная команда главного меню

Select | Transform Selection (Выделение | Трансформация выделения), а пикселыздесь ни при чем.

Нам понадобится эта команда при создании тени от объекта в уроке 19.Допустим, у вас есть выделенная область на пустом слое. Вы выполняете

команду главного меню Select | Transform Selection. Появляется габаритный кон�тейнер, к которому применимы все те же действия и клавиши, которые мы рас�сматривали ранее.

Рис. 9.31. Изменение файла с тумбой


Puppet Warp (Марионеточная деформация)Марионеточная деформация отображает визуальную сетку, с помощью кото%

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

Марионеточную деформацию можно применять к слоям изображения, тексту,маскам, векторным маскам (чтобы применить к изображениям искажение, не зат%рагивая оригинал, используйте Smart Objects (умные объекты)).

1. Откройте файл с диска Lessons\Урок_9_Трансформация\Pappet Warp\Человек.psd.2. Выполните команду Edit | Puppet Warp (Редактирование | Марионеточная де%

формация) (рис. 9.32) при активном слое с человеком. На панели параметровпоявятся настройки деформации, а человек будет покрыт сеткой.

Рис. 9.32. Сетка и настройкимарионеточной деформации

206 Урок 9

Панель параметров (рис.9.33) имеет настройки:

� Mode (Режим) определяет эластичность сетки в целом. Используется Distort(Искажение), чтобы получить очень эластичную сетку для обертывания широ%коугольных изображений или карт текстур.

� Density (Плотность) определяет расстояние между узлами сетки.� Expansion (Расширение) расширяет или стягивает внешний край сетки.� Show Mesh (Показать сетку) служит для включения и выключения отображе%

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

ПРИМЕЧАНИЕ Чтобы временно скрыть булавки коррекции, нажмите клавишу <H>.

3. В окне изображения щелкните, чтобы добавить «булавки» в трансформируе%мых областях и в местах, которые требуется закрепить на месте (рис. 9.34).

4. Перетащите булавку для изменения положения руки (рис. 9.35).

Рис. 9.33. Панель параметров марионеточной деформации

Рис. 9.34. Добавление«булавок» для деформации

Рис. 9.35. Изменениеположения «булавок»

Чтобы изменить перекрытие частейтела человека, необходимо нажатькнопки 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. Веревка деформированная

Content�Aware Scale(Масштаб с учетом содержимого)

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

Если при изменении размера изображения требуется сохранить определенныеобласти, то эти области заранее сохраняются, как отдельный альфа%канал, с по%мощью которого можно обезопасить это содержимое.

Откройте файл с диска Lessons\Урок_9_Трансформация\ Content_Aware_Scale\ Сравнениемасштабирования.psd.

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

1. Откройте файл с диска Lessons\Урок_9_Трансформация\ Content_Aware_Scale\ Сравнениемасштабирования.psd.

2. При активном верхнем слое выполните команду Edit | Content�Aware Scale (Ре%дактирование | Масштаб с учетом содержимого) (рис. 9.40). Вокруг слоя появит%ся контейнер трансформации. Однако при масштабировании за правый боко%вой маркер, вы увидите, что море сокращается при неизменном дереве и выш%ке спасателей (рис. 9.41).


Рис. 9.40. Масштаб с учетом содержимого

Рис. 9.41. Действие масштаба с учетом содержимого — моря

210 Урок 9

При достаточно большом масштабировании будут изменяться шезлонги. Что%бы важные части изображения были защищены, необходимо заранее их выде%лить и задать как альфа%канал. Отмените масштабирование.

3. Выделите шезлонги и сохраните выделение в альфа%канале (рис. 9.42).

Рис. 9.42. Сохранение выделенных объектов в альфа&канале

4. Выполните команду Edit | Content�Aware Scale (Редактирование | Масштаб с уче%том содержимого), выбрав в панели параметров в выпадающем списке Protect(Защита) название канала с объектами.При масштабировании объекты будут защищены (рис. 9.43).

Также существует возможность при помощи нажатия на панели параметровкнопки Protect Skin Tones (Защита оттенков кожи) защищать области, содержа%щие цвета, близкие к оттенкам кожи.


Рис. 9.43. Защита объектов при масштабировании

212 Урок 9

Какой размер у вашего изображения? И вообще, какой размер и для чего ну�жен? Можно ли изменять размер изображения в процессе работы?

Принципиальные ответы на эти вопросы даны во введении, посвященном ком�пьютерной графике.

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


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

УСТАНОВКА РАЗМЕРАИЗОБРАЖЕНИЯ

Урок Урок Урок Урок Урок 1010101010

214 Урок 10

Изменение размеров изображенияЕще раз напомню: основными характеристиками растрового изображения, за�

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

Где это все задается и как его можно поменять?Представим, что закончились выходные, и мы «с полной цифровой камерой

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

Открываем фотографию взморья из папки на диске Lessons\Урок_10_Размеризображения\Залив.jpg.

Перед тем как отправить фотографию на принтер, cтоит посмотреть на размеризображения (рис. 10.1), выполнив команду File | Print (Файл | Печать).

Рис. 10.1. Место, занимаемое фото на листе бумаги принтера

Установка размера изображения 215

Размер изображения можно изменять в диалоговом окне, вызываемом коман�дой Image | Image Size (Изображение | Размер изображения). Вызовите это окнодля данного файла (рис. 10.2).

Диалоговое окно Image Size (Размер изображения) состоит из нескольких частей.В верхней части окна Pixel Dimensions (Размер в пикселах) по умолчанию ото�

бражаются растровые параметры изображения — размеры в пикселах. Эти значе�ния удобны для подготовки графики для Web. В нашем случае это будет размер1600×1200 пикселов.

В средней части окна Document Size (Размер документа) показаны размер пе�чатного оттиска во всем понятных сантиметрах (см) и характеристика, влияющаяна качество печати — разрешение изображения. У нас размер печатного оттиска56×42 см, что для нормального принтера напечатать нереально, при разрешении72 ppi, что более подходит для Интернета, а не для фотографии.

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

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

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

Пересчет происходит по алгоритму Bicubic (Бикубическая интерполяция), онустановлен по умолчанию.

Рис. 10.2. Размеры изображения в диалоговомокне Image Size

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).


Рис. 10.5. Расчет при заданной ширине

Рис. 10.6. Задание точных размеров выделения

Рис. 10.4. Размер фото при печати

218 Урок 10

8. Выберите ту часть изображения, которую бы хотелось получить в итоге(рис. 10.7).

9. Нажмите клавишу <Enter>.

Рис. 10.7. Команда Image | Crop

Заданные растровые параметрыВы хотите машину — на картинке вы обнаружили подходящую. Надо размес�

тить в Интернете фото шириной 500 px в разделе «Куплю вот такую же! Другие непредлагать». Как это сделать? В смысле для отсканированной фотографии задатьтребуемый размер?

1. Откройте отсканированную фотографию (предлагается экстремальный пример)Lessons\Урок_10_Размер изображения\Отсканированная машина.jpg.

2. Сначала развернем изображение, чтобы не сломать шею при просмотре. В глав�ном меню Image в пункте Image Rotation (рис. 10.8) находятся команды по по�вороту холста (изображения).

3. Выполните команду Image | Image Rotation | 90° CW (Изображение | Поворотхолста | На 90° по часовой стрелке) (рис. 10.9).

4. Согласитесь, рваные и черные области несколько портят впечатление. Восполь�зуемся инструментом Crop (Обрезка) для обрезки фотографии (этот инстру�мент часто применяется после сканирования для таких задач).

5. Проведите инструментом Crop (Обрезка) по изображению. Появится рамка обрез�ки, остальная затемненная часть при применении операции будет удалена. Можноизменять размер области, перемещая маркеры (рис. 10.10). Для того чтобы приме�нить обрезку, необходимо нажать клавишу <Enter> или сделать двойной щелчок мы�шью внутри контейнера, чтобы отменить — нажать <Esc>.

Рис. 10.8. Команды поворота изображения

Рис. 10.9. Изображение после поворотана 90 градусов по часовой стрелке Рис. 10.10. Рамка обрезки

220 Урок 10

6. Обрежьте до нужного размера(рис. 10.11).

7. Каковы размеры изображения? Вы�зовите диалоговое окно Image Size(рис. 10.12).Для размещения в Интернете значе�ние Resolution (Разрешение) нужноустановить 72 ppi. К тому же нам поширине нужен размер 500 px.

8. Включите опцию Resample Image(Пересчет изображения). Введите вполе Resolution (Разрешение) 72 ppi.В растровых параметрах установитеразмер Width (Ширина) 500 px(рис. 10.13).Теперь наша машина соответствуетпредъявленным требованиям. Дляразмещения в Интернете основнойкритерий для изображений — этоскорость загрузки, которая опреде�ляется объемом файла. Для этих це�лей изображения сохраняются в спе�циальных форматах, самые распро�страненные из которых — JPEG иGIF. Для многоцветных изображе�ний, как в нашем случае, лучше ис�пользовать JPEG.

9. Выполните команду File | Save As(Файл | Сохранить как), указав, гдехотите сохранить изображение, и ус�тановив ползунок Quality (Качество)в положение 5 (рис. 10.14).

Рис. 10.11. Фотография после примененияобрезки

Рис. 10.12. Размеры изображения

Рис. 10.13. Изменение растровых размеров Рис. 10.14. Сохранение в формате JPEG

Разворот после сканированиянескольких фотографий

Вы отсканировали несколько фотографий за один раз, или вам принесли (мойслучай) вот такое изображение: 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.15. Отсканированные фотографии

Рис. 10.16. Поворот рамки обреза

Рис. 10.17. После выполнения операции Crop

222 Урок 10

6. Вернитесь с помощью палитры History (История) к состоянию начальной за�грузки (рис. 10.18).

7. Проделайте ту же операцию с другой фотографией (рис. 10.19 и 10.20).

8. Сохраните изображение под другим именем.

Рис. 10.18. Возврат к состоянию начальнойзагрузки

Изменения размера холстаВыполните следующие действия:

1. Откройте файл Lessons\Урок_10_Размер изображения\Девушка.jpeg.Вы хотите сделать рекламный материал с использованием этой фотографии. Не�обходимо увеличить поле слева от девушки, т. к. текст размещать особо негде.Для увеличения поля вокруг изображения предназначена специальная коман�да Image | Canvas Size (Изображение | Размер холста).

2. Вызовите команду Image | Canvas Size (Изображение | Размер холста) для дан�ного изображения. Мы хотим увеличить поле cлева в два раза по сравнению сисходным размером. В раскрывающемся списке справа от поля Width (Шири�на) выберите вариант Pixels (пикселы), а в само поле введите 600.

Рис. 10.19. Разворот другого изображения

Рис. 10.20. Обрез по формату


3. В поле Anchor (Расположение) выделите средний квадратик в правом верти�кальном ряду, показывая тем самым, что изображение должно располагатьсясправа от добавляемого свободного пространства (рис. 10.21). Щелчком кноп�ки OK завершите диалог.

4. В результате выполнения операции слева от изображения добавится областьпикселов белого цвета (т. к. в раскрывающемся списке Canvas extension colorбыло выбрано значение White) (рис. 10.22).

5. Чтобы заполнить белую область аналогичным градиентом, существует такойприем. Инструментом Rectangular Marquee (Прямоугольное выделение) выде�лите узкую полоску с образцом заполнения (рис. 10.23).

Рис. 10.21. Диалоговое окно Canvas Size

Рис. 10.22. Результат увеличения изображенияРис. 10.23. Выделение области с образцомзаполнения

224 Урок 10

6. Вызовите команду трансформации, нажав <Ctrl>+<T> (рис. 10.24).

7. Растяните влево до конца выделенный фрагмент. Градиентом будет заполненався область (рис. 10.25). Снимите выделение.

8. Позднее, когда изучите тему «Текст», наберете текстовый слой. Результат в фай�ле Moonlight Shadow.psd (рис. 10.26).

Рис. 10.24. Вызов трансформации Рис. 10.25. Заполнение градиентом всей области

Рис. 10.26.ИзображениеMoonlight Shadow


Исправление перспективного искаженияИногда снимки под углом приводят к нарушению перспективы, которое мож�

но исправить с помощью инструмента Crop (Обрезка).

1. Откройте файл Lessons\Урок_10_Размер изображения\Перспектива.jpg (рис. 10.27).

2. Активизируйте инструмент Crop (Обрезка). Обведите фотографию. Появитсярамка. В панели параметров инструмента установите флажок Perspective (Пер�

Рис. 10.27.Изображениес искажениемперспективы

Рис. 10.28.Изменениерамки обрезана фотографии

226 Урок 10

Рис. 10.29. Результат выполнения операции Crop

спектива). При установке этой опции можно нарушать пропорции контейне�ра. Указателем мыши возьмите за левый верхний угловой маркер и сдвиньтевправо по правильному вертикальному направлению (подсказкой служит на�правление колонны). Также подвиньте влево правый верхний угловой маркер(рис. 10.28).

3. Примените операцию Crop, нажав клавишу <Enter>. Здание выровнялось(рис. 10.29).

Тема «Текст» сама по себе, возможно, интереса и не представляет, вряд ли выбудете создавать большие текстовые фрагменты в Photoshop и получать от этогоморальное и материальное вознаграждение. Однако возможности, которые несетв себе текст в сочетании со слоевыми эффектами и маскированием, огромны.Поэтому текст сопровождает всякое дизайнерское решение, неся смысловую на�грузку.

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

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


� создавать и настраивать текстовый слой;� изменять параметры текста;� задавать сглаживание текста;� применять изгибы и деформации к тестовому слою.

В конце урока вы можете подписать все выполненные ранее работы.

Урок Урок Урок Урок Урок 1111111111РАБОТА С ТЕКСТОМ

228 Урок 11

Особенности текстового слояДля текста не требуется создавать слой заранее. Ввод текста осуществляется

инструментом Type (Текст). Щелчок по документу инструментом Type создает тек�стовый слой.

Различают три способа ввода текста:

� заголовочный текст (отдельные текстовые фразы) — ввод щелчком по изобра�жению;

� блочный текст (для абзацев в заданных границах расположения) — предвари�тельно создается область ввода (блок), поэтому ввод текста ограничен разме�рами данного блока;

� текст вдоль контура (декоративный) — если предварительно создан Path (кон�тур), щелчком по контуру вводится текст.

Во всех случаях создается отдельный текстовый слой.Текстовый слой имеет параметрическое задание текста, он не растровый, поэто�

му к нему не применимы растровые операции, например, рисование и фильтры.К текстовому слою можно применять слоевые эффекты, трансформировать его

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

текстовых палитр, пока текст находится на отдельном слое; при переводе в рас�тровый слой возможно рисование и применение фильтров, но невозможно изме�нение параметров текста.

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

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

1. Откройте файл с диска сопровождения Lessons\Урок_11_Текст\Вид из окна.jpg.

2. Активизируйте инструмент Type (Текст).

3. Щелкните на изображении. В палитре Layers (Слои) появился текстовый слой,а в точке щелчка возник текстовый курсор.

4. Наберите слово «Window». По умолчанию название слоя соответствует введен�ному тексту, однако это имя можно произвольно изменить, что не повлияет насам текст.

5. Чтобы начать новую строку, нажмите клавишу <Enter>. Наберите еще однослово — «View».Шрифт и размер получившегося у вас текста зависят от установок. У меня та�

кие параметры, как на рис. 11.1.

Работа с текстом 229

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

� используйте кнопку с галочкой в правой части панели параметров(см. рис. 11.1);

� перейдите к другому инструменту.

Режим форматированияЕсли вы желаете изменить содержимое текстового слоя (исправить или доба�

вить что�либо), вам необходимо перейти в режим форматирования текста. Дляэтого необходимо включить инструмент Type (Текст), выделить соответствующийтекстовый слой и щелкнуть курсором в пределах текста или сделать двойной щел�чок по пиктограмме текстового слоя в палитре Layers (Слои). Дальнейшие дей�ствия обычны для работы с текстом.

Результат форматирования зависит от состояния вашего документа.

� Если в документе активизирован текстовый слой, изменение параметров при�меняется ко всему слою; когда в активном текстовом слое есть выделение, ат�рибуты изменяются только для выделенных символов.

� Если в активном текстовом слое выделен инструментом Type один или несколь�ко символов, параметры изменяются только для выделенных символов.

� Если в документе есть активный текстовый объект с точкой ввода в конце, па�раметры задаются для всех вновь вводимых символов после этой точки.

Рис. 11.1. Параметры текста

230 Урок 11

Параметры текстаПараметры текста изменяются на панели параметров и в текстовых палитрах.

1. Активизируйте текстовый слой Window View. Можно открыть файл в слояхВид из окна.psd на компакт�диске.

2. Активизируйте инструмент Type. Рассмотрим, как изменения в панели пара�метров сказываются на активном текстовом слое (рис. 11.2). В данный момент,как только вы активизировали текстовый слой, в панели параметров отобра�жаются его настройки.

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

Можно изменять направление текста с горизонтального на вертикальное и на�оборот. Пощелкайте по этой кнопке, возвратив горизонтальную ориентацию.

Следующие поля на панели параметров — Шрифт и Начертание. Не у всехустановленных шрифтов есть все начертания.

Размер текста задается в пунктах. Сейчас у меня установлено 72 pt.Поле Anti�aliasing (Сглаживание) служит для устранения «визуального зазуб�

ривания». В нем можно выбрать одно из следующих значений:

� None (Без сглаживания);� Sharp (Резкое) — предлагается по умолчанию;� Crisp (Четкое);

Далее расположены три кнопки выравнивания относительно точки ввода:

� по левому краю; � по центру; � по правому краю.

С помощью трех последних кнопок можно, соответственно:

� выбрать цвет текста;� задать деформацию текста;� вызвать текстовые палитры.

Деформация текста (Warp Text)Выполните следующие действия:

1. Установите у текстового слоя выравнивание по центру.

2. Щелкните по кнопке деформации Create warped type (Создать текстовую де�формацию).

� Strong (Сильное);� Smooth (Гладкое).


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 (Ложные стили).


Ложные стилиВ некоторых шрифтах отсутствуют жирное и курсивное начертания. Можно

имитировать стиль шрифта (Bold, Italic, Superscript, Subscript, All caps, Small caps)с помощью ложных стилей, имеющихся в палитре Character (рис. 11.6).

Однако при использовании ложных стилей невозможны некоторые операции.К примеру: у меня применен ложный стиль «Bold» из палитры Character. Мне

необходимо (предположим) перевести текстовый слой в слой�форму.

Рис. 11.5. Палитра Character

Рис. 11.6. Ложные стили

234 Урок 11

Рис. 11.8. Диалоговое окно невозможности выполнения операции

Рис. 11.7. Команда Convert to Shape

При выполнении команды контекстного меню текстового слоя Convert to Shape(Преобразовать в слой�форму) (рис. 11.7) появляется диалоговое окно невозмож�ности выполнения операции (рис. 11.8) из�за применения ложного стиля.

Также при применении ложных стилей (Faux) невозможна работа с некоторы�ми спецэффектами, например с Warp. Тогда необходимо отменить ложные стилиили использовать другие шрифты.

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

В этом уроке вы узнаете:

� что такое режимы наложения и для чего они нужны;� где устанавливаются режимы наложения и как их изменять;� как использовать режимы наложения для колоризации — это очень модно;� как раскрасить обезьянку и уходящего человека,

а также найдете много советов по использованию режимов наложения в коры�стных целях.

Мы выполним на этом уроке много забавных примеров, используя только па�раметры слоя и инструментов.

УрокУрокУрокУрокУрок 12 12 12 12 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? Он как бы накладывает цвет, учитывая

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

ПРИМЕЧАНИЕ При рисовании белым цветом в этом режиме ничего не меняется.


Рис. 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


Режимы 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. Создание коллажа


Элементы графики в коллажахЕсли вам необходимо подчеркнуть научную или архитектурную компоненту в

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

1. Откройте файл с диска сопровождения Lessons\Урок_12_Режимы наложения\Графика итекст\Start.psd (рис. 12.8).

2. Установите в параметрах слоев Вертикальный блок и Горизонтальный блок ре�жимы наложения Мultiply, у слоя Надпись — Darken. «Почему не Мultiply?» —спросите вы. Darken (Темнее) находится в группе затемняющих режимов и вы�бирает при сравнении пиксел с более темными составляющими, что мы видимв случае с нашей надписью.

3. Результат изменения режимов наложения — на рис. 12.9.

Рис. 12.9. Надписи в коллаже

Рис. 12.8. Файл Start.psd

244 Урок 12

Бывают и другие задачи, когда необходимо создать белый (инверсный) текст.Тогда применяется такой алгоритм:

1. Установите у слоя Горизонтальный блок режимы наложения Normal (Нормаль�ный) (рис. 12.10).

2. Выполните команду главного меню Image | Adjustments | Invert (Изображение |Коррекция | Инвертировать) или нажмите <Ctrl>+. У слоя изменится бе�лый цвет на черный, а черный на белый (рис. 12.11).

3. Установите у слоя режим наложения Screen (Осветление). При этом режимепропадет черный цвет, останется только белый текст (рис. 12.12).

Рис. 12.10. Слой Горизонтальный блок, режим наложения Normal

Рис. 12.11. Инверсия цветов слоя

ПРИМЕЧАНИЕ Режимы наложения Мultiply и Screen являются базовыми при создании сло�евых эффектов. На основе данных режимов реализованы тени и свечения, создаваемые в слое�вых эффектах (стилях).


Колоризация при помощи инструментоврисования

Мы с вами рассматривали режимы наложения как параметры слоя. Еще однимиз способов колоризации является применение режима наложения Color (Цвет)для инструментов рисования: Brush, Gradient и команды Edit | Fill.

Раскрашивание черноLбелой фотографииВыполните следующие действия:

1. Откройте черно�белое изображение с диска сопровожденияLessons\Урок_12_Режимы наложения\Раскрашивание\Обезьянка.jpg. Мы ее (обезьянку)раскрасим.

2. В таком виде как сейчас — режим Grayscale (черно�белый) — изображение рас�красить невозможно, поэтому командой главного меню Image | Mode | RGBColor мы переведем его в режим, поддерживающий миллионы цветов.

3. Установите в панели параметров инструмента Brush (Кисть) режим наложенияColor (Цвет) (рис. 12.13).

4. Выберите в палитре Swatches (Образцы цвета) красный цвет и проведите погубам обезьянки. О чудо! Губы закрашиваются, а блики остаются (рис. 12.14).

Рис. 12.12. Белый (инверсный) цвет текста

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

246 Урок 12

5. Раскрасьте обезьянку коричневым цветом, выбрав образец в конце палитрыSwatches.

6. Сравните ваше раскрашивание с моим из файла Раскрашивание\Обезьянкараскрашенная.jpg.

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

Проект «Твердой поступью в светлое будущее»Вот такой интересный слоган к раскрашенной фотографии придумал один мой

талантливый студент. Предлагаю вам закрепить навыки работы со слоями и в рас�крашивании.

1. Откройте изображения из папки Твердой поступью на диске (рис. 12.15).

2. Ваша задача — создать изображение, подобное примеру. Для этого необходимоперевести стартовое изображение в модель RGB.

Рис. 12.14.Раскрасьте губыкраснойкисточкой


3. Инструментом Полигональное лассо выделите человека. Скопируйте его нановый слой.

4. Создайте копию слоя с выделенным человеком и трансформируйте его (непро�порционально). Итого пока три слоя.


Рис. 12.16. Блокировка прозрачных пикселов слоя от закрашивания

248 Урок 12

5. Инструментом Brush (Кисть) в режиме наложения Color раскрасьте все слои.

6. Для удобства закрашивания необходимо ограничить действие кисти в рамкахслоя. Возможны два способа ограничения работы кисти при раскрашивании:загрузка слоя как выделения или блокировка прозрачных пикселов слоя в па�литре Layers (рис. 12.16).

7. Создайте графические элементы в новых слоях и текстовую надпись.

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

Из этого урока вы узнаете:

� что такое слоевые эффекты;� как изменить параметры эффекта;� как сохранить стиль для дальнейшей работы;� как создать собственный стиль;� как загрузить библиотеку стилей;� об использовании слоевых эффектов в рекламе.

Кроме того, мы создадим капли воды, используя только настройки програм�мы, сделаем детский текст как из мультфильма, используя только слоевые эффек�ты, и рассмотрим, из чего же создано золото?

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

Урок Урок Урок Урок Урок 1313131313СЛОЕВЫЕ ЭФФЕКТЫ

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


ветствующей величины. Проверьте влияние этого параметра на вид тени. Ус�тановка флажка 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 (Края).


Эффект Bevel and Emboss (Выдавливание и фаска)Это любимый эффект начинающих дизайнеров.

1. Отмените все остальные эффекты. Установите флажок в строке Bevel and Emboss(рис. 13.6).

2. В раскрывающемся списке Style (Стиль) выбираются различные типы выдав�ливания. Список Technique (Способ) определяет метод создания эффекта, полеDepth (Глубина) — степень выдавливания.

Рис. 13.5. Вкладка Inner Glow диалогового окна Layer Style

Рис. 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 (Редактор градиента) и создать свой цветовой переход.


� Эффект Pattern Overlay (Перекрытие узором) накладывает на изображение за�ливку узором.

Возможно совместное использование эффектов данной группы. Например,если вас не устраивает цвет примененного узора Pattern Overlay, то его можно пе�рекрасить при помощи слоевого эффекта Color Overlay.

1. Установите флажок в строке Pattern Overlay, выбрав стандартный первый узорBubbles (Пузыри) (рис. 13.9).

Рис. 13.8. Вкладка Color Overlay диалогового окна Layer Style

Рис. 13.9. Вкладка Pattern Overlay диалогового окна Layer Style

258 Урок 13

Рис. 13.10. Совместное использование режимов для перекрашивания текстур

Рис. 13.11. Вкладка Stroke диалогового окна Layer Style

2. Установите флажок в строке Color Overlay, выбрав режим наложения Color ицвет для перекрашивания в окне Color Picker (рис. 13.10).

Эффект Stroke (Обводка)Этот эффект предназначен для создания обводки слоя.Отмените все остальные эффекты. Установите флажок в строке Stroke (Обвод�

ка) (рис. 13.11).


Рис. 13.12. Сохранение стиля

Вкладка Stroke (Обводка) позволяет изменять следующие параметры:

� ширина обводки задается ползунком Size (Размер);� ее положение относительно края объектов выбирается в списке Position (Поло�

жение);� тип обводки задают в списке Fill Type (Тип): можно выбрать Color (Цвет),

Gradient (Градиент) или Pattern (Узор).

Создание и сохранение своего стиляМы посмотрели все эффекты диалогового окна Layer Style.Попробуйте теперь применить эффекты, наиболее подходящие к теме «Вода».Постепенно, перебрав все эффекты диалогового окна Layer Style, вы создаете

свой уникальный стиль. Как же его сохранить?Например, я применила некоторое сочетание эффектов, имитирующих воду.Для сохранения совокупности эффектов как единого стиля необходимо перейти

на вкладку Styles, щелкнуть по кнопке New Style (Новый стиль). Задать имя. Щел�чком по кнопке OK новый стиль добавляется последним в стандартный набор сти�лей, и вы можете его использовать в следующий раз (рис. 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 (Масштабирование эффектов) позволяет одновременно

масштабировать все примененные значения эффектов.


Рис. 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


Рис. 13.19. Создание тени

Рис. 13.17. Задание прозрачности слоя

Рис. 13.18. Результат изменения прозрачности слоя через слоевой эффект

264 Урок 13

5. Создайте внутреннюю тень на вкладке Inner Shadow. Цвет тени — синий RGB(48; 75; 152). Установите угол и параметры, как на рис. 13.20.

6. Создайте внутреннее свечение на вкладке Inner Glow. Цвет тени — синий RGB(49; 78; 154) (рис. 13.21).

Рис. 13.20. Создание внутренней тени

Рис. 13.21. Создание внутреннего свечения


Рис. 13.22. Добавление объема

Рис. 13.23. Создание мутности

7. Добавьте тени, имитирующие объем, с помощью эффекта Bevel and Emboss.Обратите внимание на настройки раздела Shading (Тени). Я изменила угол инаправление тени (рис. 13.22).

8. Мутность можно создать с помощью эффекта Satin (Шелк) (рис. 13.23).

9. Сохраните стиль. Результат работы в файле Капля_End.psd.

266 Урок 13

Настоящие капли водыНаша капля слишком уж голу�

бая. Я умышленно ввела цветовуюсоставляющую, т. к. если бы мыимитировали прозрачную воду, товряд ли увидели бы результат(рис. 13.24).

Настоящие капли выглядят воттак — откройте файл Листва.psd изтой же папки. На верхнем слое кап�ли воды. Вот это эффект!

Возьмите Brush и порисуйте наверхнем слое — добавьте влаги.

Рис. 13.24. Листва с водяными каплями

Примеры использования слоевых эффектов

Проект «Мой детский сад» или детская надписьМожно, используя эффекты, создать надпись в детском стиле.

1. Создайте новый документ 800×150 px, RGB.

2. Используя инструмент Type (Текст), создайте надпись «Детский сад» (я исполь�зовала шрифт Verdana 68 pt) (рис. 13.25).

Рис. 13.25. Текстовый слой


3. Выделите каждую букву по отдельности инструментом Type (Текст) (рис. 13.26),и измените ее цвет (рис. 13.27).

4. Вызовите окно слоевых эффектов Layer Style для текстового слоя. Активизи�руйте слоевой эффект Drop Shadow. В появившемся диалоговом окне укажитезначения, как на рис. 13.28.

Рис. 13.26. Изменение цвета буквы

Рис. 13.27. Разноцветные буквы

Рис. 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).


Рис. 13.31. Итоговое изображение

Рис. 13.30. В итоге надпись будет выглядеть вот так

270 Урок 13

Использование стилей в рекламеЕсть такой прием, когда вы разделяете одно изображение на несколько фраг�

ментов с помощью простейших слоевых эффектов. Вот пример такого алгоритма.

1. Откройте файл Start.jpg из папки Реклама.

2. Создайте инструментом Rectangular Marquee (Прямоугольное выделение) об�ласть вокруг женщины (рис. 13.32).

Рис. 13.32. Область выделения

Рис. 13.33. Применение Drop Shadow

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.36. Добавление декоративных залитых слоев

Рис. 13.35. Разделение изображения на части с применением эффекта


Рис. 13.38. Окончатель�ный вариант

Рис. 13.37. Создание белой полупрозрачной подложки

274 Урок 13

Примеры библиотек стилейОткройте файл Lessons\Урок_13_Слоевые эффекты\Styles.psd (рис. 13.39).Вы видите, как велики возможности Photoshop по имитации какого�либо ма�

териала.

Рис. 13.39. Примеры различных стилей

Рис. 13.40. Стиль Gold

Стили, как и все служебные модули, можно загружать из других файлов черезконтекстное меню палитры Styles. Также можно использовать для сохранения изагрузки стилей вкладку Styles диалогового окна Layer Style.

Откройте файл Lessons\Урок_13_Слоевые эффекты\Gold.psd (рис. 13.40). Сохранитестиль золота, пригодится в народном хозяйстве.

Итак, пришло время профессионального создания рекламных коллажей!Самая впечатляющая операция в Photoshop — применение слой�маски. Это

прекрасный способ создания коллажей и признак профессионального подхода кработе.

Особенно удобна слой�маска для быстрого наброска к монтажу, когда вы наначальном этапе работы не осознаете, подходит ли вам объект или он совершеннолишний?

Как сделать объект прозрачным? Часто в работе необходимо временно сделатьбутылки или стаканы полупрозрачными. Я использую слой�маску для созданияэтого эффекта.

Из этого урока вы узнаете:

� что такое слой�маска;� о способах создания слой�маски;� как влияет слой�маска на отображение слоя;� как сделать объект прозрачным;� как выравнивать слои в фотографиях;� об операции clipping mask — ограничение видимости слоя.

А также получите профессиональные советы по использованию слой�масок.Мы создадим рекламный коллаж фирмы O’Neill к новой пляжной коллекции

для продвинутой молодежи, а также коллаж на тему «Make your business», исполь�зуя файлы с диска сопровождения и свою фантазию.

Урок 14Урок 14Урок 14Урок 14Урок 14МАСКИРОВАНИЕ

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.5. Черный цвет маски скрывает пикселы слоя

Рис. 14.4. Отображение активности в палитре Layers

4. Как слой�маска влияет на отображение пикселов слоя? Сейчас цвет у маскибелый. Установите цвета по умолчанию, нажав клавишу <D>. Залейте маскучерным цветом — все пикселы слоя стали прозрачными (рис. 14.5), и сквозьних виден нижний слой. Поэкспериментируйте с белым, черным, оцените ре�зультат.

5. Активизируйте инструмент Gradient, выберите линейный черно�белый. Растя�ните градиент по изображению при активной маске. Верхний слой будет плав�но смешиваться с нижним. Этот эффект получается из�за того, что верхний


слой скрывается маской. Растяните градиент еще раз — будет чуть другой эф�фект. Каждый раз новый градиент будет перекрывать старый, задавая новоескрытие, а соответственно и видимость слоев (рис. 14.6).

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

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

преимущество есть у пейзажей. Задача может усложняться, если у вас живые объек�ты, у которых нельзя сделать полупрозрачные части лиц, морд или тел.

1. Откройте файл Часы и лама.psd. Добавьте слой�маску к слою Часы (рис. 14.7).

2. Активизируйте инструмент Gradient, выберите линейный черно�белый и рас�тяните, как на рис. 14.8.Как вы заметили, нос у ламы полупрозрачный, что портит все впечатление.Более точное скрытие и отображение пикселов слоя можно выполнить, исполь�зуя в активной маске инструменты рисования, например Brush, черного илибелого цветов. Нам нужно показать нос ламы на нижнем слое, значит, скрытьчасть часов. Как вы помните, скрывает в маске черный цвет.

3. Сейчас активна маска! Возьмите кисть, установите черный цвет переднего пла�на, подходящий диаметр и проведите по носу ламы — результат на рис. 14.9.

Рис. 14.6. Плавное смешивание видимости слоев за счет использования градиента

280 Урок 14

Рис. 14.7. Слой�маска слоя Часы

Рис. 14.8. Применение градиента в слой�маске

Рис. 14.9. Точное скрытие пикселов инструментом Brush

Скрытие/отображение слой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. Активизируйте файл Песочныечасы.jpg, на его основе будем со�здавать композицию.

3. Перетащите в файл Песочные часыслой из файла Часы.jpg. Умень�шите размер, разверните. До�бавьте слой�маску (pис. 14.13).В данном примере мы будем ис�пользовать для маски радиаль�ный градиент. Здесь необходи�мо почувствовать, какая частьчасов будет скрыта и каким об�разом, т. к. градиентную растяж�ку вы должны задавать осознан�но, а не как попало!

4. Активизируйте инструментGradient, выберите черно�бе�лый радиальный; проверьте ак�тивность маски, растяните, какна рис. 14.14. Обратите внима�ние, на рис. 14.14 стрелкамипоказаны возможные направ�ления и величины требуемойградиентной растяжки.

Рис. 14.14. Скрытие по радиусу части пикселов слоя

Рис. 14.13. Совмещение изображений для коллажа


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

5. Перетащите теперь внаш рабочий файл кла�виатуру из файла Кла�виатура.jpg. Уменьшите ее(рис. 14.15).

6. Добавьте к слою слой�маску. Примените ради�альный градиент. Воз�можные направленияградиента показаны нарис. 14.16.

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

Тогда вам нужно толькопоставить флажок Reverse(Обратить) в панели пара�метров инструмента Gra�dient (рис. 14.18).

Пример выполненнойработы находится в файлеВремя.psd (рис. 14.19).

Рис. 14.15. Уменьшение клавиатуры

Рис. 14.16. Возможные направления градиента

284 Урок 14

Рис. 14.17. Возможная ошибка при применении градиента в слой�маске

Рис. 14.18. Изменение направления градиента на обратное

Рис. 14.19. Коллаж «Время»


Рис. 14.20. Величина растяжки линейного градиента

Рекламный коллаж для фирмы O’NeillДумаю, все любят море и солнце. Наша задача заключается в создании рекла�

мы новой пляжной коллекции фирмы O’Neill для продвинутой молодежи. В пап�ке 3_O’Neill\Материалы находятся изображения для коллажа и логотип фирмы. Так�же заказчики попросили сделать какую�нибудь татуировку, татуировкиприлагаются.

1. Откройте два файла с молодежью из папки Материалы. Совместите два файла водин 2.jpg. Добавьте к верхнему слою слой�маску с линейным градиентом. Ве�личина растяжки показана на рис. 14.20.

2. Чтобы рука у девушки не была полупрозрачной, возьмите кисть черного цветаи проведите в активной маске, как показано на рис. 14.21.

286 Урок 14

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.

Рис. 14.21. Восстановление руки с помощью кисти в маске


Рис. 14.22. Изображение с логотипом

Рис. 14.23. Добавление татуировки

288 Урок 14

Рис. 14.25. Выделение внутри бутылки

Коллаж «Make your business»Вам нужно создать коллаж на тему «Make your business», используя файлы из

папки и свою фантазию. Наши варианты находятся в папке 4_Маke yourbusiness\Примеры (рис. 14.24).

Рис. 14.24. Пример выполнения работы

Как сделать объект прозрачным?Часто в работе необходимо временно сделать бутылки или стаканы полупроз�

рачными. Я использую слой�маску для создания этого эффекта.

Работа со слойYмаской и ручным выделением

1. Откройте изображение Бутылка.psd из папки 5_Прозрачная бутылка. В файле два слоя.Мы создадим у верхнего слоя полупрозрачность в слой� маске, ограничив ееконтуром бутылки. Контур бутылки и колпачок не прозрачны.

2. Создайте у верхнего слоя слой�маску.

3. Активизируйте инструмент Polygonal Lasso (Полигональное лассо). Выделитеобласть внутри бутылки, чуть отступив от края (5–6 пикселов), как на рис. 14.25.

Рис. 14.26.Вычитание этикеткииз выделенной области

Рис. 14.27.Требуемая выделенная область

4. В режиме вычитания выделения (удерживая <Alt>) полигональным лассо об�ведите область этикетки. Этикетка тоже должна быть непрозрачная и четкая(рис. 14.26).

5. В результате выделена только та часть бутылки, которая должна быть прозрач�на. Активизируйте маску щелчком по ее пиктограмме в палитре Layers (Слои)(рис. 14.27).

6. При активной маске используйте команду Edit | Fill (Редактирование | Залить),выбрав 50% Gray (50% cерого) (рис. 14.28).

290 Урок 14

Рис. 14.29. Работа в маске

Рис. 14.31. Прозрачная бутылка

Рис. 14.28. Использование заливки в маске длясоздания полупрозрачности

7. Вы видите, что выделенная частьстала полупрозрачной. Она отобра�жается серым цветом в слой�маскена рис. 14.29. Таким образом, мы ра�ботаем с маской, а полупрозрачнымстановится слой.

8. Снимите выделение. Дополнитель�но можно применить фильтр, вы�полнив команду Filter | Blur | GaussianBlur, для плавного перехода полу�прозрачной области. Будьте внима�тельны, активна должна быть слой�маска (рис. 14.30), чтобы не размытьслой.Результат в файле Бутылка с про�зрачностью.psd.

9. Увеличьте вправо размер изображе�ния и сделайте надпись, как в фай�ле Пример.jpg (рис. 14.31).

Рис. 14.30. Активность маски при примененииопераций

Использование слой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

Создание маски с использованием выделенияЕсли у вас есть выделение в слое, то слой�маска будет создана по выделению.

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

1. Откройте файл Лыжник.psd из папки 6_Выделение. В изображении два слоя. Какпосмотреть, подойдет ли лыжник для данной композиции?

2. Выделите лыжника. Разумно выделить фон за лыжником волшебной палочкой(рис. 14.34) и инвертировать выделение командой Select | Inverse.

3. Добавьте слой�маску щелчком по пиктограмме слой�маски в палитре Layers(Слои) (рис. 14.35).

4. Вы можете корректировать отображение лыжника инструментом Brush черно�го или белого цвета, работая в слой�маске (см. разд. «Точность отображения вслой<маске» ранее в этом уроке). Можно применять или удалять слой�маску, этонамного удобнее и правильнее, чем удалять пикселы слоя.

Рис. 14.33. Вычитание каналов


Рис. 14.34.Выделение лыжника

Рис. 14.35.Выделение объектаперешло в слой�маску

294 Урок 14

Операция Clipping Mask (Маска отсечения)Clipping Mask — это операция ограничения видимости или действия слоя.В качестве отсекающей маски может выступать:

� растровый слой с областями прозрачности;� текстовый слой;� слой�форма (shape�layer).

Создание маски отсечения с растровым слоем

1. Откройте файл Bear.psd из папки 7_Маска отсечения.

2. Активизируйте слой Медведи (рис. 14.36). Слой с маской отсечения находитсявнизу и не виден.

3. Удерживая клавишу <Alt>, подведите указатель мыши к разделительной ли�

нии слоев медведи и B, появится значок , щелкните по разделительной ли�

нии (рис. 14.37). Повторный щелчок с <Alt> отменяет операцию.

Рис. 14.36. Файл Bear.psd


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

Рис. 14.37. Значок отсекающей маски

Рис. 14.38.Ограничениевидимости слоя

296 Урок 14

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).

Рис. 14.39.Изменениеотображенияфотографии


Рис. 14.41. Применение операции Create Clipping Mask

Рис. 14.42.Маскированиетекстовым слоем

Рис. 14.40. Файл Angel.psd

298 Урок 14

Автовыравнивание слоевТема относится больше к работе со слоями, но без слой�маски работать было бы

невозможно. Как часто бывает при коллективной съемке, кто�то зашевелился илипочесал в носу, закрыл глаза, и весь кадр испорчен! Представляю вам новую воз�можность — автовыравнивание слоев и фотографию одного из выпусков (рис. 14.43).

1. Откройте файлы Кадр_1.jpg и Кадр_2.jpg из папки 8_Авто_выравнивание.

2. Совместите два слоя в один файл.

3. Выделите два слоя одновременно.

4. Активизируйте инструмент Move (Перемещение). В панели параметров най�дите кнопку Auto�Align Layers (Автовыравнивание слоев) (рис. 14.43).

5. Вызовите команду. В диалоговом окне команды выберите способ Auto (Авто)(рис. 14.44).

6. Добавьте к верхнему слою слой�маску. Кистью в слой�маске смешайте лучшие«выражения лиц» (рис. 14.45).

7. Обрежьте ненужные части инструментом Crop. Если всех устраивает резуль�тат — сведите слои.

Результат с маской в файле Итог_выравнивание.psd.

Рис. 14.43. Совмещение слоев в один файл


Рис. 14.44. Диалоговое окно AutoYAlign Layers

Рис. 14.45. Смешивание разных вариантов

300 Урок 14

Почти все прохожие на улице знают Photoshop и смогут поддержать беседу оновшествах и необходимости установки новой версии, вышедшей вчера. Когдаспрашиваешь, что именно их потрясло и изумило, ответ почти всегда один: вол�шебная палочка и фильтры программы. Разговоры о фильтрах могут вообще непрекращаться. А уж сколько выпущено на эту тему книг и написано алгоритмов —и не сосчитать. Тема действительно интересная, и самое главное щелк — и готово.


� применять фильтры программы;� применять Smart (умные) фильтры с возможностями настроек;� создавать перспективные заплатки с помощью фильтра Vanishing Point;� использовать классные алгоритмы;� создавать рамку вокруг фотографии;� имитировать эффект движущейся машины;� создавать дружеские шаржи;� выделять сложные пушистые объекты;� размывать, добавлять шум и многое другое в самой интересной теме урока.

На уроке мы будем на примерах с диска сопровождения выполнять алгоритмыпо шагам.

УрокУрокУрокУрокУрок 15 15 15 15 15ФИЛЬТРЫ

302 Урок 15

Обзор фильтровМногие спецэффекты, которые можно создать с помощью Photoshop, достига�

ются исключительно на основе встроенных фильтров и определенной фантазиидизайнера. Фильтры — это модули в составе Photoshop, выполняющие работу пообработке изображения и основанные на математических операциях.

Что следует знать о фильтрах?Фильтры подразделяются на художествен�

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

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

Фильтры можно применять как к целомуслою, так и к выделенному участку слоя.

Фильтры бывают настраиваемые и ненас�траиваемые. Настраиваемые фильтры имеютдиалоговые окна с параметрами, ненастраи�ваемые — нет.

В старых версиях программы фильтры ра�ботали «насмерть». Новые замечательные воз�можности — назначение и использованиеSmart Filters (Умные фильтры). В данном ка�честве фильтры можно настраивать и регули�ровать зону действия с помощью слой�маски.

Скорость действия фильтра (как и многихопераций программы) зависит от размера ва�шего файла.

Основные группы фильтров программыОсновные группы фильтров программы представлены на рис. 15.1 и в табл. 15.1.

Рис. 15.1. Фильтры Photoshop

Фильтры 303

Таблица 15.1. Фильтры Photoshop

304 Урок 15

Служебные группы фильтров 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).

ПРИМЕЧАНИЕ Существует понятие стандартных фильтров. Это фильтры, загружаемые вмес�те с программой. Помимо них существует целая индустрия по производству фильтров, которыеможно добавить в Photoshop самостоятельно, устанавливая файлы с новыми фильтрами в папкуPlug�ins. Например, для установки фильтра Extract необходимо скопировать файл ExtractPlus.8bfс компакт�диска в папку C:\Program Files\Adobe\Adobe Photoshop CS5\Plug�Ins\Filters\.

Фильтры 305

Рис. 15.2. Применение различных фильтров к изображению

Рис. 15.3. Окно настроек Filter Gallery

Применение стандартных фильтровВыполните следующие действия:

1. Откройте файл Lessons\Урок_15_Фильтры\Девушка.jpg.

2. Выполните команду главного меню Filter | Artistic | Colored Pencil (Фильтр | Ими�тация | Цветной карандаш). Откроется окно Filter Gallery (рис. 15.3), в левойчасти которого находится область предварительного просмотра действия филь�тра, а в правой части — настройки данного выбранного фильтра.

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. Выделен фон

Рис. 15.6. Выполнение команды Convert for Smart Filters

4. Перед действием фильтра выполните команду главного меню Filter | Convertfor Smart Filters (Конвертировать в умный фильтр). При действии командыслой Background превращается в Layer 0 с характерным значком Smart(см. урок 9) (рис. 15.6).

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. WaterPaper в палитре Layers

Рис. 15.12.Изменение маскивлияет на областиприменения фильтра

Фильтры 311

Создание эффектной рамкиУ нас есть красивая фотография заснеженной вершины и цветущей ветки са�

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

1. Откройте файл Lessons\Урок_15_Фильтры\Вид на гору.jpg. (рис. 15.13).

2. Создайте новый слой, залейте его белым цветом. Сделайте этот слой невиди�мым, щелкнув по пиктограмме «глаз». Активизируйте слой Background(рис. 15.14).

Рис. 15.14. Создание двух слоев в файле

Рис. 15.13. Вид на гору

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.22. Параметры фильтра Motion Blur

Рис. 15.21. Активен слой Background

316 Урок 15

4. Активизируйте слой с машиной. Инструментом Elliptical Marquee (Эллипти�ческое выделение) выделите одно колесо (рис. 15.23).

5. Примените фильтр Blur | Radial Blur (Размытие | Радиальное размытие) с пара�метрами, как на рис. 15.24. Снимите выделение.

Рис. 15.23.Выделение колеса

6. Инструментом Elliptical Marquee выделите другое колесо. Используя быстрыеклавиши <Ctrl>+<F>, повторите действия фильтра. Снимите выделение. Объе�дините все слои в один (рис. 15.25).

Рис. 15.24. Параметры фильтра Radial Blur

Фильтры 317

Эффект фокусировки на объектЭтот алгоритм не раз использовался мной в дизайне. В нем всего две «изюмин�

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

1. Откройте все файлы из папки Lessons\Урок_15_Фильтры\Бабочка.

2. Активизируйте файл Бабочка.jpg. Инструментом Magic Wand (Волшебная палоч�ка), суммируя область между крыльями, выделите фон (рис. 15.26).

Рис. 15.25.Машина в движении

Рис. 15.26. Выделение фона

318 Урок 15

3. Инвертируйте выделение, нажав <Ctrl>+<Shift>+. Инструментом Move(Перемещение) переместите бабочку в файл с лесом Лес.jpg (рис. 15.27).

4. Скопируйте слой Background. Создайте Elliptical Marquee область вокруг бабочкив слое Background copy (рис. 15.28).

Рис. 15.27.Перемещение бабочки в лес

Рис. 15.28.Выделение области в слоеBackground copy

Фильтры 319

5. Инвертируйте выделение, нажав <Ctrl>+<Shift>+.

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.31. Изменение непрозрачности слояРис. 15.32. Результат применения алгоритма

320 Урок 15

Применение фильтров в создании коллажейСтандартные фильтры программы могут быть большим подспорьем в деятель�

ности дизайнера. Предположим, вам нужно создать коллаж. Чтобы задать ритмкомпозиции, можно использовать фильтры группы Distort (Деформация), напри�мер Polar Coordinates (Полярные координаты). Пример использования — файл PolarCoordinates.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\Plug�Ins\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

7. Также на этом этапе возможен просмотр на виртуальной подложке. Цвет под�ложки выбирается в разделе Preview (рис. 15.40).

8. Если результат вас устраивает, нажмите кнопку OK. Если результат требует до�работки, установите в разделе Preview параметры, как на рис. 15.41. В списке Show(Показать) выберите Original (Первоначальное изображение); в списке Display(Отображение) — None (Без подложек); установите флажок Show Highlight (По�казать обводку).

9. Далее действуйте по тому же алгоритму. Вы видели, в каких областях пробле�мы. Поэтому, увеличив масштаб просмотра и используя инструменты EdgeHighlighter (Подсветка границ) и Eraser (Резинка), исправьте обводку. Заливае�

Рис. 15.40. Выбор серой подложки для удобства оценки качества выделения

Рис. 15.41. Установки для доработки выделения

Фильтры 325

Фильтр Liquify (Оплавить)

Создание шаржей фильтром Liquify

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

Особенности действия фильтра Liquify (Оплавить).

� Данный фильтр принадлежит к группе фильтров со своим интерфейсом. Всеоперации происходят в отдельном диалоговом окне.

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

� Чтобы отменить последнее действие, нажмите комбинацию клавиш<Ctrl>+<Z>.

� Инструмент Reconstruct (Восстановление) восстанавливает изображение,перемещайте его при нажатой левой кнопке мыши. Если вам нужно постепен�но уменьшать по шагам степень деформации всего изображения, щелкайте мы�шью по кнопке Reconstruct (Восстановление), находящейся в правой частидиалогового окна.

Рис. 15.42. Выделенный объект

те ковшом. Нажимаете кнопку Preview. И так до достижения хорошего резуль�тата.

10. Итак, результат просмотра вас устраивает. Нажимаете кнопку OK.

11. В результате действия фильтра у вас выделен объект на прозрачном фоне(рис. 15.42).

326 Урок 15

� Вы можете использовать инструмент Freeze Mask (Заморозка), действие

которого отменяет инструмент Thaw Mask (Разморозка), для защиты тойчасти изображения, которую вы не хотите деформировать.


1. Откройте файл Lessons\Урок_15_Фильтры\Мужчина.jpg. (ни о чем пока не подозре�вающий).

2. Вызовите команду Filter | Liquify (Фильтр | Оплавить).

3. В левой части диалогового окна находятся инструменты фильтра, наиболеечасто используемые и интуитивно понятные (рис. 15.43). Действие зависит отдиаметра, изменяемого быстрыми клавишами.

4. Воспользуемся инструментом Forward Warp (Деформация вперед)(рис. 15.44) — сделаем из мужчины эльфа, подвинув вверх части уха.

5. Воспользуемся инструментом Pucker (Втягивание области) (рис. 15.45).

6. Результат может быть вот таким — Мужчина_сомневающийся.jpg (рис. 15.46).

Коррекция фигуры фильтром Liquify

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

Мне было не найти аппетитных толстушек, никто не хотел идти в модели. При�шлось использовать заморских девушек. Итак, кто желает похудеть на фотогра�фии, сделать пресс, втянуть живот — этот урок для вас!

Рис. 15.43. Инструменты фильтра 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_Фильтры\ VanishingPoint\Обложка.jpg.

2. Выделите все изображение <Ctrl>+<A>.

3. Скопируйте файл в буфер обмена <Ctrl>+<C>.

4. Откройте файл Lessons\Урок_15_Фильтры\ Vanishing Point\Start.psd.

330 Урок 15

Рис. 15.50. Стартовый файл в слоях

1. Вызовите команду Filter | Vanishing Point.

2. Для создания сетки перспективы выберите инструмент Create Plane (Создатьповерхность) и щелкните в изображении, добавив 4 угловые точки перспек�тивной сетки (рис. 15.51).

3. Инструментом Edit Plane (Редактирование поверхности) вы можете пере�мещать угловые точки в случае неточного построения.

Рис. 15.51. Стартовый файл с добавлениемповерхности

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

Фильтры 331

Рис. 15.52. Создание второй поверхности

Рис. 15.53. Поворот второй поверхности

4. Построим вторую поверхность. При активном инструменте Edit Plane (Редак�тирование поверхности) тянем за центральную боковую точку на грани, удер�живая клавишу <Ctrl> (рис. 15.52).

5. Для разворота второй поверхности в нужном направлении необходимо пере�мещать за центральную боковую точку на грани, удерживая клавишу <Alt>(рис. 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_Фильтры\VanishingPoint\Итог.psd.

334 Урок 15

Ретушь объектов, уходящих в перспективу

Очень милые мосточки, но вот кофта, не к месту брошенная, портит перспек�тиву. С помощью фильтра можно очень просто ретушировать этот объект. Про�блема — перспектива, которая усложняет ретушь. В старых версиях было бы оченьсложно трансформировать под перспективу — сейчас совсем другое дело!

1. Откройте файл с обложкой для диска Lessons\Урок_15_Фильтры\ VanishingPoint\Мостик.jpg.

2. Вызовите команду Filter | Vanishing Point.

3. Для создания сетки перспективы выберите инструмент Create Plane (Создатьповерхность) и щелкните в изображении, добавив 4 угловые точки перспек�тивной сетки (рис. 15.60).

4. Этим же инструментом вы можете позиционировать сетку в случае неточногопостроения. Переместите сетку левее на свободное от предмета место. Далеемы клонируем область дерева и «уберем» объект.

5. Активизируйте инструмент Marquee (Выделение) и выделите свободные дос�ки. Обратите внимание, что выделение повторяет перспективу.

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

Рис. 15.59. Результат в слоях

Фильтры 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

6. Указав в нем необходимые значения в полях X и Y, согласитесь с фильтром.

7. Для создания волшебства активизируйте инструмент Brush. Подгрузите кистииз набора Lens Flare.abr из папки Lessons\Урок_15_Фильтры\Lens Flare.

8. Установив белый цвет кисти, поставьте блики, например как в файлеLessons\Урок_15_Фильтры\Lens Flare\Закат на заливе_итог.jpg (рис. 15.65).

Рис. 15.65. Файл Закат на заливе_итог.jpg

Несмотря на то, что Photoshop — растровый редактор, в нем предусмотренобольшое количество действий с векторными объектами. Чем хороши векторы? Выможете их масштабировать без ущерба для качества, их легко настраивать, и онизанимают мало места в памяти компьютера в силу своей математической приро�ды. Кроме этого на основе векторных объектов возможно совершение многих про�фессиональных действий в программе, например, создание выделения гладкихобъектов, причем ничего лучше, качественнее и быстрее, чем выделение инстру�ментом Pen (Перо), пока не придумано.


� об огромных возможностях векторных объектов в Photoshop;� о преимуществах выделения гладких объектов при помощи контуров;� о способе сохранения выделения в контуре;� о рисовании с помощью контуров;� как работать со слой�формами;� как создавать логотипы в Photoshop и сохранять их как формы.

РАБОТА С ВЕКТОРНЫМИОБЪЕКТАМИ

Урок Урок Урок Урок Урок 1616161616

340 Урок 16

Paths (Контуры)Paths (Контуры) — векторные объекты в Photoshop.Контуры используются:

� для профессионального выделения гладких объектов;� для передачи в программы верстки Clipping path (обтравочных, отсекающих)

контуров объектов;� для заливки и обводки по сложной траектории.

Способы создания контуров:

� наиболее точный — инструментом Pen (Перо);� векторными инструментами группы Shapes (Формы);� экспорт из векторной программы Adobe Illustrator (например, через буфер об�

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

На рис. 16.1 представлены инструменты для создания и редактирования век�торных контуров.

Использование инструмента Pen (Перо)

Создание прямых контуров

Инструмент Pen (Перо) служит для создания контуров — прямых и кривыхлиний — с высокой степенью точности.

1. Откройте файл�шаблон Lessons\Урок_16_Работа с векторными объектами\Шаблоны_Пе�ро\Прямые контуры.jpg.

2. Активизируйте инструмент Pen (Перо). Для создания контуров используетсяспециальный режим работы инструмента — Paths (Контуры) (рис. 16.2).

Рис. 16.1. Инструменты для создания и редактирования контуров

Работа с векторными объектами 341

Прямой контур создается простыми щелчками инструментом по документу (не«шаркая» мышью по коврику).

1. Щелкните пером в точке 1. Теперь щелкните в точке 2. Между двумя точкамиобразовалась прямая линия.

2. Для прекращения построения пером можно просто взять другой инструмент,но удобнее нажать клавишу <Ctrl> и щелкнуть по свободному месту докумен�та. При этом старый контур останется, вы остаетесь при активном инструмен�те Pen и можете строить новые контуры.

3. Удерживая клавишу <Ctrl>, щелкните по свободному месту документа — выпрекратили рисовать.

4. Постройте щелчками следующий контур, начиная с точки 3. Участок междуточками 7 и 8 должен пройти строго горизонтально, для этого удерживаетсяклавиша <Shift> (при этом направление горизонтальное, вертикальное иликратно 45 градусам). Закончите рисование.

5. Обратите внимание, что при щелчках пером в палитре Layers (Слои) в данномрежиме работы ничего не происходит, а в палитре Paths (Контуры) создалсяWork Path (Рабочий контур) (рис. 16.3).

Рис. 16.2. Настройки инструмента Pen

Рис. 16.3. Создание рабочегоконтура при работе перомв режиме Paths

342 Урок 16

6. Используя данный файл, постройте щелчками звезду (например, начиная сточки 9). Обратите внимание, что при замыкании контура у пиктограммы ин�струмента Pen появляется кружок .

ВНИМАНИЕ Чтобы вызвать Pen (Перо) с клавиатуры, нажмите клавишу . При работе с пе�ром для редактирования контура вы будете переключаться на другие инструменты с помощьюгорячих клавиш. Чтобы видеть пиктограмму вызываемого клавишей инструмента, не должен бытьустановлен режим точных курсоров (не нажата клавиша <Caps Lock>).

Заливка и обводка контуров

В палитре Paths (Контуры) создался Work Path (Рабочий контур). Он состоитиз всех контуров, которые вы построили в данном файле.

ПРИМЕЧАНИЕ Work Path (Рабочий контур) всегда создается как новая позиция при отсут�ствии контуров или неактивности других контуров в палитре Paths (Контуры). Work Path толькоодин. Из него не создается обтравочный контур, а также он будет обновляться, как рабочая пози�ция. Желательно переименовывать название Work Path, назначая любое другое имя.

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

1. Выполните команду Stroke Paths (Обвести контур) из контекстного меню па�литры Paths (рис. 16.4).

Рис. 16.4. Команда Stroke Paths


ПРИМЕЧАНИЕ Прежде чем выбирать инструмент в данном диалоговом окне, необходимо пред�варительно настроить этот инструмент, установив нужные параметры.

3. Результаты обводки представлены на рис. 16.6 — предварительно была уста�новлена кисть определенного диаметра и растушевки.

4. Для заливки контура выберем из всех нарисованных один — звезду. (Проверь�те, что Work Path (Рабочий контур) в палитре Paths активен.) Для выделенияподконтура из Work Path необходимо воспользоваться инструментом выделе�

2. В открывшемся диалоговом окне в списке инструментов выберите Brush (Кисть)(рис. 16.5).

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

Рис. 16.6. Результатобводки контуров

344 Урок 16

ния Path Selection (Выделение контура). Щелкните по контуру�звезде в изоб�ражении. Все точки контура стали серыми, выделенными.

5. Выполните команду Fill Subpath (Залить подконтур) контекстного меню палит�ры Paths (рис. 16.7).

6. В диалоговом окне команды (рис. 16.8) выберите Foreground Color (Цвет пере�днего плана). Область внутри контура зальется выбранным цветом.

Рис. 16.7. Команда Fill Subpath меню палитры Paths

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


Следует заметить, что часто требуется обвести криволинейный участок тонкимкарандашом. Представляете, как это будет выглядеть «от руки», которая трясется.В данной задаче контуры, рисуемые пером, незаменимы, т. к. обеспечивают мак�симальную точность обводки. Вы только настраиваете карандаш на заданную тол�щину и указываете Photoshop, какой контур обвести.

Создание кривых

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

1. Откройте файл�шаблон Lessons\Урок_16_Работа с векторными объектами\Шаблоны_Пе�ро\Создание кривых.jpg.

2. Активизируйте инструмент Pen (Перо). Выполните действия, как в файле(рис. 16.9).

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

Рис. 16.9. Создание кривых пером

Основные элементы кривых

Для построения и редактирования кривых необходимо иметь представление, счем же вы работаете? Какова природа кривых? Рассмотрим основные элементыкривых (рис. 16.10).

346 Урок 16

Контур состоит из одного или нескольких сегментов. (Единичная точка – этоне кривая, скорее всего мусор.) Начало и конец каждого сегмента называют опор<ными точками. Перемещение опорных точек приводит к модификации сегментовконтура и изменению его формы.

При выделении опорной точки криволинейного сегмента на экране появля�ются одна или две управляющие линии, заканчивающиеся управляющими точками.Расположение этих линий и точек определяет длину и форму криволинейного сег�мента, а их перемещение приводит к изменению контура.

Рассмотрим пример. Используйте файл Создание кривых.jpg.

1. У нас создан контур, поработаем с ним. Чтобы не мешались слова инструкций,залейте слой Background белым цветом, контур при этом остается, т. к. он крастру не имеет никакого отношения.

2. Для настройки контуров используется инструмент Direct Selection (Пустаястрелка). Инструмент выделяет отдельные опорные точки или сегменты кон�тура; при этом на экране показываются все управляющие линии контура, обес�печивая возможность их настройки. Активизируйте инструмент Direct Selection,переместите управляющие линии за управляющие точки (рис. 16.11). При уве�личении управляющей линии увеличивается и кривизна сегмента.

На рис. 16.12 показано, как положение управляющих линий изменяет формусегментов.

Самостоятельно исследуйте, как работает инструмент Direct Selection. Перемести�те опорные и управляющие точки. Проследите, как изменяется кривизна контура.

Типы опорных точек

При построении и редактировании контуров следует различать два типа опор�ных точек: гладкая (smooth) и угловая (corner).

Если в опорной точке управляющие линии двух независимых, рядом стоящихсегментов лежат на одной прямой в связке, то такая опорная точка называетсягладкой. Если такой связи нет — точка угловая (рис. 16.13).

Рис. 16.10. Основные элементы кривых


Рис. 16.11.Использование инструментаDirect Selection для настройкиконтура

Рис. 16.12.Различное положение управляю�щих линий и точек влияет наформу сегментов

Рис. 16.13.Различие гладкой и угловойопорных точек

348 Урок 16

Редактирование кривых

Инструменты для работы с кривыми

Для редактирования (изменения) кривых используются специальные инстру�менты, часть из них находится в группе инструмента Pen (см. рис. 16.1).

Основные инструменты создания и редактирования кривых приведены в табл. 16.1.

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

Операции, выполняемые инструментом Pen:

� добавление сегмента (создание опорной точки);� замыкание контура (щелчок по начальной точке).

Операции, выполняемые инструментом Direct Selection:

� выделение опорных точек (общелкивая с нажатой клавишей <Shift> или обво�дя рамкой);

� перемещение выделенных опорных точек;� изменение формы кривой, воздействуя на управляющие точки и управляющие

линии.

Операции, выполняемые инструментом Convert Anchor Point:

� преобразование гладкой опорной точки в угловую (щелчок);� преобразование угловой опорной точки в гладкую (щелчок + перемещение мыши).


Выполним практическую работу с данными инструментами.

1. Создайте новый документ, также можно использовать файл Создание кривых.jpg.

2. Создайте пером кривую, как на рис. 16.14.

Все данные инструменты могут быть вызваны при использовании инструмен�та Pen (табл. 16.2).

Таблица 16.2. Временный переход к другому инструментупри активном инструменте Pen

Рис. 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

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

В данном примере вы создадите угловые точки в процессе построения кривой.Откройте файл�шаблон 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. Рисование пером цветочка


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>, отпустите кнопку мыши.

Как нарисовать сердце за две опорные точки?

Как в известной передаче: «За сколько нот вы угадаете песню?» спрошу:«За сколько опорных точек вы нарисуете сердце?» — за две сможете?

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

Откройте файл�шаблон Lessons\Урок_16_Работа с векторными объектами\ Шаблоны_Пе�ро\ Сердце.jpg.

Выполним по шагам действия, как показано в файле (рис. 16.18).


2. Щелкните в точке 1, не отпуская левой кнопки мыши, потяните вверх влево. От�пустите кнопку мыши. (Заданы направление и кривизна одного из сегментов.)

3. Щелкните в точке 2, не отпуская левой кнопки мыши, потяните вниз вправо. (Сфор�мирован первый сегмент, задается направление и кривизна второго сегмента.)

4. Нажмите клавишу <Alt>, переместите управляющую линию вверх влево до точ�ки 3, симметрично правой линии. Отпустите клавишу <Alt>, отпустите кнопкумыши. (Изменен тип опорной точки, задано новое направление сегмента.)

5. Удерживая клавишу <Alt>, щелкните в начальную точку 1 сердца и потянитевниз вправо до точки 4. Отпустите клавишу <Alt>, отпустите мышь. (Сформи�рован второй сегмент с замыканием в угловую точку.)

Рис. 16.18. Рисование пером сердца

Рисование контура вокруг фигурыТеперь, используя полученные навыки работы с контурами, используем инст�

румент Pen для создания выделения объекта.Мы нарисуем вокруг изображения контур, а потом преобразуем контур в выде�

ление.

354 Урок 16

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

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

Откройте файл�шаблон Lessons\Урок_16_Работа с векторными объектами\Шаблоны_Перо\Ракушка.jpg.

Выполним по шагам действия по шаблону файла (рис. 16.19).


2. Щелкните в точке 1, не отпуская левой кнопки мыши, потяните вниз вправо,задавая направление по касательной к ракушке. Отпустите мышь.

3. Щелкните в точке 2, не отпуская левой кнопки мыши, потяните вверх, сфор�мировав начальный сегмент. Не отпуская кнопки мыши, нажмите клавишу<Alt>, переместите управляющую линию вверх влево по стрелке. (Изменен типопорной точки, задано направление нового сегмента.) Отпустите <Alt>, отпус�тите кнопку мыши.

4. Щелкните в точке 3. Не отпуская левой кнопки мыши, потяните по касатель�ной к объекту по стрелке.

5. Те же действия выполните, создавая контур до точки 7.

6. Удерживая клавишу <Alt>, щелкните в начальную точку 1 и потяните внутрьобъекта по стрелке. Контур будет замкнут.

В случае необходимости точной настройки контура используйте Direct Selection(Пустую стрелку) , переключившись на нее клавишей <Ctrl>.

Рис. 16.19. Шаблон для созданияконтура вокруг объекта

Загрузка выделения из контураВы научились строить па шаблону. Попробуйте теперь без него.Откройте файл Lessons\Урок_16_Работа с векторными объектами\Ракушка_для работы.jpg.


2. Создайте самостоятельно контур вокругобъекта.

3. В палитре Paths (Контуры) создается вашконтур, как Work Path (Рабочий контур).

4. Двойным щелчком по названию WorkPath — дайте новое имя, например Path 1(рис. 16.20). Лучше давать имя контуру, за�меняя позицию Work Path.

5. Загрузим из контура выделение. В палит�ре Paths (Контуры), удерживая клавишу<Ctrl>, щелкните мышью по позицииPath 1 (рис. 16.21).

6. Скопируйте выделенную область на но�вый слой комбинацией клавиш<Ctrl>+<J>.

7. Создайте слой�подложку — залейте чер�ным цветом для проверки качества выде�ления (рис. 16.22). Согласитесь — идеаль�но!

Рис. 16.20. Создание контура

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

Рис. 16.22. Выделение с помощью контура

356 Урок 16

Преобразование выделения в контурВозможно из выделения создавать контур. Но часто возникает проблема с не�

точностью этого контура. Рассмотрим пример.Откройте файл Lessons\Урок_16_Работа с векторными объектами\Бутыли.jpg.

1. Активизируйте инструмент Magic Wand (Волшебная палочка).

2. Установите параметры, как на рис. 16.23.

Рис. 16.23. Параметры Magic Wand

Рис. 16.24. Команда Make Work Path

3. Щелкните по фону. Инвертируйте (обратите) выделение.

4. Из контекстного меню палитры Paths (Контуры) выполните команду Make WorkPath (Создать рабочий контур) (рис. 16.24).

5. В палитре появилась позиция Work Path (Рабочий контур) (рис. 16.25).

6. Для осознания качества созданного контура выделите его инструментом DirectSelection (Пустая стрелка). Согласитесь, очень быстро, но надо редактировать.


Рис. 16.25. Создание рабочего контура из выделения

Создание обтравочного контураОбтравочный, отсекающий (Clipping) контур — замкнутая форма, определяю�

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

Зачем нужны обтравочные контуры, которые вас попросят создать именно вPhotoshop?

Дело в том, что растровое изображение — это всегда прямоугольная матрица,но не все объекты прямоугольной формы. Возникает вопрос: как в других про�граммах (Adobe Illustrator, Adobe InDesign, Adobe PageMaker) отсечь, не отобра�жать части фотографий, ведь «вырезающих растр ножниц» в этих программах нет,а в каталогах вы показываете только объект без фона.

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

Как создавать контур, вы уже знаете. Рассмотрим, как назначить его обтра�вочным и как изменится отображение объекта при помещении его в программуверстки.

358 Урок 16

Проект «Фонды Эрмитажа»

Откройте файл Lessons\Урок_16_Работа с векторными объектами\ Кубок.tif. Преположим,данный кубок (к слову, ужасного качества) вы должны поместить на обложку жур�нала «Фонды Эрмитажа» выпуск № 4. Журнал создается в программе AdobeInDesign. Обратите внимание, что кубок находится на сером фоне. Можно былобы выделить кубок, скопировать на новый слой и удалить 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. Созданиеконтура «Кубок»


6. Так как у многих, возможно, нет программы Adobe InDesign, и данный матери�ал уже выходит за границы нашего курса, я на рисунке покажу, что мы получимв верстке (Adobe InDesign) при помещении нашего изображения с сохранен�ным обтравочным контуром.

7. В программе Adobe InDesign открыта обложка журнала «Фонды Эрмитажа»,выпуск № 4. Используя команду File | Place (Поместить), поместим нашу кар�тинку (рис. 16.28).

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

Рис. 16.27.Задание контура обтравочным

Рис. 16.28.Отображение в Adobe InDesignфайла с обтравочным контуром,созданным в Photoshop

360 Урок 16

Рис. 16.29. Создание контура Чашка

Проект «Кафе»Используем знания, полученные в этом уроке, в едином проекте «Кафе».Откройте файлы Чашка.jpg и Pen_Чашка.jpg из папки Lessons\Урок_16_Работа с вектор�

ными объектами\Кафе\.

1. Активизируйте инструмент Pen (Перо). Создайте контур вокруг чашки в файлеЧашка.jpg. Можно потренироваться в файле Pen_Чашка.jpg, где есть схема.

2. В палитре Paths (Контуры) Work Path (Рабочий контур) (двойным щелчком поназванию) переименуйте в контур Чашка (рис. 16.29).

3. Находясь на активном контуре Чашка, выделите дополнительно пером областьпод ручкой. При режиме комбинирования Exclude (Общая часть вычитается)внутренний контур будет вычитаться из большого контура (рис. 16.30).

ПРИМЕЧАНИЕ Вы можете использовать различные варианты создания сложного контура(состоящего из подконтуров).Самый простой и логичный способ — работа в режимах комбинирования контуров при одномактивном большом контуре. Например, вам требуется создать контур сахарницы с ручками�от�верстиями. Вы обводите пером большой контур всей сахарницы, а потом в режиме Excludeвычитаете маленькие внутренние контуры ручек.Если (случайно) вы сняли выделение с активного контура, то программа кроме уже имеющегоконтура создаст Work Path (Рабочий контур). Не стоит расстраиваться, удалять его, а потомзаново создавать. Вы просто выделяете позицию с Work Path, копируете в буфер обмена клави�шами <Ctrl>+<С> и вставляете в активный контур <Ctrl>+<V>. Контур будет перенесен с темиже настройками формы и режима комбинирования.

Рис. 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.32. Увеличение размера документа

Рис. 16.31. Применение фильтра к выделенной области


Рис. 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, установив следующие значения:


2. Активизируйте инструмент Rectangle (Прямоугольник). Установите цвет перед�него плана — красный. Выберите первый режим работы инструмента Shape layer(Слой�форма). Растяните по изображению, как на рис. 16.37.

Рис. 16.37. Работа в режиме Shape layer

Рис. 16.38. Удаление векторной маски приводит к отображению всего слоя

Область, захваченная инструментом, закрасилась цветом переднего плана —красным. Обратите внимание на палитру Layers. Был создан новый слой Shape 1.

Данный слой имеет тип — Shape layer (Слой�форма). Пиктограмма в палитреLayers состоит из двух частей: слоя и векторной маски.

Слой имеет особенности работы:

� векторная форма маскирует (ограничивает видимость) содержимого слоя. Про�ведем эксперимент. Векторная форма активного слоя отображается в палитреPaths (Контуры). Удалите эту форму в корзину палитры Paths (Контуры)(рис. 16.38), и вы увидите, что весь документ закрасился красным цветом. От�мените удаление формы <Ctrl>+<Z>;

� векторная форма накладывает ограничения на работу в слое — к слою не при�меняются растровые операции, такие как рисование, применение фильтров(помните, аналогично в текстовом слое нельзя было выполнять эти опера�ции).

Слой состоит из взаимодействия двух компонентов: растрового содержимогои векторной маски. Рассмотрим, как работать с этими запчастями.

366 Урок 16

Рис. 16.39. Изменение цвета слоя

Настройка растрового содержимого слоя

Вы можете легко изменить цвет слоя двойным щелчком по пиктограмме слоя впалитре Layers (рис. 16.39). Вызывается диалоговое окно Pick a solid color (Выбратьсплошной цвет), где вы можете изменить цвет.

Работа с векторной формой слоя

В начале урока мы рассматривали векторные инструменты. Эти знания при�меним в контексте данного слоя.

1. Чтобы выделить векторную форму, не изменяя ее, используется инструмент PathSelection. Щелкните инструментом Path Selection по контуру в изображении —активизировались опорные точки, но форму изменить на уровне опорных то�чек нельзя. Возможно перемещение формы, трансформация. Нажмите комби�нацию клавиш <Ctrl>+<T>. Вокруг формы появится контейнер трансформа�ции. Действия те же, что и при работе с растром. Откажитесь от контейнеранажатием клавиши <Esc>.

2. Для работы на уровне опорных точек используется инструмент Direct Selection,а также все инструменты группы Pen. Активизируйте инструмент DirectSelection, измените форму (рис. 16.40).

3. Копирование формы осуществляется инструментом Path Selection при удер�живаемой клавише <Alt>. Выделите форму щелчком инструментом PathSelection, нажмите клавишу <Alt>, у пиктограммы стрелки появится знак«плюс». Переместите форму, удерживая клавишу <Alt>. Вы видите, что новыеслои не образуются, а форма добавлена, как подконтур к существующей(рис. 16.41).

Рис. 16.40. Изменение векторной формы

Рис. 16.41. Копирование формы

368 Урок 16

Рассмотрим работы в режимах комбинирования. Режимы комбинированиядоступны при активизации инструмента из группы Shapes. Возьмем, к примеру,инструмент Ellipse (Эллипс). Вы видите в панели параметров пять кнопок с режи�мами комбинирования. По умолчанию включен первый режим Create new shapelayer (Создать новый слой�форму), таким образом, никакого комбинирования инет. Предыдущая форма блокируется, и создается новый слой с новой формой.

1. Протяните в данном режиме по изображению. Получится вариация (рис. 16.42).

2. Удалите верхний слой в корзину или отмените действие. Переключитесь на вто�рой режим комбинирования Add to shape area (Суммирование к форме). Растя�ните по изображению. Как вы заметили, новых слоев не образуется, происхо�дит комбинирование форм в рамках одного слоя (рис. 16.43).

3. Выберите следующий режим Subtract (Вычитание). Вычтите из нашей формы,например, Rectangle (Прямоугольник) — рис. 16.44. Все подконтуры, входя�щие в состав формы слоя, могут быть выделены инструментом Path Selection(Черной стрелкой), изменены на уровне опорных точек инструментом DirectSelection, т. е. существуют физически независимо в одной логической структу�ре — форме слоя.

Рис. 16.42. Работа в первом режиме Create new shape layer


Рис. 16.43. Работа в режиме суммирования форм

Рис. 16.44. Работа в режиме вычитания форм

370 Урок 16

4. Выполним выравнивание выделенных подконтуров. Активизируйте инстру�мент Path Selection. Выделите избранные контуры щелчком, удерживая <Ctrl>(как если бы вы выделяли файлы). Я выделила 1, 2, 3 подконтуры (рис. 16.45).

5. Щелкните по первой кнопке Align top edges (Выравнивание по верхней грани�це). Подконтуры выровняются (рис. 16.48).

Для чего вам может пригодиться построение фигур? Для создания логотипов илюбых заказных форм в программе без использования дополнительно AdobeIllustrator.

Рис. 16.45. Выделение подконтуров инструментом Path Selection

Рис. 16.46. Выполнение операции выравнивания

Как вы знаете, существуют геометрические формы: эллипс, прямоугольник,линия и т. д. Все, что не попадает в раздел геометрических — это Custom Shape(Заказная форма). Вот такую форму мы сейчас и создаем. Возникает только воп�рос: на что она похожа? В связи с этим нарисуем что�то знакомое всем — смайлик,используя только что полученные знания.

Рисование Custom Shape. Смайлик (Улыбка)

Создание формы

Можно использовать этот же документ, удалив слой с формой.

1. Инструментом Ellipse (Эллипс) создайте круг, удерживая клавишу <Shift>.

2. Включите режим Subtract (Вычитания), вычтите маленький круг (рис. 16.47).

3. Активизируйте инструмент Path Selection. Выделите маленький кружок щелч�ком. Скопируйте его, удерживая клавиши <Alt>+<Shift> (рис. 16.48).

4. Инструментом Pen (Перо) в режиме вычитания (не забудьте!) нарисуйте улыб�ку (рис. 16.49). Кстати, можно и не пером, а чем захотите.

Рис. 16.47. Вычитание маленького кружка

372 Урок 16

Рис. 16.48. Копия маленького кружка

Рис. 16.49. Улыбку рисуем пером


5. Объединим логически связанные подконтуры в один. Инструментом PathSelection обведите в рамочку все запчасти. В панели параметров Черной стрел�ки нажмите кнопку Combine (Скомбинировать) (рис. 16.50). Теперь наша фор�ма — одно целое, и при выделении Черной стрелкой будет выделено все сразу.

Рис. 16.50. Выполнение операции Combine

Задание формы в набор

1. Для занесения смайлика в набор заказных форм выполните команду главногоменю Edit | Define Custom Shape (Редактировать | Создать заказную форму).

2. В окне задания дайте имя Smile (рис. 16.51).

3. Форма заносится последней в набор форм, находящихся в данный момент впрограмме. Где это можно увидеть? Активизируйте инструмент Custom Shape.В выпадающем списке параметра Shape (Форма) — самая последняя — нашамордочка�смайлик (рис. 16.52).

Рис. 16.51. Имя формы Smile

Рис. 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 – сохранение выделенных форм, как отдельного файла


Рис. 16.55. Сохранение файла

3. В диалоговом окне сохранения укажите имя файла и место нахождения(рис. 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». Автор: Иванова


Использование векторных масокВекторные маски создаются при формировании 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).


Рис. 16.63. Создание слой�маски для уровней прозрачности

Рис. 16.64. Прозрачность можно сделать кисточкой серого цвета в слой�маске

Рис. 16.65. Файл с текстовой надписью и прозрачной кружкой чая

380 Урок 16

8. В палитре Mask (Маски)возможно настраивать параметры векторных и рас�тровых масок.

На рис. 16.66 в палитре активна векторная маска, изменены настройки у век�торной маски.

На рис. 16.67 в палитре активна растровая маска.

Рис. 16.66. ПалитраMask с активнойвекторной маской

Рис. 16.67. ПалитраMask с активнойрастровой маской

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

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


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

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

товые отклонения на черно�белых иллюстрациях увидеть невозможно.

УрокУрокУрокУрокУрок 17 17 17 17 17ТОНОВАЯ И ЦВЕТОВАЯ

КОРРЕКЦИЯ

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

Откройте изображение Темное.jpg. Посмотрите, как выглядит теперь палитраHistogram. В данном изображении основная часть пикселов сконцентрирована втемных тонах, поэтому изображение относится к темным (рис. 17.4).

Откройте изображение Светлое.jpg. Преобладание светлых тонов позволяет от�нести это изображение к типу светлых, что и подтверждается гистограммой(рис. 17.5).

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

Команды коррекцииПри работе с фотографиями с использованием команд коррекции рекоменду�

ется выбор Workspace (Рабочего пространства) Color and Tone (Цвет и Тон) в пра�вой верхней части программы. При этом максимально эффективно отображаетсянабор палитр для данных задач.

Палитра Adjustments (Коррекция)Начиная с версии Adobe Photoshop CS4, вы можете использовать команды для

коррекции цвета и тона в палитре Adjustments (Коррекция) (рис. 17.6).При щелчке по значку инструмента выбирается соответствующая коррекция и

автоматически создается корректирующий слой.

Рис. 17.4. Распределение пикселов в темномизображении

Рис. 17.5. Распределение пикселов в светломизображении

Команда Brightness/Contrast (Яркость/Контраст)В обычном режиме команда Brightness/Contrast (Яркость/Контраст) применя�

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

Если установлен флажок Use Legacy (Использовать прежние), то командаBrightness/Contrast при регулировке яркости просто смещает значения всех пик�селов выше или ниже. Не рекомендуется применять команду Brightness/Contrast кфотографиям в режиме Use Legacy (Использовать прежние), т. к. это может приве�сти к отсечению или потере деталей изображения в самых светлых или темныхобластях (однако эта корректировка может быть полезна для редактирования ма�сок или научных изображений).

ПРИМЕЧАНИЕ Флажок Use Legacy автоматически устанавливается при редактировании кор�ректирующих слоев Brightness/Contrast, созданных в предыдущих версиях Photoshop.

Рис. 17.6. Палитра Adjustments

Коррекции с помощью инструментов и параметров в палитре Adjustments вы�полняются с созданием обратимых корректирующих слоев (см. разд. «Корректи<рующие слои» далее в этом уроке).

Для удобства пользователя палитра Adjustments содержит список фиксирован�ных коррекций (наборов), которые применяются для выполнения стандартныхопераций с изображениями. Существуют наборы для уровней, кривых, экспози�ции, цветового тона/насыщенности, баланса черного и белого, смешивания ка�налов и выборочной коррекции цвета. Щелчок по набору применяет соответству�ющую коррекцию к изображению с помощью корректирующего слоя.

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

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 (Сброс).

Рис. 17.8.Гистограммаактивногоизображенияи ползунки�регуляторы

Команда Levels (Уровни)Эта команда служит для регулировки тонового диапазона; может применяться

ко всему изображению или к выделенному фрагменту. Вызывается быстрыми кла�вишами <Ctrl>+<L>. Также команда Levels позволяет настраивать гамму. Гамма —это контраст средних тонов изображения. Причем на светлые и темные тона такаярегулировка существенно не влияет. Возможности, предоставляемые этой коман�дой, достаточно широки. Мы рассмотрим основные из них.

Настройка тонового диапазона изображения ползунками окна Levels

Большинство отсканированных изображений требует выправления их тоново�го баланса — только после этого можно переходить к цветокоррекции. Отрегули�руем тоновый диапазон документа, используя средства диалогового окна Levels.

1. Откройте файл Levels.jpg из папки Lessons\Урок_17_Коррекция тона и цвета\Тоновая кор�рекция.

2. Вызовите команду Image | Adjustments | Levels (Изображение | Коррекция | Уров�ни) или нажмите <Ctrl>+<L>.

3. Открылось диалоговое окно Levels, содержащее гистограмму активного изоб�ражения и ползунки для настройки его тонового баланса. Нас интересуют пол�зунки�треугольники прямо под гистограммой. Белый треугольник воздейству�ет на светлые области изображения (свет), серый — на средние тона, а черный —на темные (тени) (рис. 17.8).Заметьте: между черным треугольником в левом конце гистограммы и самымипервыми темными пикселами изображения остается пустое пространство. Те�перь взгляните на белый полюс в правом конце гистограммы: здесь самые свет�лые пикселы не доходят до конца шкалы, между ними и белым треугольникомтакже остается пустое место.Когда пикселы изображения начинаются и заканчиваются, не доходя до краевшкалы, где находятся ползунки, показывающие предельные значения, такоеизображение из�за недостатка контраста в свете и тенях выглядит бледнова�

388 Урок 17

Рис. 17.10.Гистограмма послевыполнениякоманды Levels

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

4. Переместите черный ползунок вправо до точки, от которой берут начало пик�селы на гистограмме; а белый влево, совместив его с точкой, где кончаютсяпоследние пикселы изображения (рис. 17.9).

5. Переместите ползунок гаммы вправо, чтобы слегка осветлить средние тона.Значение гаммы должно составлять примерно 0,8, но, поскольку яркость мо�ниторов у всех различна, эта величина может быть другой.

6. Щелкнув по кнопке OK, подтвердите внесенные изменения. Пикселы пере�распределятся по всему диапазону от черного к белому и распространятся повсей шкале. Нажимая <Ctrl>+<Z>, присмотритесь к изображению и отметьтеразницу до и после настройки.

7. Снова выберите команду Image | Adjustments | Levels. Теперь гистограмма пока�зывает новый порядок пикселов, образовавшийся после их перераспределения(рис. 17.10).Эту процедуру рекомендуется выполнять в качестве первого шага при обработ�

ке отсканированных изображений.

Рис. 17.9. Тоновая коррекция с помощью команды Levels

Установка черной и белой точек вручную

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

Установив значения для точек, вы можете быть уверены в том, что самые темныеи самые светлые области напечатанного изображения будут содержать полезнуюинформацию — детали. Когда детали отсутствуют в самых светлых участках, краскана бумагу не попадает. Такие белые пятна бумаги в печатном изображении называ�ют бликами. А когда деталей лишены темные участки, образуются черные пятна.

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 CorrectionOptions, которое можно вызвать из окон 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).


Рис. 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


Пример 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).

3. Используем дополнительные возможности — возьмите пипетку серого цвета(для выбора нейтрального серого цвета) и щелкните по стене (рис. 17.21).

Рис. 17.20. Выбор алгоритма Find Dark & Light Colors

Рис. 17.21. Совместное использование алгоритма и установок пипетки серого

Самостоятельное задание. 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


В этом изображении требуется регулировка средних тонов и теней. Свет здесьнормальный, и трогать его не надо. Чтобы не испортить свет, его нужно изолиро�вать с помощью установки точки на графике. В данном случае мы установим дветочки (рис. 17.24).

� Щелкните мышью на отметке в четверть тона сверху на градационной кривой(диагонали). Вы зафиксировали света.

� Щелкните внизу диагонали. Протяните нижнюю точку вертикально вверх. Тении средние тона изображения становятся светлее. Контрольная точка наверхузащищает светлые тона от изменения.

Команда Shadow/Highlight (Тени/Света)Довольно часто встречаются фотографии с контровым освещением, когда

объект освещен сзади и лицо находится в тени. Получается, солнечный день —это задний план, а лицо не видно из�за теней. Как исправить такую ситуацию?

1. Откройте файл Лимоны.jpg.

2. Выполните команду Image | Adjustments | Shadow/Highlight (Изображение | Кор�рекция | Тени/Света) и установите значения, как на рис. 17.25.

Создается впечатление, что в тенях появился свет, необходимый для отображе�ния деталей объекта. Достаточно удобная команда.

Рис. 17.25. Окно Shadow/Highlight

398 Урок 17

Средства цветовой коррекции

Команда Color Balance (Цветовой баланс)Color Balance (Цветовой баланс) служит для изменения соотношения цветов,

устранения цветового отлива и обеспечивает лишь общую настройку (<Ctrl>+).

1. Откройте файл Color Balance.jpg.

2. Выполните команду Image | Adjustments | Color Balance (Изображение | Коррек�ция | Цветовой баланс), установите значения, как на рис. 17.26.При выполнении команды исчезает пурпурный отлив.

Рис. 17.26. Окно Color Balance

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

Команда Hue/Saturation (Цветовой тон/Насыщенность)Сферы действия данной команды очень обширны. Команда перекрашивает

изображение целиком или отдельные цвета, используется для колоризации и по�лучения спецэффектов и многого другого. Вызывается быстрыми клавишами<Ctrl>+.

Изменение компонентов цвета и насыщенности изображения


1. Откройте изображение Мелки.jpg из папки Цветовая коррекция.

2. Примените команду Hue/Saturation (Цветовой тон/Насыщенность), нажав кла�виши <Ctrl>+.


3. Если в верхней части диалогового окна вы выбрали Master (Все) (рис. 17.27),то перемещение ползунка Hue (Цветовой тон) будет перекрашивать все цветаизображения. Внизу вы видите две цветовые шкалы. Верхняя показывает, ка�кие цвета были до перекрашивания, нижняя — после перекрашивания.

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

Перекрашивание заданного диапазона цветов


1. Выберите в верхнем выпадающем списке значение Reds (Красные цвета). Мыбудем влиять только на красные цвета изображения.

2. Переместите ползунок Hue (Цветовой тон) вправо до значения +89. Красныемелки перекрашиваются в зеленый цвет. Обратите внимание на шкалы пере�крашивания. На них появился фиксированный диапазон с областями спада(рис. 17.28).

Рис. 17.27.Изменение цветовоготона у всех цветовв изображении

Рис. 17.28.Перекрашиваниезаданного диапазонацветов

400 Урок 17

Рис. 17.30.Колоризацияпод старуюфотографию

Если требуемых цветов нет в списке Edit, вы можете «стартовать» с любого цве�та и пипеткой (активизированной в нижней части диалогового окна) щелкнуть визображении, указав, какой цвет необходимо изменить. Дополнительные щелчкив изображении «Пипеткой+» расширяют выбранный диапазон цветов.

Колоризация изображения

В современном дизайне зачастую многоцветные решения заменяются на од�ноцветные. Мы уже рассматривали этот вопрос в теме, посвященной режимамналожения. Способов колоризации много. Один из них — использование опцииColorize (Колоризация) диалогового окна Hue/Saturation (Цветовой тон/Насы�щенность).

1. Откройте файл Колоризация.jpg из папки Цветовая коррекция.

2. Примените команду Hue/Saturation (Цветовой тон/Насыщенность), нажав кла�виши <Ctrl>+. В правой нижней части окна включите опцию Colorize (Ко�лоризация).

3. Установите значения Hue (Цветовой тон) 214, Saturation (Насыщенность) 26.Получился синий вариант колоризации (рис. 17.29). Если вы измените коор�динату Hue (Цветовой тон), то получите другие варианты цветовых решений.

Рис. 17.29.Использованиеколоризации


«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

Рис. 17.32.Содержимое каналовизображения

Команда Channel Mixer (Смешивание каналов)Команда Image | Adjustments | Channel Mixer (Изображение | Коррекция | Сме�

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

1. Откройте файл Шиповник.jpg из папки Цветовая коррекция.

2. Проанализируем содержимое каналов палитры Channels.

3. Как видно из рис. 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.


Рис. 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.37. Выделение цветов для перекрашивания

Рис. 17.36. Раздел Tint

Вы также можете создавать различные варианты колоризации изображения спомощью раздела Tint (Оттенок) (рис. 17.36).

Команда Replace Color (Замена цвета)

1. Откройте изображение Розы.jpg из папки Цветовая коррекция. Предположим, хочет�ся изменить цвет роз. (Следует заметить, что команду Hue/Saturation никто неотменял, и возможно, она выполнит эту операцию более точно.)

2. Вызовите команду Replace Color (Замена цвета).

3. Укажите базовый цвет, который хотите изменить, щелчком пипеткой (перваяиз трех в диалоговом окне) — учитывается только один щелчок.

4. Активизируйте «Пипетку +», щелкайте по розам в изображении, расширяя ба�зовый набор цветов. В центральной части белым цветом отображаются выде�ленные цвета (рис. 17.37).

5. Для перекрашивания воспользуйтесь разделом Replacement (Замена) в нижнейчасти окна, подвиньте ползунок Hue (Цветовой тон) на позицию (+76) — розыстанут желтыми. Для плавности смешивания рекомендуется использование не�больших значений параметра Fuzziness (Допуск) (это растушевка краев выде�ленной области) (рис. 17.38).


Полученный результат — в файле Розы_Replace_color.psd. Для разнообразия пере�красьте медведей из файла Белые медведи.jpg.

Команда Selective Color (Выборочные цвета)Данная команда — самая популярная для коррекции цвета в выбранном диа�

пазоне цветов. Все совершаемые действия необходимо отслеживать по цветовымкоординатам в палитре Info (Информация). При необходимости желательно ис�пользовать инструмент Color Sampler (Считыватель цвета). Данный инструментпозволяет на важных участках изображения отслеживать изменения цвета припомощи специально проставленных «считывателей».

1. Откройте изображение Selective Color.jpg из папки Цветовая коррекция.

2. Активизируйте палитру Info (Информация). В верхней части находятся пипет�ки, показывающие текущие координаты цвета пиксела, на котором находитсякурсор мыши. Настройте левую пипетку на модель CMYK , правую — на мо�дель HSB (для изменения модели отображения щелкните мышью по пипетке ивыберите необходимую модель).

Рис. 17.38. Перекрашивание роз

406 Урок 17

Рис. 17.40. Анализ цветовых координат изображения

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.41. Выбор цветового диапазона Reds

7. Цветовой дефект данного изображения — слишком насыщенные пурпурныещечки у мальчика. Обычно за цвет кожи отвечает раздел Reds (Красные).

8. Выбрав раздел Reds (Красные), необходимо в нем уменьшить составляющуюMagenta (Пурпурный) движением ползунка влево. Вы видите, что пурпурныйотлив исчез.

9. Палитра Info (Информация) мгновенно отображает цветовые изменения в изоб�ражении. Первый считыватель (#1) показывает цифры до и после коррекции вмодели CMYK (рис. 17.42). Заметьте, что мы подавили пурпурную составляю�щие, о чем говорят вторые цифры (после дроби) в координатах считывателя.

Рис. 17.42. Устранение цветового отлива в выбранном диапазоне цветов

408 Урок 17

Рис. 17.43. Выбор охлаждающего цвета фильтра

Команда Photo Filter (Фотофильтр)Профессиональные фотографы, зная о свойстве человеческого глаза приспо�

сабливаться к свету, используют в работе насадки на фотоаппарат — фотофильт�ры. Данная команда программно заменяет их.

В команде Photo Filter (Фотофильтр) предлагаются различные типы фильтров,такие как Warming (Теплее цвет) и Cooling (Охлаждающий цвет).

1. Откройте изображение Белые медведи.jpg из папки Цветовая коррекция.

2. Вызовите команду Image | Adjustments | Photo Filter (Изображение | Коррекция |Фотофильтр). В верхней части окна в выпадающем списке фильтров выберитеCooling Filter (LBB) (рис. 17.43).

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

Команда Gradient Map (Градиентная карта)Данная команда перекрашивает цвета в зависимости от уровня яркости выб�

ранным градиентом. Очень полезна при перекрашивании части черно�белого изоб�ражения.

1. Откройте изображение Просто текст.jpg из папки Цветовая коррекция.

2. Выделите прямоугольным выделением часть изображения — коррекция будетраспространяться только на выделенный участок.

3. Вызовите команду Image | Adjustments | Gradient Map (Изображение | Коррек�ция | Градиентная карта).


Корректирующие слоиВ чем вообще�то у нас большая проблема? Вся коррекция, примененная ранее

к изображению, была необратима после его закрытия. Это очень плохо, т. к. в про�цессе работы возможны различные варианты.

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

4. Выберите из списка градиентов пятый по счету — фиолетово�оранжевый(рис. 17.44).

5. Как работает команда? Заметьте, что темный текст перекрашен в фиолетовыйцвет, а белый фон — в оранжевый. Таким образом, команда накладывает гра�диент на цвета сопоставимо их уровню яркости.

Рис. 17.44. Применение градиента приперекрашивании изображений

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). Он состоит из пиктограммы коррекции и слой�маски.


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. Создание корректирующего слояс помощью пиктограммы палитры


Ограничение действия корректирующего слояв многослойном документе

Корректирующие слои влияют на все нижележащие слои. Чтобы ограничитьдействие корректирующего слоя только первым нижележащим, необходимо вы�полнить операцию отсечения (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).


Примеры колоризации в рекламных коллажахУдачным примером использования корректирующего слоя в рекламе может

служить файл Реклама.psd из папки Цветовая коррекция\Hue_Saturation (рис. 17.55).Откройте изображение в слоях. Посмотрите, как расставлены акценты.Примеры использования колоризации в рекламных плакатах фирмы Bodyglove

(рис. 17.56) в папке Hue_Saturation.

Рис. 17.53. Параметры слоя Hue/Saturation

Рис. 17.54. Акцент цветом

416 Урок 17

Рис. 17.56. Использование цветовой коррекции в рекламе «Alexgray»

Рис. 17.55. Использование цветовой коррекции в рекламе «Twenty»


Использование корректирующего слоя 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

Разные способы осветления (затемнения)Иногда решение одной и той же задачи достигается разными способами.Не то что один способ плохой, а другой — профессиональный, просто в зави�

симости от степени вашей подготовки и делается выбор алгоритмов.

Слишком светлая фотография

Откройте файл 5_слишком светлая.jpg — изображение из папки Корректирующие слои.Действительно слишком светлая фотография.

1 способ:

1. Создайте копию слоя Background, например сочетанием клавиш <Ctrl>+<J>.

2. У слоя Background copy установите режим наложения Multiply. Заметьте, чтоизображение стало слишком темное. Чтобы ослабить действие верхнего слоя,уменьшим Opacity до 57% (рис. 17.59).

2 способ (тот же самый результат):

1. Вернитесь к состоянию начальной загрузки.

2. В нижней части палитры Layers (Слои) щелкните по пиктограмме, выберитепункт Levels (Уровни) из всплывающего меню. Откроется диалоговое окно Levels(Уровни). Щелкните кнопку OK, чтобы закрыть диалоговое окно. В палитреLayers (Слои) появился корректирующий слой с именем Levels.

Рис. 17.58. Ограничение действия корректирующегослоя с помощью слой�маски


3. Установите у слоя Levels режим наложения Multiply.

4. Чтобы ослабить действие корректирующего слоя Levels, уменьшим Opacity до57% (рис. 17.60).Заметьте, что результат, как ни парадоксально, тот же. В чем же преимущество?Преимущество в гибкости настройки за счет использования слой�маски в кор�ректирующем слое.

Рис. 17.60. Добавление корректирующего слоя Levels в режиме наложения Multiply

Рис. 17.59. Создание копии слоя в режиме наложения Multiply

420 Урок 17

Рис. 17.61. Использованиеслой�маски для гибкойнастройки коррекции

Рис. 17.62. Работа в слой�маске Levels в режименаложения Screen


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).

4. Создайте корректирующий слой Levels, выберите алгоритм Auto — супер!(рис. 17.65).

Рис. 17.64. Ограничение изображения

Рис. 17.65. Применение алгоритма Auto на выделенную область изображения


5. А теперь совсем неожиданное. Если вам дорого как память черное поле, кото�рое мы исключили (или там действительно необходимая информация), удали�те маску слоя в корзину (рис. 17.66) — и чудо — коррекция не изменилась.

Как сделать краски жизни ярче?Иногда результаты простого осветления или действия алгоритмов не очень

устраивают, т. к. цвет вместе с ними и цвет объектов изменяется не в лучшуюсторону.

Есть прием, когда краски делаются намного насыщеннее в результате приме�нения корректирующего слоя Levels в режиме наложения Overlay (кстати, данныйприем применяют в «гламурной ретуши» для придания «загара»).

1. Откройте файл 8_Море.jpg из папки Корректирующие слои — пейзаж будто в дымке.

2. Если применить корректирующий слой Levels (Уровни), алгоритм Auto — морепотеряет свой цвет, станет просто синим.

3. Создайте корректирующий слой без выбора алгоритмов. Установите у коррек�тирующего слоя режим наложения Overlay. Краски стали слишком яркие. Что�бы ослабить действие слоя, уменьшите Opacity до 57% (рис. 17.67).

Рис. 17.66. Удаление маски корректирующего слоя не изменяет коррекцию

424 Урок 17

Рис. 17.67. Применение режима наложения Overlay для насыщения красок

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

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

В этом уроке вы научитесь:

� использовать инструмент Clone Stamp (Штамп клонирования) для удаления изизображения «лишних» предметов;

� работать с инструментом Spot Healing Brush (Пятновыводитель);� убирать морщины и отбеливать зубы;� восстанавливать старинные фотографии;� использовать палитру History (История) для смешивания нескольких состоя�

ний изображения;� применять снимки для сохранения ранних состояний или вариантов вашей ра�

боты.

УрокУрокУрокУрокУрок 18 18 18 18 18РЕТУШИРОВАНИЕ

И ВОССТАНОВЛЕНИЕ ФОТОГРАФИЙ

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. Трансформация слоя с заплаткой


6. Четко позиционируя слой с заплаткой на нужной позиции, сведите слои изоб�ражения в один слой. Работа сделана! Результат в файле Часы_end.jpg (рис. 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. Результат ретуши

Инструменты ретушиИспользуя инструменты ретуши (рис. 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

4. Начиная от левого нижнего угла, перемещайте при нажатой левой кнопке мышиинструмент Clone Stamp по рядам стоящих шезлонгов.Обратите внимание на перекрестие, появившееся снизу от курсора инструментаClone Stamp. Оно указывает ту область изображения, которая копируется инст�рументом Clone Stamp при перемещении указателя мыши (рис. 18.12).

Рис. 18.11. Указание области клонирования и размера кисти

Рис. 18.12. Клонированиеобласти изображения

5. Отпустите кнопку мыши, переместите указатель мыши в другую область и сно�ва начните клонировать изображения. Почаще меняйте источник клонирова�ния. Нажимая и удерживая клавишу <Alt>, берите образцы с других участковпобережья, тогда изображение будет выглядеть более правдоподобно.Продолжайте клонирование, пока все объекты не исчезнут (рис. 18.13).

Рис. 18.13. Дикий пляж после ретуши — ни одной живой души!

Инструмент Spot Healing Brush (Пятновыводитель)Spot Healing Brush (Пятновыводитель) быстро удаляет дефекты и пятна с ваше�

го изображения без указания области клонирования.

1. Откройте изображение Фонтан.jpg из папки Чудесное место.

2. Увеличьте правый угол изображения около фонтана (рис. 18.14). Обратите вни�мание на совершенно ненужный предмет и хаотично разбросанную в травелиству. Уберем предмет, почистим траву. Активизируйте инструмент Spot HealingBrush.Для использования инструмента не нужно указывать областей клонирования.

3. Проведите инструментом по объекту, по мере того как вы перемещаете мышь,пикселы закрашиваются. Однако когда вы отпускаете мышь, цвета самостоя�тельно корректируются так, что объект скрывается (рис. 18.15).

434 Урок 18

Рис. 18.14. Участок для исследования действия инструмента

Рис. 18.15. Применение инструмента Spot Healing Brush

4. Попробуйте убрать листву справа от фонтана с помощью этого инструмента(рис. 18.16).

Вы можете оценить работу инструмента, открыв файл Применение пятновы�водителя.psd.

Инструмент Healing Brush (Лечащая кисть)

Healing Brush (Лечащая кисть) — инструмент борьбы с царапинами в стилештампа клонирования. Так же как и штамп, лечащая кисть требует предваритель�ного определения источника данных, указываемого с помощью щелчка инстру�ментом по изображению при нажатой клавише <Alt>.

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

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

1. Откройте файл Стараяфотография.jpg.

2. Активизируйте инструмент HealingBrush. Укажите с помощью комби�нации <Alt>+ щелчок по областиклонирования, выбрав нужный раз�мер кисти инструмента (рис. 18.17).

Рис. 18.16. Результат работы инструмента

Рис. 18.17. Указание области клонирования

436 Урок 18

3. Проведите по белому излому бумаги. Область не просто клонируется, проис�ходит смешение яркости пикселов (рис. 18.18).

4. Последовательно изменяя области клонирования и диаметр инструмента, вос�становите фотографию. Возможный результат ретуши в файле Стараяфотография_end.psd в слоях (рис. 18.19).

Мы с вами уже изучили тему «Раскрашивание» — попробуйте раскрасить этуфотографию.

Рис. 18.18. Результат работыинструмента


Инструмент Patch (Заплатка)Инструмент Patch (Заплатка) позволяет реализовать метод «аппликации» бо�

лее простым и эффективным способом. Возможны два режима работы: Source(Источник) и Destination (Назначение). Сначала создается выделение в стиле лас�со, после чего перетаскиванием выделения указывается, откуда (куда) должны бытьвставлены пикселы.


Данный инструмент, так же как и Healing Brush (Лечащая кисть), не просто пе�реносит клонированную область, а также смешивает уровни яркости и цветностьдефекта и клонированной области. Используем данный инструмент для улучше�ния фотографий, например, уберем морщинки.

1. Откройте фотографию Приятная женщина.jpg.

2. Активизируйте инструмент Patch (Заплатка). Проверьте, чтобы активен былрежим Source (Источник) (рис. 18.20).

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

Рис. 18.21. Указание области для работы

3. Обведите инструментом область вокруг морщинок (рис. 18.21).

4. Переместите инструмент Patch внутрь выделенной области и перетащите этуобласть на гладкое место лица (например, вниз на щеку). В выделенной облас�ти сразу будет отображаться клонированная область. Отпустите мышь(рис. 18.22).

Рис. 18.22. Результат действия инструмента Patch

438 Урок 18

5. Затем используйте этот же прием для стирания морщин под другим глазом.

6. В дополнение предлагаю отбелить зубы инструментом Dodge (Осветлитель)(рис. 18.23).

Результат в файле Приятная женщина_end.psd. Уместно заметить, что в ретуши выприменяете инструменты, приносящие видимый результат. В данном случае мож�но было бы использовать и другие ранее изученные инструменты.

Рис. 18.23.Использование инструмента Dodgeдля «отбеливания» зубов

Заливка и восстановление ContentLAware(С учетом содержимого)

В последней версии программы появился удобный алгоритм Content�Aware(С учетом содержимого). Данный алгоритм реализован к примеру в команде Fill(Залить) и в настройке инструмента Spot Healing Brush (Пятновыводитель).

Content�Aware (С учетом содержимого) заполняет выделенную область схожимсодержимым изображения, расположенным в непосредственной близости. Дляоптимального результата выделение должно немного захватывать область, кото�рая будет воспроизводиться. (Как правило, применения обычного лассо или вы�деленной области для этого достаточно.) Однако совмещение подобных элемен�тов изображения происходит на случайной основе.

Использование ContentLAware в команде Fill (Залить)На следующем примере я продемонстрирую удобство и быстроту использова�

ния Content�Aware (С учетом содержимого) в команде Fill (Залить).Откройте файл с диска Lessons\Урок_18_Ретушь\Content�Aware\ Стена_старт.jpg. Цель

данной работы�ретуши — создать файл�заготовку для задания текстуры кирпич�ной стены. Для этой цели необходимо устранить перспективное искажение и уб�рать огромную брешь слева (рис. 18.24).


1. Устраним перспективное искажение инструментом Crop (Обрезка), задав на�правление перспективы (рис. 18.25). Очень удобно будет выбрать на панелипараметров инструмента отображение сетки.


Рис. 18.25. Задание перспективы для обрезки

440 Урок 18

2. При применении операции обрезки стена имеет четкую горизонтальную ори�ентацию (рис. 18.26).

3. Выделите прямоугольным выделением чуть больше области бреши в стене(рис. 18.27).

4. Выполните команду Edit | Fill (Редактирование | Залить) (рис. 18.28), выбрав ввыпадающем списке Content�Aware (С учетом содержимого).

5. Снимите выделение. Результат выполнения операции превзойдет все ожида�ния (рис. 18.29)!

Рис. 18.26. Исправлено перспективное искажение

Рис. 18.27. Указание области ретуши


Рис. 18.28. Сетка и настройки марионе�точной деформации

Использование ContentLAware в Spot Healing BrushПри работе со Spot Healing Brush (Пятновыводителем) на панели параметров

возможно выбрать различные типы работы инструмента (рис. 18.30):

� Proximity Match (Соответствие приближения). Установлен по умолчанию. Ис�пользует пикселы по краю выделенного фрагмента, чтобы найти область, ко�торая должна использоваться в качестве накладки.

� Create Texture (Создание текстуры). Использует пикселы выделенной областидля создания текстуры. Если текстура не подошла, попробуйте повторно пере�тащить ее через исправляемую область.

� Content�Aware (С учетом содержимого). Оценивает ближайшее содержимое, что�бы заполнить выделенную область без заметных границ, сохранив такие клю�чевые детали, как тени и края объектов.

Рис. 18.29. Результатвыполнения Content�Aware

442 Урок 18

Откройте файл с диска Lessons\Урок_18_Ретушь\Content�Aware\ Город.jpg.Активизируйте тип работы Content�Aware (С учетом содержимого). Копирова�

ние будет осуществляться с фоновых участков.

Самостоятельная работа

Задание 1 (пригодится для будущего задания)Откройте файл Небо.psd. Ваша задача — отретушировать слой Background, пред�

варительно скопировав его. Вариант ретуши — в верхнем слое. Используйте всеизученные инструменты из арсенала программы.

Задание 2 (чуть сложнее)На диске сопровождения в папке Чудесное место есть примеры выполненной ре�

туши файлов Стена дома.jpg и Фонтан.jpg. Сделайте свои варианты.

Инструмент Red Eye (Удаление эффекта красных глаз)Red Eye (Удаление эффекта красных глаз) — устраняет «эффект красных глаз»

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

Работа с палитрой History (История)Палитра History (История) сохраняет только ограниченное количество действий

(20 шагов по умолчанию). После исчерпания этого лимита каждое новое действиеудаляет из палитры первый пункт. При таких операциях, как ретушь, эти шагиможно пройти за одно дыхание. Поэтому (особенно при ретуши) рекомендованоиспользовать возможность палитры делать снимки действий. Впоследствии в этойже сессии вы можете вернуться к состоянию, записанному в снимок, выбрав дан�ный снимок в палитре History (История). Число сохраняемых снимков не ограни�чивается, главное в них не запутаться, поэтому ненужные надо удалять и всем обя�зательно давать имя. До этого момента мы работали только со снимком (состоя�нием) начальной загрузки.

1. Откройте файл Лилия.jpg из папки История. Мы выполним очень интересный ал�горитм, в результате лилия будет цветная, а все остальное — нет.

2. Выполните команду Image | Adjustments | Desaturate (Изображение | Коррекция |Отмена насыщенности). Все изображение стало бесцветным, несмотря на цве�товую модель RGB, поддерживающую цвет.

Рис. 18.30. Типы работы инструмента в панели параметров


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. Восстановление цвета Кистью истории

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

Patterns (текстуры) часто используются в качестве узоров для компьютерных эк�ранов, заднего плана на Web�страницах; в полиграфии для оформления дипломов слоготипами фирмы; в 3D�графике для создания материалов поверхностей. Такимобразом, куда ни посмотри, везде они нужны, а делать вам их надо в Photoshop.


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

В ходе урока вы сделаете текстуру из логотипа, как на сайте фирмы Longines.Усложнив задачу, научитесь размещать логотипы в текстурах не просто горизон�тально, а в шахматном порядке. И высший пилотаж — сможете сделать рельеф�ные логотипы для заливки. И все это на примере логотипа любимой Adobe.

Нам не составит труда сделать текстуру из части любого фотоизображения, будьто ракушки или кирпичи, и загрузить новые библиотеки для работы. Все это имногое другое в данном уроке!

Урок 19Урок 19Урок 19Урок 19Урок 19ТЕКСТУРЫ

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.Данный метод очень прост, т. к. логотипы располагаются строго по столбцам.

Сложнее расположить их в шахматном порядке.

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

Тренироваться будем на логотипе Adobe. Фирма Adobe прислала мне, как AdobeCertified Expert, свой логотип. Мы сейчас его и будем использовать. Напомню,логотип векторный!

1. Создайте квадратное изображение, предположим 200×200 пикселов (далее бу�дет удобно считать), в модели RGB.

2. Выполнив команду File | Place, поместите в него логотип Adobe из файлаТекстуры\Логотипы\Adobe.ai.

Рис. 19.3. Выбор образца для заливки Рис. 19.4. Фон для сайта с логотипами фирмы

448 Урок 19

3. В диалоговом окне Place PDF нажмите кнопку OK. В изображение помещенлоготип в габаритном контейнере. С помощью габаритного контейнера про�порционально уменьшите логотип (рис. 19.5).

4. Выполните двойной щелчок внутри контейнера, применив трансформацию.Обратите внимание на новый слой с названием Adobe. Из ранее пройденногоматериала вы помните, что создан Smart Object (о чем свидетельствует пикто�грамма в палитре Layers). Выполните команду контекстного меню слоя Rasterize(Растрировать), переводящую Smart Object в обыкновенный слой.

5. Скопируйте слой Adobe. У вас теперь три слоя (рис. 19.6).

6. Примените к слою�дублю фильтр, выполнив команду Filter | Other | Offset и введяполовинные значения ширины и высоты изображения в качестве смещенийпо горизонтали и по вертикали (рис. 19.7). У фильтра включена опция WrapAround (Обертывание). В результате ваш «порезанный» логотип будет «разбро�сан» по углам изображения.

Рис. 19.5. Уменьшение логотипа

Рис. 19.6. Изображение и слоеваямодель


7. Сведите все слои командой Flatten Image (Свести слои) меню палитры Layers.

8. Задайте текстуру командой Edit | Define Pattern.

9. Залейте новый документ получившимся образцом (рис. 19.8).

Рис. 19.7. Диалоговое окноOffset

Рис. 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. Мозаичная «плитка» со стилизованнымизображением логотипа после понижения яркости иповышения контраста


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

хождения требуются как в полиграфии, так и для создания поверхностей в 3D�графике.

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

1. Я начну объяснение алгоритма со сравнения двух образцов текстур (одна про�работанная, другая — нет). Разница у них огромная. Итак, откройте два файлапод прозаическими названиями Было.tif и Стало.tif из папки Ракушки (рис. 19.12).

Рис. 19.11. Текстура из рельефных логотипов

Рис. 19.12. Изображениядля создания текстур

452 Урок 19

2. Задайте текстуры из одного и другого изображения (рис. 19.13). Создайте но�вый документ 1024×768 пикселов и залейте сначала одной, а потом другой тек�стурами.

3. Сравните получившиеся результаты (рис. 19.14).

Рис. 19.13. Задание текстуры

Рис. 19.14. Разница в наличии швов при заливке образцами

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

1. Откройте файл Start.psd из той же папки. Для создания текстуры изображе�ние слишком большое, поэтому требуется вырезать только его часть.

2. Инструментом Rectangular Marquee (Прямоугольное выделение) ограничьтечасть изображения (рис. 19.15).


3. Выполните команду Image | Crop (Изображение | Обрезать), и изображение бу�дет обрезано по границе выделенной области (рис. 19.16.). Снимите выделе�ние.

4. Если из этого образца сейчас определить текстуру, она будет со швами. Выпол�ните команду Filter | Other | Offset, введя значения ширины и высоты изобра�жения в качестве смещений по горизонтали и по вертикали (рис. 19.17). У филь�тра должна быть включена опция Wrap Around (Обертывание).

5. Теперь вам надо так отретушировать образец, чтобы не было швов. Используй�те в работе инструмент Clone Stamp (Штамп клонирования). Результат ретушив файле Стало.tif. Если задать текстуру из этого файла, швов не будет.

Рис. 19.16. Обрезка изображенияРис. 19.15. Выделите область для текстуры

Рис. 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). Вот вам и примеррисунка для оберточной бумаги в магазине морских сувениров.

Как сделать так, чтобы предметы располагались по отдельности, но вместе со�блюдалось условие «бесшовности»?


Для получения данной текстуры есть специальный алгоритм.В его основе лежит задание некой единичной плитки исходного размера. Этот

размер будет использоваться почти во всех действиях и в результате сохранится витоговом Pattern:

1. Откройте файл 1.jpg из папки Урок_19_Текстуры\Оберточная бумага (рис. 19.21).

2. Важным моментом в данном алгоритме является размер стартового документа.Я создала документ размером 200×200 пикселов с белым фоном, где размести�ла морскую звезду — наш первый объект.

3. Задайте текстуру из файла командой Edit | Define Pattern (Редактирование | За�дать текстуру).

4. Залейте большой документ (например, 1024×768 пикселов) данной текстурой(рис. 19.22).

Рис. 19.19. Файл Пример.tif Рис. 19.20. Пример оберточной бумаги

Рис. 19.21. Файл стартового размерас первым объектом

Рис. 19.22. Пример заливки первым объектом

456 Урок 19

5. Откройте файл 2.jpg из папки Урок_19_Текстуры\Оберточная бумага. Выделите объект.Перетащите выделенный объект в большой файл с уже залитой текстурой(рис. 19.23). Расположите объект на свободном месте.

6. Создайте прямоугольное выделение размером со стартовый файл. Для этогоустановите в полях параметров высоту и ширину по 200 px (рис. 19.24).

Рис. 19.23. Второй объект расположен в файле с залитой текстурой

Рис. 19.24. Создание выделения размером стартового документа

7. Создайте выделение зафиксированного нами размера в большом документе так,чтобы в рамку выделения помещался второй объект (рис. 19.25).

Рис. 19.25. Заданиефиксированноговыделения в большомдокументе


Рис. 19.26. Задание второго образца текстуры

Рис. 19.27. Выбор второгообразца для залития файла

8. Задайте новый образец текстуры из выделенной области документа (рис. 19.26).

9. Снимите выделение в большом документе, залейте весь документ новым вто�рым образцом (рис. 19.27).

Результат заполнения второй текстурой — на рис. 19.28. Вы видите, что на зад�нем плане первые образцы тоже бесшовно сложились. Это результат задания вы�деления под размер стартового образца — в этом и состоит основная идея алго�ритма.

Дальше выполняются аналогичные действия с добавлением других объектов.

Рис. 19.28. Заполнениебольшого документа второйтекстурой

458 Урок 19

10. Откройте файл 3.jpg из папки Урок_19_Текстуры\Оберточная бумага. Выделите объект.Перетащите выделенный объект в большой файл с уже залитой текстурой. Рас�положите объект на свободном месте (рис. 19.29).

11. Повторите действия пунктов 7–9. Таким образом, большой документ будет со�держать уже три объекта с последовательно залитыми текстурами (рис. 19.30).

Рис. 19.29. Добавлениеследующего объекта

Рис. 19.30. Заполнениебольшого документа следующейтекстурой

Рис. 19.31. Сохранениеобразца

Сохранение образцаДля сохранения промежуточных и итогового образцов существует много способов.Один из них — использование Preset Manager (Управление наборами).Вызовите команду Edit | Preset Manager. Выберите в раскрывающемся списке

Preset Type значение Patterns (Текстуры) (рис. 19.31). Сохраните образец.

«Что за объект без тени?» — спросите вы, и будете абсолютно правы. Пред�ставьте себе монтаж: яркий солнечный день, а у людей нет теней — странно смот�рится эта картина.

Тени — неотделимая часть любой фотореалистичной работы, свечение — пре�красный спецэффект. Способов создания теней очень много, и все определяется,как всегда, ситуацией.

Заказчики обожают тени в рекламе, самая распространенная просьба — не до�бавить ли тень к тексту для особой красоты и выразительности.


� создавать реалистичную тень;� отделять слоевой эффект в отдельный слой;� ограничивать действие тени;� создавать прозрачную надпись;� эффектно подсвечивать буквы.

В конце урока мы создадим реалистичные тени от разных объектов.

УрокУрокУрокУрокУрок 20 20 20 20 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. Трансформация выделения для будущей тени

Рис. 20.6. Заливка тени

5. Загрузите выделение по форме объекта. Для этого выполните щелчок по пик�тограмме слоя с медведем, удерживая клавишу <Ctrl> (рис. 20.4).

6. Командой Select | Transform Selection деформируйте форму выделения так, что�бы оно приняло форму будущей тени (обратите внимание, что работа идет свыделением, а не с пикселами). Используйте в контекстном меню контейнератрансформации команды Distort, Warp (рис. 20.5).

7. В слое с выделением залейте его серым цветом, выбрав в диалоговом окне, от�крываемом командой Edit | Fill (Редактирование | Заливка), значение 50% Gray.Снимите выделение. Если нужно, подправьте тень с помощью кисти. При не�обходимости выполните размытие тени с помощью фильтра, выбрав командуFilter | Blur | Gaussian Blur (рис. 20.6).

8. Установите для слоя с тенью следующие параметры:Mode: Multiply; Opacity: 28 % (рис. 20.7).

Результат в файле Смени обстановку.psd (рис. 20.8).

464 Урок 20

Рис. 20.7. Изменение параметров слоя для достижения реалистичности

Рис. 20.8. Смени обстановку!

Ограничение тениВо многих случаях тень проще создать, используя слоевой эффект 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.13. Применение слоевого эффекта Drop Shadow к слою с девушкой

Рис. 20.11. Выделение девушки в отдельный слой Рис. 20.12. Совмещение изображений


3. Активизируйте изображение Девушка.jpg. Выделите девушку, используя инстру�мент Lasso (Лассо). Скопируйте на новый слой (рис. 20.11).

4. Совместите в файле Фон.jpg вырезанных девушку и телефон. В результате полу�чились три слоя: фоновый и два над ним (рис. 20.12).

5. Для достижения реалистичности создадим тень от девушки. В палитре Layersактивизируйте слой с девушкой. Вызовите окно Layer Style и выберите эффектDrop Shadow (Отбрасывание тени) (рис. 20.13). Проблема в том, что тень пада�ет и на фон (рис. 20.14).

6. Слоевой эффект связан со слоем, к которому его применили. Эффект нельзячастично стереть или ограничить его видимость. Решение в отделении тени всамостоятельный слой. Для этого выберите команду главного меню Layer | LayerStyle | Create Layer (Слой | Стиль слоя | Создать слой). Тень в отдельном слое(рис. 20.15).

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

Но уничтоженное потом не восстановишь.Второй, умный способ, в ограничении видимости тени посредством создания

отсекающей маски.

Рис. 20.14. Проблема с эффектом Рис. 20.15. Отделение слоевого эффектав отдельный слой

468 Урок 20

Рис. 20.16. Созданиеотсекающей маски

Рис. 20.17. Параметры шрифта

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.18. Создание надписи

Рис. 20.19. Настройки эффекта Outer Glow

4. В этом же окне активизируйте эффект Bevel and Emboss (Фаска и рельеф), на�строив его параметры, как на рис. 20.20.

5. Измените значение параметра Fill у текстового слоя на 0. Надпись станет про�зрачной, а слоевые эффекты останутся (рис. 20.21).

470 Урок 20

Рис. 20.20. Настройки эффекта Bevel and Emboss

Рис. 20.21. Итоговая композиция

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

В этом уроке:

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

а также сделаете рекламный коллаж для часов Breguet.

Урок Урок Урок Урок Урок 2121212121СОЗДАНИЕ КОЛЛАЖЕЙ

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 GroupFrom Layers (Создать новую груп�пу из слоев) контекстного менюпалитры Layers (Слои). Назови�те группу «Часы» и подсветите еекрасным цветом (рис. 21.7).

Рис. 21.6. Ограничение действия корректирующего слоя

Рис. 21.5. Параметры слоя Color Balance


Рис. 21.7. Создание группы «Часы»

Рис. 21.8. Создание формы для маски отсечения

10. Для размещения картинки города внутри часов мы будем использовать опе�рацию отсечения. Для начала создадим круг с помощью Shape�layer по формевнутренней части часов (рис. 21.8) — это будущая маска отсечения.

11. Откройте изображение Город.jpg. Перетащите его в файл Start.psd (рис. 21.9).

12. Выполните операцию Create Clipping Mask (Создать маску отсечения)(рис. 21.10). Результат в файле End.psd.

476 Урок 21

Рис. 21.9. Совмещение изображений



Реклама часов Breguet…Пока недремлющий брегет не прозвонит ему обед…

А. С. Пушкин

А. С. Пушкин в своих стихах отразил огромную популярность, которой часыфирмы Breguet пользовались в России. А это, в свою очередь, было свидетельствомих высокого качества, элегантности и точности. Мы создадим коллаж, посвящен�ный часам Breguet.

Откройте все файлы из папки Брегет. Попробуйте самостоятельно создать изоб�ражение, подобное находящемуся в файле Итоговый файл.psd (рис. 21.11).

Рис. 21.11. Реклама часов Breguet

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

два варианта представлены в слоевых файлах в той же папке (рис. 21.12).Ваша задача — сделать лучше!

Зачетная работа — реклама часовМы изучили столько теоретического материала и выполнили так много прак�

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

478 Урок 21

Файлы�детали находятся в папке Зачет. В папке Не подсматривать находится сло�евой файл для проверки зачета. К работе! Желаю удачи.

На рис. 21.12 приведены результаты работ.

Рис. 21.12. Один из вариантов результатов работы

Кто не мечтает стать фотомоделью?Гламурная ретушь, новая широко используемая технология, то, с чем мы встре�

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

В данном уроке вы узнаете алгоритм, который позволит вам самым здоровым ибезобидным способом (при помощи программы) создать идеальную красоту.


� созданию идеально гладкой и ухоженной кожи средствами Photoshop;� легкому изменению цвета глаз без помощи линз;� нанесению различного цвета теней для создания романтического образа;� фигурной подводке для большей выразительности глаз;� окрашиванию, мелированию, тонированию на любой вкус;� созданию блеска на губах;� использованию Layer Comps (Композиции слоев) для быстрого представления

различных образов.

УрокУрокУрокУрокУрок 22 22 22 22 22ГЛАМУРНАЯ РЕТУШЬ

480 Урок 22

Пример, который я приведу в этом уроке, содержит несколько вариантов.Дело в том, что в подготовке этого примера участвовало несколько человек,каждый создал по своему настроению и уровню владения «Make�up». Спасибомоей команде за эти варианты.

Предлагаем вам рассмотреть данные алгоритмы и создать что�то свое. Вы уви�дите возможности программы и сами сделаете выбор в применении того или ино�го цвета и умеренности.

Рис. 22.1. Удаление мелких дефектов

Откройте файл Старт.jpg из папки Гла�мур (автор фото — Маргарита Чайка).Рассмотрим поэтапно, как создаетсямодель для гламурных журналов.

Этап 1. Обработка кожиПрежде чем приступить к глобальной

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

Удаление дефектов

Не старайтесь удалить все дефекты.Лицо должно выглядеть естественно, учеловека могут быть веснушки, родин�ки, которые украшают его. Морщинытакже не стоит удалять все, часть можнооставить, минимальное количество,свойственное возрасту человека.

1. Создайте копию слоя Background<Ctrl>+<J>. Назовите копию слоя«Удаление пятен».

2. Инструментом Healing Brush удалитекрупные дефекты. Мелкие дефекты иморщинки будут удалены на следую�щем этапе (рис. 22.1).

Гладкость кожи

Практически во всех алгоритмах по�давления шумов, дефектов, муара, улуч�шения кожи и т. п. используются фильт�ры размытия. Алгоритм снижения

Гламурная ретушь 481

Рис. 22.2. Размытие слоя фильтром Surface Blur

резкости используется не только в цифровой обработке, но и активно применяет�ся фотографами еще на стадии съемки за счет частичной расфокусировки.

1. Создайте копию слоя Удаление пятен.

2. Примените к слою�копии фильтр Blur | Surface Blur (Поверхностное размытие),размойте изображение (рис. 22.2). Параметры Amount и Threshold зависят от видаи разрешения изображения.

3. Для слоя с размытой кожей добавьте слой�маску. Инвертируйте маску клави�шами <Ctrl>+ (команда Image | Adjustments | Invert). При инвертированиимаски слой с размытием не виден, размытие не применяется.

4. Кистью белого цвета порисуйте в активной маске на участках кожи с дефекта�ми, не затрагивая глаза, губы, волосы (рис. 22.3). Это позволит сохранить об�щую четкость изображения.

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

1. Создайте новый слой. Залейте его командой Edit | Fill | 50% Gray (50% серый).Установите режим наложения Overlay (Перекрытие).

2. К новому серому слою добавьте шумы фильтром Filter | Noise | Add Noise (Доба�вить шум) со значением Amount (равными 2,1–2,3). Эти действия мы соверша�ем для создания будущей фактуры кожи (рис. 22.4).

3. Чтобы слой распространял свое действие только на кожу, создайте маску отсе�чения (рис. 22.5).

482 Урок 22

Рис. 22.3. Смешивание слой�маской

Рис. 22.4. Добавление шума к слою

Рис. 22.5. Рисование в маске позволяет улучшить текстуру кожи


Этап 2. Повышение контрастности лица

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

2. Установите режим наложения Overlay (Перекрытие), Opacity 27% (рис. 22.6).

Рис. 22.6. Увеличение контрастности лица

Этап 3. Создание имиджLобразовПосле «косметолога» девушка отправляется в салон «Make�Up», где вы сами

решаете, какой имидж�образ ей придать. Примеры различных образов приведеныниже.

Имидж 1. Платиновая блондинкаПерекрашивание волос

1. Выделите волосы в режиме быстрой маски (рис. 22.7).

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

484 Урок 22

2. Установите режим наложения Screen. Для придания естественного пепельно�го отлива создайте корректирующий слой Hue/Saturation с настройками, какна рис. 22.8. Чтобы коррекция ограничивалась только нижележащим слоем,выполните операцию отсечения.

Меняем цвет глаз

Существуют два варианта перекрашивания: рисование цветом в режиме Color(Цвет) и использование корректирующего слоя цветовой коррекции. В данномпримере использован корректирующий слой Hue/Saturation.

1. Используя инструмент Elliptical Marquee (Эллиптическое выделение), выдели�те оба глаза, установите легкую растушевку.

2. Создайте корректирующий слой Hue/Saturation с параметрами, указаннымина рис. 22.9.

Рис. 22.8. Перекрашивание волос корректирующим слоем


3. Для реалистичности синих глаз установите у корректирующего слоя режим на�ложения Overlay (Перекрытие), Opacity 89%.

Подводка глаз

1. Создайте новый слой.

2. Выберите кисть диаметром 3 px Opacity 30%.

3. Легкими штрихами подведите глаза (рис. 22.10).

Рис. 22.9 Изменение цвета глаз

Рис. 22.10. Подводка глаз

486 Урок 22

Подводим брови

1. Создайте новый слой. Установите параметр Opacity равным 15%.

2. Кистью коричневого цвета проведите линию бровей.

Губы с блеском

1. Скопируйте губы со слоя «Удаление пятен» в отдельный слой.

2. Создайте корректирующий слой Curves (Кривые) и осветлите изображение(рис. 22.11). Назовите слой «Свет». Установите режим наложения Screen.

3. Создайте еще один корректирующий слой Curves (Кривые), но на этот раз за�темните изображение (рис. 22.12). Назовите слой «Тень».

4. Инвертируйте слой�маски обоих корректирующих слоев так, чтобы они былизаполнены черным цветом.

Рис. 22.11. Параметры корректирующего слояCurves при осветлении

Рис. 22.12. Параметры корректирующего слояCurves при затемнении

5. Для того чтобы коррекция распространялась только на губы, создайте маскуотсечения (рис. 22.13).

6. Кистью белого цвета с прозрачностью 50% порисуйте в маске слоя Свет там,где хотите добавить блеска. Затем той же кистью порисуйте в маске слоя Теньтам, где хотите затемнить губы (рис. 22.14). Данный алгоритм повсеместно ис�пользуется для придания блеска на любых частях тела.

Итоговый вариант в слоях в файле Lessons\Урок_18_ретушь\Гламур\Варианты в цвете\Платиновая блондинка.psd.


Имидж 2. «Огненная»

Перекрашивание волос

1. Выделите волосы в режиме быстрой маски.

2. Для придания рыжего цвета создайте корректирующий слой Hue/Saturation снастройками, как на рис. 22.15. Чтобы коррекция ограничивалась только ни�жележащим слоем, выполните операцию отсечения. Установите у корректиру�ющего слоя режим наложения Linear Light (Линейный свет), Opacity 45%.

Меняем цвет глаз

1. Аналогично первому примеру, выделите оба глаза и создайте корректирующийслой Hue/Saturation с параметрами, указанными на рис. 22.16. На этот раз гла�за будут зеленые.

2. Для реалистичности зеленых глаз установите у корректирующего слоя режимналожения Overlay (Перекрытие), Opacity 89%.

Рис. 22.13.Создание маски отсечения для слоев Curves

Рис. 22.14. Блики на губах

488 Урок 22

Подводим брови

1. Создайте новый слой. Установите параметр Opacity 15%.

2. Кистью коричневого цвета проведите линию бровей.

Рис. 22.15. Перекрашивание волос корректирующим слоем в огненно�рыжие

Рис. 22.16. Изменение цвета глаз


Рис. 22.17. Красим губы в новом слое

Красим губы


2. Установите у нового слоя режим наложения Soft Light, Opacity 64%.

3. Обводим кистью губы. Цвет RGB (168; 80; 54) (рис. 22.17).

Рис. 22.18. Тени на новом слое

Наносим тени


2. Установите у нового слоя режим наложения Soft Light.

3. Кистью светло�коричневого цвета с прозрачностью 20–30% порисуйте на слое(рис. 22.18).Итоговый вариант в слоях в файле Lessons\Урок_18_ретушь\Гламур\ Варианты в

цвете\Огненная.psd.

490 Урок 22

Использование Layer Comps (Композициислоев) для представления дизайнLрешений

Возможно, эта тема из раздела Layers (Слои), но на тот момент времени вы немогли составить столько дизайн�решений и такой сложности в палитре Layers.

Если у вас много вариантов и идей, расположенных в палитре Layers (Слои),согласитесь, каждый раз выполнять экзерсисы включения�выключения опреде�ленной последовательности видимости слоев (особенно при заказчике) «не гла�мурненько». Разумеется, в Photoshop есть прекрасная возможность за один щел�чок демонстрировать ваши прекрасные идеи, одна за другой!

Откройте файл Lessons\Урок_18_ретушь\Гламур\Итог.psd.Вам понадобится палитра Layers (Слои) для отображения наших идей и палит�

ра Layer Comps (Композиции слоев) — где уже есть заготовки идей.

1. В момент открытия отображается только стартовый слой без использованияPhotoshop (рис. 22.19).

2. В палитре Layer Comps (Композиции слоев) включите квадратик пиктограммыслева от названия «Платиновая блондинка» (рис. 22.20). Вы увидите, что в па�литре Layers (Слои) изменились последовательности видимости слоев — из�заэтого другой вид у нашего изображения.

3. В палитре Layer Comps (Композиции слоев) включите квадратик пиктограммыслева от названия «Огненная» (рис. 22.21). Вы увидите только видимость сло�ев, соответствующую алгоритму «Огненная». Более того, двойным щелчком подпозицией «Огненная» вы можете прочитать комментарии к данной компози�ции: «за мои прекрасные глаза…».

4. В палитре Layer Comps (Композиции слоев) включите квадратик пиктограммыслева от названия «просто третий вариант» (рис. 22.22). Это третий вариант.

Рис. 22.19. Стартовое состояние документа


Рис. 22.20. Активно состояние «Платиновая блондинка»

Рис. 22.21. Активно состояние «Огненная»

Рис. 22.22. Активно состояние «просто третий вариант»

492 Урок 22

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

AAAAA

Anti�alias 140Arrowheads 92Auto Color Correction Options 391

BBBBB

Background 111Background Color 47Brightness/Contrast 395Bristle Tips 72Brush 47

CCCCC

Canvas Size 223Channels 162Clipping Mask 294Clone Stamp 431Color Balance 398Color Picker (Подборщик цвета) 27Content�Aware Scale 208Crop 225Curves 396Custom Shape 94

DDDDD

Default 47Diameter 49Dodge 442

EEEEE

Edit| Fill 53, 66Elliptical Marquee 131Eraser 51

FFFFF

Feather 140Fill pixels 91Flatten Image 124, 127Flow 51Foreground Color 47Foreground to Background 77Foreground to Transparent 77

GGGGG

Gradient 75Gradient Editor 78Gradient Type 88

HHHHH

Hand 44Hardness 49Healing Brush 436History 54Hue/Saturation 399, 401, 405

IIIII

Image Size 215

LLLLL

Layer Comps 490Layer Style 251Layers 110Line 92Link 123Location 79


MMMMM

Magic Wand 149Magnetic Lasso 148Merge Down 127Merge Visible 127Mixer Brush 72

NNNNN

Navigator 44

OOOOO

Opacity 49

PPPPP

Pattern 445Pencil 51Perspective 226Polygonal Lasso 147Puppet Warp 205

QQQQQ

Quick Mask 174

RRRRR

Randomize 88Rectangular Marquee 130Refine Edge 152Reset Shapes 96Reverse 78

SSSSS

Select 130Sepia 401Shadow/Highlight 397Shapes 91Smart Object 288Smart Radius 155Spacing 61Stops 79

TTTTT

Tolerance 149Type 228

ZZZZZ

Zoom 43

ААААА

Аэрограф 50Альфа�каналы 168

БББББ

Быстрая маска 174

ВВВВВ

Векторная графика 19Выделение 130

ГГГГГ

Гамма 387

ИИИИИ

Интерполяция (усреднение) 22Интерфейс 30

ККККК

Канал 162Кривые 396Коррекция фигуры 329Колоризация 241Комбинирование выделения 137Комбинирование каналов 182Команды цветовой коррекции 398Композитный канал 162Компьютерная графика 18

ЛЛЛЛЛ

Лечащая кисть 436

Предметный указатель 495

МММММ

Масштаб 42, 206Модель CMYK 25Модель HSB 26Модель RGB 25

ООООО

Обрезка 225Осветлитель 442

ППППП

Перспектива 226Палитра Color (Цвет) 28Палитра Swatches (Образцы цвета) 28Палитры 34Панель инструментов 39Пиксел 19Построение форм 92

РРРРР

Разрешение изображения 19Размер изображения 215Растровая графика 18Ретуширование 426

ССССС

Сглаживание (Anti�alias) 22Свободная трансформация 185Слоевые эффекты 251Создание стиля 263Стиль слоя 251

ТТТТТ

Текст 228Трансформация выделения 204Точная трансформация 196

ФФФФФ

Фильтры 302Функциональные клавиши 37

ЦЦЦЦЦ

Цветовой баланс 398Цветовой тон/Насыщенность

399, 405Цветовые модели 25

ШШШШШ

Штамп клонирования 431

ЭЭЭЭЭ

Эффект фокусировки 317

496

При предъявлении этой книги на Факультете переподготовки специа�листов Санкт�Петербургского государственного политехнического уни�верситета (далее ФПС СПбГПУ) Вы можете прослушать любой из крат�косрочных курсов направления «Дизайн» по специальной цене.

Что нужно сделать:1. Купить книгу.2. Зайти на сайт www.avalon.ru или позвонить по телефону 703�02�02 и оп�

ределиться, на какой из курсов направления «Дизайн» Вы хотите полу�чить скидку.

3. Записаться в группу и подойти для заключения договора по адресу:Санкт�Петербург, ул. Обручевых, д. 1 (вход с ул. Гидротехников), к. 202.

4. При оформлении договора на обучение предъявить данную книгу и по�лучить скидку 5% на курс.

Условия акции:� Специальное предложение действительно только для физических лиц.� Для получения скидки необходимо предъявить книгу в момент оформ�

ления договора на обучение.� Вы получаете скидку в размере 5% на любой курс направления «Ди�

зайн».� Скидка может быть использована только один раз.� Данная скидка не суммируется с другими скидками ФПС СПбГПУ.� Акция действительна до 31.05.2011 г.

СПЕЦИАЛЬНОЕПРЕДЛОЖЕНИЕДЛЯ ВЛАДЕЛЬЦА КНИГИ

Евгения тучкевич самоучитель adobe photoshop cs5 2011

Documents