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

Маска – инструмент Инстаграм, помогающий разнообразить истории пользователей за счет добавления анимации, цвета, объектов и т. п.

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

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

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

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

AR-объекты для историй

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

Маски с заменой фона

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

Маски-игры для сторис в Инстаграм

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

Маски в Инстаграм появились относительно недавно. Сейчас по своим возможностям социальная сеть приблизилась к Снэпчату и MSQRD, которые раньше обычно использовали для создания такого контента. Надо сказать, что по качеству выполнения работы эта функция Инсты находится на высоком уровне – если в Снэпчате и FaceApp делается упор на замену лица, то в Instagram большинство таких фильтров направлено на украшение лица и реальности вокруг человека.

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

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

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

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

Spark AR Studio – программа для создания AR маски для Instagram

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

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

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

Открываем новый проект в Spark AR

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

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

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

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

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

1 – Scene, 2 – Настройки, 3 – Assets.

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

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

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

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

Привязываем маску к лицу («Add Object» -> «Face Tracker» -> «Insert»)

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

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

Добавляем ретушь (кликаем по FaceTracker, далее «RBM» -> «Add» -> «FaceMesh»)

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

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

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

«FaceMesh» – > «Materials» -> «+»

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

Переименуем материал (например в «retouching»)

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

«ShaderType» -> «Retouching»

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

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

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

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

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

«Assets» -> «AddAssets» -> «Import From Computer»

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

«Textures» -> «Nocompression»

Возвращаемся к панели Scene, находим «FaceTracker», кликаем по нему «RBM» -> «Add» -> «Plane».

«RBM» -> «Add» -> «Plane»

Далее, кликнув на «Plane», переходим в панель справа. Здесь находим «Materials» и нажимаем «+». Все то же самое, что мы делали с FaceMesh.

«Plane» – > «Materials» -> «+»

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

Переходим на панель справа и выбираем «ShaderType» -> «Flat».

«ShaderType» -> «Flat»

Далее находим Textures, раскрываем рядом список и выбираем текстуру очков.

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

Они у нас появляются в маленьком размере, поэтому с помощью кнопок 1 и 2 изменяем размер и позицию, либо, это можно сделать на панели справа под пунктами «Position» и «Scale» с помощью подбора.

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

Регулируем позицию очков

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

Регулируем позицию очков, используя вид «Right» или «Left» (вкладка «View»)

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

Маска с ретушью и 2d очками готова!

AR-маска готова

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

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

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

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

Установка Spark AR

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

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

Как скачать и установить программу Spark AR

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

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

Spark AR Studio

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

Шаг 5. Для создания собственного нового проекта, в разделе «Create New» нажимаем «New Project» и «Blank Project».

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

Шаг 6. Появляется главная рабочая область программы, с которой начинается любой проект. Она делится на «Scene», «Assets» и «Layers».

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

Шаг 7. Создание маски начинается с добавления в рабочую область «Scene» элемента «Face Tracker». Нажимаем в эту область правой кнопкой, кликаем «Add», появляется список, нам нужен «Face Tracker».

Создание маски в Spark AR

Появляется «faceTracker0».

face Tracker

Важно! В верхней вкладке «Project» выбираем «Edit Properties», далее «Capabilities» и в пункте «Accuracy» меняем «Standart» на «Hight». Это позволит предотвратить зависания будущей маски и повысить ее точность.

Как повысить точность маски

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

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

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

Тип устройства

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

  1. Insert – > Face Tracker – > В появившемся окне выберите Insert. Установка 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. Нажимаем на линк «Download the Face Reference Assets here».

Download the Face Reference Assets here

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

Модели женского и мужского лица

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

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

Соединяем смартфон с компьютером

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

Соединение смартфона и программы Spark AR

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

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

Face Mesh

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

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

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

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

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

Новая материя

Шаг 15. Для того, чтобы получить эффект сглаживания кожи, в параметре «Shader Type» меняем «Standard» на «Retouching» и ставим «Skin Smoothing» на 20-30%.

Сглаживание кожи для маски

Шаг 16. Нажимаем на телефон со стрелочкой в левом нижнем углу, кликаем на «Send».

Проверка маски для сторис на телефоне

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

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

Как отменить сглаживание

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

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

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

Посмотреть маску на смартфоне

Приложение доступно для скачивания на телефон Андроид и Айфон.

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

Для того чтобы сохранить маску на ПК:

  1. В верхней панели кликаем по «File»;
  2. Далее – «Upload and Export»;
  3. Если размер файла соответствует, вы увидите зеленую галочку;
  4. Нажимаем «Export File»;
  5. После файлу нужно дать название и выбрать «Сохранить».

Для сохранения маски войдите в «File» -> «Upload and Export» и выберите «Export file»

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

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

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

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

Технические требования к маске:

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

‍♀️ Чтобы опубликовать маску, убедитесь, что ваш аккаунт в Инстаграм привязан к странице в Фейсбук. Это обязательное условие. Узнать это можно в настройках приложения Инстаграм. Открываем настройки, далее -> «аккаунт» -> «связанные аккаунты» -> «ФБ».

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

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

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

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

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

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

Данный процесс у неопытных пользователей вызывает сложности. Модерация масок выполняется через сервис Spark AR Hub.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источники

  • https://postium.ru/maski-v-instagram/
  • https://instaved.ru/maski-dlya-instagram-prilozhenie/
  • https://martrending.ru/smm/kak-sozdat-ar-masku-dlya-instagram
  • https://misterrich.ru/kak-dobavit-masku-v-instagrame-ot-sozdatelej-k-sebe/
  • https://subscribest.ru/instagram/kak-sdelat-masku-samomu-besplatno
  • https://maskigram.ru/kak-dobavit-svoyu-masku-v-instagram-instruktsiya/

[свернуть]