Маска в Instagram: как создать идей как использовать

Что такое маска в Инстаграм

Маски в Инстаграм – это визуальные эффекты, которые помогают разнообразить фото и видео. Функционал позволяет накладывать фильтры, корректировать цвет, добавлять декоративные элементы. Воспользоваться ими можно как в прямом эфире, так и при загрузке контента в профиль. 

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

Маски могут быть:

  • Статичными – удерживаются на месте, никак не изменяя своего положения при движениях пользователя. Чаще всего это фильтры с необычными цветовыми решениями.
  • Анимированными – «оживающие» в кадре. Они подмигивают, двигаются, крутятся вместе с движениями пользователя или сами по себе.
  • Анимированными с возможностью выбора – это варианты, в которых переключаются детали.
  • Геймифицированными – маски в формате игры, где пользователь набирает очки и преодолевает препятствия.

Примеры масок

Маски используют крупные бренды, презентуя свои продукты в Инстаграме. Так, производитель MAC Cosmetics заказал визуальные эффекты, с помощью которых пользователи могут примерить образцы косметики.

Кафе Kitchencray предлагает фильтры для блюд из меню. Графические блюда выглядят реалистично и отражают сразу несколько позиций меню.

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

Таким образом, маски привлекают внимание к продуктам и услугам, рассказывают о работе компании.

Советы и нюансы

Создание AR-маски — лишь половина дела. Нужно еще и позаботиться о том, чтобы ее увидело как можно больше людей, поэтому здесь нужно учитывать ряд нюансов:

  • Непредсказуемый срок модерации. По регламенту Instagram на проверку и утверждение маски требуется от 2 до 5 дней. Но процесс может затянуться на дольше, поскольку сейчас AR-маски — тренд. Их создают тысячами, и модераторы просто не успевает их проверять.
  • Сложность рекламы. Всегда делайте видео с использованием маски еще в процессе ее изготовления. В противном случае до того, как маску утвердят, вы не можете даже провести ее релиз, поскольку не будете иметь никаких визуальных составляющих для рекламы. Начиная анонсировать выпуск новой маски, не забывайте и о том, что проект всегда могут отклонить.
  • Механика, понятна не всем пользователям. AR-фильтры появились относительно недавно, и еще не все пользователи знают, как использовать эффект и как делиться им с друзьями.
  • Ограничения. Маски Инстраграм доступны только в мобильном приложении социальной сети. Продвигать их с помощью других рекламных каналов проблематично.

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

Использовать Spark AR Studio лучше в сочетании с Photoshop. Вам нужно:

  1. Создать макет маски. Подобрать необходимые детали. Изображение в формате png заранее избавит от заднего фона.
  2. Разместить в Photoshop скачанные элементы на чистом холсте.

  1. Скачать заготовки. Создатели Spark позаботились о пользователях и предоставили возможность работать на примере шаблона. 

  1. Подогнать заготовки по размеру.

  1. Отключить отображение развертки. Маску сохраните в формате png. Получится изображение, похожее на начальное. Но после проведенных действий элементы маски окажутся на нужных местах.   
  2. Создать основной объект. Для этого вернитесь в Spark и поработайте со структурой, материалами. Объект называется Face Mesh (сетка для лица) и представляет трехмерное изображение лица.

  1. Добавить материал. Созданный объект находится в поле Scene. В правом поле найдите раздел Materials и кликните на плюсик, чтобы новый материал отобразился в Assets.

  1. Выделить material0, выбрать Texture, Choose File и файл png. В результате получается готовая маска, которую можно загрузить в Инстаграм.

  1. Загрузить результат в Spark.

Для чего делать свою маску в Инстаграм

Использование актуальных инструментов позволяет аккаунту взаимодействовать с аудиторией, увеличить число подписчиков и информировать о продукции бренда. Маски расскажут о компании с помощью эффектов, фонов и декоративных элементов. Это увеличивает просмотры сторис, в которых используются визуальные эффекты бренда, что повышает его популярность.

Преимущества и недостатки

К преимуществам использования масок можно отнести:

  • внимание аудитории, увеличение охватов и реакций в бизнес-аккаунте;
  • «примерка» понравившейся вещи;

Недостаток у этого метода всего один – риск неудачного вложения. Маска не всегда завоевывает популярность. В этом случае затраченные средства пропадут напрасно, вынуждая искать более удачные маркетинговые решения. 

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

Инстаграм отслеживает эффективность этого инструмента с помощью следующих характеристик:

  • показы – количество показов, когда эффект демонстрировался пользователям Инстаграма;
  • снимки – то количество, когда пользователи снимали видео или делали фото с маской бренда;
  • репосты – сколько раз пользователи делились маской в своих сторис.  

Как сделать маску в Spark AR. Пошаговая инструкция для новичков

Эффекты масок

  1. Face Tracker — отслеживает лицо пользователя. Этот эффект начинает работать при появлении лица в кадре.
  2. Plane Tracker — отслеживает поверхность. С помощью этого эффекта можно добиться того, что при появлении в камере заданной поверхности свойства объекта будут меняться или будут появляться другие объекты.
  3. Target Tracker — отслеживает конкретную точку.
  4. Hand Tracker — отслеживает руки, которые попадают в кадр, позволяет добавлять объекты и видоизменять их при появлении рук.
  5. Face mesh — 3D-модель лица, сетка. Вместе с работающим Face Tracker способна реагировать на движения и выражение лица.

Экспортируйте маску

Здесь все просто: в левом нижнем углу экрана найдите кнопку Export и выберите папку, в которую нужно сохранить маску. Если маска весит больше, чем нужно (допускается 10 Мб, но желательно 2 Мб и меньше), программа предупредит об этом перед экспортом. Обратите внимание, что в Instagram нужно выгрузить именно этот файл, а не файл проекта. 

Особенности создания

Spark Ar Studio предназначена для ПК и смартфонов. У каждого типа операционной системы характерные особенности.

На Android

Создание маски на Android включает следующие этапы:

  1. Создание трекинга лица – прототипа, на котором будут применяться эффекты.
  2. Активация сетки – создает визуальную составляющую лица, позволяя регулировать размер будущей маски, создавать улыбку и т.д.
  3. Добавление материала – той базы, из которой будет состоять маска.
  4. Нанесение текстуры – дополнительных элементов: фильтров, стикеров, наклеек.
  5. Тестирование результата на визуальном симуляторе.
  6. Отправка на модерацию.

На iPhone

Для работы предварительно скачайте утилиту Spark Ar Studio в App Store. Затем действуйте аналогично схеме для Android:

  1. Добавление трекера.
  2. Занесение материала.
  3. Использование текстур.
  4. Прохождение проверки.

Протестировать маску и загрузить ее в Инстаграм

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

После установки «Спарк-плеера» подключите телефон к компьютеру через USB-кабель. Затем в «Спарке» откройте проект, который хотите протестировать, и нажмите кнопку Test on device на панели слева от активов. Выберите ваше устройство из списка и тестируйте маску на своем смартфоне.

Будьте внимательны даже с шутками, когда делаете маски

  Никита Мышкин  AR-дизайнер
Никита Мышкин
AR-дизайнер

Официальное возрастное ограничение для пользователей в Инстаграме — 13+. Поэтому на маске не должно быть упоминаний и намеков на курение, алкоголь, принятие запрещенных веществ, действия сексуального и насильственного характера, мат и т. п. Но иногда модераторы могут одобрять маски, даже если на них есть запрещенные элементы.

Приведу пример из практики. У меня был заказ на маску-рандомайзер — эта маска выдает пользователю случайную картинку. У меня она выдавала случайную надпись про грех, который как будто совершил пользователь — например, бросал бычки с балкона или пил в будний день. Все это косвенные упоминания курения и алкоголя, а они запрещены. Модераторы отказались публиковать маску из-за фразы про бычки.

Я убрал эту фразу и снова отправил маску на модерацию. Мне нужно уже было отправить маску заказчику, так что я отправил эффект на модерацию еще несколько раз. Мне снова отказали из-за фразы «пил в будний день». Я исправил маску и снова отправил ее на модерацию. Когда эффект все-таки одобрили, оказалось, что модерацию прошел один из старых вариантов маски. В этом варианте я не убирал фразу «пил в будний день».

И такое в модерации не редкость. Кому-то попадается очень скрупулезный модератор, который проверяет маску досконально, а кому-то — человек, который одобряет все подряд.

Эту маску отклонили из-за связанных с курением эффектов
Если маска отклонена, вы можете доработать ее и отправить на повторную модерацию
Та самая маска

Создайте трекер лица в Photoshop или загрузите готовый

Маска состоит из трех компонентов: FaceTracker, текстура и материал (эффект, который вы хотите увидеть в маске). Текстуру можно подготовить самому или скачать заранее. Если у вас нет Photoshop или не хочется возиться с этим — скачайте готовую текстуру и пропустите этот шаг. 

Если готовы подготовить ее сами, переместитесь в Photoshop или Figma. Дальше порядок действий такой:

  • Скачайте и откройте папку Textures из инструкции для разработчиков. Выберите один из файлов — faceFeminine.jpg для женских лиц и faceMasculine.jpg для мужских — и откройте в программе.
  • Новым слоем поверх схемы лица с помощью Transform добавьте нужные эффекты и рисунки — они должны идти поверх слоя с лицом, чтобы результат был виден сразу. Все, что выходит за границы схемы лица, не будет отображаться на человеке. 
  • Выключите или удалите слой с лицом, сохраните результат в PNG — только этот формат поддерживает прозрачность. Важно сохранить только эффект, без схемы лица.

Инструменты для создания маски

Перед тем как создать маску, потребуется скачать несколько файлов:

  • Spark AR Studio – приложение поддерживается системами macOS и Windows 10, что помогает пользователям создавать контент на любых устройствах;
  • материалы для подготовки маски – трафареты с текстурами и фонами;
  • Photoshop – программа предназначается для коррекции готовой маски, делает ее визуально привлекательнее.

Варианты использования масок

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

  • Привлечения новых подписчиков. Бренд создает маску и выкладывает ее в открытый доступ. Подписчики используют ее для собственных сторис. Это привлекает внимание их друзей и знакомых, что увеличивает узнаваемость бренда.
  • Знакомства с новым ассортиментом. Для этого из новой коллекции выбирают товар и акцентируют на нем внимание.

Замена фона

Теперь предлагаю поработать с фоном — добавить за персонажем статичное изображение — например, цветы. Для этого загрузите желаемый фон кнопкой Import From Computer или просто перетащите его на панель активов.

Нажмите кнопку From Computer, чтобы добавить картинку из папки. Еще картинку и любой другой файл можно просто перетащить из папки на эту область

Теперь нужно настроить фон. Кликните на фото на панели активов и переходите в инспектор. Там нужно поставить галочку в Manual Compression → No compression. Это важно, чтобы сохранить качество фонового изображения:

Дальше действуйте по такой схеме:

  1. На сцене нажмите Add Object → Rectangle → Insert. Прямоугольник нужен нам как контейнер для фонового изображения — в него мы поставим цветы.
  2. Там же на сцене кликните на rectangle0 и перейдите к настройкам этого элемента в инспекторе. Заполните все пространство прямоугольником: Size → Fill Width и Fill Height.
  3. Нажмите плюс рядом с Materials.
  4. В активах кликните на material0 и настройте элемент в инспекторе. Для этого выберите тип материала — Shader Type → Flat. Эта настройка нужна, чтобы определить, насколько наш материал прозрачен, как он реагирует на свет.
  5. В Texture в выпадающем меню выберите название картинки, которую вы загрузили.
  6. Настройте сегментацию: на сцене кликните на Camera, а в инспекторе — нажмите плюс рядом с Segmentation. Сегментация позволяет отделить человека от фона. Благодаря этой функции «Спарк» понимает, где фон, а где пользователь.
  7. Снова переходите к настройкам материала: в активах кликните на material0, а в инспекторе для этого элемента поставьте галочку у Alpha. В блоке Alpha в текстурах выберите personSegmentationMask. Таким образом вы настраиваете альфа-канал для изображения пользователя, то есть говорите «Спарку»: «Сделай часть изображения, где нет человека, прозрачной».
  8. Чтобы расположить фон за человеком, нажмите material0 → Alpha → Invert, то есть инвертируйте альфа-канал, сделайте прозрачным все, кроме изображения персонажа. Маска готова.
Перед последним шагом мы получим такое изображение — прозрачный силуэт персонажа, на который наложена фоновая картинка
В конце картинка встанет на фон. Туда можно добавлять статичные изображения и анимацию, но анимацию добавить сложнее
Вот что получилось у меня — я поменяла фон и поставила рамку

Виды материалов

Retouching — это только один из видов материала, он подходит для сглаживания. Вот какие еще режимы есть в Shader Type:

  1. Face Paint для рисования на лице. В этом режиме маска немного просвечивает. Его выбирают, чтобы нарисовать на лице легкий макияж, тату и т. п.
  2. Standard, как правило, используют для работы с 3Д-объектами. Этот режим более-менее учитывает освещение, то есть на объекте появляются затемненные и осветленные участки.
  3. Flat. В этом режиме на маску перестает влиять освещение. Лучше всего подходит для работы с двухмерными объектами.
  4. Physically-Based отвечает за максимально реалистичные поверхности, учитывает свет. Например, благодаря этому режиму на маску можно добавить шероховатости, металлические эффекты и освещение, которое имитирует свет реального мира.
  5. Blended. Он используется для смешивания текстур и цветов. Например, в этом режиме можно выбрать любую текстуру маски и поверх нее дополнительно наложить цвет — все смешается.

Запомнить

  1. Маска в Инстаграм — это специальный фильтр, с помощью которого можно изменять свои фото и видео.
  2. Сделать маску можно в бесплатной программе Spark AR Studio.
  3. С созданием простых масок может справиться даже новичок, для сложных проектов лучше привлекать AR-дизайнера.
  4. Любая маска проходит модерацию Инстаграма в течение 10 рабочих дней.