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

В статье мы рассмотрим основные виды масок, создадим собственную маску в программе Spark AR и загрузим её в Инстаграм.

Реклама: Erid 2VtzqvzzpR1
Реклама. Erid 2VtzqvZp34w

Читайте также: Как красиво оформлять сторис для Инстаграм?

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

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

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

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

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

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

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

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

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

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

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

Это интересно: Как оформить актуальное в Инстаграм

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

Мы создадим простую маску с ретушью лица и надписью «Postium».

Установка 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». Это позволит предотвратить зависания будущей маски и повысить ее точность.

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

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

Шаг 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».

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

Создание надписи

Шаг 18. Добавляем надпись «Postium» на лицо. Для этого нам нужна программа Adobe Photoshop или другой графический редактор, например Gimp.

Шаг 19. Открываем в Photoshop модель, например, женского лица под названием  «faceFeminine.jpg» и сетку «faceMesh.png».  Эти файлы находятся в скачанной ранее папке «Face Assets».

Шаг 20. Долгим нажатием переносим сетку на изображение с лицом и размещаем её ровно по линиям (чтобы нос, губы, глаза совпали).

Сетка маски для сторис

Важно! Если цветовой профиль «faceMesh.png» – Индексированные цвета, меняем его на RGB в разделе «Изображение» – «Режим».

цветовой профиль

Шаг 21. Создаем новый пустой слой. Для этого в нижнем правом углу нужно нажать на значок пустого листа. Появляется «Слой 2».

Как создать новый пустой слой

Шаг 22. Слева в панели инструментов ищем букву «Т», нажимаем на нее. После этого кликаем на изображение. Появляется классический текст, который мы будем менять.

Как добавить текст на маску

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

Как сделать маску для сторис

Шаг 24. Теперь нам нужно уменьшить надпись и разместить её под правым глазом. Для этого заходим в «Редактирование» и нажимаем «Свободное трансформирование».

Свободное трансформирование

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

Шаг 25. При желании можно сделать текст дугообразным. Для этого нажимаем на букву «Т» в верхней рабочей области.

Искажение текста на маске

Выбираем параметр «Дугой снизу» и выставляем значения «Изгиба» примерно на +48%, «Искажение по горизонтали» +5% и «Искажение по вертикали» +4%.

Шаг 26. Вы можете покрасить надпись в любой цвет. В верхней рабочей области ищем окно с цветом, кликаем на него и выбираем любой понравившийся оттенок.

Как изменить цвет маски для сторис

Шаг 27. Теперь нам нужно проверить, как надпись будет выглядеть на реальном лице. Выключаем видимость у всех слоев, кроме надписи.

как надпись будет выглядеть на реальном лице

Шаг 28. Сохраняем этот файл в формате PNG. Для сохранения заходим в «Файл» и выбираем пункт «Сохранить как».

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

Шаг 29. В пункте «Формат» выбираем PNG, остальные параметры оставляем без изменений. Сохраняем файл.

Сохраняем файл

Добавляем текстура на маску

Шаг 30. Возвращаемся в программу Spark AR. Правой кнопкой мыши кликаем на «faceTracker0», переходим в «Add» и нажимаем «Face Mesh». Мы добавили еще одну текстуру нашей маске, на которой будет располагаться надпись.

Как добавить текстуру для маски

Шаг 31. Переименовываем «faceMesh0» в «Надпись».

Как создать маску для сторис с надписью

Шаг 32. В левой рабочей области ищем «Materials» и нажимаем +. Выбираем «Create New Material».

Create New Material

Шаг 33. В рабочей области «Assets» появилась новая «material 0», переименовываем её в «Надпись».

Надпись на маске для историй

Шаг 34. В параметре «Texture» нажимаем стрелочку и выбираем «New Texture».

Новая текстура

Шаг 35. Ищем PNG-файл с надписью, который сделали в Photoshop и добавляем его.

Добавляем текстура в Spark AR

Шаг 36. Наша маска полностью готова, осталось проверить её на смартфоне. Нажимаем на значок телефона с синим кружком, выбираем название телефона. Если все сделано правильно, на экране смартфона появится маска 🙂

Создание маски для историй в Инстаграм

Шаг 37. Сохраняем маску. В левом нижнем углу нажимаем на «Upload and Export». В каждом пункте должны гореть зеленые галочки. Ничего не меняем. Кликаем на «Export File». Сохраняем маску на компьютер, присваиваем ей имя. После этого нажимаем на «Upload».

Сохраняем маску

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

Шаг 38. Программа переводит нас на страницу для загрузки маски на модерацию Spark AR Hub. Проверьте, ваш аккаунт Facebook должен быть привязан к странице в Инстаграм.

Шаг 39. Заполняем информацию. В пункт «Название» вводим название маски. В пункте «Файл» прикрепляем файл с маской, который мы сохраняли на компьютер.

Далее выбираем платформу для публикации и выбираем владельца маски.

Шаг 40. Следующий шаг – создание «иконки» маски.  Её можно создать в любом графическом редакторе или взять изображение из интернета.  Прикрепляем значок. Обратите внимание, что размер должен быть не меньше 200 х 200 пикселей.

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

Шаг 41. Дату публикации выбираем «Как можно скорее», в Местоположении выбираем «Везде», так как на рассмотрении она может находиться до 2 недель.

Шаг 42. Делаем краткое описание маски. Загружаем заранее подготовленный демонстрационный ролик, который отражает принцип работы созданной маски.

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

Шаг 43. Чтобы создать демонстрационный ролик, введите всю информацию и нажмите «Сохранить». Вам будет предложено протестировать маску в течение часа на выбранной платформе.

демонстрационный ролик с маской для сторис

Шаг 44. Заходим в Инстаграм или Фейсбук через смартфон и записываем видео, демонстрирующее маску. Загружаем его и нажимаем «Отправить».

Записываем видео, демонстрирующее маску

Наша маска отправляется на рассмотрение. Ждем одобрения и наслаждаемся своей собственной маской 🙂

Заключение

Собственные маски в Инстаграм повышают узнаваемость и формируют личный бренд её автора. Создавайте креативные маски для сторис – это позволит выделить ваш профиль среди тысячи других.

Полезные ссылки:

Читайте нас в Телеграм
Читайте нас в Телеграм
Комментарии: Как сделать маску для сторис в Инстаграм: создание, тестирование и добавление в аккаунт
  • 29 сентября, 2020

    Отличная подробная статья. У меня всё получилось!! Спасибо большое!

  • 2 декабря, 2020

    Проблема в том, что папку с масками Face Reference Assets уже невозможно скачать. Если у кого сохранилась папка можете отправить?

Ответить
Блоги компаний
⚡ В тренде
ВКонтакте объявил о запуске системы страйков, которая будет использоваться для модерации публикаций в группах и пабликах. На данный момент, система страйков запущена в тестовом режиме, чтобы админы сообществ могли понять, как она будет работать. Далее разбираемся, что такое система страйков в ВК и как будет работать новая система модерации, за что можно получить страйк и […]
Искусственный интеллект умеет создавать музыку с нуля, по текстам и по фото. В этой статье мы коротко расскажем, как нейросети пишут музыку, а также перечислим самые интересные из них. Создавать электронную музыку может каждый, кому она нужна. Например, блогер для своих видео или любой другой человек просто для развлечения. А еще можно написать треки в […]
Каждый пользователь Телеграм оценит такой подарок, как премиум-подписка. Сделать такой подарок можно другу и своим подписчикам. А еще вы сами можете получить премиум в подарок. В этой статье вы найдете все способы, как подарить Telegram Premium с выгодой для себя. Также вы узнаете, как получить подписку в подарок и не стать жертвой мошенников. Читайте также: […]
Альт, альтушка, альтуха – вы точно слышали эти слова и видели мемы с ними. Но скорей всего не знаете, что они означают и кто их придумал. Рубрика мем-разбор исправит это. В этой статье мы расскажем, кто такие альтушки и откуда это выражение появилось в молодежном сленге. Также мы покажем примеры, как используются мемы с ними […]
Самый быстрый способ доставки еды клиенту из ресторана – это мобильное приложение. Специалисты компании АДВАНТШОП, используя свой многолетний опыт по созданию решений для электронной коммерции, подготовили материал. В данной статье мы рассмотрели, каким должно быть современное приложение доставки еды, и что оно может дать бизнесу. Зачем создавать своё приложение доставки Согласно данным Яндекс.Радар, в прошлом […]
Новости
Свежие статьи