Реклама в Блоге
13 11 2020
clock 9 мин
views 1205
save-article

Гайд: как сделать маску для Instagram stories

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

Я начала создавать маски в августе 2019. С тех пор создала 14 масок для себя и клиентов. Для своего удобства поделила маски в Instagram на несколько типов исходя из инструментов, которые используются в программе:

  1. Простая маска на основе Face Mesh с 2Д объектами (обычная картинка). Таких масок большинство в Instagram. Сегодня расскажу, как сделать именно такую.
  2. Маски с 3D объектом. Как правило, выглядят более реалистично и объемно, чем с обычными картинками. Покупать 3D объект не обязательно, можно использовать бесплатные объекты со стоков типа sketchfab.
  3. Маски с заменой фона.
  4. Маски с наложением фильтров или LUT маски (в честь патча, благодаря которому они возможны). Пылинки, цветокоррекция, рамки в масках я отношу к этому типу.
  5. Маски с анимацией объектов. Например, звезды вылетающие из глаз или дождь из овощей.
  6. Игры. Создаются достаточно трудно и пока не самые популярные в Instagram типы масок.
  7. Смешанные типы. Их тоже очень много и такие маски, как правильно, самые интересные, потому что включают несколько интерактивных элементов.

Установка программы Spark AR Studio

Заходим на официальный сайт. Нажимаем кнопку скачать в верхнем правом углу. Устанавливаем как обычное приложение на компьютер. После установки зайдите в программу. Вам предложат войти через Facebook.

После входа перед вами откроется заставка. С левой стороны находятся стандартные кнопки: создать проект, обучение, открыть существующие проекты. Справа в виде историй примеры проектов. Когда вы изучите функционал Spark, то сможете открыть любой из проектов справа, поставить свои элементы и за 2-3 минуты создать готовую уникальную маску. Но так как мы сегодня только знакомимся со Spark, будем создавать маску с нуля. Нажимаем кнопку Create new.

Функционал Spark AR Studio

На вид функционал Spark кажется сложным, но на самом деле он работает как конструктор лего для продвинутых. Сейчас мы немного познакомимся с его логикой.

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

Дальше мы будем работать с тремя областями (частями конструктора): scene (поле слева сверху) - место, где мы задаем команды; asset (поле слева снизу) - место, где будут находится все материалы для маски от png картинок до 3D объектов и скриптов; поле справа, где мы настраиваем scene и asset.

Пошаговая инструкция создания простой маски

Итак, вы уже знаете немного о функционале, теперь приступаем к действию. Сегодня будем создавать простую маску на основе функции Face Mesh. 

Сначала создаем Face Tracker - функция, которая распознает лицо. Он нужен, чтобы все остальные функции, которые мы будем создавать дальше, мы могли привязать к лицу.

Нажимаем на Face Tracker правой кнопкой мышки и выбираем Face Mesh - текстура лица, на которую мы будем наносить наш рисунок.

Отлично. Мы сделали 50% маски. Теперь нам надо создать картинку, которую мы поместим на лицо. Тут есть хитрость, чтобы картинка идеально легла на лицо нам надо скачать трафарет Face Reference Assets на официальном сайте Spark: https://sparkar.facebook.com/ar-studio/learn/documentation/downloads#samples

Spark пока сворачиваем и загружаем лицо в фотошоп. Создаем новый слой. Наносим на лицо любой рисунок в том положении, в котором вы бы хотели видеть его на маске. После нанесения выключаем видимость слоя с лицом и оставляем наш рисунок на прозрачном фоне. Сохраняем.

Возвращаемся в Spark, фотошоп можно закрыть. Загружаем наш файл в Spark нажав кнопку Import from computer.

Нажимаем на нашу картинку (текстуру). И обязательно в настройках с правой стороны ставим галочку напротив No compression, чтобы наша картинка не портилась в качестве.

Дальше возвращаемся в Face Mesh. Нажимаем на плюсик возле material. Только что мы создали материал, который свяжет нашу текстуру (изображение) с лицом.

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

Последний шаг. Чтобы изображение не было смазанным, меняем тип со Standard на Flat или Face paint. Если хотите более яркий вариант - выбираете Flat, если более натуральный вариант - Face paint.

Маска готова и ее можно загружать в Instagram. Чтобы выгрузить файл из Spark, нажимаем на File -> Upload to Spark AR HUB -> Export file.

Загрузка маски в Instagram и модерация

Чтобы загрузить маску, мы переходим в Manage effect.

Нажимаем кнопку Опубликовать эффект.

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

  • Обязательно добавляйте ключевые слова. Тогда ваша маска будет лучше ранжироваться в поиске Instagram.
  • Картинку для иконки можно взять любую, но она должна быть не на прозрачном фоне.
  • В описании для модератора опишите, как работает ваша маска. Например: маска работает на основе Face Mesh. Это повысит шансы, что маску одобрят быстро.

После загрузки маска отправляется на модерацию. Она будет одобрена в течении 10 дней. Иногда это занимает больше времени.

Где смотреть статистику по маске?

После того, как вашу маску одобрят, вам станет доступна статистика, а точнее три показателя:

  • Показы - количество раз, когда маска появлялась на экране.
  • Снимки - количество раз, когда кто-то делал фото или видео с вашей маской.
  • Репосты - количество раз, когда кто-то делал фото или видео с маской.

Можно посмотреть статистику как только по одной маске, так и по всем маскам, которые вы когда либо делали.

Как посмотреть, кто использует твою маску?

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

12 идей масок для Instagram сторис

Если вам срочно надо создать маску но нет идей, я подобрала для вас 12 вариантов масок, которые могут вдохновить.

Как выбрать фрилансера для создания маски для InstaStories

Рынок VR для соц. сетей только формируется. Поэтому цены очень разнятся в зависимости от желания автора, сложности маски и уровня специалиста, который ее делает. Минимальная цена начинается от 30$ у недорогих специалистов. Но, как правило, после очень дешевых специалистов клиент остается недоволен. Мне самой приходилось исправлять и переделывать маски от подобных спецов. Если вы ищите хорошего специалиста, обращайте внимание на такие качества во время обсуждения маски:

  • Хороший специалист сразу скажет, что нужно для реализации вашей маски и прокомментирует вашу идею на предмет возможно ли такое реализовать. Например, картинки, 3D объекты, фильтры и так далее.  Уже сейчас могу сказать, что с вероятностью 80% для более менее интересной маски вам понадобиться 3D объект. Если спец просто говорит, что ок, сделаю - это повод задуматься.
  • Просите портфолио. Смотрите, чтобы оно было разнообразно и включало хотя бы три типа масок (смт. выше все типы масок). Вам будет трудно оценить на этапе создания идеи маски, какие материалы вам понадобятся. У хорошего специалиста должен быть опыт в создании разнообразных вариантов, чтобы он мог вас проконсультировать.
Понравилась статья?
Поделитесь с друзьями в соцсетях или сохраните себе.
Сохранить статью
Рекомендуем прочитать
Читайте блог в соцсетях!
Контакты
г.Киев, Украина
Напишите мне
think
Сохраните статью и прочитайте когда будет удобно!
Куда отправить статью?
Write to me
Отвечу на вопросы или рассмотрю предложение сотрудничества arrow
Напишите мне и оставьте свои контактные данные
*Введенные данные некорректные
*Введенные данные некорректные
*Введенные данные некорректные
Отправить сообщение Нажимая кнопку вы соглашаетесь с Пользовательским соглашением
think
Предложите интересующую вас тему для статьи!
*Введенные данные некорректные
*Введенные данные некорректные
Предложить тему Нажимая кнопку вы соглашаетесь с Пользовательским соглашением
think
Мне очень интересно узнать ваше мнение о блоге!
*Введенные данные некорректные
*Введенные данные некорректные
Оставить фидбэк Нажимая кнопку вы соглашаетесь с Пользовательским соглашением