Как сделать маску в Инстаграм

Как сделать маску в Инстаграм — частый запрос в поисковиках. Это инструмент дополненной реальности, который не только развлекает, но и помогает развивать бизнес. В статье рассказываем про разновидности масок, возможности применения и даем пошаговую инструкцию по их созданию в программе Spark AR Studio.

Что такое Инстаграм-маска

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

• визуальные эффекты, которые накладываются на лицо;
• визуальные эффекты на всю область в кадре;
• двух- и трехмерные проекции объектов;
• Target Tracker — проекции, возникающие при наведении на определенный объект — маркер;
• интерактивная маска-игра, где вы управляете движением головы, глаз или с помощью других прописанных действий.

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

Чем маски в Инстаграм могут быть полезны бизнесу

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

Бесплатная реклама, рост охватов и продаж

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

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

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

Откройте для себя чат-бота в Іnstagram

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

Вирусный эффект

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

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

Имиджевые акции

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

Можно придумать маску, посвященную какому-то мероприятию, событию — за счет этого о нем узнает больше людей.

Примерка продукта

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

Например, Gold Apple добавили маску с коллекцией помад YSL, Ray-Ban — с солнцезащитными очками. Второй пример можно также отнести к имиджевой акции: на фоне играет приятная музыка, фильтр создает летнее настроение.

Как сделать маску в Инстаграм

Маски для Инстаграм, а также Фейсбук, создают в приложении Spark AR Studio. Я опишу пошагово весь процесс от установки программы до публикации результата.

Подготовка

Spark AR Studio имеет версии для Windows 10 и macOS, скачать их можно на официальной странице приложения. Периодически выходят обновления — для работы требуется последняя версия.

Установите и запустите программу. При первом входе понадобится ввести логин и пароль аккаунта Фейсбук. Интерфейс только на английском языке, но базовых знаний и при необходимости Google-переводчика достаточно. Можно посмотреть раздел Learn — там есть ссылки на примеры, статьи и другую полезную информацию.

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

Если вы готовы приступить к работе в Spark AR Studio, нажмите Create New, затем New Project и далее выбирайте тип проекта.

Plane Tracking используется для создания в окружающем пространстве 3D-объектов, которые будут появляться при обнаружении камерой поверхности. В случае с Target Tracking эффект активируется при наведении камеры на конкретную цель в реальном мире — например, логотип компании. Face Tracking подходит для создания эффекта, который отслеживает движения лица. Blank Project — это пустой проект, универсальный вариант, который я выбираю.

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

В центре находится проекция человеческого лица, на которую мы будем примерять маску, и условное изображение с фронтальной камеры. На самом деле на экране устройства зацикленное видео. Вы можете выбрать одну из семи персон либо загрузить новое видео — для этого нажмите на значок Video и щелкните «плюс» напротив Real-Time Simulation, как показано на скриншоте выше. Также можно менять модель устройства и ракурс, приближать и удалять проекцию с лицом и маской колесиком мыши.

Добавление трекинга лица

Теперь нужно добавить Face Tracker, который ищет лица в кадре и отслеживает их координаты для точного наложения маски. В левой части нажмите кнопку Add Object, Выберите Face Tracker, кликните Insert. В центральной области появится ось координат.

В блоке Scene у вас выделен объект faceTracker0 — снова кликните Add Object, выберите Face Mesh, нажмите Insert.

Face Mesh — это 3D-модель лица, которая реагирует на изменения его выражения при работающем трекере. Для нее можно загружать различные материалы. Сейчас это шахматное покрытие. Обратите внимание: напротив Eyes и Mouth должны стоять галочки.

Создание материала для лица

В левой части интерфейса выбрано faceMesh0. В правой части найдите строку Materials, нажмите «плюс».

Материалы определяют внешний вид объектов — сейчас у нас только стандартный, поэтому лицо стало серым.

В разделе Assets в левом нижнем углу выберите материал — в данном случае material0. Можете изменить цвет: в правой части в строке Color нажмите на прямоугольник, появится палитра. Бегунок напротив Opacity изменяет прозрачность покрытия. Если отметить галочкой Specular, покрытие станет блестящим.

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

Если вы хотите изобразить что-то интересное, понадобится графический редактор: Adobe Photoshop, Gimp, Figma. Для моей задумки нужна венецианская маска. Я не буду рисовать ее сама, а найду на anyrgb.com — это база png-файлов на все случаи. Также я нашла нотный знак в формате png, он потребуется мне позже.

В самом начале мы скачали объекты с шаблонами лиц — сейчас они нам понадобятся. Открываем распакованную папку, заходим в Textures. Выбираем faceMasculine.jpg или faceFeminine.jpg и загружаем в графический редактор, в моем случае в Figma. Создаем поверх этой картинки прозрачный слой — на нем можно рисовать и размещать разные объекты. Я помещаю на него венецианскую маску — подгоняю по размеру лица, группирую два этих объекта и экспортирую в png-формате. Это будет текстура.

В рабочей области в левом нижнем углу нажимаем на material0. Наверху справа есть переключатель Shader Type, он определяет внешний вид маски. По умолчанию стоит Standard — этот параметр выбирают для реалистичной симуляции 3D-объектов, и в нашем случае он подходит. Дальше мы будем использовать и другие варианты.

Выбираем Choose File в строке Texture. Загружаем картинку, которую ранее создали в редакторе — у меня это венецианская маска на прозрачном слое.

Нажимаю material0 и меняю цвет — мне понравился зеленый.

У нас получилась простая маска, теперь можно примерить ее на себя. Но сначала сохраните проект на всякий случай: в верхней строке нажмите File, затем Save. Это можно сделать также сочетанием клавиш Ctrl+S.

Тестирование

Есть два способа примерить на себя маску. Можно загрузить на смартфон приложение Spark AR Player — версии для iOS и Android — и далее следовать инструкции. А можно сразу посмотреть результат в Фейсбук или Инстаграм — для этого аккаунты должны быть связаны.

На панели инструментов внизу слева выберите Test on device. Я хочу посмотреть превью в Инстаграм и нажимаю Send во второй строке. На телефон приходит уведомление, можно перейти по нему или посмотреть в Инстаграм во вкладке «Действия».

Если вы хотите показать результат другому человеку, раскройте Test Link — появится ссылка, скопируйте и отправьте ее.

Ретушь

Большинство инста-масок сделаны с эффектом сглаживания кожи, поэтому мы тоже его используем.

В Spark AR через Add object создаем новую Face Mesh. Чтобы не запутаться, переименую ее в «Ретушь». В блоке Scene нужно поместить ее на тот же уровень, что и faceMesh0 — для этого подтягиваю ее чуть выше. На записи экрана показано, как это должно выглядеть.

В правой части нажимаем «плюс» около Materials, выбираем Create New Material. В левой части под material0 появится material1, жмем на него. В правом верхнем углу для Shader Type задаем Retouching и изменяем Skin Smoothing, то есть сглаживание кожи. Если нужен более естественный вид, не выставляйте значение выше 35%.

Коррекция лица

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

Создаем новую Face Mesh, переименовываем в «Коррекция» и в блоке Scene подтягиваем на уровень с faceMesh0 и «Ретушью». В правой части экрана жмем на «плюс» около Deformation. Программа предлагает добавить файл. Нам понадобится распакованная папка с образцами для изменения формы лица и ретуши. Ищите и загружайте FaceDestortionPack.

Появился блок с параметрами частей лица: изменяйте размер глаз, носа и всего остального по своему усмотрению. Тестируйте результат через Инстаграм, Фейсбук или Spark AR Player.

Простой, но мощный конструктор лендингов

Создайте мобильный лендинг, интернет-магазин или мультиссылку для Instagram и продвигайте ее через чат-боты в мессенджерах, email и SMS — все это на одной платформе!

Макияж или рисунок

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

Загружаем в графический редактор faceMasculine.jpg или faceFeminine.jpg, накладываем прозрачный слой и рисуем вручную либо добавляем готовый файл png. Я нарисовала черные стрелки.

В Spark AR добавляю еще один Face Mesh и поднимаю в блоке Scene на уровень с аналогичными объектами, переименовываю. Повторяю манипуляции для создания нового материала, как описано ранее. Загружаю в качестве текстуры файл с нарисованными стрелками в формате png. Вот как выглядит результат:

Теперь в Shader Type нужно установить Face paint — так будет смотреться реалистичнее. В моем примере особой разницы не видно, но если нужен эффект рисунка на коже, например, тату, Standard для такой цели обычно не подходит.

Можно примерить маску на себе. И не забывайте сохранять работу.

Анимация и публикация

Добавим несложную анимацию. В блоке Scene нажмите Add Object и выберите Particle System. Это генератор одинаковых объектов, которые вылетают из заданной точки. В «сцене» он обозначен как emitter0. Подтяните его внутрь faceTracker0. Теперь из носа девушки летят вверх черно-белые прямоугольники.

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

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

В верхней строке интерфейса во вкладке View кликните Show/Hide Patch Editor. Появится поле, в котором мы будем задавать логику маске. Нажмите на Add Patch и добавьте Face Finder, который находит и считает лица в кадре, а также Face Select — он выбирает одно из лиц для взаимодействия.

Добавляем в Patch Editor еще один объект, Mouth. Соединяем блоки, как на скриншоте.

Мне нужно, чтобы анимация начиналась в области рта. Выбираю emitter0 в блоке Scene и в правой части экрана нажимаю на стрелочку возле Position. Теперь нужно соединить в Patch Editor появившийся блок с блоком Mouth, из которого ведут четыре выхода. Они обозначают различные точки: центр верхней губы и нижней, правый и левый уголки. Я выбрала второй выход.

Можно изменить параметры в поле справа. Spray Angle отвечает за угол в плоскости X, Y или Z, а столбик рядом — за погрешность значений. Speed — скорость движения, Scale — размер объектов, Lifespan — время, в течение которого они остаются на экране. Поэкспериментируйте и найдите идеальные значения для вашей задумки.

Осталось только одно — сделать маску интерактивной. Добавляю патч Mouth Open и соединяю с блоком Face Select. В правом поле рядом с Visible есть стрелочка — нажимаем на нее.

В Patch Editor появился новый элемент. Снимаем в нем галочку видимости, соединяем с одним из выходов из Mouth Open: первый — это состояние открытого рта, второй — момент открытия. То есть мы задаем условие, при котором будет работать анимация. Я выбираю верхний выход.

Теперь нотные знаки летят, пока у человека в маске открыт рот. Можно сделать ее более чувствительной, чтобы она реагировала на улыбку. Для этого блок Mouth Open меняется на Smile. Проверьте маску на себе, и если все устраивает, отправляйте на публикацию — кнопка Publish в нижнем левом углу. Понадобится также демо-видео с демонстрацией эффекта.

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

Заключение

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

В SendPulse есть много инструментов для ведения бизнеса, которые сэкономят ваше время. Это чат-боты для Instagram, Telegram, WhatsApp, других мессенджеров и соцсетей; сервисы email, SMS и Viber рассылок. Автоматизируйте продажи с помощью бесплатной CRM. Используйте web push уведомления, попробуйте конструктор мини-лендингов и мультиссылок.