Урок Фотошопа. Отличный способ наложить текстуру на лицо

Для работы с текстурой требуются два изображения: фотография, на которую будет наноситься текстура, и сама текстура. Мы будем наносить текстуру вот на этот портрет:

Оригинальный снимок

А вот и сама текстура. Это камень, который мы сняли на улице крупным планом:

Кадр с текстурой

А вот что получится, когда мы нанесем эту текстуру на лицо мужчины:

Итоговый результат

Давайте начнем!

Шаг 1: Выбираем канал с лучшим контрастом

Начнем работу с той фотографией, на которую будет наноситься текстура. Ненадолго перейдем в панель каналов Channels. Она находится там же, где панели Layers и Paths. Нажмите на вкладку с названием Channels. Вы увидите список с тремя цветовыми каналами — Red/Красный, Green/Зеленый и Blue/Синий, — а над ними общий канал RGB:

Панель каналов в Photoshop

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

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

Просматриваем каналы, щелкая по их названиям в панели каналов

Нажимая на названия каналов, в окне документа вы будете видеть черно-белые варианты своей фотографии. Они будут различаться в зависимости от того, как данный цвет представлен на фотографии. Нам нужно найти тот канал, в котором контраст на лице заметен лучше всего. Вот как выглядят все три канала у нас (красный слева, зеленый посередине, синий справа):

Красный, зеленый и синий каналы дают нам разные черно-белые версии нашего фото

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

Шаг 2: Создаем копию канала

Определив, на основе какого канала вы будете создавать карту смещения, выберите его в панели каналов. Мы решили работать с зеленым каналом, так что выделим его:

Щелкните по названию канала, на основе которого вы решили создавать карту смещения

Затем нажимаем на иконку меню в правом верхнем углу панели каналов и выбираем из появившегося списка Duplicate Channel:

После щелчка правой кнопкой мыши (Win) / щелчка с удержанием клавиши Control (Mac) по названию канала выберите опцию Duplicate Channel

Откроется диалоговое окно Duplicate Channel. В разделе Destination выберите New в поле Document, после чего копия канала откроется в отдельном документе Photoshop. Давать ему специальное имя не нужно:

Создаем на основе выбранного канала новый документ, для чего в опции Document выбираем New

Нажав OK, закройте диалоговое окно. В отдельном окне появится черно-белое изображение:

В новом окне появилась черно-белая версия из зеленого канала (или любого другого, который вы выбрали для работы)

Теперь подготовим будущую карту смещения!

Шаг 3: Применяем к будущей карте смещения фильтр Median

В ближайшее время мы будем работать с только что созданным изображением, сделав из него карту смещения; об оригинале пока забудьте. Нам нужно убрать почти все детали с лица, иначе поры, прыщики, щетина и незначительные дефекты кожи будут создавать проблемы. Чтобы выровнять кожу, воспользуемся парой фильтров Photoshop. Первым мы возьмем фильтр Median,который прекрасно подходит для того, чтобы убрать мелкие детали, не трогая контур объекта. В Меню в верхней части экрана выберите Filter, затем Noise, затем Median:

Откройте Filter > Noise > Median

Откроется диалоговое окно фильтра Median. Начните перемещать ползунок Radius, расположенный в нижней части диалогового окна, не забывая следить за изменениями изображения. От положения ползунка зависит, сколько деталей будет убрано. Чем дальше вы его сдвинете, тем больше уберете. Наша задача — убрать как можно больше деталей с лица, оставив его очертания нетронутыми. Конкретный показатель Radius зависит от вашей фотографии, мы в данном случае остановимся на значении 8 пикселей:

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

Нажав OK, закройте диалоговое окно. Обратите внимание, что нам удалось убрать значительную часть деталей с кожи, не повредив черты лица:

Мы убрали детали с кожи лица, сохранив его контур четким

Шаг 4: Применяем фильтр Gaussian Blur

Теперь мы воспользуемся фильтром Gaussian Blur и завершим работу над картой смещения. Вернитесь в меню Filter, но на этот раз выберите Blur, затем Gaussian Blur:

Откройте Filter > Blur > Gaussian Blur

Когда откроется диалоговое окно Gaussian Blur, воспользуйтесь ползунком Radius, который находится в нижней части диалогового окна, точно так же, как и в диалоговом окне фильтра Median. Сдвигая ползунок вправо, не забывайте контролировать степень размытия изображения. Опять же для каждой фотографии оптимален свой показатель. Наша задача — максимально размыть портрет, сохранив при этом важные детали (глаза, нос, губы и т. д.) Мы увеличим значение примерно до 13 пикселей:

Увеличивая показатель Radius, размываем изображение еще больше

Закончив, нажмите OK, и диалоговое окно закроется. Photoshop размоет карту смещения:

Карта смещения теперь характеризуется очень мягкими переходами между различными уровнями яркости

Шаг 5: Переводим изображение в Grayscale

И наконец установим для нашей карты смещения режим Grayscale. Вообще-то строгой необходимости в этом нет, поскольку Photoshop работает с картами смещения и в других цветовых режимах, но если цветовых каналов на карте будет слишком много, вы можете столкнуться с трудностями, поэтому проще перевести ее в Grayscale, чтобы остался только один канал. В верхнем меню откройте Image, затем Mode (т. е. цветовой режим), затем Grayscale:

Открываем Image > Mode > Grayscale

Шаг 6: Сохраним изображение в формате Photoshop .PSD

Мы подготовили карту смещения, теперь нам нужно сохранить ее в формате Photoshop .PSD. Photoshop работает с картами смещения только в этом формате, хотя мы и не знаем, почему. Иногда остается принимать все как есть. В верхнем меню открываем File и Save As:

Нажимаем File > Save As

Откроется диалоговое окно Save As. Дадим файлу какое-нибудь описательное название. Мы назовем его displace.psd. Главное, выберите Photoshop в опции Format, чтобы сохранить файл с расширением .PSD. Нам проще всего сохранять все карты смещения в специальной папке для карт displacement maps, которую мы создали на своем рабочем столе:

Сохраните файл так, чтобы потом не забыть, где он, например, на рабочем столе

Когда будете готовы, нажмите Save. Теперь окно с картой смещения можно закрывать.

Шаг 7: Выделим на фотографии лицо

На данный момент мы закончили работу с картой смещения, так что вернемся к оригиналу, на который будем наносить текстуру. Если ваш портрет до сих пор черно-белый, это потому, что в панели каналов все еще выбран один канал. Выберите в верхней строке панели каналов RGB, и изображение снова станет цветным. Канал RGB, по сути, вовсе не канал; на самом деле это сочетание всех трех отдельных каналов, которое позволяет нам видеть фотографию в полном цвете:

При выборе RGB все каналы отображаются одновременно, так что фотография становится полноцветной

Снова переключимся в панель слоев, нажав на вкладку Layers в верхней части группы панелей. Теперь нам предстоит выбрать участок, по которому будет растягиваться текстура. Поскольку мы собирались ограничиться только лицом, выделим его. С помощью вашего любимого инструмента (Lasso Tool, Pen Tool и т. д.) выделите нужную зону. Мы воспользуемся инструментомLasso и обведем голову:

Выбираем участок, на который будет наноситься текстура

Проблема в том, что глаза оказались в зоне выделения, и текстура попадет и на них. Так что надо убрать их из выделения. Самый простой способ — нажимаем и удерживаем кнопку Alt (Win) / Option (Mac), благодаря чему инструмент Lasso начинает работать в режиме Исключить из выделения. В нижнем правом углу иконки Lasso появится знак минус (-), говорящий как раз об этом. Обведите оба глаза, чтобы исключить их из зоны выделения. После завершения работы вы должны видеть контур вокруг головы и глаз. В данный момент выбран лишь участок между этими контурами, и текстура не заденет глаза.

Удерживая Alt (Win) / Option (Mac), мы временно переходим в режим Исключить из выделения активного инструмента выделения

Шаг 8: Сохраняем выделение

Это выделение понадобится нам не сейчас, а чуть позже, так что давайте его сохраним. В верхнем меню открываем Selectи Save Selection:

Нажимаем Select > Save Selection

Откроется диалоговое окно Save Selection. Мы назовем выделение face и закроем, нажав ОК, чтобы воспользоваться им позднее.

Сохраненное выделение можно будет загрузить в любой момент

Сохранив выделение, уберите его контур с фотографии, просто нажав Ctrl + D (Win) / Command + D (Mac).

Шаг 9: Копируем текстуру на оригинал

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

Выберите фотографию с текстурой, щелкнув внутри окна, в котором она находится. Открываем в верхнем меню Layerи выбираем Duplicate Layer:

Открываем Layer > Duplicate Layer

Откроется диалоговое окно Duplicate Layer. Мы назовем копию слоя texture, хотя это не особо важно. Что важно — так это указать в меню Destination копии название оригинала, чтобы фотография с текстурой перенеслась в документ с оригиналом. Наша оригинальная фотография называется texture_mapping.psd, и мы укажем ее в графе Destination:

В качестве Destination указываем портрет

Когда вы нажмете OK, диалоговое окно закроется, и в документе с оригиналом появится копия фотографии с текстурой. Теперь документ с текстурой можно закрыть, и у вас останется только один документ, где содержатся и портрет, и текстура, которая в настоящий момент скрывает из вида портрет. Обратите внимание, что в панели слоев у нас теперь два слоя. Оригинал находится в слое Background Layer, а текстура — в новом слое над ним:

Поскольку слой с текстурой расположен в панели слоев выше, он перекрывает портрет

Шаг 10: Загружаем выделение

Теперь нам потребуется выделение, которое мы создали ранее и сохранили. Photoshop сохраняет выделения как каналы, так что если мы снова перейдем в их панель, то увидим свое выделение как отдельный канал под цветовыми каналами. Наш канал называется face, потому что именно под таким именем мы сохраняли выделение. Загрузить его можно, просто нажав на Ctrl(Win) / Command (Mac) и щелкнув по миниатюре канала:

Удерживая Ctrl (Win) / Command (Mac), щелкаем по миниатюре канала, и в окне документа откроется наше выделение

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

Мы без труда загрузили выделение

Шаг 11: Добавляем маску слоя

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

Щелкаем по иконке Layer Mask, чтобы добавить маску в слой с текстурой

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

Благодаря маске слоя текстура осталась только на лице

Шаг 12: Поменяем режим смешивания слоя с текстурой на Overlay

Чтобы видеть одновременно и лицо, и текстуру, откроем опцию Blend Mode / Режим смешивания, которая расположена в верхней части панели слоев, и переключим режим с Normal (как задано по умолчанию) на Overlay:

В качестве режима смешивания для слоя с текстурой выбираем Overlay

Теперь текстура красиво смешивается с лицом. Вы можете попробовать и другие режимы смешивания, например, Multiply илиHard Light, и сравнить результаты. Но, как правило, для этого спецэффекта лучше всего подходит режим Overlay:

Как выглядит фотография после установки режима смешивания Overlay

Шаг 13: Выбираем слой Texture

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

Если вы видите контур вокруг миниатюры слоя, значит, выбран он. Если вы видите контур вокруг миниатюры маски слоя, значит, выбрана маска

Шаг 14: Отменим связь между слоем и его маской

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

Нажав на иконку со звеньями цепи, мы отменяем связь между слоем и его маской

Шаг 15: Применяем фильтр Displace

Мы, наконец, готовы начать работу с картой смещения. Делается это с помощью фильтра Displace. В меню Filter выберитеDistort, затем Displace:

Открываем Filter > Distort > Displace

У фильтра Displace два отдельных диалоговых окна. В первом задаются некоторые опции, самые важные из которых находятся сверху. Опции Horizontal Scale и Vertical Scale определяют степень воздействия карты на изображение, или, другими словами, то, как далеко будут смещаться пиксели изображения в вертикальном и горизонтальном направлениях. К сожалению, окна предварительного просмотра у фильтра Displace нет, так что приходится действовать методом проб и ошибок. Оптимальным для начала мы считаем значение 10 и для Horizontal Scale, и для Vertical Scale, но в данном случае мы увеличим его до 15 для большего эффекта. Конкретные цифры будут зависеть от размера изображения и вашего мнения о том, как лучше, так что будьте готовы к тому, что этот шаг придется переделывать несколько раз. Опции Stretch To Fit и Repeat Edge Pixels, которые находятся ниже, можно так и оставить:

Опции Vertical Scale и Horizontal Scale определяют степень смещения пикселей

Нажмите ОК, чтобы закрыть диалоговое окно; после этого откроется второе окно, в котором нам предстоит выбрать саму карту смещения. Откройте папку, в которой вы ее сохранили. В нашем случае это была папка displacement maps на рабочем столе, так что мы открываем ее, выбираем свою карту и нажимаем Open:

Находим карту смещения, созданную ранее

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

Конечный результат обработки