Тучкевич евгения самоучитель adobe photoshop cs4 2009

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

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

УДК 681.3.06ББК 32.973.26�018.2

Т92

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

ISBN 978�5�9775�0366�2

ISBN 978�5�9775�0366�2

Т92

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

УДК 681.3.06ББК 32.973.26�018.2

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

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

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

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

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

Компьютерная верстка Игоря Шишигина

Корректор Наталия Першакова

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

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

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

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

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

Лицензия ИД № 02429 от 24.07.00. Подписано в печать 27.02.09.Формат 70×1001/

16. Печать офсетная. Усл. печ. л. 39,99.

Тираж 3000 экз. Заказ № “БХВ�Петербург”, 190005, СПб., Измайловский пр., д. 29

Санитарно�эпидемиологическое заключение на продукцию № 77.99.02.953.Д.006421.11.04от 11.11.2004 г. выдано Федеральной службой по надзору

в сфере защиты прав потребителей и благополучия человека.

Отпечатано по технологии СtPв ОАО «Печатный двор» им. А. М. Горького

197110, Санкт�Петербург, Чкаловский пр., 15.

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

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

ОглавлениеОб авторе .................................................................................................................................................................................................................................. 12Благодарности .................................................................................................................................................................................................................... 12Содержание компакт�диска ................................................................................................................................................................................ 12

ВведениеВведениеВведениеВведениеВведениеЗАЧЕМ НУЖНО ЗНАТЬ КОМПЬЮТЕРНУЮ ГРАФИКУ? ................... 13

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

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

Цветовые модели ..................................................................................................................................... 19Модель RGB ......................................................................................... 19Модель CMYK ....................................................................................... 20Модель HSB ......................................................................................... 21

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

Урок 1Урок 1Урок 1Урок 1Урок 1ЗАПУСК. КАК РАБОТАЕТ?И КАК В НЕМ РАБОТАТЬ? .............................................................................. 25

Интерфейс ........................................................................................................................................................ 26Работа с быстрыми «горячими» клавишами ............................................ 29

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

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

Панель инструментов ...........................................................................................................................35Определение инструмента .................................................................... 35Выбор инструмента ............................................................................... 35

Режимы отображения .........................................................................................................................36Способы изменения масштаба просмотра ............................................................... 38

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

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

Основные инструменты рисования ..................................................................................... 42Выбор основного и фонового цвета ................................................................................ 42Инструмент Brush (Кисть) ...............................................................................................................43

Параметр Brush (Кисть) ......................................................................... 43Отображение на экране инструментов рисования ................................... 44Изменение размера и жесткости ........................................................... 44Режим наложения (Mode) ...................................................................... 45Непрозрачность (Opacity) ...................................................................... 45Режим Airbrush (Аэрограф) .................................................................... 46Плотность (Flow) ................................................................................... 46

Сохранение и восстановление параметров инструментов ......................46Инструмент Pencil (Карандаш) .................................................................................................47Инструмент Eraser (Резинка) .....................................................................................................47Инструмент Paint Bucket (Ковш заливки) ...................................................................47Команда Fill (Залить) .............................................................................................................................49Отмена и возврат действий.Палитра History (История) .............................................................................................................50Пример использования инструментов рисования ............................................ 51Проект «Юкка» .............................................................................................................................................. 52Рисование при помощи графического планшета ..............................................53

Урок 3Урок 3Урок 3Урок 3Урок 3ПАЛИТРА BRUSHES (КИСТИ) ....................................................................... 57

Строение палитры .................................................................................................................................... 58Настройка параметров кисти ......................................................................................................59

Шаг 1. Очистка установок кистей .......................................................... 59Шаг 2. Настройка Brush Tip Shape (Формы кисти) .................................. 60Шаг 3. Настройка Shape Dynamics (Динамика формы кисти) ................... 61Шаг 4. Настройка Scattering (Рассеивание, отклонение) ......................... 62Шаг 5. Настройка Color Dynamics (Динамика цвета) ................................ 63Шаг 6. Сохранение кисти ...................................................................... 64

Создание пользовательской кисти ......................................................................................65Пример создания кисти из части изображения ....................................... 67

Проект «Пейзаж» ...................................................................................................................................... 68

Оглавление 5

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

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

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

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

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

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

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

Дополнительные наборы кистей .............................................................................................96Загрузка наборов кистей ....................................................................... 97Сброс кистей ........................................................................................ 97Набор кистей «Цветы» ........................................................................... 98Набор кистей «Tattoo» ............................................................................ 99Набор кистей «Бумага» ......................................................................... 100

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

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

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

Как показывать и прятать слои .............................................................. 105Выделение слоев ................................................................................. 106Слой Background (Фоновый слой) ......................................................... 107Параметры слоя ................................................................................... 107Изменение последовательности слоев ................................................. 108Переименование, подсветка слоев ........................................................ 109


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

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

Урок 7Урок 7Урок 7Урок 7Урок 7ВЫДЕЛЕНИЕ ....................................................................................................... 125

Что такое выделение? ...................................................................................................................... 126Выделение, как ограничение действия инструментов и команд ............. 126Клавиши�модификаторы при создании выделения ................................ 127Комбинирование выделения ................................................................ 132Общие свойства инструментов выделения .............................................134

Инструменты выделения ............................................................................................................... 136Инструмент Lasso (Лассо) .....................................................................137Инструмент Polygonal Lasso (Полигональное лассо) ................................143Инструмент Magnetic Lasso (Магнитное лассо) .......................................144Инструмент Magic Wand (Волшебная палочка) ......................................145Инструмент Quick Selection (Быстрое выделение) .................................147

Команда Refine Edge(Улучшение границ выделения) ............................................................................................ 148Использование растушевкив художественном оформлении фотографий ..................................................... 153Проект «Home» ......................................................................................................................................... 156

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

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

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

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

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


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

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

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

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

Трансформация выделения ....................................................................................................... 202

Урок 10Урок 10Урок 10Урок 10Урок 10РАЗМЕР ИЗОБРАЖЕНИЯ ........................................................................... 203

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

Разворот после сканированиянескольких фотографий ................................................................................................................ 211Увеличение поля вокруг изображения ....................................................................... 212Исправление перспективного искажения ................................................................ 215

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

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

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

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

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

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

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

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

Режим Normal (Нормальный) ............................................................... 228Режим Multiply (Умножение) ................................................................. 228Режим Screen (Осветление) для коллажей ............................................ 230Режимы Hue (Цветовой тон) и Color (Цвет)для колоризации изображений ............................................................ 231


Различные варианты создания коллажа ................................................. 232Элементы графики в коллажах .............................................................. 233

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

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

Урок 13Урок 13Урок 13Урок 13Урок 13СЛОЕВЫЕ ЭФФЕКТЫ .................................................................................... 239

Что такое слоевые эффекты? .................................................................................................. 240Диалоговое окно Layer Style (Стиль слоя) ............................................................ 241

Эффект Drop Shadow (Падающая тень) .................................................. 242Эффект Inner Shadow (Внутренняя тень) ............................................... 243Эффект Outer Glow (Внешнее свечение) ................................................ 244Эффект Inner Glow (Внутреннее свечение) ............................................. 244Эффект Bevel and Emboss (Выдавливание и фаска) ................................ 245Эффект Satin (Шелк) ............................................................................ 246Эффекты группы Overlay (Перекрытие) .................................................. 246Эффект Stroke (Обводка) ...................................................................... 249Создание и сохранение своего стиля .................................................... 249Изменение стиля ................................................................................. 250

Создание стиля ......................................................................................................................................... 252Анатомия слоевого эффекта ................................................................. 252Настоящие капли воды ......................................................................... 256

Примеры использования слоевых эффектов ........................................................ 256Проект «Мой детский сад» или детская надпись ..................................... 256Использование стилей в рекламе .......................................................... 260

Примеры библиотек стилей ........................................................................................................ 264

Урок 14Урок 14Урок 14Урок 14Урок 14МАСКИРОВАНИЕ ............................................................................................ 265

Работа со слой�маской .................................................................................................................. 266Создание слой�маски ........................................................................... 266Точность отображения в слой�маске ...................................................... 269Скрытие/отображение слой�маски ....................................................... 271Удаление, применение слой�маски ...................................................... 271Применение различных типов градиентовв слой�маске ....................................................................................... 272Рекламный коллаж для фирмы O’Neill ................................................... 275Коллаж «Make your business» ................................................................. 278Как сделать объект прозрачным? .......................................................... 278

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

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

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


Урок 15Урок 15Урок 15Урок 15Урок 15ФИЛЬТРЫ ............................................................................................................ 291

Обзор фильтров ....................................................................................................................................... 292Что следует знать о фильтрах? .............................................................. 292Основные группы фильтров программы ................................................ 292

Демонстрация действиястандартных фильтров ...................................................................................................................... 294

Применение стандартных фильтров ...................................................... 295Работа с Smart Filters (Умными фильтрами) .......................................... 296Создание эффектной рамки .................................................................. 301Машина в движении ............................................................................. 304Эффект фокусировки на объект ............................................................ 307Применение фильтров в создании коллажей ......................................... 310

Фильтры с собственным интерфейсом ....................................................................... 311Выделение ворсистых объектов. Фильтр Extract .................................... 311Фильтр Liquify (Оплавить) ..................................................................... 315Фильтр Vanishing Point .......................................................................... 319

Позиционирование фильтра Lens Flare (Блики) ................................................ 326

Урок 16Урок 16Урок 16Урок 16Урок 16РАБОТА С ВЕКТОРНЫМИ ОБЪЕКТАМИ ............................................. 329

Paths (Контуры) .................................................................................... 330Использование инструмента Pen (Перо) ................................................ 330Редактирование кривых ........................................................................ 338Рисование контура вокруг фигуры ......................................................... 343Загрузка выделения из контура ............................................................. 345Преобразование выделения в контур .................................................... 346Создание обтравочного контура ............................................................ 347

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

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

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

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

Тоновый диапазон изображения ........................................................................................ 372Типы изображений ............................................................................................................................... 372Новые возможности коррекциив Adobe Photoshop CS4 .................................................................................................................. 374

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

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


Команда Curves (Кривые) .................................................................... 385Команда Shadow/Highlight (Тени/Света) ................................................ 387

Средства цветовой коррекции ................................................................................................ 388Команда Color Balance (Цветовой баланс) .............................................. 388Команда Hue/Saturation (Цветовой тон/Насыщенность) ........................... 388Подготовка черно�белых изображений .................................................. 391Команда Channel Mixer (Смешивание каналов) ...................................... 392Команда Black and White (Черно�белое) ................................................. 393Команда Replace Color (Замена цвета) .................................................. 394Команда Selective Color (Выборочные цвета) .......................................... 395Команда Photo Filter (Фотофильтр) ....................................................... 398Команда Gradient Map (Градиентная карта) ........................................... 398

Корректирующие слои ..................................................................................................................... 399Свойства корректирующих слоев .......................................................... 400Создание и действие корректирующего слоя ......................................... 400Ограничение действия корректирующего слояв многослойном документе ................................................................... 403Создание коррекции по выделенной области ........................................ 404Примеры колоризации в рекламных коллажах ....................................... 405

Использование корректирующего слоя Levels .................................................. 407Когда дефект работает на нас ............................................................... 407Разные способы осветления (затемнения) ............................................. 408Исключение «паразитных» пикселов ..................................................... 411Как сделать краски жизни ярче? ........................................................... 413

Урок 18Урок 18Урок 18Урок 18Урок 18РЕТУШИРОВАНИЕИ ВОССТАНОВЛЕНИЕ ФОТОГРАФИЙ ................................................... 415

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

Инструменты ретуши ........................................................................................................................ 421Восстановление областей инструментомClone Stamp (Штамп клонирования) .................................................... 421Инструмент Spot Healing Brush (Пятновыводитель) ................................. 423Инструмент Healing Brush (Лечащая кисть) ............................................ 425Инструмент Patch (Заплатка) ................................................................ 426Самостоятельная работа ...................................................................... 428Инструмент Red Eye (Удаление эффекта красных глаз) .......................... 428Работа с палитрой History (История) ...................................................... 428Использование инструмента History Brush (Кисть истории) ..................... 430

Гламурная ретушь ................................................................................................................................ 431Этап 1. Обработка кожи ....................................................................... 431Этап 2. Повышение контрастности лица ................................................ 434Этап 3. Создание имидж�образов ......................................................... 434

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


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

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

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

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

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

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

Медведь на пляже ................................................................................................................................. 458Ограничение тени .................................................................................................................................. 463Текстовые тени и свечения ........................................................................................................ 466

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

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

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


Об автореАвтор книги, Тучкевич Е. И. — Adobe Certified Expert по продуктам Adobe

Photoshop и Adobe Illustrator, имеющая большой преподавательский стаж, аспи�рант кафедры педагогики по специализации «Методика обучения компьютерно�му дизайну», автор курсов по продуктам «Adobe corporation», руководитель крат�косрочных программ обучения по специализации «Компьютерный дизайн и 3D�графика».

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

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

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

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

Без прекрасной верстки Игоря Шишигина книга не была бы такой нагляднойи удобной в восприятии. Спасибо тебе за помощь и дружбу!

Особая признательность проректору по инновационной деятельности СПбГПУРечинскому Александру Витальевичу за внимание и поддержку в развитии кур�сов. Вы всегда внимательны и находите время для беспокойных дизайнеров, спа�сибо Вам за это.

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

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

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

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

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

урока 18.

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

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

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

ВведениеВведениеВведениеВведениеВведениеЗАЧЕМ НУЖНО ЗНАТЬ

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


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

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

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

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

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

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

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

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

Введение 15

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

Основными характеристиками растрового изображения являются высота иширина, задаваемые в момент его создания, которые можно изменить в процессеработы. В зависимости от дальнейшего использования выбирают различные еди�ницы измерения: если вы хотите использовать его в полиграфии (печатный от�тиск на бумаге, фотография в рамочке) — сантиметры (см); если для 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!) для каталога? Пришлось ехать наместо и проводить съемку.

Введение 17

Сглаживание (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).

Введение 19

Данный метод используется при масштабировании изображения и при выпол�нении команды 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), пурпурный

Введение 21

(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 (Цветовойтон), т. к. отмечен соответствующий переключатель.

Введение 23

Щелкнув по кнопке 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

26 Урок 1

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

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

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

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

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

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

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

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

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

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

Запуск. Как работает? И как в нем работать? 27

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

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

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

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

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

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

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

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

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

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

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

28 Урок 1

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

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

ния. Применяются в медицине, химии, географии, физике и других областях.Например, в медицине можно анализировать снимки, полученные с аппаратаУЗИ и сохраненные в формате AVI.

� 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).Довольно редко необходимо видеть все палитры сразу. Поэтому многие палит�

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

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

30 Урок 1

Варианты отображения стандартного набора палитр Basic (Простой) показа�ны на рис. 1.4.

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

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

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

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

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

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

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

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


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

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

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

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

32 Урок 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.

34 Урок 1

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

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

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

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

Определение инструментаНе нажимая кнопки мыши, установите указатель над одним из инструментов,

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

Выбор инструментаИнструмент активизируется щелчком по его пиктограмме или нажатием быст�

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

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

треугольник. Это значит, что за этим инструментом «спрятаны» другие, дополни�тельные.

Выбрать «спрятанный» инструмент можно несколькими способами.

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

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

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

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

36 Урок 1

Режимы отображенияДля этой части урока откройте командой File | Open файл Porsche 1.jpg. из

папки Lessons\Урок_1_Интерфейс на компакт�диске.В программе используются три режима отображения окна программы.В правой верхней части панели инструментов находится пиктограмма пере�

ключения режимов отображения Screen Mode (Экранный режим) (рис. 1.15).

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

экранный режим) — рис. 1.16.Второй режим — Full Screen With Menu Bar (Полный экран с главным меню) —

рис. 1.17. Однако в этом режиме нет ни строки состояния документа, ни полоспрокрутки.

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

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

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

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

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


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

Рис. 1.18. Окно перехода в режим полного экрана

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

38 Урок 1

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

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

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

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

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

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

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

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

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

1. Дважды щелкните на значке инструмента Zoom (Лупа) (№ 59 на рис. 1.12).2. В главном меню выберите команду View | Actual Pixels (Вид | Реальный размер)

или нажмите комбинацию клавиш <Ctrl>+<1>.

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

1. Дважды щелкните на значке инструмента Hand (Прокрутка) (№ 58 нарис. 1.12).

2. Нажмите комбинацию клавиш <Ctrl>+<0>.3. В главном меню выберите команду View | Fit on Screen (Вид | По размеру окна).

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

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

Инструмент Zoom (Лупа) изображен на рис. 1.12 под № 59.

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

Если удерживать нажатой клавишу <Alt>, указатель примет вид и масш�

таб будет уменьшаться.Обведя в рамочку инструментом Zoom часть изображения, вы увеличиваете

заданную область (см. рис. 1.21).

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

Палитра Navigator (Навигатор) сочетает в себе различные способы изменениямасштаба, в том числе полосы прокрутки (рис. 1.22).

Для изменения масштаба используются поле ввода, ползунок или кнопки.Как только масштаб будет так велик, что не все изображение будет помещаться

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

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

40 Урок 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

42 Урок 2

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

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

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

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

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

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

Рис. 2.1.Пиктограммы Foreground Colorи Background Color

Рисование 43

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

Можно изменить цвет переднего плана многими способами. Самый простой —выбрав щелчком в палитре 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) — это не только форма инструмента, но и

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

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

Нарисуйте линию, выбрав различные формы кисти.

44 Урок 2

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

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

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

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

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

(Жесткость) — рис. 2.4.

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

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

Жесткие кисти имеют четкий контур, мягкие — растушеванный, размытый.Для изменения размера кисти (параметр Brush у любого инструмента!) и жестко7

сти вы можете использовать следующие быстрые клавиши и комбинации клавиш:

� клавиша <[> позволяет уменьшить размер кисти, сохраняя ее жесткость;� клавиша <]> позволяет увеличить размер кисти, сохраняя ее жесткость;� комбинация клавиш <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

46 Урок 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, № 40).

Рассмотрим панель параметров инструмента (рис. 2.9).

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

48 Урок 2

� Выпадающий список определяет содержимое заливки — пункт Foreground (Цветпереднего плана) или Pattern (Узор). Если выбран режим узора, можно опреде�лить его образец в следующем выпадающем списке Pattern (Узор). Установитережим Foreground.

� Mode (Режим наложения) задает режим наложения заливки, поле Opacity (Не�прозрачность) определяет степень ее непрозрачности, флажок Anti�alias (Сгла�живание) устанавливает сглаживание краев, а флажок Contiguous (Непрерыв�но) регулирует режим заливки смежных или всех подходящих пикселов.

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

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

Рассмотрим на примере принцип действия инструмента.

1. Выберите Brush, установите Diametr (Диаметр) 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 (Цвет заднего плана).

50 Урок 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.


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

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

Пример — открытка, выполненная Анной Зреловой «Ежик с сердцем»(рис. 2.15) (файл Lessons\Урок_2_Рисование\Ежик с сердцем.jpg на ком�пакт�диске).

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

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

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

52 Урок 2

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

\Фото_Юкка.jpg) или любое ваше.

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

Preset: Web

Size: 640х480, 72 ppi,

Color Mode: RGB Color,


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

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

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

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

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

Рис. 2.15.«Ежик с сердцем». Автор: А. Зрелова


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

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

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

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

54 Урок 2

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

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

Планшет имеет ряд преимуществперед мышью:

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

� планшет имеет большее разреше�ние, чем мышь, — 2000 dpi. Это по�зволяет достичь высокой точностии плавности движений, а такжеудобства при работе с большим мас�штабом;

� все современные планшеты чув�ствительны к силе нажатия. От 256степеней нажатия у домашних план�шетов до 1054 у профессиональных.Линия на экране максимально при�ближается к линии карандаша иликисти;

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

� на некоторых планшетах есть допол�нительные опции – чувствитель�ность к повороту и наклону пера, чтоявляется необходимым художе�ственным действом при рисовании.

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

Рис. 2.19. Занятия на планшете

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

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


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

На нашем факультете (www.avalon.ru)после прохождения базовой подготов�ки работы в программе Photoshop выможете получить дополнительные на�выки рисования на планшете. Обуче�ние проходит в течение двух курсов(рис. 2.19).

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

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

Рис. 2.22.«Богиня» (Matte Painting). Автор: Лукьянова Н.

Рис. 2.21. Набросок к работе и работа «Серебря�ное копытце». Автор: Николаева

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

56 Урок 2

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

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

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

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


ПАЛИТРА BRUSHES (КИСТИ)

58 Урок 3

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

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

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

Preset: Web;

Size: 640х480, 72 ppi;

Color Mode: RGB Color;


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

Как видно на рис. 3.1, в левой части палитры расположена область параметров.

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

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

Палитра Brushes (Кисти) 59

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

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

Шаг 1. Очистка установок кистейБольшинство кистей имеют заданные настройки. При создании новой кисти

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

Выполните команду Clear Brush Controls (Очистка установок кисти) из менюпалитры Brushes (Кисти) (рис. 3.2).

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

60 Урок 3

Шаг 2. Настройка Brush Tip Shape (Формы кисти)Щелчком в левой части палитры активизируйте параметр Brush Tip Shape (Фор�

ма кисти).Соответствующее этому пункту окно справа (рис. 3.3) содержит элементы уп�

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

1. Выберите форму кисти «Кленовый лист». Эта форма заранее помещена внабор.

2. С помощью ползунка Diameter (Диаметр) установите значение 60 px.Изменение диаметра ведет к проявлению кнопки Use Sample Size (Использо�вать заданный размер), нажатие на которую возвращает значение диаметра кпервоначальной величине.

3. Схема в правой части окна и поля Angle (Угол) и Roundness (Округлость) пока�зывают угол наклона и степень округлости. Повернув стрелку, установитеугол 30°.

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


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

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

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

Шаг 3. Настройка Shape Dynamics (Динамика формы кисти)Пока наши листья, как клонированные солдаты, одинакового размера, с одина�

ковым разворотом по оси, стремятся ровным строем на землю. Изменим их размер.Щелчком в левой части палитры активизируйте параметр Shape Dynamics (Ди�

намика формы кисти) (рис. 3.4)

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

62 Урок 3

1. Параметр Size Jitter (Комбинации размера) установите 100%. Тем самым размерлиста будет изменяться от самого маленького возможного до 100% размера.

2. Так как совсем маленький лист будет почти не виден, установим ползунокMinimum Diameter (Минимальный диаметр) в положение 30%. Таким образом,размер листа будет изменяться от 30 до 100%.

Для реалистичности листопада создадим кручение листа вокруг своей оси.

1. Установите ползунок Angle Jitter (Комбинация угла поворота) в положение 100%.

2. Параметр Roundness Jitter (Комбинация пропорций) не будем использовать.

Шаг 4. Настройка Scattering (Рассеивание, отклонение)Мы изменили у листьев форму и размер, а также кручение, но в природе листо�

пад — это своеобразный хаос. Создадим этот хаос заданием рассеяния и числа ли�стьев.

Щелчком в левой части палитры активизируйте параметр Scattering (Рассеива�ние, отклонение) (рис. 3.5).

Рис. 3.5. Настройкарассеивания


1. Ползунок Scatter (Рассеивание) регулирует отклонение по одной оси. Введитезначение 200%, и наши листья разлетятся по вертикали.

2. Отклонение по обеим осям задает флажок Both Axes (Обе оси). Включите его.Листья разлетаются в разные стороны.

3. Заметьте, что листьев у нас не очень�то много. Увеличим их количество с 1 до 4,изменением значения Count (Плотность в штуках).

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

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

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

Изменение цветовых параметров происходит согласно модели HSB.

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

64 Урок 3

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

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

Также можно изменять параметры Saturation Jitter (Комбинация насыщеннос�ти) и Brightness Jitter (Комбинация яркости) для комбинирования насыщенностии яркости цвета относительно выбранного базового цвета.

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

2. Проведите кистью по документу.

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

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

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

1. Щелкните по пиктограмме Create new brush (Создать новую кисть), располо�женной в нижней правой части палитры Brushes (рис. 3.8).

2. В открывшемся диалоговом окне введите название «Осенний кленовыйлист 60».

3. Щелкните по кнопке OK.


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

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

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

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

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

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

1. Откройте файл Цветок.jpg (рис. 3.9) из папки на диске Lessons\Урок_3_Кисти.

2. Выберите команду меню Edit | Define Brush Preset (Правка | Определить кисть).В открывшемся диалоговом окне Brush Name (Название кисти) (рис. 3.10) вве�дите имя кисти «Цветок» и щелкните на кнопке ОК. В палитре Brushes появит�ся новая кисть «Цветок».

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

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

66 Урок 3

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

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

Preset: Web;

Size: 640х480, 72 ppi;



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

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

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

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

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

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


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

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

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

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

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

68 Урок 3

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

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

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

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

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


Preset: Web;

Size: 640х480, 72 ppi;



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

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

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

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

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


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

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

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

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

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

70 Урок 3

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

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

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

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

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


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

щих.

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

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


ИНСТРУМЕНТGRADIENT (ГРАДИЕНТ)

72 Урок 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 (Градиент) 73

ПРИМЕЧАНИЕ Если при использовании линейного градиента удерживать клавишу <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. Вызов Редактора градиента

да б в г

74 Урок 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> происходит дублирование мар�кера и на растяжке появляется еще один маркер.

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

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

78 Урок 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. Реверс радиуса растяжки

80 Урок 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.

82 Урок 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.

84 Урок 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ЛУЖЕБНЫЕ НАБОРЫ

86 Урок 5

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

Preset: Web;

Size: 640х480, 72 ppi;



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

88 Урок 5

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

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

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

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

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

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

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

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

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

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

Рис. 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.

90 Урок 5

Загрузка дополнительных наборовКроме стандартного набора форм вы можете загрузить дополнительные набо�

ры из самой программы или формы, сохраненные вами где�либо на диске.

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

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

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

3. В открывшемся диалоговом окне Load первоначально программа указываетпуть до наборов: Program Files\Adobe\Adobe Photoshop CS4\Presets\CustomShapes (рис. 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, добавленныйк стандартным формам

92 Урок 5

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

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

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

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

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

Pirates.csh.


Preset: Web;

Size: 640х480, 72 ppi;



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. Отображение больших пиктограмм

94 Урок 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. Разделение кисти

96 Урок 5

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

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

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

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

Наборы находятся в папке Lessons\Урок_5_Наборы\Brushes.

ВНИМАНИЕ Расширение файлов с наборами кистей — abr. Файлы с наборами не растровые.Они не открываются командой File | Open, а загружаются командой Load Brushes в меню па�раметра Brush инструмента Brush (Кисть).


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


Preset: Web;

Size: 640х480, 72 ppi;



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

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

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

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

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

ных не будет.

98 Урок 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.

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

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

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

100 Урок 5

7. Выберите цвет Foreground темно�коричневый. Установите параметры кисти,как на рис. 5.30. Обратите внимание, я изменила режим наложения инстру�мента на Multiply.

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

9. Сбросьте кисти и очистите холст.

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

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

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

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

3. В открывшемся диалоговом окне Load укажите путь до набора:Урок_5_Наборы\Brushes\Бумага\Бумага.abr. Загруженные кисти пока�заны на рис. 5.31.

4. Под каждой кистью стоит маленькая цифра, например 1024. Это размер. Длянашего документа она очень большая (наш документ 640×480 px, что в два разаменьше).

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

6. Сбросьте кисти.

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

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


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

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


Preset: Web;

Size: 640х480, 72 ppi;



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

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

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

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

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

102 Урок 5

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

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

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

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

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

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

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

104 Урок 6

Рис. 6.1. Слои

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

106 Урок 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.

108 Урок 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.Задание подсветкислоя

110 Урок 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. Изображение после удаления слоев

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

112 Урок 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. Переносрюкзаков

114 Урок 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. Возможности выравнивания

116 Урок 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 (Толь�ко группу) — удаляется только папка�оболочка, а содержимое остается.

118 Урок 6

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

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

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

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

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

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

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


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

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

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

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

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

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

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

120 Урок 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_Слои\ПРОЕКТ КОСМОС.

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


Preset: Web

Size: 640х480, 72 ppi;



Можно открыть файл Подложка для космоса.jpg из папкиLessons\Урок_6_Слои\ПРОЕКТ_КОСМОС.

2. Если у вас чистый документ, создайте свой градиент с цветами космоса и за�лейте им слой Background.

3. Создайте новый пустой слой. Назовите его Планета_1.

4. Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение). Наактивном слое Планета_1 начните растягивать Elliptical Marquee (Эллипти�ческое выделение), не отпуская мышь, нажмите клавишу <Shift> — выделениепримет форму круга. Отпустите мышь, затем отпустите клавишу <Shift>.

5. Создайте свой градиент, который будет имитировать планету. Выберите ради�альный тип градиента, растяните его внутри выделения (на рис. 6.27 показанонаправление растяжки). Заметьте, что градиент заливает только область выде�ления, не выходя за ее границы. Снимите выделение командой главного менюSelect | Deselect или быстрыми клавишами <Ctrl>+<D>.

122 Урок 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.

124 Урок 6

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

Рис. 6.30.Готовый проектв слоях

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

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

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

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

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

ВЫДЕЛЕНИЕ


126 Урок 7

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

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

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

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

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

Preset: Web

Size: 640х480, 72 ppi;



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

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

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

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

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

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

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

Выделение 127

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

128 Урок 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. Применение градиента в области выделения

130 Урок 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. Сохраните файл, как память о выделении.

132 Урок 7

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

нения операций изменяется.Создайте прямоугольное выделение.Нажмите клавишу <Shift>, к курсору инструмента добавится плюс. Это зна�

чит, что инструмент перешел в режим суммирования.Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение) и

выделите область, пересекающую уже имеющееся выделение.Области выделения будут просуммированы. На рис. 7.14 представлены опера�

ции комбинирования.

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

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


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

Задание:


Preset: Web

Size: 640х480, 72 ppi;



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

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

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

.

134 Урок 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.Применение растушевки: а – выделение безрастушевки; б – выделение с растушевкойа б

136 Урок 7

Сглаживание (AntiXalias)

Последний общий для инструментов выделения параметр — это 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лой | Скопировать на новый слой).

138 Урок 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. Создание слоя�подложки для проверки качества выделения

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

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

� самая ужасная ошибка, когда отсутствует часть объекта. Как тогда быть? Невыделять же его заново.

140 Урок 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. Подготовка к корректировке выделения

142 Урок 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>. Попробуйте выделить кресло, используя оба инструмента.

144 Урок 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).

146 Урок 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

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

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

1. Откройте файл Георгин.jpg из папки Lessons\Урок_7_Выделение.

2. Активизируйте инструмент Quick Selection (Быстрое выделение).

148 Урок 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 с установками по умолчанию

150 Урок 7

Рис. 7.45.Radius (Радиусвыделения)

В нижней части диалогового окна находятся пиктограммы режимов отобра�жения выделенной области пикселов (рис. 7.44).

� 1 — стандартный режим отображения выделения («бегущие муравьи»);� 2 — отображение в режиме Быстрой маски (Quick Mask);� 3 — предпросмотр выделенной области на черной подложке;� 4 — предпросмотр выделенной области на белой подложке;� 5 — предпросмотр в маске выделения (выделенная и невыделенная области).

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

� Radius (Радиус выделения) — улучшает выделение границ, определяет ширинувыделенной области пикселов (рис. 7.45);

� Contrast (Контраст) — создает резкую границу выделения (рис. 7.46);� Smooth (Сглаживание) — сглаживает границу выделения (рис. 7.47);� Feather (Растушевка) — создает мягкую границу между пикселами (рис. 7.48);� Contract/Expand (Сократить/ Расширить) — изменяет границу, сокращая или

расширяя ее на заданное значение (рис. 7.49).

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


Рис. 7.46.Contrast (Контраст)

Рис. 7.47. Smooth(Сглаживание)

152 Урок 7

Рис. 7.49.Contract/Expand(Сократить/Расширить)

Рис. 7.48. Feather(Растушевка)


Использование растушевкив художественном оформлении фотографий

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

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

1. Откройте изображение Девочка.jpg из папки Lessons\Урок_7_Выделение.

2. Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение). Об�ратите внимание, что Feather (Растушевка) равна 0.

3. Создайте выделение по размеру области, которую хотите оставить в изображе�нии (рис. 7.50).

4. Щелчком по кнопке в панели параметров инструмента Elliptical Marquee (Эл�липтическое выделение) вызовите диалоговое окно Refine Edge.

5. В открывшемся диалоговом окне задайте радиус растушевки Feather 10 px(рис. 7.51).

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

154 Урок 7

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

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


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

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

6. Согласитесь с внесенными изме�нениями. Заметьте, что послезакрытия диалогового окна визображении мало что измени�лось.

7. Скопируйте выделенную областьна новый слой. Слой Backgroundзалейте белым цветом (рис. 7.52).

8. Выделите слои. Сведите их ко�мандой меню палитры LayersMerge Layers (Свести слои)(рис. 7.53).

Результат на рис. 7.54.

156 Урок 7

Рис. 7.55.Открыты все файлы

Проект «Home»Выполним практическую работу, выделив несколько объектов различными ин�

струментами, и создадим из них композицию.

1. Откройте файлы из папки Lessons\Урок_7_Выделение\Проект_Home. Триобъекта расположены в разных файлах (рис. 7.55), нам надо выделить их и со�вместить в одну композицию.

2. Активизируйте файл Часы. Инструментом Elliptical Marquee (Эллиптическоевыделение) выделите часы (рис. 7.56).

3. Переместите выделенную область пикселов инструментом Move (Перемеще�ние) в файл Start.jpg.

4. Активизируйте файл Лампа.jpg. Выделите инструментом Polygonal Lasso (По�лигональное лассо) лампу (рис. 7.57). Переместите выделенную область пик�селов инструментом Move (Перемещение) в файл Start.jpg.

5. Активизируйте файл Картина.jpg . Выделите картину инструментомRectangular Lasso (Прямоугольное выделение). Переместите выделенную об�ласть пикселов инструментом Move (Перемещение) в файл Start.jpg.

6. Сохраните файл (рис. 7.58).


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

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

158 Урок 7

Рис. 7.58. Результат работы

Каналы (палитра Channels) в программе Adobe Photoshop используются дляхранения служебной информации: о цвете и уровнях прозрачности. Используяинформацию в каналах, вы можете оценить качество изображения, а также при�менять различные служебные алгоритмы для устранения дефектов. Также вы мо�жете сохранить растушеванное выделение в виде растровой карты и в любой мо�мент времени загрузить его для работы.

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

� сохранять выделение как альфа�канал;� просматривать каналы с помощью палитры Channels (Каналы);� выделять ворсистые объекты;� рисовать в маске, чтобы восстанавливать ошибки в выделении;� уточнять выделение с помощью быстрой маски.

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

160 Урок 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).

Каналы. Быстрая маска 161

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

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

162 Урок 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

164 Урок 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

166 Урок 8

АльфаLканалы (сохранение выделения)Альфа7каналы позволяют сохранять и загружать выделение. Альфа�канал со�

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

1. Откройте файл Lessons\Урок_8_Каналы.Быстрая маска\Фото_2.jpg

на компакт�диске.

2. Создайте выделение эллиптической формы в центре изображения.

3. Выполните команду главного меню Select | Save Selection (Выделение | Сохра�нить выделение). В открывшемся окне можно указать документ (текущий илиновый), а также имя создаваемого канала (рис. 8.10).

Рис. 8.10. Сохранение выделения в каналах

4. Не дав имя каналу, согласитесь с диалоговым окном — тогда Photoshop самсоздаст в палитре 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).

Рис. 8.11. Канал Alpha 1 в палитре Channels

ПРИМЕЧАНИЕ Растушевку можно задать также командой Select | Modify | Feather (Выде�ление | Модификация | Растушевка).

168 Урок 8

Рис. 8.12. Задание растушевки в диалоговом окне Refine Edge

Рис. 8.13. Новый канал с растушеванным выделением Alpha 2

Рис. 8.14. Как программа показывает выделенную область

3. При видимости канала выделения Alpha 2 (рис. 8.14) можно осознать, какPhotoshop представляет выделение — с помощью служебных цветов в уровняхяркости. Белая область — выделенные пикселы, черная область — невыделен�ные пикселы, серая — область растушевки. Граница выделения проходит по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 на компакт�диске.

170 Урок 8

Рис. 8.15.Ошибка в выделении привелак прозрачности изображения

Рис. 8.16.Сохранение выделенияв каналах

Рис. 8.17.Работа кистью белого цветав канале Alpha 1


Рис. 8.18.Результат в канале Alpha 1

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

Рис. 8.20.Результат работы

172 Урок 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

174 Урок 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

176 Урок 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 на компакт�диске.

178 Урок 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. Результат

180 Урок 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. Вычитание каналов

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

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

В этом уроке вы познакомитесь:

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

мацией с целью создания единого образа;� с возможностями Smart Objects (Умные объекты);� создадите рекламную тумбу с изменяющимся постером.

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

Вы также узнаете о чудесах Smart Objects, о возможностях трансформации безущерба качеству (!).

Урок 9Урок 9Урок 9Урок 9Урок 9ТРАНСФОРМАЦИЯ. SMART

OBJECTS (УМНЫЕ ОБЪЕКТЫ)

182 Урок 9

Виды трансформацииВ Photoshop можно трансформировать:

� часть пикселов изображения:� слой (несколько слоев одновременно);� выделенную область слоя;

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

Трансформация пикселов слояКоманды трансформации действуют на выделенный слой (несколько выделен�

ных слоев) или на выделенную область пикселов слоя.При действии команды появляется Bounding Box (Габаритный контейнер), пе�

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

Для того чтобы применить трансформацию, необходимо нажать клавишу <Enter>или сделать двойной щелчок внутри контейнера, а чтобы отменить — нажать <Esc>.

Возможно точное задание параметров в панели параметров трансформации.В разделе главного меню Edit есть две команды для трансформации: Transform(Трансформация) и Free Transform (Свободная трансформация). Рассмотрим ихподробнее и с переводом.

Команда Transform (Трансформация)

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

Таблица 9.1. Подкоманды трансформации

Трансформация. Smart Objects (Умные объекты) 183

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

184 Урок 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.Выполнение различных операций

186 Урок 9

Рис. 9.4. Создание перспективы для боковой грани

Рис. 9.5. Схема трансформации слоя Обложка


Рис. 9.6. Применение трансформации

Рис. 9.7. Применение эффекта Drop Shadow

188 Урок 9

9. При активном слое Обложка выполните быстрыми клавишами <Ctrl>+<E>сведение со слоем Боковая часть.

10. Примените к получившемуся слою слоевой эффект Drop Shadow (Отбрасываниетени). Двойным щелчком рядом с именем слоя вызывается диалоговое окно LayerStyle, в котором настраиваются параметры эффекта 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. Изменение параметров слоя Картинка

190 Урок 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. Перемещениевыделенных яблок

192 Урок 9

Рис. 9.14.Соединение изображе�ний в один файл

Рис. 9.15.Уменьшение масштабапросмотрадля удобстватрансформации


Рис. 9.16. Применение команды Warp

Рис. 9.17.Изменение непрозрачностислоя c яблоками

194 Урок 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

196 Урок 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. Трансформация наклейки

198 Урок 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. Добавление логотипа на чашку

200 Урок 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

202 Урок 9

Трансформация выделенияДля трансформации выделения существует специальная команда главного меню

Select | Transform Selection (Выделение | Трансформация выделения), а пикселыздесь ни при чем.

Нам понадобится эта команда при создании тени от объекта в уроке 19.Допустим, у вас есть выделенная область на пустом слое. Вы выполняете

команду главного меню Select | Transform Selection. Появляется габаритный кон�тейнер, к которому применимы все те же действия и клавиши, которые мы рас�сматривали ранее.

Рис. 9.31. Изменение файла с тумбой

Какой размер у вашего изображения? И вообще, какой размер и для чего ну�жен? Можно ли изменять размер изображения в процессе работы?

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

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


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

РАЗМЕР ИЗОБРАЖЕНИЯ

Урок Урок Урок Урок Урок 1010101010

204 Урок 10

Изменение размеров изображенияЕще раз напомню: основными характеристиками растрового изображения, за�

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

Где это все задается и как его можно поменять?Представим, что закончились выходные, и мы «с полной цифровой камерой

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

Открываем фотографию взморья из папки на диске Lessons\Урок_10_Размеризображения\Залив.jpg.

Перед тем как отправить фотографию на принтер, cтоит посмотреть на размеризображения (рис. 10.1).

Рис. 10.1. Место,занимаемое фото на листебумаги принтера

Размер изображения можно изменять в диалоговом окне, вызываемом коман�дой Image | Image Size (Изображение | Размер изображения). Вызовите это окнодля данного файла (рис. 10.2).

Диалоговое окно Image Size (Размер изображения) состоит из нескольких частей.В верхней части окна Pixel Dimensions (Размер в пикселах) по умолчанию ото�

бражаются растровые параметры изображения — размеры в пикселах. Эти значе�

Размер изображения 205

ния удобны для подготовки графики для Web. В нашем случае это будет размер1600×1200 пикселов.

В средней части окна Document Size (Размер документа) показаны размер пе�чатного оттиска во всем понятных сантиметрах (см) и характеристика, влияющаяна качество печати — разрешение изображения. У нас размер печатного оттиска56×42 см, что для нормального принтера напечатать нереально, при разрешении72 ppi, что более подходит для Интернета, а не для фотографии.

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

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

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

Пересчет происходит по алгоритму Bicubic (Бикубическая интерполяция), онустановлен по умолчанию.

Флажок Constrain Proportions (Сохранять пропорции) фиксирует соотношениесторон изображения. Когда он установлен, достаточно ввести длину только однойстороны изображения, вторая будет вычислена автоматически. Не снимайте его!

Рис. 10.2. Размеры изображенияв диалоговом окне Image Size

206 Урок 10

1. Отключите опцию Resample Image (Пересчет изображения). В верхней частиокна происходит блокировка растровых параметров изображения. В среднейчасти, отвечающей за размер печатного оттиска, вы видите «цепи» зависимос�ти качества изображения (разрешения) от размера печатного оттиска.

2. Введите значение Resolution (Разрешение) 300 ppi, такое разрешение обеспе�чит приемлемое качество при печати (рис. 10.3). Размер печатного оттиска бу�дет 13×10 см — как раз для фото в рамочке на камине! При этом нет пересчета,количество пикселов не изменено — нет потери качества!

3. Согласитесь с изменением, нажав кнопку OK и закрыв диалоговое окно.

4. Посмотрите размер фотографии при печати, вызвав окно печати командойFile | Print (рис. 10.4).Обычно размер фотографии 15×10 см, как сделать такой размер?

5. Вызовите диалоговое окно Image Size. При выключенной опции Resample Imageустановите размер большей стороны Width 15 см, при этом другие значения бу�

Рис. 10.3. Изменение размеров печатногооттиска

Рис. 10.4. Размер фото при печати


дут пропорционально пересчитаны (рис. 10.5). Согласитесь с размерами, закройтедиалоговое окно. Так как нам нужен точный размер 15×10 см, воспользуемсявозможностями программы для установки и обреза по нужному размеру.

Рис. 10.5. Расчет при заданной ширине

Рис. 10.6. Заданиеточных размероввыделения

6. Активизируйте инструмент Rectangular Marquee (Прямоугольное выделение).В панели параметров инструмента установите у параметра Style (Стиль выде�ления) значение Fixed Size (Фиксированный размер). Справа введите в поляразмера нужные нам значения (рис. 10.6). Щелкните в изображении — появитсяточное выделение.

208 Урок 10

7. Выполните команду главного меню Image | Crop (Изображение | Обрезать)(рис. 10.7).

8. У вас останется фотография требуемого размера. Снимите выделение. Сохра�ните файл.

Рис. 10.7. Команда Image | Crop

Рис. 10.8. Команды поворота изображения

Заданные растровые параметрыВы хотите машину — на картинке вы обнаружили подходящую. Надо размес�

тить в Интернете фото шириной 500 px в разделе «Куплю вот такую же! Другие непредлагать». Как это сделать? В смысле для отсканированной фотографии задатьтребуемый размер?

1. Откройте отсканированную фотографию (предлагается экстремальный пример)Lessons\Урок_10_Размер изображения\Отсканированная машина.jpg.

2. Сначала развернем изображение, чтобы не сломать шею при просмотре. В глав�ном меню Image в пункте Image Rotation (рис. 10.8) находятся команды по по�вороту холста (изображения).

3. Выполните команду Image | ImageRotation | 90° CW (Изображение |Поворот холста | На 90° по часо�вой стрелке) (рис. 10.9).

4. Согласитесь, рваные и черные об�ласти несколько портят впечатле�ние. Воспользуемся инструмен�том Crop (Обрезка) для обрезкифотографии (этот инструмент ча�сто применяется после сканиро�вания для таких задач).

5. Проведите инструментом Crop (Об�резка) по изображению. Появитсярамка обрезки, остальная затемнен�ная часть при применении опера�ции будет удалена. Можно изменятьразмер области, перемещая марке�ры (рис. 10.10). Для того чтобы при�менить обрезку, необходимо нажатьклавишу <Enter> или сделать двой�ной щелчок мышью внутри контей�нера, чтобы отменить — нажать<Esc>.

6. Обрежьте до нужного размера(рис. 10.11).

7. Каковы размеры изображения?Вызовите диалоговое окно ImageSize (рис. 10.12).

Рис. 10.9. Изображение после поворотана 90 градусов по часовой стрелке

Рис. 10.10. Рамка обрезки

Рис. 10.11. Фотография после применения обрезки Рис. 10.12. Размеры изображения

210 Урок 10

Для размещения в Интернете значение Resolution (Разрешение) нужно устано�вить 72 ppi. К тому же нам по ширине нужен размер 500 px.

8. Включите опцию Resample Image (Пересчет изображения). Введите в полеResolution (Разрешение) 72 ppi. В растровых параметрах установите размер Width(Ширина) 500 px (рис. 10.13).

Рис. 10.13. Изменение растровыхразмеров

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

9. Выполните команду File | Save As (Файл | Сохранить как), указав, где хотите со�хранить изображение, и установив ползунок Quality (Качество) в положение 5(рис. 10.14)

Рис. 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).

Рис. 10.15. Отсканированные фотографии

Рис. 10.16. Поворот рамки обреза

Рис. 10.17. После выполнения операции Crop

212 Урок 10

5. Сохраните изображение под другим именем.

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. Выделение области с образцомзаполнения

214 Урок 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.Изменение рамкиобреза нафотографии

216 Урок 10

Рис. 10.29. Результат выполнения операции Crop

спектива). При установке этой опции можно нарушать пропорции контейне�ра. Указателем мыши возьмите за левый верхний угловой маркер и сдвиньтевправо по правильному вертикальному направлению (подсказкой служит на�правление колонны). Также подвиньте влево правый верхний угловой маркер(рис. 10.28).

3. Примените операцию Crop, нажав клавишу <Enter>. Здание выровнялось(рис. 10.29).

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

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

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


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

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

Урок Урок Урок Урок Урок 1111111111РАБОТА С ТЕКСТОМ

218 Урок 11

Особенности текстового слояДля текста не требуется создавать слой заранее. Ввод текста осуществляется

инструментом Type (Текст). Щелчок по документу инструментом Type создает тек�стовый слой.

Различают три способа ввода текста:

� заголовочный текст (отдельные текстовые фразы) — ввод щелчком по изобра�жению;

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

� текст вдоль контура (декоративный) — если предварительно создан Path (кон�тур), щелчком по контуру вводится текст.

Во всех случаях создается отдельный текстовый слой.Текстовый слой имеет параметрическое задание текста, он не растровый, поэто�

му к нему не применимы растровые операции, например, рисование и фильтры.К текстовому слою можно применять слоевые эффекты, трансформировать его

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

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

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

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

1. Откройте файл с диска сопровождения Lessons\Урок_11_Текст\Вид изокна.jpg.

2. Активизируйте инструмент Type (Текст).

3. Щелкните на изображении. В палитре Layers (Слои) появился текстовый слой,а в точке щелчка возник текстовый курсор.

4. Наберите слово «Window». По умолчанию название слоя соответствует введен�ному тексту, однако это имя можно произвольно изменить, что не повлияет насам текст.

5. Чтобы начать новую строку, нажмите клавишу <Enter>. Наберите еще однослово — «View».Шрифт и размер получившегося у вас текста зависят от установок. У меня та�

кие параметры, как на рис. 11.1.

Работа с текстом 219

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

� используйте кнопку с галочкой в правой части панели параметров(см. рис. 11.1);

� перейдите к другому инструменту.

Режим форматированияЕсли вы желаете изменить содержимое текстового слоя (исправить или доба�

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

Результат форматирования зависит от состояния вашего документа.

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

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

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

Рис. 11.1. Параметры текста

220 Урок 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.

222 Урок 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. Ложные стили

224 Урок 11

Рис. 11.8. Диалоговое окно невозможности выполнения операции

Рис. 11.7. Команда Convert to Shape

При выполнении команды контекстного меню текстового слоя Convert to Shape(Преобразовать в слой�форму) (рис. 11.7) появляется диалоговое окно невозмож�ности выполнения операции (рис. 11.8) из�за применения ложного стиля.

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

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

В этом уроке вы узнаете:

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

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

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

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

226 Урок 12

Определение. КлассификацияРежимы наложения (Blending Mode) — это специальные математические алго�

ритмы смешивания пикселов. Применяются в основном для создания спецэф�фектов (табл. 12.1).

Таблица 12.1. Режимы наложения

Режимы наложения 227

Таблица 12.1 (окончание)

вый цвета,

базовый цвета,

228 Урок 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

230 Урок 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. Колоризация цветом слоя с использованием режима наложения

232 Урок 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

234 Урок 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

236 Урок 12

5. Раскрасьте обезьянку коричневым цветом, выбрав образец в конце палитрыSwatches.

6. Сравните ваше раскрашивание с моим из файла Раскрашивание\Обезьян%ка раскрашенная.jpg.

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

Проект «Твердой поступью в светлое будущее»Вот такой интересный слоган к раскрашенной фотографии придумал один мой

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

1. Откройте изображения из папки Твердой поступью на диске (рис. 12.15).

2. Ваша задача — создать изображение, подобное примеру. Для этого необходимоперевести стартовое изображение в модель RGB.

Рис. 12.14.Раскрасьте губыкраснойкисточкой


3. Инструментом Полигональное лассо выделите человека. Скопируйте его нановый слой.

4. Создайте копию слоя с выделенным человеком и трансформируйте его (непро�порционально). Итого пока три слоя.

Рис. 12.15. Стартовое изображение

Рис. 12.16. Блокировка прозрачных пикселов слоя от закрашивания

238 Урок 12

5. Инструментом Brush (Кисть) в режиме наложения Color раскрасьте все слои.

6. Для удобства закрашивания необходимо ограничить действие кисти в рамкахслоя. Возможны два способа ограничения работы кисти при раскрашивании:загрузка слоя как выделения или блокировка прозрачных пикселов слоя в па�литре Layers (рис. 12.16).

7. Создайте графические элементы в новых слоях и текстовую надпись.

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

Из этого урока вы узнаете:

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

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

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

Урок Урок Урок Урок Урок 1313131313СЛОЕВЫЕ ЭФФЕКТЫ

240 Урок 13

Что такое слоевые эффекты?Слоевые эффекты — это применение к слою имитации различных свойств, за�

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

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

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

Слоевые эффекты (табл. 13.1) создаются и настраиваются в диалоговом окнеLayer Style.

Таблица 13.1

Слоевые эффекты 241

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

Диалоговое окно Layer Style (Стиль слоя)Для работы с эффектами предназначено диалоговое окно Layer Style (Стиль

слоя). Мы рассмотрим его работу на примере теста.

1. Откройте файл Lessons\Урок_13_Слоевые эффекты\H20.psd с компакт�диска.

2. Чтобы вызвать окно эффектов слоя, выполните одно из следующих действий:� щелкните дважды справа от названия слоя в палитре Layers (Слои);

� нажмите кнопку с буквой внизу палитры Layers (Слои) и выберитеназвание эффекта из открывшегося списка;

� выполните команду Layer Style (Стиль слоя) из главного меню Layer (Слои)и выберите в списке один из эффектов.

3. Откроется огромное диалоговое окно Layer Style (Стиль слоя) (рис. 13.1).

Диалоговое окно Layer Style имеет множество вкладок, список которых нахо�дится в его левой части.

Рис. 13.1. Диалоговое окно Layer Style

242 Урок 13

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

244 Урок 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

246 Урок 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

248 Урок 13

Рис. 13.10. Совместное использование режимов для перекрашивания текстур

Рис. 13.11. Вкладка Stroke диалогового окна Layer Style


2. Установите флажок в строке Color Overlay, выбрав режим наложения Color ицвет для перекрашивания в окне Color Picker (рис. 13.10).

Эффект Stroke (Обводка)Этот эффект предназначен для создания обводки слоя.Отмените все остальные эффекты. Установите флажок в строке Stroke (Обвод�

ка) (рис. 13.11).Вкладка Stroke (Обводка) позволяет изменять следующие параметры:

� ширина обводки задается ползунком Size (Размер);� ее положение относительно края объектов выбирается в списке Position (Поло�

жение);� тип обводки задают в списке Fill Type (Тип): можно выбрать Color (Цвет),

Gradient (Градиент) или Pattern (Узор).

Создание и сохранение своего стиляМы посмотрели все эффекты диалогового окна Layer Style.Попробуйте теперь применить эффекты, наиболее подходящие к теме «Вода».Постепенно, перебрав все эффекты диалогового окна Layer Style, вы создаете

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

на вкладку Styles, щелкнуть по кнопке New Style (Новый стиль). Задать имя. Щел�чком по кнопке OK новый стиль добавляется последним в стандартный набор сти�лей, и вы можете его использовать в следующий раз (рис. 13.12).

Рис. 13.12. Сохранение стиля

250 Урок 13

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

Рис. 13.13. Имитация воды с помощью стиля

Изменение стиляНеобыкновенное удобство при работе со слоевыми эффектами представляет

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

1. Откройте файл Oxygen.psd из папки Урок_13_Слоевые эффекты.

2. После того как к слою применены эффекты, изменяется его отображение впалитре Layers (Слои) — рядом с именем слоя появляется значок . Ниже раз�мещаются строки эффектов: сначала общая строка, затем каждый эффект от�дельно (рис. 13.14).

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

4. Щелчок правой кнопкой мыши на строке любого эффекта в палитре Layers(Слои) откроет контекстное меню слоевых эффектов. В нем перечислены вседоступные эффекты (активные помечены), а также операции, которые можнопроделать с эффектами (рис. 13.15).


Наиболее часто используемые операции:

� команда Copy Layer Style (Копироватьстиль слоя) копирует стиль слоя (все егоэффекты) в буфер обмена. Команда PasteLayer Style (Вставить стиль слоя) наобо�рот вставляет стиль из буфера обмена;

� команда Clear Layer Style (Удалить эффек�ты) удаляет эффекты слоев;

� команда Scale Effects (Масштабированиеэффектов) позволяет одновременно мас�штабировать все примененные значенияэффектов.

Рис. 13.14. Проект «Oxygen»

Рис. 13.15.Контекстное менюслоевых эффектов

252 Урок 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. Результат изменения прозрачности слоя через слоевой эффект

254 Урок 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.

256 Урок 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

258 Урок 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. В итоге надпись будет выглядеть вот так

260 Урок 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).

262 Урок 13

Рис. 13.36. Добавление декоративных залитых слоев

Рис. 13.35. Разделение изображения на части с применением эффекта


Рис. 13.38. Окончатель�ный вариант

Рис. 13.37. Создание белой полупрозрачной подложки

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

266 Урок 14

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

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

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

Запомните следующие правила:

� вы можете редактировать слой�маску инструментами рисования, от этого бу�дет изменяться видимость слоя;

� работа в слой�маске ведется черным, белым или оттенками серого цвета;� слой�маска не применяется к слою Background;� для каждого слоя слой�маска может быть только одна.

Создание слойLмаскиВыполните следующие действия:

1. Откройте файлы 1.jpg и 2.jpg из папки Lessons\Урок_14_Слой%маски\1_Создание маски с диска сопровождения.

2. Перетащите за слой Background, удерживая клавишу <Shift>, одно изображе�ние в другое (рис. 14.1).

Рис. 14.1.Перемещение слоя

Слой�маска 267

ПРИМЕЧАНИЕ Если удерживать клавишу <Shift> при перемещении одно изображение раз�мещается по центру другого (рис. 14.2).

3. При активном верхнем слое щелкните по пиктограмме Add layer mask (До�бавить слой�маску) в нижней части палитры Layers (Слои). В результате добав�лена слой�маска к верхнему слою (рис. 14.3).

Рис. 14.2.Совмещениефайлов в один

Рис. 14.3.Добавлениеслой�маски

268 Урок 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. Плавное смешивание видимости слоев за счет использования градиента

270 Урок 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. Запрос о слой�маске

272 Урок 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. Возможные направления градиента

274 Урок 14

Рис. 14.17. Возможная ошибка при применении градиента в слой�маске

Рис. 14.18. Изменение направления градиента на обратное

Рис. 14.19. Коллаж «Время»


Рис. 14.20. Величина растяжки линейного градиента

Рекламный коллаж для фирмы O’NeillДумаю, все любят море и солнце. Наша задача заключается в создании рекла�

мы новой пляжной коллекции фирмы O’Neill для продвинутой молодежи. В пап�ке 3_O’Neill\Материалы находятся изображения для коллажа и логотип фир�мы. Также заказчики попросили сделать какую�нибудь татуировку, татуировкиприлагаются.

1. Откройте два файла с молодежью из папки Материалы. Совместите два файлав один 2.jpg. Добавьте к верхнему слою слой�маску с линейным градиентом.Величина растяжки показана на рис. 14.20.

2. Чтобы рука у девушки не была полупрозрачной, возьмите кисть черного цветаи проведите в активной маске, как показано на рис. 14.21.

276 Урок 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. Добавление татуировки

278 Урок 14

Рис. 14.25. Выделение внутри бутылки

Коллаж «Make your business»Вам нужно создать коллаж на тему «Make your business», используя файлы из

папки и свою фантазию. Наши варианты находятся в папке 4_Маke your

business\Примеры (рис. 14.24).

Рис. 14.24. Пример выполнения работы

Как сделать объект прозрачным?Часто в работе необходимо временно сделать бутылки или стаканы полупроз�

рачными. Я использую слой�маску для создания этого эффекта.

Работа со слойXмаской и ручным выделением

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

280 Урок 14

Рис. 14.29. Работа в маске

Рис. 14.31. Прозрачная бутылка

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

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

8. Снимите выделение. Дополнитель�но можно применить фильтр, вы�полнив команду Filter | Blur | GaussianBlur, для плавного перехода полу�прозрачной области. Будьте внима�тельны, активна должна быть слой�маска (рис. 14.30), чтобы не размытьслой.Результат в файле Бутылка с про%зрачностью.psd.

9. Увеличьте вправо размер изображе�ния и сделайте надпись, как в фай�ле Пример.jpg (рис. 14.31).

Рис. 14.30. Активность маски при примененииопераций

Использование слойXмаски и каналов выделения

В уроке 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. Выделение внутри бутылки

282 Урок 14

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

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

1. Откройте файл Лыжник.psd из папки 6_Выделение. В изображении два слоя.Как посмотреть, подойдет ли лыжник для данной композиции?

2. Выделите лыжника. Разумно выделить фон за лыжником волшебной палочкой(рис. 14.34) и инвертировать выделение командой Select | Inverse.

3. Добавьте слой�маску щелчком по пиктограмме слой�маски в палитре Layers(Слои) (рис. 14.35).

4. Вы можете корректировать отображение лыжника инструментом Brush черно�го или белого цвета, работая в слой�маске (см. разд. «Точность отображения вслой7маске» ранее в этом уроке). Можно применять или удалять слой�маску, этонамного удобнее и правильнее, чем удалять пикселы слоя.

Рис. 14.33. Вычитание каналов


Рис. 14.34.Выделение лыжника

Рис. 14.35.Выделение объектаперешло в слой�маску

284 Урок 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.Ограничениевидимости слоя

286 Урок 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

288 Урок 14

Автовыравнивание слоевТема относится больше к работе со слоями, но без слой�маски работать было бы

невозможно. Как часто бывает при коллективной съемке, кто�то зашевелился илипочесал в носу, закрыл глаза, и весь кадр испорчен! Представляю вам новую воз�можность — автовыравнивание слоев и фотографию одного из выпусков (рис. 14.43).

Рис. 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. Если всехустраивает результат — сведите слои (рис. 14.46).

Результат с маской в файле Итог_выравнивание.psd.

Рис. 14.44. Диалого�вое окно AutoXAlignLayers


Рис. 14.45. Смешивание разных вариантов

Рис. 14.46. Прекрасный результат – все замечательно получились!

290 Урок 14

Почти все прохожие на улице знают Photoshop и смогут поддержать беседу оновшествах и необходимости установки новой версии, вышедшей вчера. Когдаспрашиваешь, что именно их потрясло и изумило, ответ почти всегда один: вол�шебная палочка и фильтры программы. Разговоры о фильтрах могут вообще непрекращаться. А уж сколько выпущено на эту тему книг и написано алгоритмов —и не сосчитать. Тема действительно интересная, и самое главное щелк — и готово.


� применять фильтры программы;� применять Smart (умные) фильтры с возможностями настроек;� создавать перспективные заплатки с помощью фильтра Vanishing Point;� использовать классные алгоритмы;� создавать рамку вокруг фотографии;� имитировать эффект движущейся машины;� создавать дружеские шаржи;� выделять сложные пушистые объекты;� размывать, добавлять шум и многое другое в самой интересной теме урока.

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

УрокУрокУрокУрокУрок 15 15 15 15 15ФИЛЬТРЫ

292 Урок 15

Обзор фильтровМногие спецэффекты, которые можно создать с помощью Photoshop, достига�

ются исключительно на основе встроенных фильтров и определенной фантазиидизайнера. Фильтры — это модули в составе Photoshop, выполняющие работу пообработке изображения и основанные на математических операциях.

Что следует знать о фильтрах?Фильтры подразделяются на художественные,

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

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

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

Фильтры бывают настраиваемые и ненастра�иваемые. Настраиваемые фильтры имеют диало�говые окна с параметрами, ненастраиваемые —нет.

В старых версиях программы фильтры рабо�тали «насмерть». Новые замечательные возмож�ности — назначение и использование Smart Filters(Умные фильтры). В данном качестве фильтрыможно настраивать и регулировать зону действияс помощью слой�маски.

Скорость действия фильтра (как и многих опе�раций программы) зависит от размера вашегофайла.

Основные группы фильтров программыОсновные группы фильтров программы представлены на рис. 15.1 и в табл. 15.1.

Рис. 15.1. Фильтры Photoshop

Фильтры 293

Таблица 15.1. Фильтры Photoshop

294 Урок 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 CS4\Plug%Ins\Filters\.

Фильтры 295

Рис. 15.2. Применение различных фильтров к изображению

Рис. 15.3. Окно настроек Filter Gallery

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

1. Откройте файл Lessons\Урок_15_Фильтры\Девушка.jpg.

2. Выполните команду главного меню Filter | Artistic | Colored Pencil (Фильтр | Ими�тация | Цветной карандаш). Откроется окно Filter Gallery (рис. 15.3), в левойчасти которого находится область предварительного просмотра действия филь�тра, а в правой части — настройки данного выбранного фильтра.

296 Урок 15

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

4. Закройте папку Artistic щелчком по треугольнику перед именем папки. Откройтепапку Brush Strokes (Штрихи кистью). Щелкая по миниатюрам, посмотритедействие фильтров данной группы (рис. 15.4).

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

Рис. 15.4. Действие фильтра Sprayed Strokes

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

Работа с Smart Filters (Умными фильтрами)В старых версиях программы фильтры после использования не настраивались.

Начиная с версии CS3, существует возможность перед использованием назначитьфильтр как Smart Filter (Умный фильтр).

Оценим преимущества на примере.

Фильтры 297

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

298 Урок 15

5. Выберите из главного меню Filter | Sketch | Graphic Pen (Эскиз | Графика).Обратите внимание, что в верхней части фильтры с собственным интерфейсомзаблокированы!Примените фильтр с параметрами по умолчанию (рис. 15.7).

6. Применение фильтра привело к изменению слоя (рис. 15.8). Под именем слоядобавлена маска, которая показывает ограничение действия фильтра на слой.Также указано название примененного умного фильтра.

Рис. 15.7. Выполнение фильтра Graphic Pen

Рис. 15.8. Добавление маски и названия умного фильтра

Фильтры 299

7. Изменим фильтр. Двойным щелчком по названию фильтра Graphic Pen в па�литре Layers вызовите окно настроек фильтров (рис. 15.9).

8. Примените другой фильтр данной группы, например Water Paper (Водяная бу�мага) (рис. 15.10).

Рис. 15.9. Вызов настроек фильтра

Рис. 15.10. Применение Water Paper

300 Урок 15

9. Согласитесь с выбором фильтра – вы видите изменение названия умного филь�тра на Water Paper (рис. 15.11).

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

Рис. 15.11. WaterPaper в палитре Layers

Рис. 15.12.Изменение маскивлияет на областиприменения фильтра

Фильтры 301

Создание эффектной рамкиУ нас есть красивая фотография заснеженной вершины и цветущей ветки са�

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

1. Откройте файл Lessons\Урок_15_Фильтры\Вид на гору.jpg. (рис. 15.13).

2. Создайте новый слой, залейте его белым цветом. Сделайте этот слой невиди�мым, щелкнув по пиктограмме «глаз». Активизируйте слой Background(рис. 15.14).

Рис. 15.14. Создание двух слоев в файле

Рис. 15.13. Вид на гору

302 Урок 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).

Фильтры 303

Рис. 15.16. Применение фильтра ZigZag Рис. 15.17. Слой после применения фильтра

Рис. 15.18. Настройки фильтра Ocean Ripple

304 Урок 15

Рис. 15.19.Результат применения фильтра

Рис. 15.20.Результат применения алгоритма

9. Активизируйте инструмент Magic Wand (Волшебная палочка). Снимите фла�жок Contiguous (Непрерывно). Щелкните палочкой по черной области верхне�го слоя.

10. Нажмите клавишу <Delete>, чтобы удалить все черные области.

Под рамкой появилось основное изображение (рис. 15.20).

Машина в движенииВ рекламе автомобиля часто необходимо показать его в движении. Это совер�

шенно не значит, что вы едете рядом, вас держат за ноги, и вы, высунувшись изокна, снимаете его на поворотах. Все гораздо прозаичнее. Итак, заставим машинудвигаться.

Фильтры 305

1. Откройте файл Lessons\Урок_15_Фильтры\Машина в движении.psd.Я уже выделила машину и поместила ее на отдельный слой.

2. Активизируйте слой Background (рис. 15.21).

3. Примените к нему фильтр Blur | Motion Blur (Размытие | Размытие в движении)с параметрами, как на рис. 15.22.

Рис. 15.22. Параметры фильтра Motion Blur

Рис. 15.21. Активен слой Background

306 Урок 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

Фильтры 307

Эффект фокусировки на объектЭтот алгоритм не раз использовался мной в дизайне. В нем всего две «изюмин�

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

1. Откройте все файлы из папки Lessons\Урок_15_Фильтры\Бабочка.

2. Активизируйте файл Бабочка.jpg. Инструментом Magic Wand (Волшебнаяпалочка), суммируя область между крыльями, выделите фон (рис. 15.26).

Рис. 15.25.Машина в движении

Рис. 15.26. Выделение фона

308 Урок 15

3. Инвертируйте выделение, нажав <Ctrl>+<Shift>+. Инструментом Move(Перемещение) переместите бабочку в файл с лесом Лес.jpg (рис. 15.27).

4. Скопируйте слой Background. Создайте Elliptical Marquee область вокруг бабочкив слое Background copy (рис. 15.28).

Рис. 15.27.Перемещение бабочки в лес

Рис. 15.28.Выделение области в слоеBackground copy

Фильтры 309

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. Результат применения алгоритма

310 Урок 15

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

ности дизайнера. Предположим, вам нужно создать коллаж. Чтобы задать ритмкомпозиции, можно использовать фильтры группы Distort (Деформация), напри�мер Polar Coordinates (Полярные координаты). Пример использования — файлPolar Coordinates.psd (рис. 15.33).

Рис. 15.33. Применение фильтра Polar Coordinates

Популярна группа фильтров Pixelate | Mosaic (Пикселизация | Мозаика). При�мер разбития части изображения на мозаику, настраиваемую по размеру, — файлPixelate_Mosaic.psd (рис. 15.34).

Для создания ритмичных подложек применяют фильтр Stylize | Extrude (Сти�лизация | Выдавливание), как в файле Stylize_Extrude.psd (рис. 15.35) на дискесопровождения.

Рис. 15.34. Мозаика Рис. 15.35. Результат применения фильтра Extrude

Фильтры 311

Фильтры с собственным интерфейсом

Выделение ворсистых объектов. Фильтр ExtractРазвевающиеся перья шляп, пушистые коты, шевелюры разных цветов тоже

имеют право быть хорошо выделенными. Самый простой способ выделения —алгоритм использования фильтра Extract (Извлечь).

ВНИМАНИЕ Для установки фильтра Extract необходимо скопировать файл ExtractPlus.8bfс компакт�диска в папку C:\Program Files\Adobe\Adobe Photoshop CS4\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).

312 Урок 15

Рис. 15.36. Обводка области шерсти

Рис. 15.37. Точность обводки шерсти

Фильтры 313

Рис. 15.38. Указание объекта

Рис. 15.39. Предпросмотр выделения

314 Урок 15

7. Также на этом этапе возможен просмотр на виртуальной подложке. Цвет под�ложки выбирается в разделе Preview (рис. 15.40).

8. Если результат вас устраивает, нажмите кнопку OK. Если результат требует до�работки, установите в разделе Preview параметры, как на рис. 15.41. В списке Show(Показать) выберите Original (Первоначальное изображение); в списке Display(Отображение) — None (Без подложек); установите флажок Show Highlight (По�казать обводку).

9. Далее действуйте по тому же алгоритму. Вы видели, в каких областях пробле�мы. Поэтому, увеличив масштаб просмотра и используя инструменты EdgeHighlighter (Подсветка границ) и Eraser (Резинка), исправьте обводку. Заливае�

Рис. 15.40. Выбор серой подложки для удобства оценки качества выделения

Рис. 15.41. Установки для доработки выделения

Фильтры 315

Фильтр Liquify (Оплавить)

Создание шаржей фильтром Liquify

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

Особенности действия фильтра Liquify (Оплавить).

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

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

� Чтобы отменить последнее действие, нажмите комбинацию клавиш<Ctrl>+<Z>.

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

Рис. 15.42. Выделенный объект

те ковшом. Нажимаете кнопку Preview. И так до достижения хорошего резуль�тата.

10. Итак, результат просмотра вас устраивает. Нажимаете кнопку OK.

11. В результате действия фильтра у вас выделен объект на прозрачном фоне(рис. 15.42).

316 Урок 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

Фильтры 317

Рис. 15.44. Использование инструментаForward Warp

Рис. 15.45. Использование инструментаPucker

Рис. 15.46. Мужчина сомневающийся

318 Урок 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 при

Фильтры 319

Еще один пример на данную тему. Откройте файл Модель_2.psd. Сравнитедва изображения (рис. 15.49).

Рис. 15.49.Купальщицыс разными размерам

Фильтр Vanishing PointС помощью данного фильтра удобно совершать ретушь объектов, уходящих в

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

Нанесение изображения на поверхность

В нашем примере необходимо нанести изображение на объект, разделив объектна три плоскости (с разной перспективой) с помощью фильтра.

Правила работы с фильтром. Заранее подготовить изображение (которое будетнаноситься на поверхность) для работы с фильтром:

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

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

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

1. Откройте файл с обложкой для диска Lessons\Урок_15_Фильтры\Vanishing Point\Обложка.jpg.

2. Выделите все изображение <Ctrl>+<A>.

3. Скопируйте файл с буфер обмена <Ctrl>+<C>.

4. Откройте файл Lessons\Урок_15_Фильтры\ Vanishing Point\Start.psd.

320 Урок 15

Рис. 15.50. Стартовый файл в слоях

1. Вызовите команду Filter | Vanishing Point.

2. Для создания сетки перспективы выберите инструмент Create Plane (Создатьповерхность) и щелкните в изображении, добавив 4 угловые точки перспек�тивной сетки (рис. 15.51).

3. Инструментом Edit Plane (Редактирование поверхности) вы можете пере�мещать угловые точки в случае неточного построения.

Рис. 15.51. Стартовый файл с добавлениемповерхности

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

Фильтры 321

Рис. 15.52. Создание второй поверхности

Рис. 15.53. Поворот второй поверхности

4. Построим вторую поверхность. При активном инструменте Edit Plane (Редак�тирование поверхности) тянем за центральную боковую точку на грани, удер�живая клавишу <Ctrl> (рис. 15.52).

5. Для разворота второй поверхности в нужном направлении необходимо пере�мещать за центральную боковую точку на грани, удерживая клавишу <Alt>(рис. 15.53) (подсказкой служит пиктограмма «поворота»).

6. Построим третью поверхность. Действия те же: удерживая клавишу <Ctrl>(рис. 15.54), перемещаем за центральную точку на боковой грани — создаемповерхность (правда, она куда�то в бок строится, но мы ее повернем).

322 Урок 15

Рис. 15.54. Создание второй поверхности

7. Разворачиваем третью поверхность, удерживая клавишу <Alt> (рис. 15.55).

8. Размещение обложки на поверхности. Активизируйте инструмент Marquee (Вы�деление) и вставьте файл с обложкой из буфера обмена <Ctrl>+<V> (рис. 15.56).

Рис. 15.55. Создание третьей поверхности (сетки)с требуемой перспективой

Рис. 15.56. Вставка обложки из буфера обмена

Фильтры 323

9. Стащите обложку в выделенной области в область поверхностей, ограничен�ную синей подсветкой (рис. 15.57).

Рис. 15.57. Вставка обложки из буфераобмена

10. Наша задача — трансформация обложки по поверхностям. Активизируйте ин�струмент Transform (Трансформация), нужно работать только с боковыми и вер�хним квадратными маркерами! Потяните за правый верхний угол (рис. 15.58).

Рис. 15.58. Трансформация обложки

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

Результат представлен на рис. 15.59 и в файле Lessons\Урок_15_Фильтры\Vanishing Point\Итог.psd.

324 Урок 15

Ретушь объектов, уходящих в перспективу

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

1. Откройте файл с обложкой для диска Lessons\Урок_15_Фильтры\Vanishing Point\Мостик.jpg.

2. Вызовите команду Filter | Vanishing Point.

3. Для создания сетки перспективы выберите инструмент Create Plane (Создатьповерхность) и щелкните в изображении, добавив 4 угловые точки перспек�тивной сетки (рис. 15.60).

4. Этим же инструментом вы можете позиционировать сетку в случае неточногопостроения. Переместите сетку левее на свободное от предмета место. Далеемы клонируем область дерева и «уберем» объект.

5. Активизируйте инструмент Marquee (Выделение) и выделите свободные дос�ки. Обратите внимание, что выделение повторяет перспективу.

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

Рис. 15.59. Результат в слоях

Фильтры 325

Рис. 15.60.Создание сеткиперспективы

Рис. 15.61.Выбор участка дляклонирования

326 Урок 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).

Фильтры 327

Рис. 15.63. Координаты желаемого положения блика

Рис. 15.64. Диалоговое окно Precise Flare Center

328 Урок 15

6. Указав в нем необходимые значения в полях X и Y, согласитесь с фильтром.

7. Для создания волшебства активизируйте инструмент Brush. Подгрузите кистииз набора Lens Flare.abr из папки Lessons\Урок_15_Фильтры\LensFlare.

8. Установив белый цвет кисти, поставьте блики, например как в файлеLessons\Урок_15_Фильтры\Lens Flare\Закат на заливе_итог.jpg.(рис. 15.65).

Рис. 15.65. Файл Закат на заливе_итог.jpg

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


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

РАБОТА С ВЕКТОРНЫМИОБЪЕКТАМИ

Урок Урок Урок Урок Урок 1616161616

330 Урок 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. Инструменты для создания и редактирования контуров

Работа с векторными объектами 331

Прямой контур создается простыми щелчками инструментом по документу (не«шаркая» мышью по коврику).

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

332 Урок 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. Результатобводки контуров

334 Урок 16

ния Path Selection (Выделение контура). Щелкните по контуру�звезде в изоб�ражении. Все точки контура стали серыми, выделенными.

5. Выполните команду Fill Subpath (Залить подконтур) контекстного меню палит�ры Paths (рис. 16.7).

6. В диалоговом окне команды (рис. 16.8) выберите Foreground Color (Цвет пере�днего плана). Область внутри контура зальется выбранным цветом.

Рис. 16.7. Команда Fill Subpath меню палитры Paths

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


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

Создание кривых

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

1. Откройте файл�шаблон Lessons\Урок_16_Работа с векторными объек%тами\Шаблоны_Перо\Создание кривых.jpg.

2. Активизируйте инструмент Pen (Перо). Выполните действия, как в файле(рис. 16.9).

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

Рис. 16.9. Создание кривых пером

Основные элементы кривых

Для построения и редактирования кривых необходимо иметь представление, счем же вы работаете? Какова природа кривых? Рассмотрим основные элементыкривых (рис. 16.10).

336 Урок 16

Контур состоит из одного или нескольких сегментов. (Единичная точка – этоне кривая, скорее всего мусор.) Начало и конец каждого сегмента называют опор7ными точками. Перемещение опорных точек приводит к модификации сегментовконтура и изменению его формы.

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

Рассмотрим пример. Используйте файл Создание кривых.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.Различие гладкой и угловойопорных точек

338 Урок 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

340 Урок 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 выполните построе�ние на предложенной схеме. Все очень просто!

342 Урок 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>, отпустите кнопку мыши.

Как нарисовать сердце за две опорные точки?

Как в известной передаче: «За сколько нот вы угадаете песню?» спрошу: «засколько опорных точек вы нарисуете сердце?» — за две сможете?

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


объектами\Шаблоны_Перо\Сердце.jpg.Выполним по шагам действия, как показано в файле (рис. 16.18).


2. Щелкните в точке 1, не отпуская левой кнопки мыши, потяните вверх влево. От�пустите кнопку мыши. (Заданы направление и кривизна одного из сегментов.)

3. Щелкните в точке 2, не отпуская левой кнопки мыши, потяните вниз вправо. (Сфор�мирован первый сегмент, задается направление и кривизна второго сегмента.)

4. Нажмите клавишу <Alt>, переместите управляющую линию вверх влево до точ�ки 3, симметрично правой линии. Отпустите клавишу <Alt>, отпустите кнопкумыши. (Изменен тип опорной точки, задано новое направление сегмента.)

5. Удерживая клавишу <Alt>, щелкните в начальную точку 1 сердца и потянитевниз вправо до точки 4. Отпустите клавишу <Alt>, отпустите мышь. (Сформи�рован второй сегмент с замыканием в угловую точку.)

Рис. 16.18. Рисование пером сердца

Рисование контура вокруг фигурыТеперь, используя полученные навыки работы с контурами, используем инст�

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

ление.

344 Урок 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>, щелкните мышью по позиции Path1 (рис. 16.21).

6. Скопируйте выделенную область на но�вый слой комбинацией клавиш<Ctrl>+<J>.

7. Создайте слой�подложку — залейте чер�ным цветом для проверки качества выде�ления (рис. 16.22). Согласитесь — идеаль�но!

Рис. 16.20. Создание контура

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

Рис. 16.22. Выделение с помощью контура

346 Урок 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 создать кон�тур, назначить его отсекающим. Тогда программы верстки и векторной графикибудут скрывать области растра вне контура.

Как создавать контур, вы уже знаете. Рассмотрим, как назначить его обтра�вочным и как изменится отображение объекта при помещении его в программуверстки.

348 Урок 16

Проект «Фонды Эрмитажа»

Откройте файл Lessons\Урок_16_Работа с векторными объектами\Кубок.tif. Преположим, данный кубок (к слову, ужасного качества) вы должныпоместить на обложку журнала «Фонды Эрмитажа» выпуск № 4. Журнал создает�ся в программе Adobe InDesign. Обратите внимание, что кубок находится на серомфоне. Можно было бы выделить кубок, скопировать на новый слой и удалитьBackground. Но формат TIFF не поддерживает прозрачность! Разумная альтерна�тива скрытия — создание обтравочного контура.

1. Создайте пером контур вокруг кубка. Данный контур состоит из трех подкон�туров. Первоначально контур имеет имя Work Path (Рабочий контур). Из пози�ции Work Path обтравочный контур не назначается. Необходимо дать контуруимя.

2. Дайте контуру имя двойным щелчком по названию, например «Кубок»(рис. 16.26).

3. Для того чтобы контур имел назначение — «Обтравочный», выполните коман�ду контекстного меню палитры Paths (Контуры) Clipping Path (Обтравочныйконтур) (рис. 16.26).

4. В выпадающем списке контуров (имеющихся на данный момент в документе)выберите «Кубок». Установите Flatness (Пологость) в зависимости от разреше�ния устройства вывода. Для фотонаборного автомата установите 1 (рис. 16.27).

5. Сохраните файл в формате TIFF.

Рис. 16.26. Созданиеконтура «Кубок»


6. Так как у многих, возможно, нет программы Adobe InDesign, и данный мате�риал уже выходит за границы нашего курса, я на рисунке покажу, что мы полу�чим в верстке (Adobe InDesign) при помещении нашего изображения с сохра�ненным обтравочным контуром.

7. В программе Adobe InDesign открыта обложка журнала «Фонды Эрмитажа»,выпуск № 4. Используя команду File | Place (Поместить), поместим нашу кар�тинку (рис. 16.28).

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

Рис. 16.27.Задание контура обтравочным

Рис. 16.28.Отображение в Adobe InDesignфайла с обтравочным контуром,созданным в Photoshop

350 Урок 16

Рис. 16.29. Создание контура Чашка

Проект «Кафе»Используем знания, полученные в этом уроке, в едином проекте «Кафе».Откройте файлы Чашка.jpg и Pen_Чашка.jpg из папки Les%

sons\Урок_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).

352 Урок 16

Рис. 16.32. Увеличение размера документа

Рис. 16.31. Применение фильтра к выделенной области


Рис. 16.33. Преобразование Background

Рис. 16.34. Команда Filter | Texture | Texturizer

Рис. 16.35.Итоговый файл с рекламой кафе

354 Урок 16

Возможности Shape layer (СлойLформы)В данном разделе мы изучим огромные возможности, которые предоставляет

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

Режим Shape layer (СлойLформы)Итак, на повестке дня режим (рис. 16.36), стоящий по умолчанию у всех инст�

рументов группы Shape (Форма) (инструмента Pen в том числе).

Рис. 16.36. Режим Shape layer

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

Preset: Web

Size: 640х480, 72 ppi

Color Mode: RGB Color


2. Активизируйте инструмент Rectangle (Прямоугольник). Установите цвет пере�днего плана — красный. Выберите первый режим работы инструмента Shapelayer (Слой�форма). Растяните по изображению, как на рис. 16.37.

Рис. 16.37. Работа в режиме Shape layer

Область, захваченная инструментом, закрасилась цветом переднего плана —красным. Обратите внимание на палитру Layers. Был создан новый слой Shape 1.

Данный слой имеет тип — Shape layer (Слой�форма). Пиктограмма в палитреLayers состоит из двух частей: слоя и векторной маски.

Слой имеет особенности работы:

� векторная форма маскирует (ограничивает видимость) содержимого слоя. Про�ведем эксперимент. Векторная форма активного слоя отображается в палитреPaths (Контуры). Удалите эту форму в корзину палитры Paths (Контуры)(рис. 16.38), и вы увидите, что весь документ закрасился красным цветом. От�мените удаление формы <Ctrl>+<Z>;

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

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

Рис. 16.38. Удаление векторной маски приводит к отображению всего слоя

Настройка растрового содержимого слоя

Вы можете легко изменить цвет слоя двойным щелчком по пиктограмме слояв палитре Layers (рис. 16.39). Вызывается диалоговое окно Pick a solid color (Выб�рать сплошной цвет), где вы можете изменить цвет.

Для версии CS3 возможно изменение типа содержимого слоя командой главного меню Layer |Change Layer Content (Изменить содержимое слоя) (рис. 16.40). Выберите, например Pattern(Узор), и слой будет залит выбранным вами узором (рис. 16.41).

356 Урок 16

Рис. 16.39. Изменение цвета слоя

Рис. 16.40. Изменение содержимого слоя Рис. 16.41. Выбор узорного содержимого слоя

Работа с векторной формой слоя

В начале урока мы рассматривали векторные инструменты. Эти знания при�меним в контексте данного слоя.

1. Чтобы выделить векторную форму, не изменяя ее, используется инструмент PathSelection. Щелкните инструментом Path Selection по контуру в изображении —активизировались опорные точки, но форму изменить на уровне опорных то�чек нельзя. Возможно перемещение формы, трансформация. Нажмите комби�нацию клавиш <Ctrl>+<T>. Вокруг формы появится контейнер трансформа�ции. Действия те же, что и при работе с растром. Откажитесь от контейнеранажатием клавиши <Esc>.

2. Для работы на уровне опорных точек используется инструмент Direct Selection,а также все инструменты группы Pen. Активизируйте инструмент DirectSelection, измените форму (рис. 16.42).

Рис. 16.42. Изменение векторной формы

3. Копирование формы осуществляется инструментом Path Selection при удер�живаемой клавише <Alt>. Выделите форму щелчком инструментом PathSelection, нажмите клавишу <Alt>, у пиктограммы стрелки появится знак«плюс». Переместите форму, удерживая клавишу <Alt>. Вы видите, что новыеслои не образуются, а форма добавлена, как подконтур к существующей(рис. 16.43).

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

358 Урок 16

инструмент Ellipse (Эллипс). Вы видите в панели параметров пять кнопок с режи�мами комбинирования. По умолчанию включен первый режим Create new shapelayer (Создать новый слой�форму), таким образом, никакого комбинирования инет. Предыдущая форма блокируется, и создается новый слой с новой формой.

1. Протяните в данном режиме по изображению. Получится вариация (рис. 16.44).

2. Удалите верхний слой в корзину или отмените действие. Переключитесь на вто�рой режим комбинирования Add to shape area (Суммирование к форме). Растя�

Рис. 16.43.Копирование формы

Рис. 16.44.Работа в первомрежиме Create newshape layer

ните по изображению. Как вы заметили, новых слоев не образуется, происхо�дит комбинирование форм в рамках одного слоя (рис. 16.45).

3. Выберите следующий режим Subtract (Вычитание). Вычтите из нашей формы,например, Rectangle (Прямоугольник) — рис. 16.46. Все подконтуры, входя�щие в состав формы слоя, могут быть выделены инструментом Path Selection(Черной стрелкой), изменены на уровне опорных точек инструментом DirectSelection, т. е. существуют физически независимо в одной логической структу�ре — форме слоя.

4. Выполним выравнивание выделенных подконтуров. Активизируйте инстру�мент Path Selection. Выделите избранные контуры щелчком, удерживая <Ctrl>(как если бы вы выделяли файлы). Я выделила 1, 2, 3 подконтуры (рис. 16.47).

Рис. 16.45.Работа в режимесуммирования форм

Рис. 16.46.Работа в режимевычитания форм

360 Урок 16

5. Щелкните по первой кнопке Align top edges (Выравнивание по верхней грани�це). Подконтуры выровняются (рис. 16.48).

Для чего вам может пригодиться построение фигур? Для создания логотипов илюбых заказных форм в программе без использования дополнительно AdobeIllustrator.

Рис. 16.47.ВыделениеподконтуровинструментомPath Selection

Рис. 16.48.Выполнениеоперациивыравнивания

Как вы знаете, существуют геометрические формы: эллипс, прямоугольник,линия и т. д. Все, что не попадает в раздел геометрических — это Custom Shape(Заказная форма). Вот такую форму мы сейчас и создаем. Возникает только воп�рос: на что она похожа? В связи с этим нарисуем что�то знакомое всем — смайлик,используя только что полученные знания.

Рисование Custom Shape. Смайлик (Улыбка)

Создание формы

Можно использовать этот же документ, удалив слой с формой.

1. Инструментом Ellipse (Эллипс) создайте круг, удерживая клавишу <Shift>.

2. Включите режим Subtract (Вычитания), вычтите маленький круг (рис. 16.49).

3. Активизируйте инструмент Path Selection. Выделите маленький кружок щелч�ком. Скопируйте его, удерживая клавиши <Alt>+<Shift> (рис. 16.50).

4. Инструментом Pen (Перо) в режиме вычитания (не забудьте!) нарисуйте улыб�ку (рис. 16.51). Кстати, можно и не пером, а чем захотите.

Рис. 16.49. Вычитание маленького кружка

362 Урок 16

Рис. 16.50. Копия маленького кружка

Рис. 16.51. Улыбку рисуем пером


5. Объединим логически связанные подконтуры в один. Инструментом PathSelection обведите в рамочку все запчасти. В панели параметров Черной стрел�ки нажмите кнопку Combine (Скомбинировать) (рис. 16.52). Теперь наша фор�ма — одно целое, и при выделении Черной стрелкой будет выделено все сразу.

Рис. 16.52. Выполнение операции Combine

Задание формы в набор

1. Для занесения смайлика в набор заказных форм выполните команду главногоменю Edit | Define Custom Shape (Редактировать | Создать заказную форму).

2. В окне задания дайте имя Smile (рис. 16.53).

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

Рис. 16.53. Имя формы Smile

Рис. 16.54. Набор заказных форм

364 Урок 16

Сохранение как отдельного файла

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

1. Выполните команду контекстного меню набора форм Preset Manager (Управ�ление наборами) (рис. 16.55). Эта команда сопровождает все аналогичные на�боры в программе.

2. В диалоговом окне выпадающего списка Preset Type (Тип набора): Custom Shapes(Заказные формы) щелчком укажите форму Smile (можно несколько форм).Нажмите кнопку Save Set (Сохранить) (рис. 16.56).

Рис. 16.55. Положение команды Preset Manager

Рис. 16.56. Save Set – сохранение выделенных форм, как отдельного файла


Рис. 16.57. Сохранение файла

3. В диалоговом окне сохранения укажите имя файла и место нахождения(рис. 16.57).

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

Создание логотипа для кафе

В рекламе кафе я использовала логотип, созданный в программе Photoshop.Мой логотип имеет два цвета, поэтому он состоит из двух слоев (у одного слоя —

один цвет растра). Откройте файл Lessons\Урок_16_Работа с векторнымиобъектами\Лого кафе\Лого_кафе.psd (рис. 16.58).

Попробуйте самостоятельно из геометрических фигур, имеющихся в програм�ме, создать часть под названием «cafe». Подсказка: в файле не выполнена опера�ция Combine.

Рис. 16.58. Файл с логотипом в слоях

366 Урок 16

Рис. 16.59. Примеры студенческих паровозов

Домашнее задание «Паровоз»

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

Попробуйте свои силы в выполнении этого нелегкого задания.

Применение Shape layer в создании коллажейВ предыдущем примере вы видели применение форм для создания рисунков и

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

Пример использования форм в коллажe из папки Lessons\Урок_16_Работас векторными объектами\Коллажи с формами на рис. 16.60.

Рис. 16.60. Коллаж «SnowPark». Автор: Иванова


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

любой векторный контур назначить векторной отсекающей маской для слоя.Рассмотрим такой пример.Откройте файлы Lessons\Урок_16_Работа с векторными объекта%

ми\Зеленый чай\Парк.jpg, и Lessons\Урок_16...\Кружка.jpg.

1. Переместите слой с кружкой в изображение с парком (рис. 16.61).

2. Трансформируйте кружку: уменьшите и зеркально отобразите (рис. 16.62).

3. Создайте инструментом Pen (Перо) контур кружки (рис. 16.63). ИнструментPen работает в режиме создания контуров Path.

4. Находясь на слое с кружкой, при активном контуре выполните команду глав�ного меню Layer | Vector Mask | Current Path (Создать векторную маску слоя изактивного контура).

Рис. 16.61. Совмещение слоев

Рис. 16.62. Трансформациякружки

368 Урок 16

Рис. 16.63. Контур кружки

Рис. 16.64. Векторная маска отсечения слоя

Результатом выполнения команды (рис.16.64) будет векторная маска отсече�ния для слоя с кружкой. Этот способ скрытия части слоя предпочтительнее,чем стандартное удаление пикселов, т. к. имеет возможность при необходимо�сти настраивать и изменять маску.

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

6. Используя растушеванную кисточку серого цвета в активной слой�маске, выделаете кружку прозрачной внутри (рис. 16.66).

7. Создайте вертикальную текстовую надпись «Green tea». Примените слоевыеэффекты. Результат смотрите в файле Green tea.psd (рис. 16.67).


Рис. 16.65. Создание слой�маски для уровней прозрачности

Рис. 16.66. Прозрачность можно сделать кисточкой серого цвета в слой�маске

Рис. 16.67. Файл с текстовой надписью и прозрачной кружкой чая

370 Урок 16

8. В версии Photoshop CS4 появилась палитра Mask (Маски), которая позволяетнастраивать параметры векторных и растровых масок.

На рис. 16.68 в палитре активна векторная маска, изменены настройки у век�торной маски.

На рис. 16.69 в палитре активна растровая маска.

Рис. 16.68. ПалитраMask с активнойвекторной маской

Рис. 16.69. ПалитраMask с активнойрастровой маской

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

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


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

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

товые отклонения на черно�белых иллюстрациях увидеть невозможно.

УрокУрокУрокУрокУрок 17 17 17 17 17ТОНОВАЯ И ЦВЕТОВАЯ

КОРРЕКЦИЯ

372 Урок 17

Тоновый диапазон изображенияТоновый (динамический) диапазон изображения определяется распределени�

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

Рис. 17.1. Гистограмма

На гистограмме пикселы выстраиваются вдоль горизонтальной оси в зависи�мости от уровня яркости: от 0 (черный цвет) до 255 (белый). Для удобства описа�ния областей гистограммы диапазон тонов делят на три части: тени (области низ�кой яркости, shadows), света (области высокой яркости, highlights) и средние тона(области средней яркости, midtones).

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

Типы изображенийПрежде чем приступить к коррекции цвета, следует обратить внимание на то�

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

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

Тоновая и цветовая коррекция 373

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

1. Откройте файл Среднее по тону.jpg из папки Lessons\ Урок_17_Кор%рекция тона и цвета\Гистограмма.

2. Вызовите палитру Histogram (Гистограмма). Через контекстное меню палитрывыберите Expanded View (рис. 17.2).

Рис. 17.2. Настройка палитры Histogram

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

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

374 Урок 17

Откройте изображение Темное.jpg. Посмотрите, как выглядит теперь палитраHistogram. В данном изображении основная часть пикселов сконцентрирована втемных тонах, поэтому изображение относится к темным (рис. 17.4).

Откройте изображение Светлое.jpg. Преобладание светлых тонов позволя�ет отнести это изображение к типу светлых, что и подтверждается гистограммой(рис. 17.5).

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

Новые возможности коррекциив Adobe Photoshop CS4

При работе с фотографиями с использованием команд коррекции рекоменду�ется выбор 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 вы�полняются с созданием обратимых корректирующих слоев (см. разд. «Корректи7рующие слои» далее в этом уроке).

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

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

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

378 Урок 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. Установка белой и черной точек

380 Урок 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

382 Урок 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 и установок пипетки серого

384 Урок 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

386 Урок 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

388 Урок 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.Перекрашиваниезаданного диапазонацветов

390 Урок 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 (ЧерноXбелое)

В требованиях типографии для черно�белых книг (таких как эта) — черно�белые картинки. Большинство авторов делают их командой 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).

392 Урок 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

394 Урок 17

Рис. 17.37. Выделение цветов для перекрашивания

Рис. 17.36. Раздел Tint

Вы также можете создавать различные варианты колоризации изображения спомощью раздела Tint (Оттенок).

Команда 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. Перекрашивание роз

396 Урок 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. Устранение цветового отлива в выбранном диапазоне цветов

398 Урок 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. Применение градиента приперекрашивании изображений

400 Урок 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

402 Урок 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

404 Урок 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. Акцент цветом

406 Урок 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

408 Урок 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

410 Урок 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 на все изображение

412 Урок 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. Удаление маски корректирующего слоя не изменяет коррекцию

414 Урок 17

Рис. 17.67. Применение режима наложения Overlay для насыщения красок

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

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

В этом уроке вы научитесь:

� использовать инструмент Clone Stamp (Штамп клонирования) для удаления изизображения «лишних» предметов;

� работать с инструментом Spot Healing Brush (Пятновыводитель);� делать себя и окружающих красивыми (убирать морщины);� восстанавливать старинные фотографии;� использовать палитру History (История) для смешивания нескольких состоя�

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

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

УрокУрокУрокУрокУрок 18 18 18 18 18РЕТУШИРОВАНИЕ

И ВОССТАНОВЛЕНИЕ ФОТОГРАФИЙ

416 Урок 18

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

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

Основные приемы ретушированияПод операцией ретуширования мы будем понимать коррекцию дефектов и уст�

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

Метод «Заплатки»Этот подход предполагает использование фрагментов изображения в качестве

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

Метод «Заплатки» в слоях


1. Откройте файл Часы.jpg из папки Lessons\Урок_18_ретушь с компакт�диска. Как видите, часть изображения отсутствует (рис. 18.1).

Рис. 18.1. Отсутствует часть изображения

Ретуширование и восстановление фотографий 417

2. Можно взять недостающий участок из правой части изображения, но слева нетместа для «заплатки», поэтому первое действие — это увеличение размера са�мого холста. Выполните команду Image | Canvas Size (Изображение | Размер хол�ста), увеличив размер слева (рис. 18.2).

3. Кроме этого в данном диалоговом окне можно задать цвет добавляемой облас�ти. Внизу, в поле Canvas extension color, вызовите окно Color Picker и щелкнитепо фону за часами в самом изображении.В результате выполнения команды у вас добавлена область слева от часов(рис. 18.3), куда мы в дальнейшем поместим заплатку.

Рис. 18.2. Увеличение размераизображения с помощью командыCanvas Size

Рис. 18.3. Увеличение размера изображения с заданным цветомзаполнения

418 Урок 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. Выделение области для «заплатки»

420 Урок 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).

422 Урок 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).

424 Урок 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. Указание области клонирования

426 Урок 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

428 Урок 18

5. Затем используйте этот же прием для стирания морщин под другим глазом.

6. В дополнение предлагаю отбелить зубы инструментом Dodge (Осветлитель)(рис. 18.23).

Результат в файле Приятная женщина_end.psd. Уместно заметить, что в ре�туши вы применяете инструменты, приносящие видимый результат. В данном слу�чае можно было бы использовать и другие ранее изученные инструменты.

Рис. 18.23.Использование инструмента Dodgeдля «отбеливания» зубов

Самостоятельная работа

Задание 1 (пригодится для будущего задания)Откройте файл Небо.psd. Ваша задача — отретушировать слой Background,

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

Задание 2 (чуть сложное)На диске сопровождения в папке Чудесное место есть примеры выполнен�

ной ретуши файлов Стена дома.jpg и Фонтан.jpg. Сделайте свои варианты.

Инструмент Red Eye (Удаление эффекта красных глаз)Red Eye (Удаление эффекта красных глаз) — устраняет «эффект красных глаз»

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

Работа с палитрой History (История)Палитра History (История) сохраняет только ограниченное количество действий

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


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

1. Откройте файл Лилия.jpg из папки История. Мы выполним очень интерес�ный алгоритм, в результате лилия будет цветная, а все остальное — нет.

2. Выполните команду Image | Adjustments | Desaturate (Изображение | Коррекция |Отмена насыщенности). Все изображение стало бесцветным, несмотря на цве�товую модель RGB, поддерживающую цвет.

3. Щелкните по пиктограмме фотоаппарата в нижней части палитры History(рис. 18.24). Эта пиктограмма создает новый Snapshot (Снимок) в верхней час�ти палитры под снимком состояния начальной загрузки.

4. Двойным щелчком по слову «Snapshot 1» войдите в режим редактирования на�звания и дайте снимку имя «Desaturate».

5. Снимок является временной записью конкретной стадии работы. При закры�тии файла снимки уничтожаются. Поэтому предусмотрено сохранение снимкакак отдельного файла — необыкновенно умное и профессиональное действие!Щелкните по первой пиктограмме в нижней части палитры History, и будетсоздан новый документ из активного состояния (рис. 18.25). Имя у документабудет соответствовать имени данного состояния (снимка).

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

Рис. 18.24. Создание снимка действия Рис. 18.25. Создание нового документа из активно�го состояния

430 Урок 18

Использование инструмента History Brush (Кисть истории)History Brush (Кисть истории) в совокупности с палитрой History (История)

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

1. Активизируйте снимок «Desaturate». Обратите внимание, напротив снимкасостояния начальной загрузки у вас стоит пиктограмма History Brush (Кистьистории). Это значит, что мы будем переносить информацию из этого снимка.

2. Активизируйте инструмент History Brush (Кисть истории). Проведите поцветку — вы возвращаете его цвет, перенося информацию из снимка начальнойзагрузки (рис. 18.26). Восстановите цвет лилии, как в файле Лилия_end.

Когда не работает History Brush?

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

Рис. 18.26. Восстановление цвета Кистью истории

Гламурная ретушьКто не мечтает стать фотомоделью? Но кто знает, на самом деле их лица и фи�

гуры так идеальны или это чудо Photoshop?Пример, который я приведу в этом уроке, содержит несколько вариантов.

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

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

или иного цвета и умеренности.Откройте файл Старт.jpg из папки Гламур (автор фото — Маргарита Чай�

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

Рис. 18.27. Удаление мелких дефектов

Этап 1. Обработка кожиПрежде чем приступить к глобальной

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

Удаление дефектов

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

1. Создайте копию слоя Background<Ctrl>+<J>. Назовите копию слоя«Удаление пятен».

2. Инструментом Healing Brush удалитекрупные дефекты. Мелкие дефекты иморщинки будут удалены на следую�щем этапе (рис. 18.27).

Гладкость кожи

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

432 Урок 18

Рис. 18.28. Размытие слоя фильтром Surface Blur

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

1. Создайте копию слоя Удаление пятен.

2. Примените к слою�копии фильтр Blur | Surface Blur (Поверхностное размытие),размойте изображение (рис. 18.28). Параметры Amount и Threshold зависят отвида и разрешения изображения.

3. Для слоя с размытой кожей добавьте слой�маску. Инвертируйте маску клави�шами <Ctrl>+ (команда Image | Adjustments | Invert). При инвертированиимаски слой с размытием не виден, размытие не применяется.

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

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

1. Создайте новый слой. Залейте его командой Edit | Fill | 50% Gray (50% серый).Установите режим наложения Overlay (Перекрытие).

2. К новому серому слою добавьте шумы фильтром Filter | Noise | Add Noise (Доба�вить шум) со значением Amount (равными 2,1–2,3). Эти действия мы соверша�ем для создания будущей фактуры кожи (рис. 18.30).

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


Рис. 18.29. Смешивание слой�маской

Рис. 18.30. Добавление шума к слою

Рис. 18.31. Рисование в маске позволяет улучшить текстуру кожи

434 Урок 18

Этап 2. Повышение контрастности лица

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

2. Установите режим наложения Overlay (Перекрытие), Opacity 27% (рис. 18.32).

Рис. 18.32. Увеличение контрастности лица

Этап 3. Создание имиджLобразовПосле «косметолога» девушка отправляется в салон «Make�Up», где вы сами

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

Имидж 1. Платиновая блондинкаПерекрашивание волос

1. Выделите волосы в режиме быстрой маски (рис. 18.33).

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


2. Установите режим наложения Screen. Для придания естественного пепельно�го отлива создайте корректирующий слой Hue/Saturation с настройками, какна рис. 18.34. Чтобы коррекция ограничивалась только нижележащим слоем,выполните операцию отсечения.

Меняем цвет глаз

Существуют два варианта перекрашивания: рисование цветом в режиме Color(Цвет) и использование корректирующего слоя цветовой коррекции. В данномпримере использован корректирующий слой Hue/Saturation.

1. Используя инструмент Elliptical Marquee (Эллиптическое выделение), выдели�те оба глаза, установите легкую растушевку.

2. Создайте корректирующий слой Hue/Saturation с параметрами, указаннымина рис. 18.35.

Рис. 18.34. Перекрашивание волос корректирующим слоем

436 Урок 18

3. Для реалистичности синих глаз установите у корректирующего слоя режим на�ложения Overlay (Перекрытие), Opacity 89%.

Подводка глаз

1. Создайте новый слой.

2. Выберите кисть диаметром 3 px Opacity 30%.

3. Легкими штрихами подведите глаза (рис. 18.36).

Рис. 18.35. Изменение цвета глаз

Рис. 18.36. Подводка глаз


Подводим брови

1. Создайте новый слой. Установите параметр Opacity равным 15%.

2. Кистью коричневого цвета проведите линию бровей.

Губы с блеском

1. Скопируйте губы со слоя «Удаление пятен» в отдельный слой.

2. Создайте корректирующий слой Curves (Кривые) и осветлите изображение(рис. 18.37). Назовите слой «Свет». Установите режим наложения Screen.

3. Создайте еще один корректирующий слой Curves (Кривые), но на этот раз за�темните изображение (рис. 18.38). Назовите слой «Тень».

4. Инвертируйте слой�маски обоих корректирующих слоев так, чтобы они былизаполнены черным цветом.

Рис. 18.37. Параметры корректирующего слояCurves при осветлении

Рис. 18.38. Параметры корректирующего слояCurves при затемнении

5. Для того чтобы коррекция распространялась только на губы, создайте маскуотсечения (рис. 18.39).

6. Кистью белого цвета с прозрачностью 50% порисуйте в маске слоя Свет там,где хотите добавить блеска. Затем той же кистью порисуйте в маске слоя Теньтам, где хотите затемнить губы (рис. 18.40). Данный алгоритм повсеместно ис�пользуется для придания блеска на любых частях тела.

Итоговый вариант в слоях в файле Lessons\Урок_18_ретушь\Гламур\Вари%анты в цвете\Платиновая блондинка.psd.

438 Урок 18

Имидж 2. «Огненная»

Перекрашивание волос

1. Выделите волосы в режиме быстрой маски.

2. Для придания рыжего цвета создайте корректирующий слой Hue/Saturation снастройками, как на рис. 18.41. Чтобы коррекция ограничивалась только ни�жележащим слоем, выполните операцию отсечения. Установите у корректиру�ющего слоя режим наложения Linear Light (Линейный свет), Opacity 45%.

Меняем цвет глаз

1. Аналогично первому примеру, выделите оба глаза и создайте корректирующийслой Hue/Saturation с параметрами, указанными на рис. 18.42. На этот раз гла�за будут зеленые.

2. Для реалистичности зеленых глаз установите у корректирующего слоя режимналожения Overlay (Перекрытие), Opacity 89%.

Рис. 18.39.Создание маски отсечения для слоев Curves

Рис. 18.40. Блики на губах


Подводим брови

1. Создайте новый слой. Установите параметр Opacity 15 %.

2. Кистью коричневого цвета проведите линию бровей.

Рис. 18.41. Перекрашивание волос корректирующим слоем в огненно�рыжие

Рис. 18.42. Изменение цвета глаз

440 Урок 18

Рис. 18.43. Красим губы в новом слое

Красим губы


2. Установите у нового слоя режим наложения Soft Light, Opacity 64%.

3. Обводим кистью губы. Цвет RGB (168; 80; 54) (рис. 18.43).

Рис. 18.44. Тени на новом слое

Наносим тени


2. Установите у нового слоя режим наложения Soft Light.

3. Кистью светло�коричневого цвета с прозрачностью 20–30% порисуйте на слое(рис. 18.44).Итоговый вариант в слоях в файле Lessons\Урок_18_ретушь\Гламур\

Варианты в цвете\Огненная.psd.


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

Возможно, эта тема из раздела Layers (Слои), но на тот момент времени вы немогли составить столько дизайн�решений и такой сложности в палитре Layers.

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

Откройте файл Lessons\Урок_18_ретушь\Гламур\Итог.psd.Вам понадобится палитра Layers (Слои) для отображения наших идей и палит�

ра Layer Comps (Композиции слоев) — где уже есть заготовки идей.

1. В момент открытия отображается только стартовый слой без использованияPhotoshop (рис. 18.45).

2. В палитре Layer Comps (Композиции слоев) включите квадратик пиктограммыслева от названия «Платиновая блондинка» (рис. 18.46). Вы увидите, что в па�литре Layers (Слои) изменились последовательности видимости слоев — из�заэтого другой вид у нашего изображения.

3. В палитре Layer Comps (Композиции слоев) включите квадратик пиктограммыслева от названия «Огненная» (рис. 18.47). Вы увидите только видимость сло�ев, соответствующую алгоритму «Огненная». Более того, двойным щелчком подпозицией «Огненная» вы можете прочитать комментарии к данной компози�ции: «за мои прекрасные глаза…».

4. В палитре Layer Comps (Композиции слоев) включите квадратик пиктограммыслева от названия «просто третий вариант» (рис. 18.48). Это третий вариант.

Рис. 18.45. Стартовое состояние документа

442 Урок 18

Рис. 18.46. Активно состояние «Платиновая блондинка»

Рис. 18.47. Активно состояние «Огненная»

Рис. 18.48. Активно состояние «просто третий вариант»

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

Patterns (текстуры) часто используются в качестве узоров для компьютерных эк�ранов, заднего плана на Web�страницах; в полиграфии для оформления дипломов слоготипами фирмы; в 3D�графике для создания материалов поверхностей. Такимобразом, куда ни посмотри, везде они нужны, а делать вам их надо в Photoshop.


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

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

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

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

444 Урок 19

Что такое pattern?Pattern (текстура) — это образец материала, который без швов заполняет лю�

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

лы. В Photoshop вы уже использовали их, выполняя команду Edit | Fill (Редактиро�вание | Заливка), в слоевых эффектах, в профессиональных демонстрационныхстилях.

Итак, рассмотрим способы создания и сохранения pattern.

Текстуры в виде логотипа

Текстура LonginesДавайте получим такую же текстуру, как на Web�сайте (страница сервисного

обслуживания) фирмы Longines, производящей недешевые часы. Откройте файлLongines.jpg из папки Урок_19_Текстуры\Логотипы.

Задание «Pattern»


1. Выполните команду главного меню Edit | Define Pattern (Редактирование | За�дать текстуру) (рис. 19.1).

Рис. 19.1. Задание текстуры

Текстуры 445

2. В появившемся окне задайте имя Longines (рис. 19.2).

Рис. 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. Фон для сайта с логотипами фирмы

446 Урок 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. Заливка документа текстурой на основе логотипа

448 Урок 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. Изображениядля создания текстур

450 Урок 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

452 Урок 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. Пример заливки первым объектом

454 Урок 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. Заполнениебольшого документа второйтекстурой

456 Урок 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ТЕНИ И СВЕЧЕНИЕ

458 Урок 20

Медведь на пляжеПри создании монтажа (реалистичного изображения) не обойтись без падаю�

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

Используя изображения из папки Lessons\Урок_20_Тени и свечение\Мед%ведь на пляже, создадим монтаж, поместив мишку на побережье. При этом не�обходимо, чтобы мишка отбрасывал на песок реалистичную тень.

1. Откройте исходные изображения Белые медведи.jpg и Побережье.jpg.

2. Активизируйте изображение Белые медведи.jpg. Выделите медведя с по�мощью фильтра Extract (рис. 20.1).

Рис. 20.1. Выделенный медведь в отдельном слое

3. Перетащите слой с выделенным медведем в файл Побережье.jpg. Отразитемедведя и чуть уменьшите его размер (рис. 20.2).

4. Создайте новый пустой слой для будущей тени. Вся дальнейшая работа ведет�ся только в этом слое (рис. 20.3).

Тени и свечение 459

Рис. 20.2. Совмещение изображений в одно

Рис. 20.3. Создание слоя для тени

460 Урок 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).

462 Урок 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. Выделение телефонав отдельный слой

464 Урок 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. Отделение слоевого эффектав отдельный слой

466 Урок 20

Рис. 20.16. Созданиеотсекающей маски

Рис. 20.17. Параметры шрифта

7. Для создания отсекающей маски тени со слоем, под которым она расположе�на, выделите слой с тенью и выполните щелчок по разделительной линии сло�ев в палитре Layers, удерживая клавишу <Alt>. Тогда тень будет отбрасыватьсятолько на телефон, а не на фоновое изображение (рис. 20.16).

8. Выберите инструмент 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).

468 Урок 20

Рис. 20.20. Настройки эффекта Bevel and Emboss

Рис. 20.21. Итоговая композиция

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

В этом уроке:

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

а также сделаете рекламный коллаж для часов Breguet.

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

470 Урок 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. Создание слой�маски

Создание коллажей 471

4. Создадим эффект «Sepia». Для этого добавим корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) с параметрами, как на рис. 21.3.

Рис. 21.3. Добавление корректирующего слоя

5. Удалите слой�маску корректирующего слоя, перетащив ее в корзину палитрыLayers (Слои). Как вы видите, корректирующий слой распространяет действиена все нижележащие слои. Ограничьте действие коррекции только на слой счасами, выполнив операцию отсечения (рис. 21.4).

Рис. 21.4. Ограничение действия корректирующего слоя

472 Урок 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.

474 Урок 21

Рис. 21.9. Совмещение изображений



Реклама часов Breguet…Пока недремлющий брегет не прозвонит ему обед…

А. С. Пушкин

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

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

Рис. 21.11. Реклама часов Breguet

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

два варианта представлены в слоевых файлах в той же папке (рис. 21.13).Ваша задача — сделать лучше!

Зачетная работа — реклама часовМы изучили столько теоретического материала и выполнили так много прак�

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

476 Урок 21

Файлы�детали находятся в папке Зачет. В папке Не подсматривать нахо�дится слоевой файл для проверки зачета. К работе! Желаю удачи.

На рис.21.12 приведены результаты работ.

Рис. 21.12. Один из вариантов результатов работы

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

AAAAA

Anti�alias 136Arrowheads 88Auto Color Correction Options 381

BBBBB

Background 107Background Color 43Brightness/Contrast 385Brush 43

CCCCC

Canvas Size 213Channels 160Clipping Mask 284Clone Stamp 421Color Balance 388Color Picker (Подборщик цвета) 23Crop 215Curves 386Custom Shape 90

DDDDD

Default 43Diameter 45Dodge 428

EEEEE

Edit| Fill 49Elliptical Marquee 127Eraser 47

FFFFF

Feather 136Fill pixels 87Flatten Image 123Flow 47Foreground Color 43Foreground to Background 73Foreground to Transparent 73

GGGGG

Gradient 71Gradient Editor 74Gradient Type 84

HHHHH

Hand 40Hardness 45Healing Brush 426Hue/Saturation 389, 391, 395

IIIII

Image Size 204Осветлитель 428

LLLLL

Layer Comps 441Layer Style 242Layers 106Line 88Link 119Location 75


MMMMM

Magic Wand 145Magnetic Lasso 144Merge Down 123Merge Visible 123

NNNNN

Navigator 40

OOOOO

Opacity 45

PPPPP

Pattern 443Pencil 47Perspective 216Polygonal Lasso 143

QQQQQ

Quick Mask 172

RRRRR

Randomize 84Rectangular Marquee 126Reset Shapes 92Reverse 74

SSSSS

Sepia 391Shadow/Highlight 387Shapes 87Smart Object 278Spacing 61

TTTTT

Tolerance 145Type 218

ZZZZZ

Zoom 39

ААААА

Альфа�каналы 166Аэрограф 46

БББББ

Быстрая маска 172

ВВВВВ

Векторная графика 15Выделение 126

ГГГГГ

Гамма 377

ИИИИИ

Интерполяция (усреднение) 18Интерфейс 26

ККККК

Канал 160Коррекция фигуры 319Колоризация 231Комбинирование выделения 133Комбинирование каналов 180Команды цветовой коррекции 388Композитный канал 160Компьютерная графика 14

ЛЛЛЛЛ

Лечащая кисть 426

МММММ

Масштаб 38Модель:

CMYK 21HSB 22RGB 21

ООООО

Обрезка 215

Предметный указатель 479

ППППП

Перспектива 216Палитра Color (Цвет) 24Палитра Swatches (Образцы цвета) 24Палитры 30Панель инструментов 35Пиксел 15Построение форм 88

РРРРР

Разрешение изображения 15Размер изображения 204Растровая графика 14Ретуширование 416

ССССС

Слоевые эффекты 241Создание стиля 253Стиль слоя 242

ТТТТТ

Точная трансформация 194Трансформация Выделения 202

ФФФФФ

Фильтры 292Функциональные клавиши 33

ЦЦЦЦЦ

Цветовой баланс 388Цветовой тон/Насыщенность

389, 395

ШШШШШ

Штамп клонирования 421

ЭЭЭЭЭ

Эффект фокусировки 307

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

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

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

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

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

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

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

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

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

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

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

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

Калинин Олег

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

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

Тучкевич евгения самоучитель adobe photoshop cs4 2009

Documents