Photoshop. Коррекция изображений. Анимация, инструкционная карта

ИНСТРУКЦИОННО - ТЕХНОЛОГИЧЕСКАЯ КАРТА № 17

УЧЕБНОЙ ПРАКТИКИ

УП ПМ.01 Технология создания и обработки ЦМИ

Профессия: 09.01.03 Мастер по обработке цифровой информации

ТЕМА: Photoshop. Коррекция изображений. Анимация.

ЦЕЛЬ РАБОТЫ: Научиться использовать программу Photoshop для коррекции изображений, а также для создания анимации.

Формируемые компетенции: ПК1,ОК1, ОК5.

ПРИОБРЕТАЕМЫЕ УМЕНИЯ И НАВЫКИ: Умение корректировать изображения в Photoshop, а также создавать анимацию.

НОРМА ВРЕМЕНИ: 3 часа

ОСНАЩЕНИЕ РАБОЧЕГО МЕСТА: ПК, инструкционная карта

ОСОБЫЕ ПРАВИЛА ПО ТЕХНИКЕ БЕЗОПАСНОСТИ НА РАБОЧЕМ МЕСТЕ: проведен инструктаж по техники безопасности в компьютерном классе.

ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ

Очень сложно постоянно настраивать баланс белого, особенно при съемке таких динамичных мероприятий как свадьба, когда освещение меняется постоянно: загс, улица, кафе, церковь, и т.д. Поэтому многие фотографы поступают следующим образом. Допустим, вы пришли в загс, и будете какое-то время там фотографировать. Затем приблизительно, используя предустановки камеры, устанавливаем баланс белого и делаем кадр с серой картой (загс - обычно люминесцентное освещение или лампы накаливания, улица - облачно, солнце ... и так далее). После этого делаем необходимые кадры, забыв про этот параметр. Изменилось освещение - снова сфоткали серую карту и снимаем дальше. Затем, придя домой, мы сможем легко настроить баланс белого в фотошопе или лайтруме, используя заранее отснятый кадр как эталон баланса белого в текущем освещении. Конечно же, необходимо фотографировать в RAW-формате, чтобы не потерять в точности. Если вы, следуя советам, фотографировали в формате RAW, вам остаётся лишь воспользоваться специальным инструментом - пипеткой (White Balance Tool), «ткнув» ей в область изображения с серой картой (На рисунке показан плагин Camera Raw, который открывает RAW-файлы в фотошопе. Установлен по умолчанию во всех версиях фотошопа, бесплатный). Запоминаем значения баланса белого в панели справа и при обработке остальных фотографий используем эти значения как эталон

ПОРЯДОК ВЫПОЛНЕНИЯ РАБОТЫ

Коррекция изображения в Photoshop

Использование диалогового окна Варианты

Диалоговое окно Варианты (Variations), помимо удаления цветового сдвига, позволяет регулировать тоновый баланс изображения. В верхней части окна расположены две миниатюры — исходного изображения и результата корректировки. Далее представлены примеры коррекции, для применения конкретного варианта необходимо просто щелкнуть по его миниатюре (рис. 1). Используя ползунок, можно задать точность коррекции, а с помощью переключателей — изменение насыщенности изображения или области коррекции: Тени (Shadows), Средние тона (Midtones), Света (Highlights).

Рис. 1. Диалоговое окно Варианты

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

Вызывается это окно командой Изображение (Image) - Коррекция (Adjustments) - Варианты (Variations). На рис. 2 приведен пример устранения с помощью данного окна избытка красного цвета.

Рис. 2. Пример удаления цветового сдвига с помощью диалогового окна Варианты (слева — исходное изображение)

Применение диалогового окна Подобрать цвет

Команда Подобрать цвет (Match Color) позволяет удалить цветовой сдвиг в одном изображении на основе другого изображения. Применяется она тогда, когда необходимо обработать серию фотографий, снятых в одинаковых условиях. В таком случае достаточно на одном снимке сбалансировать цвета, а остальные обработать этой командой, взяв за источник изображение с удаленным цветовым сдвигом. Данная команда оказывается также удобной для балансировки цветов у разных изображений, объединенных в одном проекте, чтобы можно было использовать одинаковые цвета, которые бы хорошо согласовывались.

Рис. 3. Исходная фотография, имеющая цветовой сдвиг (слева), и фотография, используемая в качестве источника

Рис. 4. Диалоговое окно Подобрать цвет

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

1. Открыть в Photoshop оба файла, перейти в окно той фотографии, которая подлежит коррекции (рис. 3).

2. Выполнить команду Изображение (Image) - Коррекция (Adjustments) - Подобрать цвет (Match Color).

3. Из раскрывающегося списка Источник (Source) выбрать изображение, цвета которого будут использованы для замены цветов в фотографии с цветовым сдвигом (рис. 4).

4. Настроить параметры коррекции:

• с помощью ползунка Светимость (Luminance) — яркость пикселов изображения;

• посредством ползунка Интенсивность цветов (Color Intensity) — насыщенность цветов;

• используя ползунок Ослабить (Fade) — частично восстановить оригинальные цвета изображения;

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

Результат коррекции и исходная фотография приведены на рис. 5.

Рис. 5. Пример устранения избытка красного цвета с помощью диалогового окна Подобрать цвет (слева — исходное изображение)

Быстрая корректировка цветового сдвига

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

Инструменты автокоррекции

Автоматическая коррекция цвета выполняется в диалоговом окне Уровни (Levels) или Кривые (Curves) щелчком по кнопке Авто (Auto), а ее настройка — в диалоговом окне, открываемом щелчком по кнопке Параметры (Options), — рис. 6.

Рис. 6. Инструменты для автокоррекции в диалоговых окнах Уровни (слева) и Кривые

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

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

На рис. 7 приведен пример устранения цветового сдвига с помощью белой пипетки. Щелчок был выполнен по облаку, находящемуся справа от купола Исаакиевского собора.

Рис. 7. Устранение цветового сдвига и осветление изображения с помощью белой пипетки (слева — исходное изображение)

Помимо уровней и кривых автокоррекция может быть выполнена с помощью команды Изображение (Image) - Автоматическая цветовая коррекция (Auto Color). Так, на рис. 8 приведен пример коррекции изображения здания Кунсткамеры.

Рис. 8. Устранение цветового сдвига с помощью команды Автоматическая цветовая коррекция (слева — исходное изображение)

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

Следует также отметить появившийся в Photoshop CS5 инструмент, который позволяет за счет увеличения детализации и свечения краев придать живость и блеск фотографии. Это диалоговое окно Тонирование HDR (HDR Toning), которое находится в меню Изображение (Image) - Коррекция (Adjustments). В нем можно обработать фотографию на заключительном этапе коррекции. Так, на рис. 9 результат, полученный в окне Варианты (Variations), скорректирован в окне Тонирование HDR (HDR Toning).

Рис. 9. Результаты коррекции: в окне Варианты (слева) и в окне Тонирование HDR

Использование диалогового окна Цветовой тон/Насыщенность

Диалоговое окно Цветовой тон/Насыщенность (Hue/Saturation) не предназначено для балансировки изображения по цветам. Оно применяется к изображениям, не имеющим цветового сдвига! Но оказывается незаменимым для повышения или понижения насыщенности изображения, которая регулируется соответствующим ползунком (рис. 10).

Рис. 10. Повышение насыщенности изображения в окне Цветовой тон/Насыщенность

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

Рис. 11. Результат повышения насыщенности изображения в окне Цветовой тон/Насыщенность (слева — исходное изображение)

Коррекция изображения в режиме Lab

В цветовой модели Lab яркость полностью отделена от изображения, поэтому для проведения тоновой коррекции достаточно влиять только 
на канал яркости, а для цветовой коррекции — на цветовые каналы a и b. Следует обратить внимание на то, что цветовой охват у модели Lab шире, чем у RGB, поэтому можно безболезненно выполнять преобразование из RGB в Lab и обратно столько раз, сколько необходимо.

Тоновая коррекция в режиме Lab

Перед тем как перейти к коррекции, следует преобразовать изображение в цветовую модель Lab, выполнив команду Изображение (Image) -Режим (Mode) - Lab. На рис. 12 приведено изображение купола и его гистограмма, которая показывает, что необходимо повысить контрастность изображения.

Для повышения контрастности применяется большинство инструментов тоновой коррекции, кроме диалоговых окон Экспозиция (Exposure) и Тонирование HDR (HDR Toning). На рис. 13 приведен пример использования диалогового окна Уровни (Levels), коррекция проведена только в канале Яркость (Lightness). Как видно, теперь требуется повысить насыщенность изображения.

Рис. 12. Тусклое изображение купола и его гистограмма в модели Lab

Рис. 13. Результат повышения контрастности изображения с помощью уровней в канале Яркость модели Lab

Повышение насыщенности изображения в режиме Lab

Для повышения насыщенности фотографии в диалоговом окне Кривые (Curves) необходимо изменить угол наклона прямой в каналах a и b. На рис. 14 для повышения насыщенности фотографии купола в обоих цветовых каналах угол прямой увеличен на одну величину.

Рис. 14. Результат повышения насыщенности путем увеличения угла наклона прямой в обоих цветовых каналах модели Lab

Обратите внимание, что в ходе цветовой коррекции в модели Lab возникает гораздо меньше шума, чем в случае, например, применения инструмента Цветовой тон/Насыщенность (Hue/Saturation) в модели RGB. Так, на рис. 15 приведен результат повышения насыщенности фотографии уже знакомого нам пейзажа. Фотография слева обработана в диалоговом окне Цветовой тон/Насыщенность (Hue/Saturation) в модели RGB, которое дало шум в области неба. В этом случае пришлось дополнительно обработать части изображения инструментами  Размытие (Blur)  и  Палец (Smudge)  для удаления разноцветных пикселов (см. рис. 11). На рис. 15 (справа) эта же фотография была скорректирована только в цветовых каналах модели Lab в окне Кривые (Curvers). Как видите, никакого шума коррекция не создала.

Рис. 15. Результат повышения насыщенности фотографии: в модели RGB (слева) и в модели Lab

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

САМОСТОЯТЕЛЬНАЯ РАБОТА

Ознакомьтесь с созданием анимации в Photoshop и проделайте следующую работу:

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

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

Эти слои в будущем будут кадрами вашей анимации.

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

Создание анимации

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

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

Теперь добавляем столько кадров, сколько вам необходимо, нажатием на кнопку «Добавить кадр».

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

Все! Анимация готова. Вы можете просмотреть результат, нажав на кнопку «Запуск воспроизведения анимации». А после этого можете сохранить ее в формате *.gif.

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

КОНТРОЛЬНЫЕ ВОПРОСЫ

Что такое авто коррекция?

Что такое диалоговое окно «варианты» ? Опишите его.

Как создать анимацию в данной программе?