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

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

Stories — это один из самых эффективных способов привлечения молодых пользователей, если вы занимаетесь продвижением своей странички или странички бизнеса. По статистике только за прошлый год сторис просматривали более 500 млн. пользователей. Именно интерактивные функции вроде AR-фильтров помогают привлечь внимание пользователей.

Почему бренду стоит использовать маски?

  • Показывают лицо вашего бренда. Маски можно использовать не только для саморекламы, но и чтобы показать социальные идеи, которые пропагандирует бренд.
  • Для связи с аудиторией. AR-фильтры — уже много времени находятся на пике популярности и привлекают много внимания пользователей.
  • Быть на шаг впереди. Увы, масками в Инстаграме пользуются не все компании. Это хорошая возможность выделиться среди конкурентов: можно предложить потенциальному клиенту примерить ваш продукт перед его покупкой.
  • Помогают повысить узнаваемость. AR-маски не являются рекламным объектом, однако могут использоваться для увеличения узнаваемости бренда. Вы можете добавить логотип или другую фишку вашего бренда в маску-фильтр.

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

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

На Android

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

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

На iPhone

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

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

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

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

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

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

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

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

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

Использовать 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 Player.

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

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

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

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

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

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

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

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

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

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

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

Рамка

Сделать маску с рамкой несложно, но нужно подготовить ее шаблон в «Фотошопе». Для этого создайте в «Фотошопе» холст с прозрачным фоном 433 × 770 пикселей.

Прозрачный фон в «Фотошопе» можно задать в выпадающем меню «Содержимое фона», когда будете создавать шаблон

Затем нарисуйте на нем такую рамку, которую хотите добавить в маску. Сохраните маску в формате png: Файл → Сохранить как.

У меня получилась такая рамка. Чтобы потренироваться, можете воспользоваться моим шаблоном

Чтобы создать маску с этой рамкой, сделайте следующее:

  1. Добавьте на сцене прямоугольник: Add Object → Rectangle → Insert. В него мы поместим рамку.
  2. Настройте его в инспекторе. Измените размер: Size → Fill Width и Fill Height, чтобы он растянулся на весь экран. Для этого кликните по цифрам ширины и высоты, в выпадающем меню выберите Fill Width и Fill Height.
  3. Добавьте новый материал — плюс рядом с Materials.
  4. Выберите тип материала: Shader Type → Flat. Это самый подходящий тип материала для работы с двухмерными объектами — такими, как наша рамка.
  5. В Texture материала выберите вашу рамку: Choose File → находим ее на компьютере → Open. Маска готова.
Чтобы растянуть прямоугольник, нужно в меню Size кликнуть по цифрам и в выпадающем меню выбрать Fill Width и Fill Height
Вот такая маска с рамкой получилась в итоге

Замена фона

Теперь предлагаю поработать с фоном — добавить за персонажем статичное изображение — например, цветы. Для этого загрузите желаемый фон кнопкой 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, то есть инвертируйте альфа-канал, сделайте прозрачным все, кроме изображения персонажа. Маска готова.
Перед последним шагом мы получим такое изображение — прозрачный силуэт персонажа, на который наложена фоновая картинка
В конце картинка встанет на фон. Туда можно добавлять статичные изображения и анимацию, но анимацию добавить сложнее
Вот что получилось у меня — я поменяла фон и поставила рамку

Инструкция по созданию неанимированной маски

Чтобы создать и выпустить в мир свою уникальную маску, нужно соблюдать определенные требования и вот они:

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

Интерфейс программы довольно простой. Подойдет как и для продвинутых пользователей ПК, так и для новичков.

Чтобы ознакомиться с программой, наводим курсор на вкладку Сreate project, так мы создадим новый проект и войдем в главное меню.

Слева есть иконки Video, Play, Restart. С их помощью вы можете выбрать разных персонажей для примерки маски, а также примерить маску на собственное лицо, нажав на название вашей камеры.

Cкрин главного экрана программы
​Bконки Video, Play, Restart

Поле Scene — зона манипуляций, куда добавляются все маски и объекты. Поле Assets — зона с материалами, текстурами и импортированными объектами.

На основном экране посередине находится зона просмотра, где мы можем управлять объектами, изменять размер при помощи стрелок.

​Зона просмотра 

Выгружаем маску в Instagram

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

Для этого переходим в меню слева, нажимаем «File», затем «Export and Upload»

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

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

Жмем кнопку «Upload»

   Загружаем маску

Загружаем маску

Далее нас перекидывает в Spark AR Hub, где нам предстоить заполнить карточку нашей маски:

  • Называем маску
  • Выбираем категорию 
  • Добавляем ключевые слова, по которым можно будет найти маску, 
  • Нужно снять и добавить демонстрационное видео, которое будут видеть пользователи, при переходе во вкладку эффекты в вашем профиле,
  • Загружаем значок маски (для того, чтобы нарисовать иконку в папке с материалами для создания маски вы найдете все необходимые файлы). Советуем также изучить справку как делать иконки к маске 
  • Можно оставить инструкцию для специалиста поддержки, если у вас сложная маска (например, чтобы маска заработала нужно провести пальцем по экрану или сделать определенное движение головой)
  •      	Заявка на модерацию маски

    Заявка на модерацию маски

    Когда мы заполним всю необходимую информацию – жмем «Отправить».

    Готово, теперь наша маска находится на модерации и в скором времени мы сможем ее использовать в Stories.

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

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

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

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

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

    Доступ к видеокурсу

    Я подготовила для вас видеокурс по созданию масок в Инстаграм. Создадим несколько масок, с ретушью и 3d объектом. Курс содержит 4 видео урока, а также документ с ссылками на ресурсы, которые вам понадобятся в ходе работы. Чтобы получить курс абсолютно бесплатно, укажите ниже в форме вашу почту. Доступы придут вам в письме.

    Adblock
    detector