Как создать свою AR-маску для Инстаграм

Алина Астрей

Автор журнала Martrending.

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

AR-маски для инстаграм создаются в Spark AR Studio. Это специальная платформа, принадлежащая Facebook, для создания эффектов дополнительной реальности. Несмотря на англоязычный интерфейс, она не такая сложная, как кажется на первый взгляд. Создать простую маску здесь сможет даже новичок. В этой статье подробно покажу весь процесс на примере маски с 2d очками 👓.

Инструкция для новичков по созданию AR маски для Instagram

Для создания маски вам понадобится установить программу Spark AR Studio.

Скачать ее можно здесь (она бесплатная). Изначально программа устанавливалась только на MacOS, сегодня доступна и для Windows (на версии ниже 10 работает не корректно, чаще вовсе не запускается).

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

Войти в Spark AR нужно через Фейсбук (потребуется ввести электронную почту и пароль от страницы). Сначала вас ждет краткое обучение. Пройдите его, а после приступайте к созданию маски. На странице вы увидите множество шаблонов для масок. С их помощью работа будет еще проще. Но мы пойдём другим путём.

Открываем Spark AR и создаем новый проект.

Далее выбираем тип проекта, в нашем случае "BlankProject".

Затем приступаем к непосредственному созданию маски.

Вы увидите три основные рабочие панели:

1. Scene (панель слева). Все, что будет добавлено на эту панель, отразится на рабочей области по центру. Сюда можно добавлять 2Д и 3Д фигуры, эффекты освещение, текст, трекер лица.
2. Настройки (панель справа). Её еще называют "Инспектор". Здесь отображаются параметры выделенных объектов: размер, материал, положение. Каждый из параметров можно отредактировать.
3. Assets (панель в нижней части слева). Сюда добавляются разные элементы маски: видео, изображения, текстуры и объекты.

Еще в левом нижнем углу (левее панелей Scene и Assets) есть несколько значков:

• Тестирование маски на устройстве;
• Загрузка готовой маски;
• Библиотека активов программы;
• Report (нажимайте на значок при обнаружении ошибки);
• Справка.

Итак, вернемся к созданию маски. В панели scene выбираем "Add Object" -> "Face Tracker" -> "Insert", тем самым привязываем маску к лицу.

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

Добавляем ретушь. На панели у нас появляется FaceTracker, кликаем по нему, далее "RBM" -> "Add" -> "FaceMesh".

RBM – Right Mouse Button (правая кнопка мышки)

Включится своего рода сетка, которая отвечает за отображение маски на лице.

Далее, кликнув на "FaceMesh", переходим в панель справа. Здесь находим "Materials" и нажимаем "+".

На панели Assets появляется материал. Для удобства его можно переименовать, например, "retouching".

Выбрав этот материал, снова переходим на правую панель. Здесь нужно изменить тип материала. Для этого находим "ShaderType", раскрываем список рядом с ним и выбираем тип "Retouching".

После этого на лице появится ретушь. Её интенсивность вы можете отрегулировать с помощью ползунка SkinSmoothing.

Далее добавим 2d очки.

💁‍♀️ Множество разных картинок вы можно найти в google по запросу "солнцезащитные очки png".

Сохраняем картинку на компьютер.

Возвращаемся в SparkAR. Находим панель "Assets", далее "AddAssets" -> "Import From Computer" и добавляем очки в программу.

Появляется раздел "Textures". В нем