Евгения Тучкевич
Adobe Photoshop CC 2019
Мастер-класс Евгении Тучкевич
Санкт-Петербург
«БХВ-Петербург»
2020
УДК 004.4'273
ББК 32.973.26-018.2
Т92
Тучкевич Е. И.
Т92 Adobe Photoshop CC 2019. Мастер-класс Евгении Тучкевич. — СПб.: БХВ-
Петербург, 2020. — 496 с.: ил.
ISBN 978-5-9775-6620-9
В основу книги положена эффективная методика обучения дизайнеров,
опробованная в учебных аудиториях. Последовательно в виде уроков рассмотрены
основные инструменты, технологии и приемы обработки фотоизображений
в программе Adobe Photoshop на примере версии CС 2019. Рассмотрены воз-
можности палитры Properties (Свойства). Описаны методы создания коллажей,
приемы реставрации старых фотографий, а также коррекция фигуры, гламурная
ретушь и многое другое. Особое внимание уделено работе с каналами, созданию
и сохранению выделения, работе с векторными изображениями, коррекции
и алгоритмам ретуши фотографий. При обучении рассматриваются реальные
задачи, возникающие в процессе работы; выполняются коллажи в слоевой модели.
В новом издании добавлена глава об автоматизации и пакетной обработке файлов,
позволяющей сократить время на рутинные операции.
Учебные файлы для всех уроков размещены на сайте издательства.
Для широкого круга пользователей
УДК 004.4'273
ББК 32.973.26-018.2
Группа подготовки издания:
Руководитель проекта Евгений Рыбаков
Зав. редакцией Екатерина Сависте
Компьютерная верстка Людмилы Гауль
Дизайн обложки Марины Дамбиевой
Оформление обложки Карины Соловьевой
«БХВ-Петербург», 191036, Санкт-Петербург, Гончарная ул., 20.
ISBN 978-5-9775-6620-9 © ООО «БХВ», 2020
© Оформление. ООО «БХВ-Петербург», 2020
ОГЛАВЛЕНИЕ
Об авторе .......................................................................................14
ПРЕДИСЛОВИЕ ..........................................................................15
Благодарности ........................................................................ 15
Описание электронного архива............................................. 15
Слушатели о курсе Adobe Photoshop ..................................... 16
Отзывы на книгу с сайта www.books.ru .................................. 18
Введение
Основы компьютерной графики ...........................................21
Типы компьютерной графики ............................................... 22
Характеристики растрового изображения,
или что нужно знать, создавая и сохраняя файл................... 23
Пиксел .................................................................................... 23
Разрешение изображения..............................................24
Сглаживание (anti-alias) ................................................25
Интерполяция (усреднение) .........................................26
Цветовые модели.................................................................... 28
Модель RGB ..................................................................28
Модель CMYK ...............................................................29
Модель HSB ...................................................................30
Как выбрать цвет в Photoshop? .............................................. 30
Диалоговое окно Color Picker.........................................30
Палитра Color .................................................................32
Палитра Swatches............................................................32
Урок 1
Интерфейс. Инструменты ......................................................33
Интерфейс .............................................................................. 34
Работа с быстрыми («горячими») клавишами..............36
Палитры.................................................................................. 37
Перестройка палитр ......................................................38
Строение палитр............................................................40
Выбор и скрытие палитры.............................................40
Сохранение, восстановление расположения палитр ........41
Функциональные клавиши ...........................................41
Панель инструментов............................................................. 41
Определение инструмента ............................................43
Выбор инструмента .......................................................43
Режимы отображения ............................................................ 43
Способы изменения масштаба просмотра............................ 45
3
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Дополнительные средства изменения масштаба .........47
Инструмент Zoom ......................................................47
Палитра Navigator ......................................................47
Быстрое перемещение по изображению ............................... 48
Урок 2
Рисование.................................................................................... 49
Основные инструменты рисования....................................... 50
Выбор основного и фонового цвета ...................................... 50
Инструмент Brush................................................................... 51
Параметр Brush ..............................................................51
Отображение на экране инструментов рисования.......53
Изменение размера и жесткости кисти ........................53
Режим наложения Mode ................................................54
Непрозрачность Opacity.................................................54
Режим Airbrush ...............................................................55
Плотность Flow ..............................................................55
Сохранение и восстановление параметров инструментов ... 56
Инструмент Pencil................................................................... 56
Инструмент Eraser.................................................................. 56
Инструмент Paint Bucket......................................................... 57
Команда Edit | Fill ................................................................... 58
Отмена и возврат действий. Палитра History ........................ 59
Проект «Юкка»....................................................................... 61
Урок 3
Возможность использования кистей ............................... 63
Отображение палитры ........................................................... 64
Настройка параметров кисти................................................. 65
Шаг 1. Очистка установок кистей.................................65
Шаг 2. Настройка Brush Tip Shape .................................65
Шаг 3. Настройка Shape Dynamics .................................67
Шаг 4. Настройка Scattering...........................................68
Шаг 5. Настройка Color Dynamics ..................................69
Шаг 6. Сохранение кисти..............................................70
Создание пользовательской кисти ........................................ 71
Пример создания кисти из части изображения ...........73
Проект «Пейзаж».................................................................... 74
Урок 4
Инструмент Gradient (Градиент)........................................... 77
Параметры инструмента Gradient .......................................... 78
Использование Gradient Editor ............................................... 79
Создание своего цветового перехода ............................80
Изменение цветовых составляющих градиента ...........81
Поле Color ..................................................................81
Поле Location .............................................................82
Как добавить или удалить маркер? ...........................82
Изменение непрозрачности градиента.........................82
Сохранение градиента ...................................................83
4
Оглавление
Пример создания градиента: стальная труба ........................ 83
Шаг 1. Цвета стальной трубы........................................83
Шаг 2. Задание непрозрачности ...................................84
Шаг 3. Применение градиента......................................85
Радуга в раю............................................................................ 87
Радуга простая ...............................................................87
Шаг 1. Цвета радуги ..................................................87
Шаг 2. Задание непрозрачности ...............................89
Шаг 3. Применение градиента..................................89
Выбор градиента типа Noise................................................... 90
Урок 5
Формы. Служебные наборы....................................................91
Инструменты группы Shapes.................................................. 92
Панель параметров инструментов ................................92
Построение форм ..........................................................93
Быстрые клавиши, используемые при построении
фигур ..............................................................................94
Инструмент Line. Рисование стрелок ...........................94
Инструмент Custom Shape ..............................................95
Загрузка дополнительных наборов ...............................96
Пиратская карта ............................................................98
Дополнительные наборы кистей ..........................................102
Загрузка наборов кистей .............................................103
Набор кистей «Цветы» ................................................103
Набор кистей «Tattoo» .................................................105
Набор кистей «Бумага»................................................106
Дополнительные наборы градиентов ...................................107
Урок 6
Работа со слоями..................................................................... 109
Общие сведения о слоях .......................................................110
Палитра Layers.......................................................................111
Как показывать и прятать слои...................................111
Выделение слоев..........................................................112
Параметры слоя ...........................................................113
Слой Background...........................................................113
Изменение последовательности слоев .......................114
Переименование, подсветка слоев .............................115
Создание нового слоя..................................................116
Дублирование (копирование) слоя.............................117
Удаление слоя ..............................................................117
Перенос слоев из одного файла в другой....................118
Выделение нескольких слоев ......................................120
Преимущества выделения слоев .................................121
Совместная трансформация ................................... 121
Выравнивание и распределение ............................. 121
Группировка слоев .......................................................122
Связывание слоев ........................................................124
Влияние слоев на размер файла..................................124
5
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Команды сведения слоев.............................................125
Команда Merge Layers .............................................. 125
Команда Merge Down................................................ 126
Команда Merge Visible .............................................. 126
Команда Flatten Image .............................................. 126
Фильтрация слоев........................................................126
Проект «Космос»...................................................................127
Возможный алгоритм выполнения задания...............127
Урок 7
Выделение ....................................................................................131
Что такое выделение?............................................................132
Выделение, как ограничение действия
инструментов и команд ...............................................132
Как снять выделение? ............................................. 133
Клавиши-модификаторы при создании выделения ......133
Проект «Выпуклые кнопки» .......................................135
Комбинирование выделения ......................................139
Дополнительные возможности комбинирования ...... 140
Общие свойства инструментов выделения.................140
Кнопки режимов ..................................................... 140
Растушевка (Feather)................................................ 141
Сглаживание (Anti-alias).......................................... 142
Инструменты выделения ......................................................143
Инструмент Lasso ........................................................143
Практикум по выделению с помощью Lasso.......... 143
Проверка точности выделения ............................... 145
Корректировка выделения...................................... 146
Инструмент Polygonal Lasso .........................................150
Практикум по выделению с помощью
Polygonal Lasso .......................................................... 150
Инструмент Magnetic Lasso ..........................................152
Инструмент Magic Wand ..............................................152
Практикум по выделению с помощью
Magic Wand ............................................................... 153
Параметр Contiguous................................................. 154
Инструмент Quick Selection ..........................................155
Параметр Auto-Enhance............................................ 156
Команда Select and Mask (Выделить и Маскировать),
бывшая Refine Edge ................................................................156
Использование растушевки в художественном
оформлении фотографий......................................................160
Проект «Home»......................................................................163
Урок 8
Каналы. Быстрая маска ......................................................... 165
Цветовые каналы...................................................................166
Цветовые каналы изображения RGB .........................166
Пример 1. Новый документ RGB ........................... 166
Пример 2. Готовое изображение RGB .................... 168
Цветовые каналы изображения CMYK ......................170
6
Оглавление
Альфа-каналы: сохранение выделения ................................170
Растушеванное выделение в альфа-каналах...............172
Исправление выделения в канале...............................174
Режим Quick Mask..................................................................178
Редактирование выделения в режиме Quick Mask ......179
Примеры целесообразности выбора режима
Quick Mask при выделении объектов......................181
Пример 1. Многочисленные мелкие круглые
бриллианты .............................................................. 181
Пример 2. Выделение ворсистого объекта — кота... 184
Комбинирование каналов при выделении...........................185
Урок 9
Трансформация. «Умные» объекты.
Марионеточная деформация...............................................187
Виды трансформации ...........................................................188
Трансформация пикселов слоя ...................................188
Команда Edit | Transform .......................................... 188
Команда Edit | Free Transform................................... 189
Создание иллюзии объема при помощи
трансформации........................................................ 191
Применение искажения.......................................... 192
Этикетка на кружке.............................................. 192
Фрукты в вазе ....................................................... 194
Точная трансформация................................................197
Проект «Samba».....................................................................197
Smart Objects («Умные» объекты)...........................................199
Подарки от Adobe: работа с векторными объектами ...200
Использование Smart Objects в сложной трансформации ..203
Трансформация выделения...................................................205
Марионеточная деформация Puppet Warp ............................205
Проект «Морской узел» ........................................................208
Масштабирование с учетом содержимого
Content-Aware Scale ...............................................................209
Реклама с использованием марионеточной деформации
Puppet Warp.............................................................................212
Урок 10
Изменение размера изображения.
Инструмент Crop (Рамка)...................................................... 213
Изменение размера печатного оттиска ................................214
Изменение растровых параметров..............................216
Возможности инструмента Crop..................................217
Параметры инструмента Crop ................................. 217
Разворот после сканирования нескольких фотографий ..219
Обрез фотографии по заданному размеру ..................222
Исправление перспективного искажения.
Инструмент Perspective Crop ..................................................224
Увеличение поля вокруг изображения .................................226
7
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Урок 11
Работа с текстом .................................................................... 227
Особенности текстового слоя...............................................228
Ввод текста ............................................................................228
Завершение ввода текста .............................................229
Режим форматирования..............................................229
Параметры текста..................................................................230
Деформация текста Warp Text......................................231
Трансформация текстового слоя ..........................................232
Текстовые палитры................................................................232
Ложные стили ..............................................................233
Стили текста ................................................................233
Урок 12
Режимы смешивания ............................................................ 235
Определение. Классификация .............................................236
Применение режимов смешивания в слоях.........................239
Режим Normal...............................................................239
Режим Multiply..............................................................239
Реалистичные татуировки....................................... 239
Режимы Hue и Color для колоризации
изображений ................................................................241
Нанесение аэрографии на машину.............................242
Элементы графики в коллажах ...................................244
Колоризация при помощи инструментов
рисования ..............................................................................247
Раскрашивание черно-белых фотографий .................247
Проект «Восстановление семейного архива».......................249
Проект «Твердой поступью в светлое будущее»...................251
Урок 13
Слоевые эффекты................................................................... 253
Что такое слоевые эффекты? ................................................254
Диалоговое окно Layer Style..................................................255
Эффект Bevel & Emboss ................................................256
Эффект Stroke ..............................................................257
Эффект Inner Shadow ...................................................258
Эффект Inner Glow........................................................259
Эффект Satin ................................................................260
Эффекты группы Overlay .............................................260
Эффект Outer Glow........................................................262
Эффект Drop Shadow ....................................................263
Создание и сохранение своего стиля....................................264
Изменение стиля...................................................................264
Капли воды ..................................................................267
Примеры библиотек стилей..................................................268
8
Оглавление
Урок 14
Создание теней и свечений.................................................269
Способы создания теней.......................................................270
Идеальный вариант — природная тень ................................270
Создание тени из слоевого эффекта.....................................273
Медведь на пляже, или тень по форме объекта ...................276
Текстовые тени и свечения ...................................................280
Урок 15
Слой-маска................................................................................. 281
Работа со слой-маской..........................................................282
Создание слой-маски ..................................................282
Работа кистью в слой-маске........................................286
Скрытие и отображение слой-маски ..........................287
Удаление и применение слой-маски ..........................288
Применение различных типов градиентов
в слой-маске.................................................................288
Коллаж «Make your business».................................................291
Как сделать объект прозрачным? .........................................291
Работа со слой-маской и ручным выделением...........292
Создание маски с использованием выделения....................293
Автовыравнивание слоев ......................................................295
Урок 16
Маска отсечения слоя........................................................... 297
Определение и варианты использования.............................298
Создание маски отсечения с растровым слоем....................298
Маскирование текстом .........................................................300
Проект «Город в воспоминаниях» ........................................301
Урок 17
Фильтры .....................................................................................303
Обзор фильтров .....................................................................304
Что следует знать о фильтрах?.....................................304
Группы фильтров Photoshop ........................................305
Демонстрация действия художественных фильтров............306
Применение художественных фильтров ....................306
Работа с «умным» фильтром........................................308
Создание эффектной рамки........................................310
Галерея фильтров группы Blur Gallery .........................313
Фильтр Iris Blur ........................................................ 313
Фильтр Tilt-Shift....................................................... 314
Эффект движения машины.........................................316
Фильтры Path Blur и Spin Blur .................................. 316
Применение фильтров в коллажах .............................319
Позиционирование фильтра Lens Flare ......................320
9
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Фильтры с собственным интерфейсом ................................322
Фильтр Liguify ..............................................................322
Пластика лица фильтром Liguify ............................. 322
Коррекция фигуры фильтром Liguify...................... 324
Фильтр Vanishing Point ..................................................326
Ретушь объектов, уходящих в перспективу ............ 326
Урок 18
Работа с векторными объектами ..................................... 329
Контуры.................................................................................330
Использование инструмента Pen ................................330
Создание прямых контуров .................................... 330
Заливка и обводка контуров ................................... 332
Создание кривых ..................................................... 335
Основные элементы кривых ................................... 335
Типы опорных точек................................................ 337
Редактирование кривых ..............................................338
Инструменты для работы с кривыми ..................... 338
Создание угловых точек
в процессе построения кривых ............................... 340
Как нарисовать цветочек?....................................... 341
Как нарисовать сердце за две опорные точки? ...........342
Рисование контура вокруг фигуры .............................343
Загрузка выделения из контура...................................344
Преобразование выделения в контур .........................345
Создание обтравочного контура .................................346
Проект «Фонды Эрмитажа» .................................... 347
Проект «Кафе» ......................................................................349
Возможности слой-формы ...................................................352
Режим Shape.................................................................352
Настройка растрового содержимого слоя .............. 354
Работа с векторной формой слоя............................ 354
Рисование инструментом Custom Shape. Смайлик........ 358
Создание формы...................................................... 358
Задание формы в набор........................................... 359
Сохранение как отдельного файла ......................... 360
Создание логотипа для кафе .......................................360
Домашнее задание «Паровоз» .....................................361
Применение слой-формы в создании коллажей........362
Векторная маска....................................................................362
Урок 19
Тоновая и цветовая коррекция.......................................... 367
Тоновый диапазон изображения ..........................................368
Типы изображений................................................................368
Команды коррекции .............................................................370
Палитра Adjustments......................................................370
Средства тоновой коррекции ...............................................371
Команда Brightness/Contrast..........................................371
10
Оглавление
Команда Levels .............................................................373
Настройка тонового диапазона изображения
ползунками окна Levels ........................................... 373
Установка черной и белой точек вручную .............. 375
Алгоритмы коррекции ............................................ 376
Пример 1............................................................... 376
Пример 2............................................................... 379
Пример 3............................................................... 381
Пример 4............................................................... 381
Самостоятельное задание:
Brightness/Contrast или Levels? .................................. 382
Команда Curves.............................................................383
Команда Shadow/Highlight............................................385
Средства цветовой коррекции..............................................386
Перекрашивание изображений ..................................386
Команда Hue/Saturation ........................................... 386
Изменение составляющих цвета
и насыщенности изображения........................ 386
Перекрашивание заданного диапазона
цветов ............................................................... 387
Колоризация изображения.............................. 388
Команда Replace Color.............................................. 388
Команда Gradient Map.............................................. 390
Удаление цветового отлива..........................................391
Команда Color Balance ............................................. 391
Команда Selective Color............................................. 391
Команда Photo Filter ................................................. 393
Улучшение насыщенности изображения с помощью
команды Vibrance...................................................................394
Подготовка черно-белых изображений ......................395
Перевод в Grayscale .................................................. 395
Команда Desaturate .................................................. 396
Команда Channel Mixer ............................................ 396
Команда Black and White.......................................... 397
Корректирующие слои..........................................................398
Свойства корректирующих слоев ...............................398
Создание и действие корректирующего слоя.............399
Ограничение действия корректирующего слоя
в многослойном документе .........................................401
Создание коррекции по выделенной области............402
Колоризация в рекламе ...............................................404
Использование корректирующего слоя Levels.....................405
Когда дефект работает на нас......................................405
Разные способы осветления (затемнения) .................406
Слишком светлая фотография................................ 406
Слишком темная фотография ................................ 408
Исключение «паразитных» пикселов .........................408
Как сделать краски жизни ярче ..................................410
11
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Урок 20
Ретуширование и восстановление фотографий .......... 411
Основные приемы ретуширования ......................................412
Метод «заплатки» ........................................................412
Метод «заплатки» в слоях........................................ 413
Метод «заплатки» без копирования в слоях........... 414
Инструменты ретуши............................................................416
Восстановление областей инструментом
Clone Stamp ...................................................................416
Инструмент Spot Healing Brush ....................................418
Инструмент Healing Brush............................................419
Инструмент Patch.........................................................421
Алгоритм Content-Aware.........................................................422
Использование алгоритма Content-Aware
в команде Fill................................................................422
Работа с инструментом Content-Aware Move................426
Работа с палитрой History ............................................426
Использование инструмента History Brush .................427
Урок 21
Текстуры.....................................................................................429
Что такое текстура? ...............................................................430
Текстуры в виде логотипа......................................................430
Текстура Longines..........................................................430
Задание текстуры..................................................... 430
Применение текстуры ............................................. 431
Текстура с логотипом, расположенным
в шахматном порядке ..................................................432
Создание рельефного логотипа ..................................434
Текстура из фотоизображения ..............................................435
Библиотеки текстур...............................................................438
Оберточная бумага. Алгоритм единичной плитки ..............438
Создание текстуры ......................................................438
Сохранение образца ....................................................444
Проект «Заказные текстуры» ................................................444
Урок 22
Создание коллажей................................................................447
Принцип создания коллажа .................................................448
Реклама часов Breguet ...........................................................453
Варианты коллажей...............................................................453
Зачетная работа — реклама часов.........................................454
12
Оглавление
Урок 23
Гламурная ретушь ..................................................................455
Основы гламурной ретуши ...................................................456
Этап 1. Обработка кожи ..............................................456
Удаление дефектов .................................................. 456
Гладкость кожи ........................................................ 456
Добавление шумов для создания фактуры кожи ....... 458
Этап 2. Повышение контраста лица ...........................459
Этап 3. Создание образов ............................................460
Имидж 1. Платиновая блондинка........................... 460
Перекрашивание волос........................................ 460
Меняем цвет глаз.................................................. 461
Подводка глаз ....................................................... 461
Подводим брови ................................................... 461
Губы с блеском...................................................... 462
Имидж 2. «Огненная».............................................. 463
Перекрашивание волос........................................ 463
Меняем цвет глаз.................................................. 464
Подводим брови ................................................... 464
Красим губы ......................................................... 464
Наносим тени....................................................... 464
Использование палитры Layer Comps
для представления дизайн-решений ....................................465
Урок 24
Профессиональная ретушь.................................................469
Ретушь по методу частотного разложения ...........................470
Этап 1. Изменение черт лица ......................................470
Этап 2. Обработка кожи ..............................................471
Удаление дефектов .................................................. 471
Гладкость кожи ........................................................ 472
Этап 3. Создание образов ............................................477
Имидж 1. Платиновая блондинка........................... 477
Имидж 2. Медная .................................................... 477
Урок 25
Автоматизация работы .........................................................481
Автоматизация задач при помощи палитры
Action (Операция) ..................................................................482
Палитра Actions (Операции) ........................................482
Запись операции..........................................................484
Редактирование операции...........................................487
Изменение действий в операции ................................488
Пакетная обработка файлов........................................489
Подгрузка операций ....................................................493
Предметный указатель........................................................ 494
13
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Об авторе
Тучкевич Евгения Ивановна, сертифицированный специалист-инструктор
(Adobe Certified Instructor) по продуктам Adobe Photoshop и Adobe Illustrator,
имеющая большой преподавательский стаж, аспирант кафедры педагогики по
специализации «Методика обучения компьютерному дизайну», автор курсов по
продуктам «Adobe corporation», руководитель специальности «Дизайн» в Высшей
инженерной школе СПбГПУ.
Евгения — профессионал в области дизайна и рекламы, имеющая опыт ре-
кламной работы со многими компаниями и журналами, автор курса «Advertising
promotions: development & implementation».
Данная книга основана на методике преподавания курса Adobe Photoshop
в Высшей инженерной школе (Факультет переподготовки специалистов) По-
литехнического университета, а также программе подготовки дизайнеров по
данному продукту.
14
Посвящается
Владимиру Максимовичу Тучкевичу,
великому ученому, академику
и замечательному дедушке
ПРЕДИСЛОВИЕ
Благодарности
Спасибо моим коллегам и большим друзьям, замечания и экспертная оценка
которых помогли мне в создании этой книги: Тучкевичу Владимиру (Adobe Certified
Expert), Снежане Таганашкиной (Adobe Certified Instructor), Игорю Шишигину.
Спасибо моим коллегам за поддержку, оказываемую в проведении и развитии
курсов.
Большое спасибо всем художникам и фотографам, которые предоставили свои
работы для уроков.
Спасибо моим талантливым студентам, которые выполняли бесконечные до-
машние задания по темам курса и, тем самым, вместе со своим профессиональным
ростом, внесли огромный вклад в создание примеров для этой книги.
Спасибо моей любимой семье за понимание и поддержку. Вы постоянно твер-
дили, что я занимаюсь важным делом, и именно ваша вера в мои силы делает вас
еще дороже мне.
Описание электронного архива
По ссылке ftp://ftp.bhv.ru/9785977566209.zip можно скачать электронный архив
с исходными файлами изображений, а также некоторые работы, которые должны
получиться в результате обработки исходных изображений. Эта ссылка доступна
также со страницы книги на сайте www.bhv.ru.
После распаковки архива вы получите доступ к рабочим материалам, распре-
деленным по папкам. Каждая папка соответствует конкретному уроку книги.
15
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Слушатели о курсе Adobe Photoshop
Спасибо большое! — другие слова, думая о курсе, не приходят.
Эльбаум М. С.
Информативный и полезный курс для начинающих и опытных пользователей
программы. Интересные практические работы позволяют закрепить навыки с
программой. Очень квалифицированный и опытный преподаватель. Акцентирует
внимание на полезных моментах интерфейса и инструментов программы. Очень
понятно объясняет материал и держит слушателей в постоянном внимании. Стиль
обучения — просто о сложном!
Яковлев Дмитрий Николаевич
Класс! Супер!
Лемешев Константин Стефанович
Потрясающе. Мозговая атака. Очень профессиональный преподаватель, пра-
вильный подход, интересный человек.
Яковлева Анастасия
Курс очень понравился. Мне кажется, что это самый лучший курс в Питере.
Спасибо огромное Евгении Ивановне за ее терпение и понимание. Она — большой
профессионал в Photoshop. Теперь это один из моих любимых преподавателей.
Аникина Наталья
Последовательный, логичный курс с множеством примеров. Спасибо за книгу
с диском, за то, что в ней есть. Преподаватель объясняет доходчиво. Очень инте-
ресный и профессиональный человек.
Елизарова Людмила
Полезный, познавательный курс, сопровождаемый интересными учебными
материалами. Практические занятия и лекции соединены вместе, что позволяет
лучше усваивать материал. Спасибо большое. Замечательный преподаватель,
интересная подача материала.
Коркин Сергей
Мощный курс — ни отнять — ни прибавить. Прекрасный преподаватель. Всем
рекомендую именно ее.
Михнова Юлия
Курс очень понравился! Отличный преподаватель. Очень доступно изложен
материал, а главное — профессионально. Много практических интересных заданий,
закрепляющих навыки. Видно, что преподаватель занимается любимым делом!
Федина Ольга
16
Предисловие
Пройдя курс, я получила достаточно знаний и навыков для реализации своих
идей в части создания иллюстраций, коллажей и обработки фотоизображений.
Курс рекомендую как начинающим дизайнерам, фотографам, так и любителям
фотоискусства. Нашей группе очень повезло, так как занятия вела Тучкевич Ев-
гения. Весь материал был изложен грамотно, подробно и понятно.
Ядрышникова Елена Вячеславовна
Курс прекрасно построен. Каждая новая функция или инструмент закрепля-
ются практической работой, что сразу же дает понимание о сути пройденного
материала. Объясняются именно принципы работы программы, что позволяет
позже легко самостоятельно сориентироваться в том, как сделать то, что нужно.
Преподаватель заинтересовывает программой, чтобы всё получилось.
Фортес А. С.
Насыщенный, грамотный курс. Много практики. Всё подробно, досконально
описано и разъяснено. Евгения Ивановна гениальна! Информацию подает до-
ступно, не оставляя пробелов.
Кирилина Екатерина
Отличный стиль преподавания. Много интересных и неожиданных вещей вы
узнаете. Спасибо! Если б в школе у меня были такие преподаватели, я бы была
отличницей!
Просянюк Виктория Владимировна
Очень интересный и познавательный курс. Оказалось все так легко и понятно!
Все вышесказанное — только благодаря автору, Тучкевич Евгении. Высший балл
за умение объяснять.
Егорова Галина
Компания ЗАО «Петро» в лице директора отдела Информационных технологий
Сергея Лаврикова хотела бы выразить свою благодарность преподавателю Евге-
нии Тучкевич за проведение компьютерного курса по работе с Adobe Photoshop.
Прошедшие обучение сотрудники отметили, что большой практический опыт
Евгении позволил ей сделать акцент на те возможности пакета, которые наиболее
часто применяются на практике. Также хотелось отметить прекрасные компью-
терные материалы, на основе которых построен курс. Надеемся на дальнейшее
сотрудничество.
Компания ЗАО «Петро»
Курс дает базовый пакет знаний, основу для дальнейшего продолжения обуче-
ния в этой области. Преподавание на высоком уровне в благоприятном, «рабочем»
режиме. Приятно работать с профессионалами!
Хамидуллина Лариса Исмаиловна
17
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Курс интересно построен, полезные практические работы, увлекательные
задания, подходящие темы для изучения материала. Преподаватель использует
примеры из личной практики, изложение доходчивое и интересное.
Кинева Ирина Львовна
Очень интересный и понятный курс для освоения программы. Много прак-
тических заданий, максимально приближенных к жизни. Преподаватель замеча-
тельный, с чувством юмора, умеющий объяснить любой материал «на пальцах».
Спасибо огромное!
Протопопова Татьяна Владимировна
Радует четкая ориентация на практическое применение полученных знаний
и умений. Прекрасные примеры, подробные алгоритмы.
Калинин Олег
Курс просто супер! Обязательно посоветую всем моим друзьям поскорее пройти
его. Понятное и интересное объяснение с морем примеров из жизни.
Сурков Дмитрий
Отзывы на книгу с сайта www.books.ru1
Лучшая Pazuu
Я не считаю себя новичком в фотошопе, правда, я учился методом тыка и уро-
ков в инете + закончил курсы по фотошопу и все-таки решил купить книгу, чтобы
уж до конца узнать все мелочи и систематизировать имеющиеся знания. C вы-
бором книги я не ошибся, такую великолепную компьютерную книгу я не читал
никогда! Не формальный язык, хорошая подача материала без голых алгоритмов
сделайте это и это и получите это. Если будет книга этого автора для продвинутых
пользователей я обязательно куплю! Реальные примеры реальных дизайнерских
работ — я узнал много чего нового.
Аффтар жжет:) Arlit
Превосходная книга! «Руководство...» от Adobe отдыхает. Всем рекомендую
прочитать. Спасибо автору. Пишите еще.
Без темы Саша
Супер книга! Впервые встречаю такое понятное изложение для быстрого старта.
Всем рекомендую.
1 В данных отзывах сохранена стилистика читательских сообщений, но исправлены орфогра-
фические и пунктуационные ошибки.
18
Предисловие
Отзыв Саныч
Действительно самоучитель. Чувствуется педагогический опыт Автора и пре-
восходное владение вопросом. Отличный набор примеров на диске. Много раз
пытался «самоучиться» — безрезультатно. С этой книгой сможет учиться даже
самый юный пользователь, например — как я.
Отзыв Александр
Книга действительно того стоит, чтобы ее купить. Печально, что много книг
представляет из себя просто перевод на русский язык англоязычного help, или
в книге последовательно и бездумно описываются пункты меню программного
продукта.
Эта книга КАРДИНАЛЬНО отличается от подобных «подделок» под книгу.
1. Автор действительно профессиональный преподаватель. Материал грамотно
изложен методически. Книга построена на описании технологий, а не на объяс-
нении что делает эта «кнопка» в меню.
2. Автор не является «голым» теоретиком. Виден большой опыт практической
работы. В итоге получилось методически грамотное изложение материала, осно-
ванное на большом опыте практической работы и преподавательской деятельно-
сти. Не знаю насколько мое мнение соответствует действительности, но, после
прочтения книги, у меня сложилось именно такое мнение. Хочется выразить
автору благодарность и пожелать дальнейших успехов.
Отзыв Pirojkova
Всегда мечтала научиться Photoshop! Купила книгу и сижу уже неделю, изучая
возможности программы. Как понятно изложен материал! Спасибо автору! На-
стоящие дизайнерские примеры, а не абстрактные формулы и алгоритмы, вы-
дранные из Интернета.
Настольная книга
Обычно самоучители и всякие «секреты мастерства» по Photoshop содержат
либо переведенный Help, либо свалку уроков, которых в Интернете и так «море-
океан». Мне, как дизайнеру, приходится читать много книг и материалов. Но
в большинстве из них я не нахожу подходящих примеров для подтверждения
теории. Эта же книга приятно удивила, написана последовательно, читается лег-
ко, и с каждым уроком Photoshop для тебя становится все полезнее и полезнее.
А предоставленный диск помогает самому все попробовать и !главное! — почув-
ствовать. Спасибо автору.
Книга для тех, кто не только хочет изучить Photoshop, но и намерен создавать
в нем что-либо полезное для общества. Создавать и продавать! Я купила две, домой
и на работу. Лучше быть при оружии, когда муза творчества вдруг нагрянет)).
Без темы [email protected]
Супер-пупер. Книга написана действующим дизайнером и преподавателем.
Рекомендую всем, кто хочет быть с Photoshop на «ты».
19
ВВЕДЕНИЕ
Основы компьютерной графики
Эта часть курса компьютерной графики, который я читаю в первом семестре
дизайнерам, предшествующая изучению основных графических программ. Боль-
шинство из нас добилось определенного профессионального уровня работы с
Photoshop, Illustrator, InDesign и другими приложениями путем так называемой
самонастройки, когда недостаточно ясно, как же сохранить результат, предыду-
щего опыта нет, но каким-то образом находится ответ.
Здесь вы узнаете, зачем и для чего существуют разные цветовые модели, как
создавать и сохранять цвет, почему на мониторе краски ярче, чем на печати. Так-
же вы увидите, чем растровая графика принципиально отличается от векторной,
и почему использование различного качества изображений так принципиально
для печати.
Предположим, что у вас нет времени самостоятельного освоения методом проб
и ошибок — тогда данный материал для вас. В нем делается попытка дать ответы
на вопросы, которые могут возникнуть при сохранении изумительного результата
вашей выполненной работы!
21
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Типы компьютерной графики
Различают два основных типа компьютерной графики — растровую и век-
торную. Знания об их природе, различии, взаимодействии являются основой
профессиональной работы.
В растровой графике изображение состоит из мельчайших точек — пикселов
(pixel, px). Любое растровое изображение имеет фиксированное количество пик-
селов. Если вы увеличите фотографию, то увидите эти самые пикселы — разно-
цветные квадраты, зазубренные края деталей (рис. B1). При этом, что изображено
на фотографии, будет понять тяжело. Качество на печати растровых изображений
зависит от разрешения. При масштабировании, в силу своей пиксельной природы,
растровые изображения всегда теряют в качестве. Примером растрового изо-
бражения может служить любая фотография, отсканированная или полученная
путем цифровой съемки.
Adobe Photoshop — лучшая программа для обработки растровых изображений.
400 %
1600 %
Рис. B1. Пример растрового изображения при различных масштабах
В векторной графике качество изображения не зависит от разрешения. Вектор-
ные объекты описываются математическими уравнениями, поэтому при масшта-
бировании они не теряют в качестве (рис. B2). Но уравнения сами по себе ничего
не значат, если нельзя увидеть их результат. Векторные объекты растрируются на
устройствах вывода, таких как монитор или принтер.
Как результат, векторная графика применяется для больших, четких форм,
например текст, логотипы, плоские рисунки.
22
Введение. Основы компьютерной графики
400 %
1600 %
Рис. B2. Пример векторного изображения при различных масштабах
Adobe Illustrator — программа того же разработчика для обработки и построе-
ния векторных изображений. Объем векторного файла зависит от количества
объектов, входящих в его состав.
Характеристики растрового изображения,
или что нужно знать, создавая и сохраняя файл
Основными характеристиками растрового изображения являются высота
и ширина, задаваемые в момент его создания, которые можно изменить в про-
цессе работы. В зависимости от дальнейшего использования выбирают различные
единицы измерения: если вы хотите использовать его в полиграфии (печатный
оттиск на бумаге, фотография в рамочке) — сантиметры (см); если для веб-
графики — пикселы (px). Существует также величина, определяющая качество
на печати растрового изображения — разрешение.
Пиксел
Пиксел (сокращение от picture element, элемент картинки) — наименьший не-
делимый компонент растрового изображения, с которым осуществляется работа.
Он имеет две характеристики: положение и цвет.
23
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Разрешение изображения
Разрешение изображения — это количество пикселов (точек) на единицу дли-
ны. Обычно его измеряют в точках на дюйм (dots per inch, dpi) или в пикселах
на дюйм (pixel per inch, ppi).
Примечание
Дюйм равен 2,54 см.
Таким образом, чем больше разрешение, тем меньше размер пиксела. Чем
больше разрешение, тем больше пикселов приходится на дюйм. Чем больше раз-
решение, тем лучше качество изображения (рис. B3).
0 10 10 1
8 dpi 16 dpi 72 dpi
Рис. B3. Различные значения разрешения влияют на качество изображения
Разрешение подбирается для каждого изображения индивидуально и зависит
от того, где оно будет использовано. Например, если вы планируете использовать
фото в Интернете, то разрешение выбирается 72 ppi. Такой выбор диктует мони-
тор, с которого и будет транслироваться ваше изображение. Основным критерием
для Интернета является скорость загрузки изображений, а не их изумительное
качество, поэтому выбираются соответствующие форматы сохранения файлов,
где качество стоит далеко не на первом месте.
Если вы захотите напечатать вашу любимую фотографию на бумаге и вставить
ее в рамочку, то разрешение должно быть 300 ppi. Кстати, это основное требование
для фото типографий, печатающих журналы, каталоги и малоформатную про-
дукцию (буклеты, флаеры, рекламные листовки).
Самое опасное, что на мониторе (его разрешение 72 ppi) не видно будущее
плохое качество при печати фото с разрешением 72 ppi. Если же вы откроете на
компьютере фотографию с разрешением 300 ppi, то ясно, что в одну собственную
точку три точки изображения монитор поместить не сможет. Следовательно, он
будет отображать каждую точку изображения в одной своей. И, как результат,
картинка на мониторе будет в четыре раза больше, чем на самом деле.
В журнале фотографии с разрешением 72 ppi будут нечеткими, размыты-
ми. Когда мне приносят фотографию для обложки коммерческого журнала
24
Введение. Основы компьютерной графики
с разрешением 72 ppi (при том же размере печатного оттиска, что будет при пе-
чати), невозможно объяснить проблему владельцам журнала, «ведь на мониторе
хорошо видно, все дизайнеры выдумывают!».
Недавно моя дипломница делала каталог по Тунису с рекламой дорогих отелей.
Тунисцам было не объяснить, что невозможно использовать фото отелей с сайта
компании. Они недоумевали: ведь на мониторе все OK, почему бы ни взять эти
фото (в формате JPEG!) для каталога? Пришлось ехать на место и проводить
съемку.
Сглаживание (anti-alias)
Кривые и диагональные линии изображения трудно передать на мониторе,
т. к. монитор может отображать только прямоугольные элементы. Для сохранения
плавного вида краев существует механизм сглаживания (anti-alias). Для различ-
ных инструментов и команд в программе существует опция Anti-alias, которая по
умолчанию включена.
Сглаживание (anti-alias) — механизм помещения пикселов различной степе-
ни прозрачности вдоль краев («проблемных областей») кривых и диагональных
линий.
На рис. B4 показаны две диагональные линии. У левой сглаживание включе-
но — на краях видны пикселы разной прозрачности, которые «заполняют» про-
странство между резкими краями. Справа показана ступенчатая линия с резкими,
зазубренными краями (опция Anti-alias была выключена).
На рис. B5 представлено увеличенное изображение круглой формы со сглажи-
ванием и без него. Когда вы выбираете инструмент Pencil (Карандаш), параметр
Brush (Кисть) у него — жесткая кисть, без сглаживания. Если вы создаете выде-
ление, и опция Anti-alias включена, это приведет к сглаженным формам будущего
объекта.
Вы спросите: «Как Photoshop узнает, куда помещать различные сглаженные
пикселы?» Ответ: «Путем усреднения оттенков области изображения и получения
нужного оттенка пиксела для закрашивания края кривой или диагональной линии.
Сглаженная Ступенчатая Сглаженная Ступенчатая
линия линия форма форма
Оттенки по краю
линии образуют
эффект гладкости
Рис. В4. Сглаживание диагональной линии Сглаживание интерполирует (усредняет)
цвет на краях круглых форм
Рис. В5. Сглаживание круглой формы
25
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Сильно увеличьте диагональную линию, края которой сглажены. Вы увидите,
что по мере удаления от линии в пикселах по ее краю постепенно уменьшается
содержание цвета линии и усиливается интенсивность цвета фона изображения».
Так работает данный механизм.
Таким образом, сглаживание заключается в образовании плавного перехода
между внутренней областью и ее фоном в случае непрямолинейных объектов.
Интерполяция (усреднение)
Предположим, у вас есть красивая фотография, которая имеет некие размеры
в пикселах. Вам хочется ее увеличить в три раза по высоте и ширине. Возникает
резонный вопрос: откуда Photoshop возьмет недостающие пикселы? И самое
главное, в какой цвет он их окрасит?
Существует семь методов интерполяции (interpolation method), посредством
которых Photoshop может «додумать», как новые пикселы должны быть вставлены
в изображение.
В установках программы используются шесть методов, по умолчанию выбрана
Bicubic Automatic (бикубическая автоматическая) интерполяция. Для изменения
настроек выберите команду: Edit | Preferences | General (Редактирование | Установки |
Основные) и раскройте список Image Interpolation (Интерполяция изображения)
(рис. B6).
Рис. B6. Установка интерполяции
Данный метод используется при масштабировании изображения и при выпол-
нении команды Image | Image Size (Изображение | Размер изображения) (рис. B7)
и включении опции Resample Image (Интерполяция).
Параметры пересчета таковы.
Automatic (Автоматически) — приложение Photoshop выбирает метод пересчета
на основе типа документа и увеличения либо уменьшения его масштаба.
26
Введение. Основы компьютерной графики
Рис. B7. Окно Image Size
Preserve Details (enlargement) (Сохранить детали (с увеличением)) — если вы-
бран этот метод, становится доступным ползунок Снижение шума для сгла-
живания шума при масштабировании изображения.
Bicubic Smoother (enlargement) (Бикубическая (с увеличением)) — для увели-
чения изображений на основе бикубической интерполяции, разработанной
специально для получения более гладких результатов.
Bicubic Sharper (reduction) (Бикубическая (с уменьшением)) — хороший метод
для уменьшения размера изображения на основе бикубической интерполяции с
повышенной резкостью. Этот метод позволяет сохранить детали изображения,
подвергнутого ресамплингу.
Bicubic (smooth gradients) (Бикубическая (более плавные градиенты)) — более
медленный, но и более точный метод, основанный на анализе значений цвета
окружающих пикселов. За счет использования более сложных вычислений
бикубическая интерполяция дает более плавные цветовые переходы, чем
интерполяция по соседним пикселам или билинейная интерполяция.
Nearest Neighbor (hard edges) (По соседним пикселам (четкие края)) — бы-
стрый, но менее точный метод, который повторяет пикселы изображения.
Этот метод сохраняет четкие края и позволяет создать файл уменьшенного
размера в иллюстрациях, содержащих несглаженные края. Однако этот метод
может создать зубчатые края, которые станут заметными при искажении или
масштабировании изображения или проведении множества операций с вы-
делением.
Bilinear (Билинейная) — добавляет новые пикселы, рассчитывая среднее зна-
чение цвета окружающих пикселов, дает результат среднего качества.
27
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Цветовые модели
Изображение, которое вы подготовили с помощью Photoshop, можно рас-
печатать на принтере или посмотреть на другом компьютере (либо на экране
телевизора с помощью DVD-проигрывателя). Но начинающие дизайнеры часто
бывают разочарованы, когда на бумаге «результат их бессонных ночей» выгля-
дит совсем не так, как на экране монитора. Цвета оказываются искаженными:
голубое небо приобретает лиловый оттенок, а лицо человека — неестественный
малиновый загар. В чем же дело? Основной причиной искажения экранных цветов
при печати является диаметрально противоположные способы генерации цвета
монитором и принтером.
Модель RGB
Прежде всего необходимо осознать, что воспринимаемый нами цвет являет-
ся результатом работы мозга. Ощущение цвета создается электромагнитными
колебаниями с длинами волн от 380 до 750 нм, попадающими в глаз человека.
Экспериментально (еще в 1852 г.) было установлено, что любой цвет может быть
получен сложением трех световых потоков: красного (R) — длина волны около
630 нм, зеленого (G) — около 528 нм и синего (B) — около 457 нм.
Именно на этом принципе основано создание цветного изображения на экра-
не монитора и телевизора. Поверхность монитора состоит из мельчайших точек
(пикселов) красного, зеленого и синего цветов (триада люминофоров), форма
этих пикселов зависит от типа электронно-лучевой трубки. При попадании
электронного луча на пиксел последний окрашивается в определенный оттенок
своего цвета, в зависимости от силы сигнала. Поскольку пикселы маленькие, то
даже с небольшого расстояния они становятся неразличимыми и создают три
световых потока, которые при попадании в глаз воспринимаются нами как цвет.
Этот цвет может быть описан с помощью трех составляющих — R, G и B. Эта
цветовая модель получила название RGB и была принята в 1931 г. Согласно этой
модели смесь красного и зеленого дает желтый цвет (Yellow), красного и синего —
пурпурный (Magenta), синего и зеленого — голубой (Cyan), а красного, зеленого
и синего — белый.
Современные мониторы — жидкокристаллические (ЖК), экран которых со-
стоит из нескольких слоев. Их принцип действия отличается от работы когда-то
используемых ЭЛТ-мониторов. Цвет мы видим благодаря матрице из электродов,
каждый из которых имеет размер одного пиксела. Один из слоев ЖК-монитора —
это цветовой фильтр. Цвет получается в результате использования трех филь-
тров — красного, зеленого и синего, которые выделяют из излучения источника
белого света три основных компонента. Комбинируя три основных цвета для
каждого пиксела экрана, можно воспроизвести любой цвет.
28
Введение. Основы компьютерной графики
В системе RGB каждый цвет на экране монитора имеет 256 градаций яркости
(от 0 до 255). Таким образом, на экране монитора может быть отображено более
16 млн цветов.
«Постойте, — скажете вы. — Жизненный опыт подсказывает, что если смешать
красную, зеленую и синюю краски, то белая наверняка не получится». Абсолют-
но верно, потому что краски не излучают свет наподобие солнца, лампочек или
электронно-лучевых трубок. Когда мы видим цветное изображение в журнале,
то в глаз поступает световой поток, отраженный от бумаги, покрытой краской.
Если мы видим красный лист бумаги при дневном свете, то это значит, что краска
поглощает все световые потоки и отражает только красный. Осветите этот же
лист бумаги синим цветом, и он станет черным, потому что краска не отражает
синий цвет.
Модель CMYK
Тремя основными цветами в живописи издавна являлись синий, красный
и желтый. Смешивая их, художники получали различные цвета на своих полотнах.
Наследниками этой триады цветов при печати стали голубой (Cyan), пурпурный
(Magenta) и желтый (Yellow) цвета. Однако если теоретически при смещении этих
цветов получается черный цвет, то практически этот цвет имеет коричневый от-
тенок. Это связано с тем, что идеальных красок не существует. Не создано такой
желтой краски, которая поглощала бы все световые потоки и отражала только
поток с длиной волны 560–590 нм (желтый цвет). Поэтому при печати добавляют
как минимум еще одну краску — черную. Подобная цветовая модель называет-
ся CMYK. В отличие от RGB, количество каждого цвета задается в процентах
от 0 до 100. Преобразование изображения из модели RGB в модель CMYK вы-
полняется командой Image | Mode | CMYK (Изображение | Режим | CMYK).
Примечание
Для того чтобы грамотно выполнить цветоделение, необходимо задать
соответствующие настройки в окне Color Setting (Параметры цвета). Опи-
сание этих настроек выходит за рамки книги. Но если у вас возникла не-
обходимость подготовить файл для типографии, то можно посоветовать:
во-первых, не пользоваться настройками, установленными по умолчанию,
а во-вторых, попросить в типографии файл с настройками и загрузить его.
Как правило, после выполнения этой команды цвета изображения на экране
изменятся. Но имейте в виду, что диапазон оттенков CMYK значительно меньше,
чем RGB, и когда вы просматриваете на экране изображение в режиме CMYK,
это лишь имитация на экране печатных цветов. Не все цвета CMYK можно вос-
произвести на мониторе и не все цвета RGB можно воспроизвести в CMYK!
29
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Модель HSB
Эта модель считается наиболее понятной, т. к. в ней присутствует координата
Hue (цветовой тон). Вы можете легко понять, о каком цвете идет речь, если у вас
перед глазами, а лучше в голове, находится цветовой круг с координатами цветов.
Hue задается в градусах и принимает значения от 0 до 360 (рис. B8).
Hue — цветовой тон
Saturation — насыщенность
Рис. B8. Схема цветового круга
Вторая координата — Saturation (насыщенность) — это радиус круга. Самые
насыщенные цвета лежат на границе круга и имеют координаты 100. Белый цвет
имеет координату 0. На радиусе круга лежат оттенки цветов.
Третья координата Brightness (яркость) принимает значения от 0 до 100. Если
яркость равна 0, то цвет черный.
Как выбрать цвет в Photoshop?
Выбор цвета необходим при любых действиях в программе. Однако, несмотря
на всю важность этого вступления, я прошу вас прочитать его после изучения
интерфейса программы, чтобы было понятно, где и как щелкать, и был бы открыт
какой-либо документ. Без документа задавать нечего и некуда.
Диалоговое окно Color Picker
В панели инструментов задаются Foreground Color (Основной цвет) и Background
Color (Фоновый цвет) (см. урок 2).
Foreground Color (цвет переднего плана, или основной) в Photoshop исполь-
зуется для рисования, заливки документа или выделенной области и в качестве
начального цвета инструмента Gradient (Градиент).
Background Color (цвет заднего плана, или фоновый) появляется при удалении
пикселов при отсутствии прозрачности, а также завершает градиент.
Щелчком по пиктограмме Foreground или Background вызывается диалоговое
окно Color Picker (Палитра цветов) (рис. B9).
30
Введение. Основы компьютерной графики
Рис. B9. Диалоговое окно Color Picker
В диалоговом окне можно задавать цвет, щелкая мышью в большом квадрате,
а также вводя в поля соответствующие значения. Справа от квадрата подбора
цвета находится шкала параметров. На рис. B9 активен параметр H (Цветовой
тон), т. к. включен соответствующий переключатель.
Установив ползунок шкалы активного параметра на позицию 230 градусов, вы
выбрали синий цвет. В квадрате подбора цвета выберите самый яркий синий цвет
и переключите активный параметр на S (Насыщенность) (рис. B10).
Рис. B10. Выбор оттенка цвета
Щелкнув по кнопке OK, вы перенесете данный цвет в программу.
Выбор цвета по модели HSB считается интуитивно понятным.
Если вам даны координаты цвета в цветовой модели, просто введите их в со-
ответствующие поля.
31
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Палитра Color
Палитра Color (Цвет) теперь мало используется в работе (рис. B11). Принцип
действия у нее такой же, как и у окна Color Picker (Палитра цветов).
В нижней части палитры рас-
положена шкала цвета, щелкая по
которой вы выбираете цвет.
Цвет также можно задать, двигая
ползунки координат цвета или введя
конкретные значения в соответ-
ствующие поля. Через контекстное
меню палитры можно выбрать ее
отображение в любой цветовой мо-
дели (список справа, сейчас выбрана
модель HSB).
Рис. B11. Палитра Color
Палитра Swatches
Палитра Swatches (Образцы) уже содержит стандартный набор цветов (рис. B12):
щелкая по образцу, вы выбираете цвет.
Рис. B12. Палитра Swatches
При выборе цвета в палитре Swatches (Образцы) цвет переносится во все
цветовые задания программы.
32
УРОК 1
Интерфейс. Инструменты
Когда вы запускаете первый раз программу, то всегда обескуражены огромным
количеством настроек и выпадающих списков, и думаете: вот бы ничего тут не
испортить. Но это ощущение, уверяю, возникает только в первое время.
Начинающему пользователю Photoshop может показаться монстроподобной
программой, поскольку сначала ему тяжело находить нужные инструменты
и команды. Но с опытом и временем вы перестанете замечать интерфейс, со-
средотачиваясь на своих дизайнерских задачах. Программа так здорово подходит
вам, что вы воодушевитесь многообразием способов и алгоритмов решения одной
задачи и, возможно, впоследствии, изучая другие уроки и книги, найдете много
новых и более удобных вам приемов для достижения необходимого результата.
В этом уроке вы ознакомитесь со следующими аспектами работы в Photo-
shop:
работа с интерфейсом программы;
палитры;
инструменты;
важность быстрых клавиш;
изменение масштаба просмотра;
прокрутка документа.
33
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Интерфейс
После запуска Photoshop на экране появляется окно программы, в котором
можно открыть уже готовое изображение или создать новое.
Создадим новый документ. Что будем делать с ним в дальнейшем? Возможно,
использовать для рисования, возможно, в нем объединить части других фото-
графий и создать монтаж.
Создадим новый документ, выполнив команду File | New (Файл | Создать). В от-
крывшемся диалоговом окне необходимо выбрать документ из предложенных
вариантов или создать свой. Разделы Photo (Фото), Print (Печать), Art & Illustration
(Иллюстрации), Web (Веб), Mobile (Мобильные устройства), Film & Video (Фильм
и видео) содержат документы с предустановленными параметрами, используемы-
ми для названных целей.
Выберите из раздела Art & Illustration (Иллюстрации) документ «1000 pixel
grid» (рис. 1.1). В правой части, в разделе Preset Details (Параметры набора) по
умолчанию установлено имя документа Untitled-1 (Безымянный) и параметры.
Название дают уже выполненной работе, сохраняя значимый результат. Параметры
документа — это его высота, ширина, разрешение и цветовая модель (см. введе-
ние). Задайте размер 800×600 Pixels, флажок Artboards (Монтажная область) не
устанавливайте.
Рис. 1.1. Установка параметров нового документа
В версии CS6 разработчики предоставили пользователям выбор цвета интер-
фейса. Более привычный для Photoshop интерфейс был серого цвета. Установим
34
Урок 1. Интерфейс. Инструменты
серый цвет командой Edit | Preferences (Редактирование | Установки), выбрав раздел
Interface (Интерфейс) — цвет серый квадратик (рис. 1.2).
Рис. 1.2. Установка серого цвета интерфейса программы Photoshop
Рассмотрим рабочее пространство программы с открытыми файлами (рис. 1.3).
Для этого командой File | Open (Файл | Открыть) откроем файл Горы.jpg из папки
Lessons\Урок_1_Интерфейс электронного архива.
Панель параметров Главное меню Рабочее пространство Палитры
активного инструмента
Рис. 1.3. Окно программы Photoshop
Строка заголовка показывает название и значок программы Adobe Photoshop.
Кнопки управления в правой части строки используются для свертывания/раз-
вертывания, изменения размеров и закрытия окна программы.
35
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Главное меню содержит основные команды управления, объединенные по
общему назначению. Содержит следующие разделы.
File (Файл). Операции с файлами, такие как открытие и закрытие, импорт
и экспорт. Здесь же находятся команды для пакетной автоматической обра-
ботки файлов, получения изображений с устройств ввода, вывода документа
на печать.
Edit (Редактирование). Команды редактирования — отмена и возврат действий,
операции с буфером обмена, команды заливки и обводки, трансформации,
задание кистей, узоров и т. д., а также установки программы.
Image (Изображение). Команды, предназначенные для изменения изобра-
жения — цветовой модели, размера, а также команды цветовой и тоновой
коррекции.
Layer (Слой). Команды работы со слоями.
Type (Шрифт). Команды работы с текстом.
Select (Выделение). Команды создания, модификации, сохранения, изменения
выделения.
Filter (Фильтр). Различные фильтры программы или подключенные дополни-
тельно.
View (Просмотр). Здесь сосредоточено все, что вы можете видеть на экране.
Команды по изменению масштаба просмотра документа, а также отображению
различных вспомогательных элементов интерфейса.
Window (Окно). Команды организации рабочего пространства, отображения
палитр и окон документов.
Help (Справка). Вызов справочной информации и помощи.
Панель параметров активного инструмента (Options). Содержимое данной
панели зависит от выбранного инструмента в Палитре инструментов.
Строка состояния активного документа (в предыдущих версиях она находилась
в нижней части окна программы). Предназначена для отображения информации
о документе, рабочих дисках, активном инструменте и пр.
Работа с быстрыми («горячими») клавишами
Photoshop изначально разрабатывался как программа, для работы в которой
требуются обе руки — одна работает с клавиатурой, другая — с мышью. Исполь-
зование комбинаций клавиш и быстрых клавиш значительно ускоряет доступ
к различным командам, дает возможность работать более эффективно. Знание
комбинаций клавиш позволяет сосредоточиться на изображении и получить
намного лучшие результаты, да и кроме этого намного увеличивает скорость
работы.
36
Урок 1. Интерфейс. Инструменты
Наиболее часто используемые команды главного меню, инструменты, палитры
вызываются быстрыми клавишами. К примеру, команда главного меню File | New
(Файл | Создать) может быть вызвана клавишами <Ctrl>+<N>, для отмены по-
следнего действия (команда Edit | Undo (Редактирование | Отменить)) необходимо
нажать комбинацию клавиш <Ctrl>+<Z>.
Например, представьте, что вы рисуете и вам нужно получить доступ к ин-
струменту Brush (Кисть), увеличить размер кисти, а также задать непрозрачность
равной 50%.
При работе с мышью вам необходимо сначала щелкнуть на значке инстру-
мента Brush, перетащить ползунок для изменения размера кисти, затем в поле
параметра Opacity (Непрозрачность) ввести значение 50. При использовании
быстрых клавиш для выполнения этой же задачи нужно нажать клавишу <B>,
затем клавишу <]> для увеличения размера кисти, после чего ввести нужно
значение с помощью цифровой клавиатуры. Это более быстрый способ получе-
ния тех же самых результатов! Изучение доступных быстрых клавиш позволит
вам работать с изображением, а не потеряться в дебрях настроек и параметров
инструментов.
Photoshop предлагает невероятное количество методов перемещения по изо-
бражению, а также массу документированных и недокументированных быстрых
клавиш.
Палитры
Палитры содержат наборы или на- Рис. 1.4. Варианты отображения стандартного
стройки, необходимые в работе (см. набора палитр
рис. 1.3).
Довольно редко необходимо видеть
все палитры сразу. Поэтому многие
палитры отображаются в виде значков,
символизирующих назначение, а также
могут быть представлены в полностью
развернутом виде. Полное представле-
ние неудобно, т. к. занимает большую
часть рабочей области программы.
Варианты отображения стандартного
набора палитр Essentional (Необходи-
мое) представлены на рис. 1.4.
Щелкая по пиктограмме «двойные
стрелки» вверху палитр, вы можете рас-
крывать палитры; повторный щелчок
вновь сворачивает их, оставляя только
значки.
37
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Перестройка палитр
Порядок организации палитр можно изменять и переносить вкладки с одной
палитры на другую. Вы можете сформировать любой свой набор и расположение
палитр в зависимости от целей и задач.
Вы можете отсоединить палитру, расположив ее отдельно, или работать с груп-
пой палитр (рис. 1.5), объединенных в одно целое.
Рис. 1.5. Примеры палитр,
расположенных группой
Из правой области программы вы можете
отделить отдельную группу палитр. Все пали-
тры в Photoshop «плавающие», т. е. они всегда
располагаются поверх изображения и в любой
момент их можно передвинуть (рис. 1.6).
Перемещать группу палитр, как одно целое,
нужно за темно-серое поле над вкладками.
Рис. 1.6. Перемещение палитр
Обратно присоединить группу к правой части палитр вы можете, перемещая за
серое поле над вкладками (рис. 1.7). При этом необходимо добиться, чтобы правый
блок палитр «подсветился» голубым цветом, тогда «стыковка» произойдет.
38
Урок 1. Интерфейс. Инструменты
Рис. 1.7. Перемещение группы для «стыковки»
Вы можете отделить палитру от группы. Ухватившись мышью за корешок
вкладки Swatches (Образцы), отделите ее (рис. 1.8).
Рис. 1.8. Отделение палитры от группы
Также возможно перемещение палитр в другие группы для формирования
новых групп по своему желанию.
39
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Строение палитр
Большинство палитр имеет стандартный вид (рис. 1.9).
Рис. 1.9. Строение стандартной палитры
Выбор и скрытие палитры
Полный список всех палитр находится в меню Window (Окно). Активные
палитры, находящиеся впереди в своих группах, отмечены галочками рядом со
своим названием. Чтобы открыть или закрыть палитру, установите или сбросьте
галочку.
Если же палитра видна на экране, но находится на заднем плане, активизируйте
ее щелчком по вкладке с названием. При этом палитра выходит на передний план
в своей группе.
Если палитры перекрыли изображение, нажмите клавишу <Tab>, чтобы их
скрыть.
Нажмите клавишу <Tab> еще раз, чтобы отобразить все палитры. Для того
чтобы скрыть палитры, но при этом оставить видимой панель инструментов,
воспользуйтесь комбинацией клавиш <Shift>+<Tab>.
40
Урок 1. Интерфейс. Инструменты
Сохранение, восстановление расположения палитр
Расположение палитр в программе называется Workspace (Рабочая среда). Раз-
работчиками предусмотрены различные наборы палитр для разнообразия задач.
Например, Essentials (Default) (Основная рабочая среда (по умолчанию)) имеет
необходимый набор палитр.
Подберите наиболее удобное с вашей точки зрения расположение палитр, убрав
ненужные с экрана. Сохраните полученную рабочую область под подходящим
названием командой меню Window | Workspace | New Workspace (Окно | Рабочая
среда | Новая рабочая среда).
Вы в любой момент можете получить данное расположение палитр, выбрав
название вверху списка в меню Window | Workspace (Окно | Рабочая среда). Если
вы желаете восстановить расположение палитр, выполните команду Window |
Workspace | Essentials (Default) (Окно | Рабочая среда | Основная рабочая среда (по
умолчанию)) или другую, подходящую для вашей работы.
Функциональные клавиши
Для отображения и сокрытия наиболее важных палитр используются следую-
щие функциональные клавиши:
палитра Brush (Кисть) — <F5>;
палитра Color (Цвет) — <F6>;
палитра Layers (Слои) — <F7>;
палитра Info (Инфо) — <F8>;
палитра Actions (Операции) — <Alt>+<F9>.
Функциональные клавиши находятся в верхнем ряду на клавиатуре; их на-
звания начинаются с буквы F.
Панель инструментов
На панели инструментов представлены все инструменты, кнопки выбора цвета
переднего и заднего плана, а также средства просмотра изображения (рис. 1.10).
В следующих уроках мы будем изучать инструменты подробнее.
Стрелка, расположенная в правом нижнем углу пиктограммы с изображением
инструмента, свидетельствует о наличии раскрывающейся панели, содержащей
дополнительные инструменты.
41
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Рис. 1.10. Развернутый вид панели инструментов
42
Урок 1. Интерфейс. Инструменты
Определение инструмента
Не нажимая кнопки мыши, установите ука-
затель над одним из инструментов, и вы увидите
подсказку программы — надпись с названием ин-
струмента и клавишу, нажав которую вы вызовите
этот инструмент (рис. 1.11).
Выбор инструмента Рис. 1.11. Подсказка
Инструмент активизируется щелчком по его пиктограмме или нажатием бы-
строй клавиши (ее отображает подсказка) — рис. 1.12.
Выбранный инструмент подсвечен серым цветом, и под главным меню про-
граммы располагается панель его параметров.
Инструмент активен до тех пор, пока вы
не выберете другой.
В правом нижнем углу пиктограмм не-
которых инструментов стоит маленький тре-
угольник. Это значит, что за этим инструмен-
том «спрятаны» другие, дополнительные.
Выбрать «спрятанный» инструмент мож-
но несколькими способами. Рис. 1.12. Выбор инструмента
Установите указатель на пиктограмму,
где есть треугольник, нажмите кнопку мыши и, дождавшись появления до-
полнительных инструментов, выделите один из них и отпустите мышь.
Нажав клавишу <Alt>, щелкните на пиктограмме инструмента. С каждым
щелчком в ячейке появляется очередной дополнительный инструмент.
Для переключения между инструментами в одной группе с соответствующей
быстрой клавишей необходимо нажать клавишу <Shift>.
Режимы отображения
Для этой части урока откройте Рис. 1.13. Пиктограммы переключения режимов
командой File | Open файл Солнце.jpg отображения
из папки Lessons\Урок_1_Интерфейс
в электронном архиве.
В программе используются три ре-
жима отображения окна программы.
В нижней части панели инструментов
находится пиктограмма переключения
режимов отображения (рис. 1.13).
43
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Переключаться между режимами также возможно быстрой клавишей <F>.
По умолчанию включен первый режим — Standard Screen Mode (Стандартное
окно) (рис. 1.14).
Рис. 1.14. Стандартный режим
Рис. 1.15. Во весь экран с главным меню
44
Урок 1. Интерфейс. Инструменты
Второй режим называется Full Screen With Menu Bar (Во весь экран с главным
меню) — рис. 1.15. Однако в этом режиме нет ни строки состояния документа,
ни полос прокрутки.
Третий режим — Full Screen Mode (Во весь экран) — рис. 1.16.
Активный документ отображается на черном фоне, что рекомендуется при
окончательном композиционном просмотре.
Рис. 1.16. Во весь экран
Способы изменения масштаба просмотра
Перемещение по изображению и быстрое изменение масштаба очень часто
оказываются важными приемами работы. Наиболее часто при работе используется
масштаб 100 и 200%, что означает, что вы видите только небольшую часть целого
изображения на мониторе. По этой причине вам необходимо уметь быстро из-
менять масштаб изображения, чтобы увидеть, как ваша рабочая часть сочетается
с целым изображением (рис. 1.17). Кроме того, вы должны сосредоточиться на
выполнении дизайнерских задач, а не тратить время на выбор инструментов.
Примечание
Во всех случаях вы должны помнить, что на печати будет 100% вашего
изображения.
45
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Рис. 1.17. Различные масштабы просмотра изображения
Работая с изображением, вы можете использовать следующие приемы.
Увеличение масштаба (при любом активном инструменте!) — быстрые клавиши
<Ctrl>+<+>.
Уменьшение масштаба (при любом активном инструменте!) — быстрые кла-
виши <Ctrl>+<->.
Увеличение определенной части изображения — одной рукой нажмите ком-
бинацию клавиш <Ctrl>+<Пробел>, на экране появится лупа; другой рукой
(с помощью мыши) обведите лупой в рамочку область, которую необходимо
увеличить (рис. 1.18).
Переход к масштабу 100%:
♦ дважды щелкните на значке инструмента Zoom (Масштаб) (№ 65 на
рис. 1.10);
♦ в главном меню выберите команду View | Actual Pixels (Просмотр | Реальный
размер) или нажмите комбинацию клавиш <Ctrl>+<1>.
Увидеть изображение целиком:
♦ дважды щелкните на значке инструмента Hand (Рука) (№ 63 на
рис. 1.10);
♦ нажмите комбинацию клавиш <Ctrl>+<0>;
♦ в главном меню выберите команду View | Fit on Screen (Просмотр | Показать
во весь экран).
46
Урок 1. Интерфейс. Инструменты
Рис. 1.18. Слева: так выделяется область. Справа: результат масштабирования
С версии CC существует возможность установки масштаба просмотра 200%
командой главного меню View | 200% для Retina дисплея компании Apple.
Дополнительные средства изменения масштаба
Инструмент Zoom
Инструмент Zoom (Масштаб) изображен на рис. 1.10 под № 65.
При выборе инструмента указатель мыши принимает вид .
При каждом щелчке масштаб увеличивается на фиксированное значение.
Если удерживать нажатой клавишу <Alt>, указатель примет вид и масштаб
будет уменьшаться.
Обведя в рамочку инструментом Zoom (Масштаб) часть изображения, вы уве-
личиваете заданную область (см. рис. 1.18).
Палитра Navigator
Палитра Navigator (Навигатор) сочетает в себе различные способы изменения
масштаба, в том числе полосы прокрутки (рис. 1.19).
Для изменения масштаба используется поле ввода, или ползунок, или кнопки.
Как только масштаб будет так велик, что не все изображение будет помещаться
47
Adobe Photoshop CC. Мастер-класс Евгении Тучкевич
Рис. 1.19. Палитра Navigator
на экране (увеличьте, к примеру, от 300%), внутри палитры появится красная
рамка (часть изображения, отображаемая на экране), передвигая которую, вы
перемещаетесь по изображению.
Необходимо отметить флажок Scrubby Zoom (Масштабирование перетаски-
ванием) в панели параметров Лупа — если его установить, то масштабирование
можно выполнять, удерживая кнопку мыши, и двигая мышью влево и вправо для
уменьшения или увеличения масштаба. Данный способ удобен, однако для его
работы требуется специальная видеокарта.
Быстрое перемещение по изображению
Если вы работаете в большом масштабе и размер изображения больше, чем
может поместиться на экране монитора, у документа появляются полосы про-
крутки.
Для прокрутки используется инструмент Hand (Рука) (№ 63 на рис. 1.10).
Его легко вызвать, удерживая нажатой клавишу <Пробел> при любом активном
инструменте (за исключением инструмента Type (Текст) при вводе текста).
Если вам показалось, что здесь приведено слишком много способов переме-
щения по документу, не стоит беспокоиться: вы не должны сразу запомнить их
все. Попробуйте удержать в памяти наиболее важные из них, особенно быстрые
клавиши, и со временем вы будете работать как настоящий профессионал, не
замечая интерфейса.
48
The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
В основу книги положена эффективная методика обучения дизайнеров, опробованная в учебных аудиториях. Последовательно в виде уроков рассмотрены основные инструменты, технологии и приемы обработки фотоизображений в программе Adobe Photoshop на примере версии CС 2019. Рассмотрены возможности палитры Properties (Свойства).
Описаны методы создания коллажей, приемы реставрации старых фотографий, а также коррекция фигуры, гламурная ретушь и многое другое. Особое внимание уделено работе с каналами, созданию и сохранению выделения, работе с векторными изображениями, коррекции и алгоритмам ретуши фотографий. При обучении рассматриваются реальные задачи, возникающие в процессе работы; выполняются коллажи в слоевой модели.
В новом издании добавлена глава об автоматизации и пакетной обработке файлов, позволяющей сократить время на рутинные операции.
Учебные файлы для всех уроков размещены на сайте издательства.
Discover the best professional documents and content resources in AnyFlip Document Base.
Search