Анатолий Капустин

Креативщик «Пикчера». Ник в Twitter — анатолий ноготочки.

AR-фильтры, или маски, — это анимированные эффекты, которые используют фронтальную камеру смартфона. Визуальный эффект накладывается на лицо пользователя и перемещается вместе с ним благодаря захвату движения. Изначально маски стали популярными благодаря Snapchat — приложению, которое хотелось бы оставить в 2010-х вместе с Balenciaga Triple S и постиронией. В какой-то момент фотографии людей с собачьими ушами можно было встретить на каждом шагу.

Самая популярная маска в Snapchat

Ответный шаг Facebook не заставил себя ждать: корпорация купила белорусский стартап MSQRD, который также разрабатывал AR-фильтры, и весной 2017-го внедрила маски в истории. Бурный расцвет пользовательских масок случился осенью 2018 года, когда Facebook адаптировала платформу Camera Effects для Instagram и запустила открытое бета-тестирование. Новая платформа, получившая название Spark AR, позволяет любому пользователю создать маску своими руками и поделиться ей в истории.

Все вы наверняка видели маски в Instagram, которые позволяют узнать, каким премьер-министром ты станешь или какая ты диснеевская принцесса (чур, я Эльза!)

Они были смешными первые 75 тысяч раз, а сейчас всех немного достали. Поэтому чем больше людей сделают маски, тем быстрее они (маски) умрут!

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

Вкратце алгоритм выглядит так:

  1. Скачайте Spark AR — именно в этой программе мы с вами будем создавать маску. Скачайте её бесплатно отсюда.
  2. Загрузите мой шаблон маски с «Яндекс.Диска» или напрямую (там вирусов нет, отвечаю).
  3. Замените в шаблоне мои картинки на свои, поменяйте пару цифр в скрипте.
  4. Отправьте маску на модерацию и дождитесь подтверждения.
  5. PROFIT.

Погнали!

Как создать маску в Spark AR

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

Для этого кликните правой кнопкой мыши по заголовку «обложка» и выберите Replace.

Готово, теперь у вас над головой капуста (например).

2. На этом этапе от вас потребуется немного больше действий, но это тоже легко!

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

Добавьте свои картинки в слайдшоу. В том же меню Texture выберите опцию New Image Texture. В открывшемся окне выделите все изображения, которые вы хотите использовать в маске, и нажмите Open.

3. Я прописал для вас готовый скрипт, так что можете оставить его как есть. Но если вы хотите изменить некоторые параметры, я дам вам пару подсказок, какие переменные можно отрегулировать в Patch Editor.

Если нужно увеличить или уменьшить время слайдшоу, то измените эту переменную (число означает количество секунд):

Если вы загрузили больше или меньше картинок, чем в моём шаблоне (13), впишите ваше число во второй строке меню Random, чтобы всё работало корректно.

Как проверить, что маска работает

  1. В левом нижнем углу выберите значок телефона со стрелкой — Test on Device.
  2. В разделе Send to App найдите пункт Instagram Camera и нажмите Send.
  3. На телефон придёт push-уведомление. Нажмите на него, и превью маски откроется в вашем приложении Instagram.
Ссылку на черновик маски также можно скопировать и отправить вручную себе, другу или клиенту

Что дальше

С помощью меню File → Export выгрузите вашу маску в файл *.arexport. Теперь вы можете отдать его клиенту и получить свои 150 тысяч рублей! Вы также можете самостоятельно отправить маску на модерацию в Facebook. Для этого перейдите сюда. При загрузке вы можете вписать название маски (оно будет отображаться слева от названия вашего аккаунта) и выбрать размещение (Instagram или Facebook, придётся выбрать что-то одно). Срок модерации составляет в среднем пять рабочих дней.