Как создать маску в Инстаграм самому — пошаговая инструкция

Виды AR-масок в Инстаграм

Mask — это инструмент Instagram, который помогает разнообразить пользовательские истории, добавляя анимацию, цвета, объекты и т.д.

Рассмотрим основные виды масок для рассказов:

1. Маскирующие фильтры. Их можно образно назвать «пресетами». При создании такой маски пользователи могут повторить свои любимые настройки из Lightroom, VSCO и других.

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

3. Объекты AR, которые позволяют добавлять любой объект на экран, создавая ощущение реального присутствия.

4. Маски замены фона.

5. Игровые маски. В основном это сложные 3D-маски, которые может создать команда профессиональных разработчиков. В играх есть маски предсказаний, тесты и т.д.

Функция масок в Инстаграм

Маски в Instagram появились сравнительно недавно. Теперь по возможностям социальная сеть приблизилась к Snapchat и MSQRD, которые раньше обычно использовались для создания такого контента. Надо сказать, что по качеству работы эта функция Insta находится на высоком уровне: если в Snapchat и FaceApp упор делается на замену лица, то в Instagram большая часть таких фильтров направлена ​​на украшение лица и лица. Реальность вокруг персона.

Преимущества встроенных масок Instagram

Один из самых популярных вариантов обработки фотографий с ушами или мордочками животных — Snapchat. И там мы видим лишь ограниченное количество вариантов обработки. В Instagram все немного иначе: во-первых, каждый пользователь может создать свой фильтр, а во-вторых, в фотосети можно использовать плод любого труда. Этим ходом — давая людям возможность творить для себя — они убили двух зайцев одним выстрелом. Во-первых, разработчикам не нужно работать, чтобы заполнить этот раздел фоторедактора. Во-вторых, у пользователей Instagram больше свободы, чем у тех, кто использует MSQRD или Snapchat.

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

Для создания маски вам необходимо установить программу SparkARStudio.

Spark AR Studio — создатель масок AR для Instagram

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

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

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

Открытие нового проекта в Spark AR

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

BlankProject создаст новый пустой проект

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

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

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

1 — Сцена, 2 — Настройки, 3 — Ресурсы.

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

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

Итак, вернемся к созданию маски. На панели сцены выберите «AddObject» -> «FaceTracker» -> «Insert», таким образом подключив маску к лицу.

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

Прикрепите маску к лицу («Добавить объект» -> «Face Tracker» -> «Вставить»)

Добавляем ретуши. На панели появится FaceTracker, нажмите на него, затем «RBM» -> «Добавить» -> «FaceMesh».

RBM — правая кнопка мыши

Добавить ретушь (нажмите FaceTracker, затем «RBM» -> «Добавить» -> «FaceMesh»)

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

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

Затем, нажав на «FaceMesh», перейдите на правую панель. Здесь найдите «Материалы» и нажмите «+».

«FaceMesh» -> «Материалы» -> «+»

Материал появится на панели Assets. Для удобства его можно переименовать, например, в «ретушь».

Переименуйте материал (например, «ретушь»)

Выбрав этот материал, вернитесь к правой панели. Здесь нужно изменить тип материала. Для этого найдите «ShaderType», разверните список рядом с ним и выберите тип «Ретушь».

«ShaderType» -> «Ретушь»

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

Итак, добавим 2D-очки.

‍♀️ В Google можно найти много разных изображений для «солнцезащитные очки png».

Сохраним изображение на компьютере.

Вернемся к SparkAR. Найдите панель «Активы», затем «Добавить активы» -> «Импорт с компьютера» и добавьте баллы в программу.

«Ресурсы» -> «Добавить ресурсы» -> «Импорт с компьютера»

Появится раздел «Текстура». В нем выбираем очки и на панели справа ставим галочку «Без компрессии»

«Текстура» -> «Без сжатия»

Вернитесь на панель Scene, найдите FaceTracker, нажмите на нем «RBM» -> «Добавить» -> «Самолет».

«RBM» -> «Добавить» -> «Самолет»

Далее, нажав на «Самолет», перейдите на панель справа. Здесь найдите «Материалы» и нажмите «+». Все то же, что и с FaceMesh.

«Самолет» -> «Материалы» -> «+»

Также у вас есть новый материал, переименуйте его, например, «стекло» для удобства».

Перейдите на правую панель и выберите «ShaderType» -> «Flat».

«ShaderType» -> «Тарелка»

Затем найдите Текстуры, откройте список рядом и выберите текстуру очков.

Выбираем фактуру очков

Они кажутся маленькими, поэтому с помощью кнопок 1 и 2 мы меняем размер и положение, или это можно сделать на правой панели в разделах «Положение» и «Масштаб», используя выделение.

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

Регулировка положения очков

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

Отрегулируйте положение очков, используя вид «Правый» или «Левый» (вкладка «Вид»)

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

Ретуширующая маска и 2д очки готовы!

Готовая маска AR

У программы есть бесплатное мобильное приложение (доступно в App Store и Google Play). С его помощью вы сможете увидеть, как маска будет выглядеть на смартфоне.

Как включить маску через каталог эффектов в Инстаграме

В 2019 году разработчики создали специальный каталог масок звезд, знаменитостей, блогеров и обычных пользователей. Для этого на главной странице Instagram нужно нажать на значок камеры. Кстати, узнайте, как найти маски в Instagram по названию. Проведите пальцем справа налево, просматривая стандартные маски, которые вы установили, и в конце вы увидите значок «Просмотр эффектов», чтобы перейти в каталог. Справа щелкните значок увеличительного стекла и в поле поиска введите имя и название креатива «whiteabysses Violetta». Откройте фильтр. Затем вы можете использовать цель, нажав кнопку «Попробовать» или значок «Сохранить», расположенный справа.

На заметку! Если вы видели интересный фильтр в рассказах кого-либо из своих друзей, чтобы использовать его, вам просто нужно записать их имя и имя издателя. «А затем найдите его на странице создателя или в галерее эффектов.

Установка Spark AR

Шаг 1. Перейдите в официальную программу Spark AR https://sparkar.facebook.com/ar-studio/ и загрузите установочный файл. Нажмите розовую кнопку «Загрузить».

Шаг 2. Откройте установочный файл и разархивируйте программу в нужную папку.

Шаг 3. Откройте программу Spark AR, введите имя пользователя и пароль со страницы на сайте Facebook.

Шаг 4. После авторизации вы будете перенаправлены на домашнюю страницу Spark AR, где вы найдете готовые проекты, предоставленные программой.

Создание проекта

Шаг 5. Чтобы создать новый проект, в разделе «Создать новый» нажмите «Новый проект» и «Пустой проект».

Шаг 6. Отображается основное рабочее пространство программы, с которого начинается любой проект. Он разделен на «Сцену», «Ресурсы» и «Уровни».

Шаг 7. Создание маски начинается с добавления Face Tracker к сцене. Щелкните правой кнопкой мыши в этой области, нажмите «Добавить», отобразится список, нам нужен «Face Tracker».

Отображается «FaceTracker0».

Важно! На верхней вкладке «Проект» выберите «Изменить свойства», затем «Емкость» и в пункте «Точность» измените «Стандартное» на «Высокое». Это предотвратит замерзание будущей маски и повысит ее точность.

Установка трекера лица

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

Перед установкой трекера выберите Тип устройства с максимальным разрешением экрана. Например, iPhone с приставкой Plus или Max.

Добавление трекинга в программе Spark Ar Studio происходит по следующему алгоритму:

1. Вставить -> Face Tracker -> В появившемся окне выберите Вставить.
2. На экране не будет видно, т.к это скрытая часть системы отслеживания положения лица.

Нанесение сетки

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

1. Щелкните правой кнопкой мыши на facetracker -> Insert -> Face Mesh».
2. После выполнения манипуляций на трекере появится сетка в виде шахматной доски. Размер сетки можно регулировать, перетаскивая цветные стрелки рядом с ней.
3. Панель инструментов появляется в правой части меню. Его можно использовать для наложения материала и эффектов на маску. Например, отключить улыбку, изменить размер носа, настроить цвет глаз и т.д.

Материалы для маски

Шаг 8. Теперь нам нужно скачать дополнительные материалы, которые понадобятся при работе. Для этого перейдите на сайт Spark AR по ссылке: https://sparkar.facebook.com/ar-studio/learn/articles/people-tracking/face-reference-assets. Щелкните ссылку «Загрузить здесь справочные ресурсы по лицам».

Шаг 9. Откройте скачанный файл и перейдите в папку «Текстура». Здесь мы видим модели лиц женщины (faceFeminine.jpg) и мужчины (faceMasculine.jpg), на которые можно нанести надписи, веснушки, очки и прочее.

Шаг 10. Затем загрузите программу Spark AR Player на свой телефон. Зайдите в App Store или Google Play на свой смартфон и загрузите приложение.

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

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

Создание маски

Шаг 12. Приступим к созданию маски. Для этого добавьте новую «Face Mesh» в «facetracker0» (нажмите «facetracker0», перейдите в «Добавить» и «Face Mesh»)

На лице появилась черно-белая текстура. Щелкните правой кнопкой мыши, выберите «Переименовать» и переименуйте его в «Ретушь».

Шаг 13. В правой рабочей области найдите параметр «Материалы» и нажмите +.

Шаг 14. Слева в разделе «Ресурсы» появилась новая тема. Щелкаем по нему и называем «Ретушь».

Шаг 15. Чтобы получить эффект сглаживания кожи, в параметре «Тип затенения» измените «Стандарт» на «Ретушь» и установите «Сглаживание кожи» на 20-30%.

Шаг 16. Щелкаем по телефону со стрелкой в ​​левом нижнем углу, нажимаем «Отправить».

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

Шаг 17. Если вы не хотите, чтобы сглаживание применялось ко всему экрану, снимите флажок «Полный экран».

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

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

1. Подключите смартфон к компьютеру и перейдите в приложение Spark AR Player со своего телефона. Программное обеспечение загружается из Google Play Market или App Store.
2. В программе на вашем ПК щелкните значок «Зеркало» на верхней панели рабочего пространства.
3. Маска отобразится на вашем смартфоне.

Приложение доступно для загрузки на телефоны Android и iPhone.

Как сохранить маску на ПК

Чтобы сохранить маску на вашем ПК:

1. В верхней панели нажмите «Файл»;
2. Далее — «Загрузить и экспортировать»;
3. Если размер файла совпадает, вы увидите зеленую галочку;
4. Щелкните «Экспорт файла»;
5. После файла нужно дать ему имя и выбрать «Сохранить».

Чтобы сохранить маску, перейдите в «Файл» -> «Загрузить и экспортировать» и выберите «Экспорт файла»

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

Если вы нажмете «Загрузить», вы перейдете непосредственно к публикации вашей маски.

Загружаем маску в Инстаграм

После создания маски в Spark AR Studio она не попадает автоматически в галерею эффектов Instagram. Для того, чтобы он появился в приложении, вам нужно будет самостоятельно отправить его на модерацию.

Характеристики маски:

• Вес ролика с демонстрацией маски — не более 32 МБ (формат mp4);
• Вес до 40МБ;
• Название: не более 20 знаков (включая пробелы, цифры, значки, знаки препинания).
• Размер значка маски не менее 200 × 200 пикселей (формат jpg или png).
• Расширение Arexport;

‍♀️ Чтобы опубликовать шаблон, убедитесь, что ваша учетная запись Instagram подключена к вашей странице Facebook. Это обязательное условие. Вы можете узнать в настройках приложения Instagram. Откройте настройки, затем -> «аккаунт» -> «связанные аккаунты» -> «FB».

Маска загружена в Spark AR Hub.

Перейдите на страницу платформы, затем:

1. В левом нижнем углу нажмите кнопку «Опубликовать эффект»;
2. Выберите социальную сеть «Instagram»;
3. Загрузите файл с маской ниже;
4. Задайте название эффекта (каждый новый эффект автора должен иметь новое уникальное имя);
5. Укажите категорию маски (обратите внимание, что во время модерации категория может быть изменена на более подходящую по решению специалистов FB);
6. При желании укажите ключевые слова (не более 20);
7. Укажите имя владельца (по умолчанию будет ссылка на ваш аккаунт в Instagram);
8. Укажите аккаунт Instagram, из которого будет скачана маска;
9. Загрузите видео, на котором вы или кто-то еще демонстрируете, как работает маска. Обратите внимание, что это то же видео, которое пользователи увидят в галерее эффектов и при предварительном просмотре маски. Это визитная карточка маски.
10. Загрузите значок эффекта. Это такая маленькая иконка, которая появляется рядом с названием.
11. При желании установите дату, когда маска будет доступна в Instagram.
12. Вы также можете описать, как работает ваша маска и как правильно ее использовать. Но это необязательно. Обычно для маски необходимы инструкции, в которых нужно открыть рот или встряхнуть головой, чтобы активировать эффект.

Теперь нажмите «Отправить». Готово, форма отправлена ​​на модерацию.

Как отправить маску на модерацию

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

Этот процесс сложен для начинающих пользователей. Модерация шаблонов осуществляется через сервис Spark AR Hub.

Во избежание трудностей рекомендуется придерживаться стандартного алгоритма:

1. Перейдите в свой профиль facebook.com и перейдите на сайт Spark AR Hub.
2. Выберите «Опубликовать эффект.
3. Напишите название.
4. Загрузите файл эффекта.
5. В разделе «Платформы» выберите опцию «Instagram». Публикация состоится в этой социальной сети.
6. Выберите категорию, введите ключевые слова (необязательно).
7. Скачать видео с демонстрацией эффекта.
8. Создайте значок, который станет крышкой маски, и загрузите его.
9. Еще раз проверьте маску, загруженную в систему.
10. Если вас все устраивает, вы можете отправить свой дизайн на рассмотрение.

Модерацию можно провести в течение пяти рабочих дней. Часто ответ разработчика на новую маску приходит в течение 24 часов после публикации.

Приложения с набором масок для Инстаграма

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

1. MSQRD. Особый акцент сделан на мордах животных. Вы можете создавать целые видео. Благодаря хорошим интеллектуальным алгоритмам результат работы заслуживает уважения.

   

2. Snapchat. В общем, это социальная сеть. Однако вы можете использовать эту функцию в целом, чтобы создавать контент, а затем публиковать его там, где вы сочтете нужным.

   

3. Live Face Exchange. Вариант не так популярен, как предыдущие. Но инструмент заслуживает внимания и стоит того, чтобы его опробовать.

   

Что делать, если масок нет (не загружаются/ не работают/ пропали)?

Если новые маски не загружаются, это может быть связано со следующими причинами:

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

На заметку! Если раньше маски работали на вас, но внезапно исчезли, попробуйте выполнить следующие действия:

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

• Последние публикации
• Об авторе

Результативность маски Instagram

После того, как маска одобрена и начнет работать, вы сможете увидеть статистику использования эффекта и его эффективности. Статистика по эффектам, загруженным в Facebook, отсутствует. А в Instagram есть возможность посмотреть «Спектакль». Это покажет, сколько раз ваш эффект был показан на экране Instagram, сколько раз он был показан в историях.