AR-маски в Инстаграм – это отличный способ бесплатного продвижения и привлечения аудитории. Каждый день масками пользуются как бренды, блогеры, известные личности, так и обычные пользователи.
В статье мы рассмотрим основные виды масок, создадим собственную маску в программе Spark AR и загрузим её в Инстаграм.
Читайте также: Как красиво оформлять сторис для Инстаграм?
Виды AR-масок в Инстаграм
Маска – инструмент Инстаграм, помогающий разнообразить истории пользователей за счет добавления анимации, цвета, объектов и т. п.
Рассмотрим основные виды масок для сторис:
1. Маски-фильтры. Их можно образно назвать «пресетами». При создании такой маски пользователи могут повторить любимые настройки Lightroom, VSCO и др.
2. Маски, связанные с лицом пользователя. Сюда можно отнести beauty-маски (сглаживание кожи, увеличение губ, глаз, уменьшение носа и овала лица), добавление надписей, ушек, летающих частиц, которые реагируют на мимику и движение.
3. AR-объекты, позволяющие добавить на экран любой предмет, при этом создавая ощущение реального присутствия.
4. Маски с заменой фона.
5. Маски-игры. В основном это сложные 3D маски, над созданием которых может работать команда профессиональный разработчиков. К играм можно отнести маски-предсказания, тесты и т. д.
Это интересно: Как оформить актуальное в Инстаграм
Как создать маску для сторис в Инстаграм в программе Spark AR
Мы создадим простую маску с ретушью лица и надписью «Postium».
Установка Spark AR
Шаг 1. Заходим на официальный программы Spark AR https://sparkar.facebook.com/ar-studio/ и скачиваем файл с установщиком. Кликаем на розовую кнопку «Download».
Шаг 2. Откройте установочный файл и распакуйте программу в нужную папку.
Шаг 3. Откройте программу Spark AR, введите свой логин и пароль от страницы на сайте Facebook.
Шаг 4. После успешной авторизации вам откроется стартовая страница Spark AR, где находятся уже готовые проекты, предоставленные программой.
Создание проекта
Шаг 5. Для создания собственного нового проекта, в разделе «Create New» нажимаем «New Project» и «Blank Project».
Шаг 6. Появляется главная рабочая область программы, с которой начинается любой проект. Она делится на «Scene», «Assets» и «Layers».
Шаг 7. Создание маски начинается с добавления в рабочую область «Scene» элемента «Face Tracker». Нажимаем в эту область правой кнопкой, кликаем «Add», появляется список, нам нужен «Face Tracker».
Появляется «faceTracker0».
Важно! В верхней вкладке «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».
Шаг 9. Открываем скачанный файл и заходим в папку «Textures». Тут мы видим модели женского (faceFeminine.jpg) и мужского (faceMasculine.jpg) лица, на которые можно накладывать надписи, веснушки, очки и прочее.
Шаг 10. Далее скачиваем программу Spark AR Player на телефон. Заходим в App Store или Google Play на своем смартфоне и загружаем приложение.
Шаг 11. После того, как приложение установится, нам нужно дать доступ к фотографиям, разрешение на использование камеры и динамика. Соединяем смартфон с компьютером с помощью USB-провода.
Если все сделано правильно, то кликнув на значок смартфона со стрелочкой (в нижнем левом углу рабочей области) появится синий кружок. Это значит, что теперь мы можем видеть все действия на экране, контролировать и менять её настройки маски.
Создание маски
Шаг 12. Приступаем к созданию маски. Для этого добавляем в «facetracker0» новый «Face Mesh» (кликаем на «facetracker0», переходим в «Add» и «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».
Шаг 33. В рабочей области «Assets» появилась новая «material 0», переименовываем её в «Надпись».
Шаг 34. В параметре «Texture» нажимаем стрелочку и выбираем «New Texture».
Шаг 35. Ищем PNG-файл с надписью, который сделали в Photoshop и добавляем его.
Шаг 36. Наша маска полностью готова, осталось проверить её на смартфоне. Нажимаем на значок телефона с синим кружком, выбираем название телефона. Если все сделано правильно, на экране смартфона появится маска 🙂
Шаг 37. Сохраняем маску. В левом нижнем углу нажимаем на «Upload and Export». В каждом пункте должны гореть зеленые галочки. Ничего не меняем. Кликаем на «Export File». Сохраняем маску на компьютер, присваиваем ей имя. После этого нажимаем на «Upload».
Загружаем маску в Инстаграм
Шаг 38. Программа переводит нас на страницу для загрузки маски на модерацию Spark AR Hub. Проверьте, ваш аккаунт Facebook должен быть привязан к странице в Инстаграм.
Шаг 39. Заполняем информацию. В пункт «Название» вводим название маски. В пункте «Файл» прикрепляем файл с маской, который мы сохраняли на компьютер.
Далее выбираем платформу для публикации и выбираем владельца маски.
Шаг 40. Следующий шаг – создание «иконки» маски. Её можно создать в любом графическом редакторе или взять изображение из интернета. Прикрепляем значок. Обратите внимание, что размер должен быть не меньше 200 х 200 пикселей.
Шаг 41. Дату публикации выбираем «Как можно скорее», в Местоположении выбираем «Везде», так как на рассмотрении она может находиться до 2 недель.
Шаг 42. Делаем краткое описание маски. Загружаем заранее подготовленный демонстрационный ролик, который отражает принцип работы созданной маски.
Шаг 43. Чтобы создать демонстрационный ролик, введите всю информацию и нажмите «Сохранить». Вам будет предложено протестировать маску в течение часа на выбранной платформе.
Шаг 44. Заходим в Инстаграм или Фейсбук через смартфон и записываем видео, демонстрирующее маску. Загружаем его и нажимаем «Отправить».
Наша маска отправляется на рассмотрение. Ждем одобрения и наслаждаемся своей собственной маской 🙂
Заключение
Собственные маски в Инстаграм повышают узнаваемость и формируют личный бренд её автора. Создавайте креативные маски для сторис – это позволит выделить ваш профиль среди тысячи других.
Полезные ссылки:
Отличная подробная статья. У меня всё получилось!! Спасибо большое!
Проблема в том, что папку с масками Face Reference Assets уже невозможно скачать. Если у кого сохранилась папка можете отправить?