Маски для инстаграма как их создавать

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

10 минут на чтение

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

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

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

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

Как добавить эффект в Инстаграм к себе

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

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

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

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

Использование маски для увеличения охватов

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

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

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

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

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

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

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

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

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

Как создать маску в Инстаграм: вдохновляйтесь у известных брендов

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

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

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

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

AR-эффекты позволяют оценить продукт на себе

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

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

Подготовка

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

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

Раздел 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

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-формате. Это будет текстура.

Как работать в Figma

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

Shader Type влияет на вид покрытия

Выбираем 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 для такой цели обычно не подходит.

Переключаем на Face paint

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

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

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

Как создать маску в Инстаграм с анимацией

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

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

Загружаем объект для анимации

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

Выстраиваем логику действий в Patch Editor

Добавляем в 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 уведомления, попробуйте конструктор мини-лендингов и мультиссылок.

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

Источник

Как создать маску в Instagram. Быстро и качественно

Instagram-маски — самый настоящий тренд. Еще год назад они носили исключительно развлекательных характер, а сегодня являются неотъемлемой составляющей грамотного продвижения.

Как работает реклама с помощью маски в Instagram?

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

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

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

Маски дают возможность раскрутить свой аккаунт бесплатным или органическим трафиком. Например, вы можете заполнить ваш профиль контентом, загрузить с этого аккаунта маску, раскрутить ее, а затем, когда соберется нужное количество подписчиков (4-5к), добавить в био ссылку на оффер. Поскольку это не реклама, инста ее проверять не будет и вы получите клики от своей аудитории. При продвижении White Offers таких, как интернет-магазины, онлайн-услуги или развивающие курсы, этот вариант тоже хорош. Также не забывайте, что у вас есть возможность открывать доступ к фильтру только тем пользователям, которые на вас подписаны — это может привлечь новых людей в профиль.

Как сделать и опубликовать Instagram-маску?

Для создания Instagram-маски используйте приложение Spark Ar Studio, оно работает только на ПК. Использовать можно и на iOS, и на Windows, хотя еще год назад программа была доступна только для Mac. Для работы вам также понадобится файл Face Distortion Pack, который можно скачать на Spak Ar: для загрузки нажмите на кликабельную ссылку “the sample content file”.

Для авторизации в Spark Ar Studio введите данные своего аккаунта в Facebook.

В меню, которое появилось перед вами, выберите “Create new” или используйте уже готовые шаблоны.

Во всплывшем окне нажмите на “Face tracking”.

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

Далее нажмите на кнопку “Add”, затем 3D Objects и Face Mesh. Обязательно перетяните Face Mesh в Face Tracker, для этого зажмите первую кнопку и перетащите ее во вторую. Это необходимо для того, чтобы ваша маска не гуляла и равномерно распределилась по лицу при использовании.

После этого нажмите на FaceTracker, выберите “Deformation” в меню справа и загрузите файл, который вы скачали перед началом работы.

Дальше нажмите на “Deformation” и отрегулируйте вид лица человека при использовании маски. Переименуйте слой маски — Face Mesh так, как вам удобно.

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

Для коррекции кожи добавьте еще раз Face Mesh и нажмите на “Materials”, затем в меню справа “Retouching” — программа предложит в процентном соотношении отрегулировать гладкость кожи.

Чтобы добавить в маску рисунок, для начала загрузите со Spark Ar файл “Face Reference Assets”. В папке Textures вы найдете вот такие шаблоны мужского и женского лица.

Выберите подходящее и загрузите его в программу Photoshop.

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

Сохраните этот файл в формате png.

Вернитесь в Spark Ar Studio и добавьте новый Face Mesh. Нажмите “Add Asset” и импортируйте из компьютера ваш шаблон с изображением для лица.

После этого нажмите на добавленный Face Mesh и затем на “Materials”, добавьте новый материал. Нажмите на него, в меню справа выберите “Texture” и отметьте ваш файл.

Нажмите на Material и в Shader Type отметьте Face Paint.

Поздравляем! Фактически ваша маска готова!

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

Посмотрите как выглядит ваша работа и при необходимости внесите коррективы.

Чтобы сохранить маску, нажмите на значок со стрелкой вверх в левом нижнем углу, затем выберите “Export File” и место для его сохранения на вашем устройстве.

Для добавления маски в Instagram перейдите в Spark Ar Hub. Обратите внимание, что размер файла должен быть не более 10 МБ.

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

Маски — один из главных трендов 2020 года: люди используют их для развлечения и для продвижения собственных продуктов. Новичку их реально создать за 10-15 минут, а если у вас хорошо развиты навыки работы в Photoshop, работа занимает еще меньше времени.

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

Маски, как правило, приносят хороший профит при продвижении аккаунта в Instagram. Удачи вам, котаны! Создавайте крутые маски и приводите новых подписчиков в профиль!

Источник