Разработка стикеров

Стикер — это картинка, которая накладывается на лицо, распознанное на юзерфото. Стикер масштабируется под размер лица и адаптируется к найденным на нем опорным точкам. Исходное фото при этом не кадрируется (не обрезается).

• 
• 
• 

• 
• 
• 

Примеры таких шаблонов можно найти в приложении Photo Lab в разделах Фотобутафория для лица, Флаги, Головные уборы и других.

При обработке шаблоном типа "стикер" пользовательская фотография не меняет своего размера, в отличие от шаблонов-рамок и лицевых шаблонов, т.к. перед шаблонами-стикерами не стоит задачи вписать юзерфото в какую-либо ограниченную область. Суть таких шаблонов - наложение определенных картинок (стикеров) на лица, распознанные c пользовательской фотографии.

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

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

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

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

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

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

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

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

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

PSD-документ шаблона типа Стикер состоит из области вписывания и одного или нескольких стикеров. Стикер в PSD представлен группой слоёв, название которых начинается со слов Стикер или Sticker.

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

Все слои, лежащие внутри стикера, растеризуются на уровне его группы. К группе стикера можно применить блендинг (см. список блендингов), а также можно применить маску.

Позиция стикера в PSD-документе никак не влияет на его положение в шаблоне. Положение стикера в шаблоне определяется с помощью инструментов Конструктора шаблонов.

В стикерах, как и в других типах шаблонов, область вписывания необходима для размещения пользовательской фотографии. Также в смарт-объект области вписывания можно поместить фотографии для "примерки" в Photoshop.

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

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

Область вписывания лица можно отразить как по горизонтали, так и по вертикали стандартными средствами Photoshop. Подробнее об этом написано в этом разделе.

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

Растеризацию необходимо добавить вручную одним из следующих способов:

• обратиться к диалогу Настройки фильтров для области вписывания. Подробно о способах вызова диалогового окна можно узнать в разделе Работа с фильтрами;



• кликнуть правой кнопкой мыши по выбранному слою и в контекстном меню выбрать пункт Добавить растеризацию;



• через меню Cлой > Добавить растеризацию.

Чтобы эти пункты были активными, в списке слоев должен быть выбран стикер.

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

Попасть в Редактор растеризаций можно:

• вызвав контекстное меню любого стикера и выбрав пункт Управление растеризациями...;
• выделив любой стикер и в меню Слой выбрав пункт Управление растеризациями....

После добавления растеризации откроется окно Редактор позиций стикеров.

Если добавлять растеризацию через Настройки фильтров, то потребуется вручную открыть Редактор позиции, кликнув на обозначенную область в строке Позиция.

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

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

• Строка меню:

  • Копировать из – копирование настроек положения с других стикеров, имеющихся в проекте.

  • Позиционировать по объекту – выбор набора опорных точек, которые будут использоваться для привязки стикера:

    • По лицу человека.
    • По скелету человека.
    • По морде животного.
    • Татуировка на лицо.

    Для позиционирования по скелету человека и по морде животного в меню также доступен фильтр объектов.

  • Показать еще – отображение дополнительных элементов шаблона (например, графических слоев, растеризаций) на предварительном просмотре. Эта возможность облегчает позиционирование объектов относительно друг друга.

• Настройки стикера:

  Изменение координат центра стикера по осям X и Y. Координаты также можно задать вручную, переместив курсор на изображении стикера. Сброс — возможность сброса координат центра стикера до варианта по умолчанию. Размер стикера относительно черты лица — управление размером стикера.

• Настройки позиционирования:

  Видимость опорных точек лица, которые можно указать для привязки стикера. Типовые привязки и координаты курсора силы притяжения: Выбор типовых привязок из списка предусмотренных. Изменение координат курсора силы притяжения по осям X и Y. Скольжение — в случае, если на пути движения курсора силы притяжения по одной из осей встречается ограничительная линия, курсор скользит вдоль ограничительной линии. Если скольжение отключено, курсор упрется в ограничитель. Сброс — возможность сброса настроек привязки до варианта по умолчанию — по зрачкам и уголкам рта.

  • Точки позиционирования:

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

• Окно предпросмотра результата.

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

При добавлении фильтра Растеризация к области вписывания типа Фигура (FSQ/FSQR) обратите внимание на последовательность фильтров. Так как при создании области вписывания типа Фигура (FSQ/FSQR) к области автоматически первым добавляется фильтр Вписывание фигуры.

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

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



• Части стикера выходят за пределы фигуры: они останутся видимыми на изображении. Это происходит из-за того, что блендинг Экран никак не видоизменяет черный цвет при взаимодействии с прозрачным фоном вокруг фигуры.

Если стикер по вашей задумке должен оставаться невидимым, вы можете:

• Поменять фильтры местами (если дальнейшие шаги по работе с шаблоном это позволяют).
• Разместить его на другой области вписывания с Непрозрачностью 0% и без использования блендинга Экран.

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

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

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

Затем стикер размещается в соответствии с выбранными опорными точками и положением этих точек на выбранном объекте.

При позиционировании стикер также автоматически поворачивается в соответствии с наклоном объекта на пользовательской фотографии.

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

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

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

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

• две крайние опорные точки имеют коэффициент в 1;
• нижняя точка: 5;
• верхняя имеет коэффициент в 10 условных единиц;

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

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

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

Ниже показан пример масштабирования стикера относительно ширины головы.

А также высоты головы.

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

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

При масштабировании стикера на пользовательской фотографии, Конструктор шаблонов учитывает следующие факторы:

• Разный размер лиц на фотографиях. Стикер автоматически увеличивается / уменьшается до необходимых размеров.
• Наклон головы. Стикер автоматически поворачивается на необходимый угол.
• Разные выражения лиц на фотографиях. Из-за различий в мимике на пользовательских фотографиях происходит смещение опорных точек. Однако, стикер по-прежнему будет размещен в выбранной зоне.

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

Точки на вкладке Размер определяют фактический размер стикера на пользовательской фотографии. Для этого между выбранными опорными точками [1] измеряется расстояние в пикселях на пользовательской фотографии [2]. Полученное значение умножается на коэффициент размера стикера [3] относительно расстояния между опорными точками [2]. Результат умножения применяется к выбранной стороне стикера [4], которая определяет масштаб стикера на пользовательской фотографии [5] с сохранением первоначальных пропорций стикера. Таким образом, длина линии [5] будет составлять 60% от длины линии [2].

Вкладка Поворот отвечает за вращение стикера на пользовательской фотографии. Вращение осуществляется относительно горизонтальной оси стикера.

Задаётся вращение при помощи двух опорных точек, которые определяют направление вектора.

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

На основании полученных данных осуществляется поворот стикера.

Изменить направление вектора можно кликом правой кнопки мыши по схеме скелета. В этом случае стикер развернется на 180°.

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

Находится в меню Позиционировать по объекту > Фильтр объектов и обработка ошибок.

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

О функциональности вкладок Размер и Поворот можно подробно прочитать в разделе позиционированиe по скелету человека.

При позиционировании стикеров по морде животного и по скелету человека используется один фильтр объектов. Подробнее о нём можно прочитать в предыдущем разделе.

Отличие фильтра объектов при позиционировании по морде животного в том, что помимо фильтрации по номеру объекта, также есть фильтрация по типу животного.

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

Татуировка на лицо	Позиционирование по лицу

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

Обычный стикер	Татуировка – гладкий рельеф лица	Татуировка – сильный рельеф лица

О функциональности вкладки Размер можно подробно прочитать в разделе позиционированиe по скелету человека.

• Проект может содержать несколько стикеров-татуировок. Для оптимизации производительности шаблона их нужно размещать вместе в списке фильтров, если художественная задумка это допускает:

  Татуировки размещены вместе – оптимальная скорость работы шаблона	Татуировки разделены другим фильтром – сниженная скорость работы шаблона

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

Пошаговую инструкцию по созданию шаблона стикера-татуировки можно найти здесь: Пример разработки шаблона типа "Стикер-татуировка".

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

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

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

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

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

В такой связи возникает резонный вопрос — как правильно позиционировать оба стикера, чтобы в результате они составили "общую картину"? Если позиционировать каждый стикер отдельно (пусть и с одинаковыми параметрами масштаба, силой притяжения и опорными точками), то ввиду того, что стикеры могут иметь разный размер, это скажется на конечном результате.

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

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

В данном разделе следует различать понятия группа слоев и группа стикеров. Группа слоев — это несколько слоев, объединенных в Photoshop в именованную группу. Каждый стикер представлен своей группой слоев в Photoshop. Группа стикеров — неименованная группа, объединяющая в себе стикеры, группы слоев которых связаны в Photoshop командой Связать слои.

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

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

Связывание слоев и групп слоев в Photoshop работает неочевидным образом — если взять несколько групп стикеров и выделить их через Shift, то выделятся в том числе и их внутренние слои, даже если группы слоев стикеров свернуты. Таким образом при связывании будут затронуты внутренности каждой группы (кроме последней/нижней) и модификация содержимого затронет все связанные слои.

Существует альтернатива — выделять группы слоев через Ctrl, таким образом содержимое не будет затронуто и свяжутся только группы слоев. Тогда при необходимости передвинуть, повернуть или масштабировать все вместе, это можно сделать, выделив хотя бы одну группу слоев. При этом содержимое каждого отдельного стикера можно модифицировать независимо.

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

Теперь, после перечитывания PSD-документа, Конструктор шаблонов будет интерпретировать данные стикеры как группу стикеров.

Возможно, при первом перечитывании PSD-документа после формирования группы стикеров появится сообщение подобного характера:

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

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

Интерфейс Редактор позиции групп стикеров отличается от интерфейса Редактор позиции стикеров по двум ключевым параметрам:

• Названием окна редактора
• Наличием блока Видимость элементов группы.

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

Узнать больше об интерфейсе редактирования стикеров можно здесь.

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

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

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

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

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

Рассмотрим эти особенности на примере шаблона с 2 стикерами, объединенными в группу. При этом, каждый из стикеров привязан к своей области вписывания.

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

Рекомендуется выполнить настройку положения Стикера 1 в SQ Область вписывания Стикера 1, а затем скопировать фильтр Растеризация из SQ Область вписывания Стикера 1 в SQ Область вписывания Стикера 2, заменив в ней стикер на Стикер 2.

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

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

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



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

Для упрощения позиционирования группы стикеров вы можете включить отображение остальных стикеров из группы через меню Показать еще… > Растеризации > Стикер 2….



Это позволит увидеть связанные стикеры вместе.

При работе с группами стикеров существуют следующие ограничения:

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

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

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

Через фильтр Растеризация откройте редактор стикера/группы стикеров. Проверьте позицию стикера. Если он действительно сместился с выбранной вами ранее позиции — скорректируйте ее и сохраните изменения.

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

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

Так, например, на схеме ниже стикеры, выделенные синим , имеют одинаковые параметры позиции. Оранжевый и зеленый стикеры имеют каждый свою неповторимую позицию.

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

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

Подтвердите изменения.

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

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

В обратном случае, если стикер имеет маленькие размеры, а фотография, к которому он применен, — большая, то стикер будет "мыльным" ввиду того, что его пришлось растягивать.

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

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

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

Обычно подразмеры выбираются путем деления размера пополам. Т.е. для размера 5000px можно задать следующие подразмеры: 2500px, 1250px, 625px. Также на практике распространен следующий вариант: 3200px, 1600px и 800px. Для некоторых шаблонов может потребоваться более тонкий экспериментальный подбор оптимального набора подразмеров для достижения требуемого качества обработки пользовательских фотографий. Конструктор позволяет в любой момент отредактировать подразмеры для шаблона.

При обработке пользовательской фотографии выбирается ближайший подразмер, больший либо равный (по большей стороне) данной фотографии. Так, если вы создали шаблон с размером в 5000px по большей стороне и подразмерами в 3200, 1600 и 800 пикселей, то применимость подразмеров к пользовательской фотографии будет такой, как показано в таблице ниже:

Задать подразмеры можно либо при создании нового проекта, либо при редактировании уже существующего. Для этого пройдите в меню Файл > Изменить проект, или нажмите сочетание клавиш Ctrl+E.

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

В открывшемся диалоге стрелки справа от каждого размера имеют шаг в 100 пикселей. Если необходимо указать более специфичное число (например 1920) — введите его вручную. Всего в проекте допустимо добавить до 5 подразмеров.

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

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

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

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

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

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

Примеры разработки стикеров

Пример разработки стикера-татуировки

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