Разработка рамок

Рамки — это шаблоны, в которые фотография пользователя вписывается по координатам угловых точек четырёхугольной области. Эта область может занимать как часть всего изображения, так и весь холст (например, эффект двойной экспозиции на правом телефоне).

Примеры таких шаблонов можно найти в приложении Photo Lab в разделах “Новая реальность”, “Двойные экспозиции”, “Обложки журналов”, “Удивительные рамки” и других. Шаблоны часто имеют версии для вписывания вертикального, горизонтального и квадратного фото.

Данные шаблоны можно использовать вместе со стикерами — просто добавьте в проекте фильтр "Растеризация".

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

Создание проекта в Конструкторе шаблонов

Для Конструктора шаблонов PSD-файл со слоями должен быть ассоциирован с проектом в формате .pttp2.

С помощью Конструктора можно создавать заготовки под шаблоны. Конструктор генерирует набор групп и подгрупп с валидными названиями, тем самым сводя к минимуму вероятность ошибки при ручном конструировании структуры шаблона в Photoshop.

Алгоритм

Откроем Конструктор шаблонов при открытом Photoshop (если Photoshop не запущен, то это произойдёт автоматически при открытии Конструктора) и в меню "Файл" выберем пункт "Создать проект":

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

Диалог создания нового проекта позволяет создать несколько типов psd-документов:

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

После этого в Photoshop откроется новый PSD-файл, ассоциированный с новым проектом и имеющий необходимую структуру групп и подгрупп:

Если в Photoshop уже есть открытые документы, то в диалоге создания проекта Конструктор предложит создать проект на их основе:

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

Привязку PSD-документа к файлам проекта в любой момент можно поменять, нажав на Файл > Изменить проект (CTRL + E).

Помимо изменения привязки psd-документа можно скорректировать и тип проекта. Тип проекта при прочих равных может повлиять на итоговый результат.

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

Ориентации шаблона

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

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

Подробнее об ориентациях шаблона можно прочитать в соответствующем разделе.

Четырёхугольная область вписывания

Область вписывания задается смарт-объектом, расположенным на одном уровне с подгруппами слоёв. В зависимости от типа шаблона этот смарт-объект имееет свои особенности.

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

Внутрь смарт-объекта для удобства можно поместить тестовые фотографии. Для того, чтобы открыть смарт-объект, дважды кликаем по его иконке:

Скопируем тестовые фотографии на новые слои, выберем из них одну и сохраним смарт-объект:

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

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

Отражение области вписывания

Чтобы отразить смарт-объект области вписывания, необходимо воспользоваться стандартными инструментами Photoshop, например, в меню Редактирование -> Трансформация -> Отразить по горизонтали \ по вертикали.

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

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

Дополнительно

Авторесайз шаблонов

Если юзерфото меньше шаблона, то оно будет растянуто до его размеров. Когда разница в размерах ощутима, результат обработки получается низкого качества: юзерфото в нем будет “мыльное”.

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

Создание шаблонов с несколькими юзерфото

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

Анимация в шаблонах

Данный тип шаблонов возможно анимировать. Подробнее о разработке анимированных шаблонов можно узнать здесь.

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

Примеры разработки шаблонов-рамок

Пошаговые пособия

Примеры разработки шаблонов-рамок

Примеры разработки шаблонов с динамическими масками

Видеоуроки

Видеоуроки по работе с шаблонами-рамками