Продвинутое создание шаблонов-лицевиков

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

Шаг #1

Запустите Конструктор шаблонов и дождитесь запуска Photoshop.

Создайте новый проект со следующими параметрами:

• Тип шаблона — Лицо;

• PSD документ — Новый PSD документ;

• Доступные ориентации — Универсальная ориентация.

Конструктор шаблонов сгенерирует всю необходимую структуру в PSD-документе.

В группу слоев Графический слой 1 добавим необходимую графику. Разместим смарт-объект Область вписывания лица ниже графики. Остальные слои удалим за ненадобностью.

Шаг #2

Чтобы добавленная графика полностью покрывала рабочую область шаблона, нужно уменьшить высоту холста. Проще всего это сделать при помощи инструмента Рамка (Crop Tool) в Photoshop.

С помощью режима трансформации (Ctrl + T) разместите Область вписывания лица так, чтобы она органично вписалась в добавленную графику. Для удобства можно временно уменьшить непрозрачность графического слоя или переместить смарт-объект Область вписывания лица выше графического слоя в списке слоев.

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

Шаг #3

Перейдем в Конструктор шаблонов и нажмем Перечитать PSD-документ.

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

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

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

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

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

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

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

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

На скорректированном изображении видно, что расположение выбранных опорных точек совпадает с их фактическим положением на лице c графического слоя.

В результате мы существенно улучшили результат:

Шаг #4

Чтобы пользовательская фотография органично сочеталась с черно-белой графикой шаблона, добавим к области вписывания фильтр Обесцвечивание. Поскольку оттенок кожи на фотографии может отличаться от шаблона, добавим в смарт-объект области вписывания в Photoshop цвет коррекции, взятый с исходной графики шаблона. В данном уроке мы используем цвет #d6d6d6.

Шаг #5

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

• Поставьте галочку напротив Область вписывания лица;

• Тип маски — По лицу;

• Поставьте галочку для параметра Инвертировать маску.

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

В первую очередь исправим резкие границы при помощи настройки параметров динамической маски:

• Радиус размытия — 3;

• Размеры в процентах — True.

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

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

• Поставьте галочку напротив Область вписывания лица;

• Тип маски — По лицу.

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

До	После
Волосы возле левого глаза
Волосы возле правого глаза

Шаг #5

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

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

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

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

Результат слева – до применения фильтра; справа – после применения фильтра

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

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

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

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

Шаг #1

Запустите Конструктор шаблонов и дождитесь запуска Photoshop.

Создайте новый проект со следующими параметрами:

• Тип шаблона — Лицо;

• PSD документ — Новый PSD документ;

• Доступные ориентации — Универсальная ориентация.

Конструктор шаблонов сгенерирует всю необходимую структуру в PSD-документе.

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

Шаг #2

Увеличьте область вписывания, чтобы лицо с пользовательской фотографии заняло большую часть шаблона. Щелкните правой кнопкой мыши на слое смарт-объекта, выберите в контекстном меню Создать дубликат слоя с названием Область Вписывания Лица маленькая. А затем уменьшите ее до желаемого финального размера для маленького лица.

Шаг #3

Перейдите в Конструктор шаблонов и нажмите Перечитать PSD-документ.

Чтобы оставить видимым только лицо, добавьте в Конструкторе шаблонов к слою Область Вписывания Лица маленькая динамическую маску. Зададим ее параметры:

• Поставьте галочку напротив Область вписывания лица маленькая;

• Тип маски — По лицу.

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

Чтобы его сгладить, добавьте несколько копий областей вписывания лица в Photoshop между существующими. Для этого щелкните правой кнопкой мыши на слое смарт-объекта, выберите в контекстном меню Создать дубликат слоя. Обратите внимание, что у каждой новой области вписывания должна быть своя динамическая маска по лицу.

Хотя можно использовать меню Вставка в Конструкторе шаблонов, этот способ создает области вписывания без масок и их настроек, что потребует дополнительных действий для каждой области. Чтобы избежать этого, мы создадим копии существующего смарт-объекта области вписывания прямо в PSD-документе. Все дубликаты унаследуют маски и настройки из Конструктора шаблонов.

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

Шаг #4

Перейдите в Конструктор шаблонов и нажмите Перечитать PSD-документ, затем обработайте фотографию, чтобы оценить результат.

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

Один раз кликните правой кнопкой мыши по области вписывания лица и в контекстном меню выберите Параметры создания динамической маски.

В открывшемся окне выберем маску по лицу и установим для нее:

• Размеры в процентах — True;

• Вытравка фигуры — 5,8;

• Радиус размытия — 2,4.

Подробнее ознакомится параметрами динамических масок вы можете здесь.

Шаг #5

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

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

Для этого в Phothoshop сделаем копию слоя Область вписывания Лица при помощи опциии Создать дубликат слоя в контекстном меню слоя. Переименуем его в Область вписывания лица для бровей и разместим его вверху списка слоев. Перейдите в Конструктор шаблонов и нажмите Перечитать PSD-документ. Добавьте к слою Область вписывания лица для бровей динамическую маску. Задайте следующие параметры:

• Поставьте галочку напротив Область вписывания лица для бровей;

• Тип маски — По частям лица

• Части маски — Бровь левая, Бровь правая, Лоб, Висок левый и Висок правый.

Сохраните настройки и обработайте тестовые фото. После всех действий у нас получился следующий результат:

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

Шаг #6

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

• Размеры в процентах — True;

• Размытие — 1,4.

Результат слева – до увеличения значения параметра Размытие; справа – после.

Шаг #7

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

Чтобы убрать этот эффект, добавим динамическую маску к каждому из слоев, которые мы использовали для плавного перехода (Области вписывания лица с 1 по 5). Создавайте эту маску, ориентируясь на слой, расположенный непосредственно над слоем, к которому применяется маска. Например, для Области вписывания лица X маску следует создать на основе Области вписывания лица X+1, и так далее. Для Области вписывания лица 5 постройте маску по Области вписывания лица маленькая.

• Поставьте галочку напротив Области вписывания лица X+1;

• Тип маски — По волосам;

• Поставьте галочку для параметра Инвертировать маску;

• Поставьте галочку для параметра Обязательная маска.

В итоге получаем следующий результат:

Результат слева – до применения инвертированной маски по волоса; справа – после.

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

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

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

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

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

Теоретические материалы по работе со вписыванием лиц

Пример разработки простого лицевого шаблона

Видеоуроки по созданию лицевых шаблонов