В этом уроке по эффектам Photoshop мы узнаем, как использовать фильтр «Смещение» и карту смещения, чтобы добавить интересную текстуру к лицу человека на фотографии. Карта смещения позволит нам обернуть текстуру вокруг формы и контуров лица, а не выглядеть так, как будто мы просто приклеили плоскую текстуру к фотографии.
Карты смещения были впервые введены еще в Photoshop 2.0, поэтому, если вы до сих пор не используете ту же версию Photoshop, которую вы купили 20 лет назад, с вами все будет в порядке. В этом уроке я буду использовать Photoshop CS4, но любая последняя версия будет работать.
Чтобы создать эффект текстуры, вам понадобятся два изображения - основное фото, к которому вы хотите применить текстуру, и фото, которое будет использоваться в качестве самой текстуры. Вот изображение, к которому я буду применять свою текстуру:
Исходное изображение.
Вот изображение, которое я буду использовать для моей текстуры, простой крупный план скалы, которую я обрезал снаружи:
Текстура фото.
Вот как это будет выглядеть после того, как мы наложили текстуру на лицо человека:
Окончательный эффект текстурной карты.
Как нанести текстуру на лицо с помощью Photoshop
Шаг 1: выберите канал с наилучшим контрастом изображения
Давайте начнем с фотографии, к которой мы будем применять текстуру. Переключитесь на панель каналов на мгновение. Вы найдете панель «Каналы», сгруппированную с панелями «Слои» и «Контуры» (в предыдущих версиях Photoshop «панели» называются «палитрами»). Нажмите на вкладку Название канала в верхней части группы, чтобы выбрать его. Вы увидите три цветовых канала в списке - Красный, Зеленый и Синий - вместе с составным каналом RGB вверху:
Панель «Каналы» (палитра) в Photoshop.
Чтобы узнать больше о цветовых каналах и цветовом режиме RGB в Photoshop, обязательно ознакомьтесь с нашим полным руководством по RGB и цветовым каналам в Photoshop . Мы собираемся использовать один из этих трех каналов (красный, зеленый или синий) для создания нашей карты смещения, которая затем будет использоваться для сопоставления нашей текстуры с контурами лица человека.
Нам нужно выбрать канал, который даст нам наивысшую контрастность изображения, поскольку чем больше у нас контраст, тем лучше будут результаты с нашей картой смещения. Нажмите на каждый отдельный канал (красный, зеленый, затем синий) на панели «Каналы». Здесь я нажимаю на красный канал, чтобы выбрать его. Текущий выбранный канал будет выделен синим цветом:
Выберите отдельные каналы, щелкнув по ним на панели «Каналы».
При нажатии на каждый канал вы увидите черно-белую версию фотографии в окне документа. Каждый канал даст нам различную черно-белую версию в зависимости от того, насколько виден этот цвет на фотографии. Нам нужно выбрать канал, который дает нам лучший контраст изображения на лице человека. Вот как выглядит каждый из моих трех каналов: красный слева, зеленый посередине и синий справа:
Каждый цветной канал (красный, зеленый, синий) дает нам различную черно-белую версию изображения.
Как правило, когда речь идет о тонах кожи, красный канал будет слишком ярким и размытым, чтобы использовать его в качестве карты смещения (поскольку кожа всегда содержит много красного), поэтому обычно вы выбираете зеленый или синий каналы. В моем случае, синий канал слишком темный, так что его нет. Красный канал на самом деле содержит больше деталей, чем я обычно ожидаю, но я думаю, что зеленый канал содержит наибольшее количество контраста, с некоторыми яркими бликами и темными тенями, поэтому я собираюсь использовать зеленый канал для моей карты смещения.
Шаг 2: дублировать канал
После того, как вы определили, какой канал вы собираетесь использовать для своей карты смещения, убедитесь, что он выбран на панели «Каналы». Я использую канал Green, поэтому я нажму на него, чтобы выбрать его:
Нажмите на канал, который вы будете использовать для своей карты смещения.
Затем щелкните значок меню в верхнем правом углу панели «Каналы» и выберите « Дублировать канал» в появившемся меню:
Щелкните правой кнопкой мыши (Win) / удерживайте нажатой клавишу «Control» (Mac) на канале и выберите «Дублировать канал».
Это вызовет диалоговое окно Duplicate Channel. Выберите опцию « Создать для документа» в разделе « Назначение » диалогового окна, которое откроет копию канала в виде отдельного документа Photoshop. Не беспокойтесь о его названии:
Установите для параметра «Документ» значение «Новый», чтобы создать новый документ из канала.
Нажмите OK, чтобы выйти из диалогового окна. Черно-белое изображение появится в отдельном окне документа:
Черно-белая версия из канала Green (или любого другого канала, который вы выбрали) теперь появляется в своем собственном окне документа.
Мы подготовим наше изображение для использования в качестве карты смещения дальше!
Шаг 3: примени медианный фильтр к изображению карты смещения
В течение следующих нескольких шагов мы будем работать с изображением карты смещения, которое мы только что создали, поэтому пока игнорируем исходное изображение. Нам нужно удалить большую часть деталей с лица человека, иначе все маленькие поры, выпуклости, щетина и небольшие дефекты кожи вызовут проблемы. Мы будем использовать пару фильтров Photoshop, чтобы сгладить ситуацию для нас. Первый, который мы применим, - это медианный фильтр, который отлично подходит для уменьшения мелких деталей при сохранении краев, которые определяют объект без изменений. Перейдите в меню « Фильтр» в строке меню в верхней части экрана, выберите « Шум», а затем выберите « Медиана» :
Перейдите в Filter> Noise> Median.
Это вызовет диалоговое окно Медианный фильтр. Следите за своим изображением в окне документа, перетаскивая ползунок Радиус внизу диалогового окна. Слайдер определяет, сколько деталей удаляется с изображения. Чем дальше вы перемещаете ползунок вправо, тем больше деталей вы удаляете. Идея состоит в том, чтобы удалить как можно больше деталей с лица человека, сохраняя при этом важные края нетронутыми. Здесь нет конкретных настроек, которые будут использоваться, поскольку они будут зависеть от размера изображения, над которым вы работаете, но я собираюсь установить значение радиуса около 8 пикселей:
Отрегулируйте величину радиуса с помощью ползунка в нижней части диалогового окна.
Нажмите OK, чтобы выйти из диалогового окна. Здесь мы видим, что мне удалось значительно уменьшить детализацию на лице человека, при этом сохраняя четкие и четкие края:
Большая часть деталей на лице человека была удалена без размытия важных краевых деталей.
Шаг 4: примени фильтр Gaussian Blur
Далее мы применим фильтр Gaussian Blur, чтобы завершить нашу карту смещения. Вернитесь в меню Filter и на этот раз выберите Blur, затем Gaussian Blur :
Перейдите в Filter> Blur> Gaussian Blur.
Когда появится диалоговое окно Размытие по Гауссу, используйте ползунок Радиус в нижней части диалогового окна так же, как вы использовали его с медианным фильтром минуту назад, следя за своим изображением в окне документа при перетаскивании ползунка в направлении Правильно применить больше размытия изображения. Опять же, здесь нет особой настройки, которая будет использоваться, так как она будет зависеть от вашего изображения, но цель состоит в том, чтобы применить достаточно размытия, чтобы сгладить объекты, в то же время имея возможность различать важные детали (глаза, нос, рот и т.д.) Я собираюсь увеличить значение радиуса примерно до 13 пикселей:
Увеличьте значение радиуса, чтобы увеличить степень размытия, применяемого к изображению.
Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Photoshop применяет размытие к карте смещения:
Карта смещения теперь появляется с плавными переходами между различными уровнями яркости.
Шаг 5: преобразуй изображение в оттенки серого
Наконец, давайте преобразуем изображение нашей карты смещения в цветовой режим Grayscale . Технически это не является абсолютно необходимым, поскольку Photoshop может использовать карты смещения, сохраненные и в других цветовых режимах, но вы можете столкнуться с проблемами, если ваша карта смещения содержит слишком много каналов, поэтому конвертируйте изображение в градации серого, что ограничивает изображение до Один канал, это хороший способ избежать этих проблем. Перейдите в меню « Изображение» в верхней части экрана, выберите « Режим» (сокращение от «Цветовой режим»), затем выберите « Оттенки серого» :
Перейдите в Изображение> Режим> Оттенки серого.
Шаг 6: сохраните изображение в виде файла Photoshop .PDF
Теперь, когда мы подготовили наше изображение для использования в качестве карты смещения, нам нужно сохранить его, и нам нужно сохранить его конкретно в виде файла PSD в Photoshop . Это единственный тип файлов, который Photoshop может использовать для карт смещения, хотя я понятия не имею, почему это так. Иногда нужно просто принять что-то, и это один из таких случаев. Перейдите в меню « Файл» в верхней части экрана и выберите « Сохранить как» :
Перейдите в Файл> Сохранить как.
Это вызывает диалоговое окно Сохранить как. Дайте файлу описательное имя. Я собираюсь назвать свой «displace.psd» и убедиться, что вы выбрали Photoshop для параметра « Формат», чтобы он сохранялся в виде файла .PSD. Я считаю, что самое простое место для сохранения карт смещения - это папка «Карты смещения», которую я создал на своем рабочем столе, поэтому я сохраню свой файл в:
Сохраните файл в месте, которое вы можете легко запомнить, например, на рабочем столе.
Нажмите кнопку Сохранить, когда вы закончите, чтобы сохранить файл. Теперь вы можете закрыть окно документа карты смещения.
Шаг 7: выбери лицо человека на фото
На этом мы закончили работу над нашей картой смещения, поэтому вернитесь к исходной фотографии (той, к которой вы собираетесь применить текстуру). Если вы по-прежнему видите черно-белое изображение в окне документа, это потому, что у нас все еще выбран один канал на панели «Каналы». Нажмите на канал RGB в верхней части панели «Каналы», чтобы вернуть полноцветную версию изображения. Канал RGB на самом деле вовсе не является каналом, это просто совокупность трех отдельных каналов, и это то, что позволяет нам видеть изображение в полном цвете:
При нажатии на канал RGB выделяются все каналы одновременно и отображается изображение в полном цвете.
Вернитесь к панели «Слои» и нажмите на вкладку «Имя слоя» в верхней части группы панелей. Нам нужно выбрать область фотографии, на которую мы хотим нанести текстуру. Поскольку мы хотим отобразить текстуру только на лице человека, сначала нам нужно выбрать ее. Используйте инструмент выделения по вашему выбору (Lasso Tool, Pen Too l и т. Д.), Чтобы нарисовать выделение вокруг нужной области. В моем случае я буду использовать инструмент Лассо, чтобы нарисовать выделение вокруг лица человека и макушки головы:
Нарисуйте выделение вокруг области, на которую хотите наложить текстуру.
Единственная проблема в том, что если бы я применил текстуру прямо сейчас, его глаза были бы покрыты текстурой, поскольку они в настоящее время находятся внутри выделенной области. Мне нужно убрать его глаза с выделения, и самый простой способ сделать это - просто удерживать мою клавишу Alt (Win) / Option (Mac), которая временно переводит инструмент Лассо в режим вычитания из выделения, обозначенный маленьким знак минус ("-") в правом нижнем углу значка лассо. Перетащите выделение вокруг каждого глаза, чтобы удалить их из выделенной области. Когда вы закончите, вы должны увидеть контуры выделения вокруг головы человека и его глаз. Теперь выделена только область между контурами выделения, что означает, что глаза больше не будут затронуты:
Удерживая нажатой клавишу «Alt» («Победа») / «Option» (Mac), временно переключитесь в режим «Вычесть из выделения» с помощью любого основного инструмента выбора.
Обязательно ознакомьтесь с нашим учебным курсом «Полное изложение основных возможностей» для получения дополнительной информации о работе с выборками в Photoshop.
Шаг 8: Сохранить выбор
Нам не нужен наш выбор в данный момент, но он нам скоро понадобится, поэтому давайте сохраним его. Поднимитесь в меню Select в верхней части экрана и выберите Save Selection :
Выберите «Выделение»> «Сохранить выделение».
Это вызывает диалоговое окно Сохранить выделение. Я назову свое выделение «лицо», затем я нажму OK, чтобы сохранить выделение для дальнейшего использования:
Сохранение выбора позволяет нам легко загружать его снова в любое время, когда оно нам нужно.
Как только вы сохранили выделение, нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы быстро отменить выделение, удаляя контуры выделения с изображения.
Шаг 9. Скопируйте текстурное изображение в исходное изображение.
Откройте фотографию, которую вы собираетесь использовать для своей текстуры. В моем случае я использую фотографию текстуры камня, которую мы видели в начале урока. Теперь у вас должно быть свое исходное изображение и текстурная фотография, открытые в отдельных окнах документов на вашем экране.
Убедитесь, что у вас есть текстурное фото, выбрав его в любом месте окна документа. Затем перейдите в меню « Слой» в верхней части экрана и выберите « Дублировать слой» :
Перейдите в Слой> Дублировать слой.
Это вызывает диалоговое окно Duplicate Layer. Я собираюсь назвать свой скопированный слой «текстура», хотя название не так важно. Важно то, что вы выбираете документ исходного изображения в качестве пункта назначения для скопированного слоя, чтобы наша текстурная фотография появилась внутри документа исходной фотографии. Моя оригинальная фотография называется "texture_mapping.psd", поэтому я выберу ее в качестве пункта назначения:
Выберите исходное изображение в качестве места назначения для слоя.
Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна и скопировать текстурную фотографию в документ исходного изображения. На этом этапе вы можете закрыть окно документа текстурной фотографии, в результате чего у нас остается только одно открытое окно документа, содержащее как исходную фотографию, так и текстурную фотографию, причем текстурная фотография теперь блокирует исходное изображение из вида. Если мы посмотрим на панель «Слои», то увидим, что у нас теперь есть два слоя. Исходное изображение находится на фоновом слое, а текстурное фото - на новом слое над ним:
Так как текстурное фото находится над оригиналом на панели «Слои», оно блокирует исходное изображение из окна документа.
Шаг 10: загрузить выбор
Вот где нам нужен тот выбор, который мы создали и сохранили ранее. Фотошоп фактически сохраняет выбранные элементы как каналы, и если мы снова переключимся на панель «Каналы», мы увидим, что наш выбор отображается как отдельный канал под каналами RGB. Мой канал называется "лицо", потому что это то, что я назвал его, когда я сохранил выбор. Чтобы быстро загрузить выделение, удерживайте нажатой клавишу Ctrl (Win) / Command (Mac) и щелкните непосредственно на миниатюре канала:
Удерживая нажатой клавишу «Ctrl» («Победа») / «Command» (Mac), щелкните непосредственно по миниатюре канала, чтобы загрузить его в качестве выделения в окне документа.
Вернитесь на панель Layers, когда закончите. Вы увидите, что контуры выделения снова появились внутри документа, хотя их может быть немного трудно увидеть поверх текстуры:
Выбор был легко загружен обратно в документ.
Шаг 11: добавь маску слоя
После загрузки выделите слой текстуры на панели «Слои» (выделенные слои выделены синим цветом), затем щелкните значок « Маска слоя» в нижней части панели «Слои»:
Добавьте маску слоя к слою текстуры, нажав на иконку Layer Mask.
Это добавляет маску слоя к слою текстуры, и поскольку мы добавили голову человека, когда добавили маску, остается видимой только область фотографии текстуры, которая попала в выделение. Остальная часть текстурного слоя теперь скрыта от глаз:
Только мужское лицо остается покрытым текстурой фотографии благодаря маске слоя.
Шаг 12: измени режим смешивания слоя текстуры, чтобы наложить
Чтобы смешать текстуру с лицом человека, перейдите к параметру « Режим наложения» в верхней части панели «Слои» и измените режим наложения с «Обычный» (настройка по умолчанию) на « Наложение» :
Измените режим наложения текстурного слоя на Overlay.
Текстура теперь прекрасно вписывается в лицо человека. Не стесняйтесь пробовать и другие режимы наложения, такие как Multiply или Hard Light, и сравнивайте полученные результаты, но режим Overlay часто является лучшим выбором для этого эффекта:
Изображение после изменения режима наложения текстурного слоя на Overlay.
Шаг 13: выбери слой текстуры
На данный момент все выглядит довольно хорошо, но чтобы добавить еще больше реализма, мы собираемся использовать нашу карту смещения, чтобы подогнать текстуру по контурам лица человека. Во-первых, нам нужно выбрать слой текстуры, так как в настоящее время мы выбрали маску слоя, а не сам слой. Мы можем сказать, какой из них выбран, посмотрев на миниатюры на панели «Слои». Вы заметите, что в данный момент миниатюра маски слоя на слое текстуры имеет белую рамку выделения. Это означает, что маска слоя в настоящее время выбрана. Чтобы выбрать сам слой, щелкните непосредственно на миниатюре предварительного просмотра маски слоя:
Когда эскиз предварительного просмотра имеет выделенную границу вокруг него, слой выделяется. Когда миниатюра маски имеет выделенную границу, выбирается маска слоя.
Шаг 14: отсоединить слой от маски слоя
Если мы применим нашу карту смещения прямо сейчас, то и содержимое слоя (фото текстуры), и маска слоя будут изменены в соответствии с картой смещения, и это потому, что содержимое слоя и маскируемый слой связаны друг с другом. Мы можем сказать, что они связаны друг с другом маленьким значком ссылки между двумя миниатюрами. Чтобы отсоединить содержимое слоя от маски слоя, чтобы карта смещения не влияла на маску, щелкните значок ссылки, чтобы удалить его:
Нажмите на маленький значок ссылки, чтобы отсоединить содержимое слоя от маски слоя.
Шаг 15: примени фильтр смещения
Наконец, мы готовы применить нашу карту смещения, и мы делаем это, используя фильтр Displace в Photoshop. Перейдите в меню Filter, выберите Distort, а затем выберите Displace :
Перейдите в Filter> Distort> Displace.
Фильтр Displace на самом деле состоит из двух отдельных диалоговых окон. Первое диалоговое окно просит нас установить некоторые параметры, причем два наиболее важных параметра находятся вверху. Параметры « Горизонтальная шкала» и « Вертикальная шкала» определяют степень воздействия карты смещения на изображение. Другими словами, они определяют, как далеко пиксели на изображении будут сдвигаться по горизонтали и вертикали. К сожалению, предварительный просмотр недоступен, поэтому фильтр Displace обычно включает в себя метод проб и ошибок до тех пор, пока вы не сделаете все правильно. Значение по умолчанию 10 для обоих вариантов: горизонтальная и вертикальная шкала - хорошее начало, но я собираюсь увеличить шахту до 15, чтобы получить больше эффекта. Значения, которые вы в конечном итоге используете, будут зависеть как от размера вашего изображения, так и от вашего собственного представления о том, что выглядит «правильным», поэтому будьте готовы отменить этот шаг несколько раз и повторите попытку. Можно оставить параметры « Растянуть по размеру» и « Повторить пиксели края» в нижней половине диалогового окна:
Параметры «Вертикальная шкала» и «Горизонтальная шкала» определяют, насколько далеко сместятся пиксели изображения.
Нажмите OK, когда вы закончите, чтобы выйти из этого первого диалогового окна, которое вызовет второе диалоговое окно с просьбой выбрать карту смещения. Перейдите туда, где вы сохранили карту смещения, которую мы создали ранее. Шахта была сохранена в папке «Карты смещения» на моем рабочем столе, поэтому я перейду к ней, затем щелкните карту смещения, чтобы выбрать ее, и нажмите «Открыть»:
Выберите карту смещения, которую мы создали ранее.
Как только вы открываете карту смещения, Photoshop применяет ее к текстуре и сопоставляет текстуру с контурами лица и головы человека. Если вы используете текстуру с множеством прямых линий, например, американский флаг, вы увидите очень заметную разницу в том, как текстура обтягивает форму лица человека. Если вы используете текстуру, подобную той, которую я использую, с множеством линий и трещин произвольной формы, разница может быть не такой заметной, хотя после применения карты смещения все должно выглядеть более реалистично. Или, по крайней мере, настолько реалистично, как может выглядеть текстура камня на лице человека. Вот мой окончательный результат:
Окончательный текстурный результат.