Найти тему

Как сделать AR-маску для Instagram. Урок 1

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

AR-маска Dior
AR-маска Dior

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

Поэтому одной из самых быстроразвивающихся отраслей по упрощению, изменению и дигитализации окружающего мира является AR (augmented reality) или, попросту, дополненная реальность.

Как крупные бренды используют AR

  1. Google позволяет рассмотреть 3D-модели животных (пока их 14) в их реальных пропорциях. Все, что для этого понадобится – Google Поиск на смартфоне с камерой.
  2. Крупные косметические компании, такие как NYX и NARS, используют функцию дополненной реальности, чтобы позволить покупателям виртуально подобрать продукт, таким образом увеличивая продажи.
  3. IKEA запустила приложение «IKEA Place», с помощью которого каждый желающий сможет посмотреть, как мебель из коллекции будет смотреться в их квартире и влезет ли именно тот шкаф между дверью и столом (разработчики уверяют, что размеры виртуальной мебели относительно реальной точны на 98%).

И это лишь малый перечень, как может использоваться дополненная реальность.

Давайте начнем с простого, с создания AR-масок для Instagram

Маски в Instagram появились давно, осенью 2018 года, но интерес к ним не иссякает, особенно сейчас, в условиях «карантина», когда компании/люди вынуждены удаленно продолжать работать, вызывать интерес к своим брендам/блогам в процессе ведения страниц, съемки сторис.

Создание качественной и интересной маски может помочь кому-то «сменить обстановку» в условиях дома, а к вам привлечь аудиторию к своему блогу/странице/бренду.

Какие бывают маски

Классифицировать маски достаточно сложно, т.к. сейчас одна маска может относится к двум или даже трем категориям, например - анимированная beauty-маска.

Но все же, можно выделить несколько категорий масок:

1. Маски-фильтры.

Маски, накладывающие фильтр на фотографию:

На фотографию наложена маска-фильтр
На фотографию наложена маска-фильтр

2. Beauty-маски.

Маски, убирающие несовершенства кожи или изменяющие лицо:

3. AR-игры.

Одни из самых сложных в исполнении, но в то же время самых интересных для пользователей.

4. Квизы и предсказания.

Не менее популярны, начиная от «Назовите птицу, бренд и еду на букву __», заканчивая предсказаниями имени будущего партнера.

Сегодня мы попробуем разобраться с созданием самой простенькой маски, для которой не потребуется много времени, зато это познакомит вас со Spark AR – программой для создания масок от Facebook.

Инструменты

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

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

Скачать программу Spark AR для ПК и телефона можно здесь.

Программа доступна только на английском языке, что несомненный плюс для практики языка в экстремальных условиях (для незнающих язык), :)

Регистрация

Для начала работы в программе нам потребуется войти в учетную запись Facebook на обоих устройствах, компьютере и смартфоне.

Для просмотра результата телефон потребуется подключить к компьютеру через USB.

Терпение и интерес

Берем с собой все самое важное.

Урок №1 Ретушь

1. Открываем программу Spark AR, выбираем «Blank Project».

Если Вы владеете английским языком на должном уровне, то перед этим можно заглянуть в раздел «Learn» и просмотреть всевозможные туториалы и почитать полезные советы по созданию масок.

Если нет, то возвращаемся к тому, с чего начали - открываем «Blank Project».

-4

Теперь перед нами наш рабочий проект.

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

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

Правая часть отражает дополнительные инструменты для обработки.

В самой левой части мы видим иконки для управления видео-симулятором.

  • Иконка Camera позволит заменить видео-симулятор на любой из 7 предоставленных вариантов.
  • Иконка Pause ставит симулятор на паузу.
  • Иконка Restart возобновляет прокрутку видео-симулятора.

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

  • Ищем вкладку Add на верхней панели.
  • Выбираем Scene Understanding.
  • Выбираем Face Tracker.

3. Теперь, когда у нас есть Face Tracker нам потребуется наложить сетку лица.

Для этого мы:

  • Возвращаемся к полюбившейся нам вкладке Add.
  • Выбираем 3D Objects.
  • Выбираем Face Mesh.

Face Mesh – это наш холст. Каждый холст отвечает одной задаче – нельзя одну сетку лица использовать и как ретушь и как холст для желаемого эффекта. Их можно только наложить друг на друга, именно поэтому каждый новый Face Mash я советую переименовывать.

Да, все как в Photoshop.

  • Находим Face Mesh в левой части.
  • Кликаем два раза на Face Mesh.
  • Переименовываем.

На этом полпути пройдено.

4. Проверив, что мы находимся именно на нашем холсте, выбираем вкладку Materials и нажимаем «+».

Теперь сверху нашего симулятора появилась белая матовая маска.

У нас появилась вкладка Materials, можно немного поиграться: сменить цвет маски или поставить на ее место любую картинку. Да, будет выглядеть топорно, но вы почти создали свою первую маску!

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

5. На правой панели находим Shrader Type и вместо Standard переключаемся на Retouching

Теперь осталось только выставить ползунок Skin Smoothing, от 0 до 100%.

Будьте аккуратны, если увеличить диапазон до 60-100% кожа будет выглядеть пластиковой (хотя, возможно, вам нужен именно этот эффект).

Поздравляем, теперь вы научились делать ретушь. Осталось всего ничего – научиться делать все остальное. Вы на верном пути.

В следующем уроке мы рассмотрим создание маски по коррекции лица.

___

  • Нужна консультация или помощь с разработкой AR-масок? пиши на privet@csreda.ru
  • Подписывайтесь на наш канал в Яндекс.Дзене, чтобы получать больше интересных материалов о маркетинге, социальных сетях и бизнесе в целом
  • И не забудьте поставить оценку нашей статье!