что такое маска в инстаграм и как его сделать

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

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

Что такое маски в Instagram

Маска или Instagram Face Filters — это опция камеры в Instagram, которая помогает сделать селфи более интересным, забавным и запоминающимся. C ее помощью пользователь может наложить определенные элементы или фильтры на свое фото или видео прямо во время съемки сториз. В процессе создания такого селфи можно говорить, подмигивать или смеяться, а интерактивная маска будет реагировать на мимику. Существуют разные виды масок: статичные, анимированные, с возможностью выбора элементов, с геймификацией — можно создать даже целую игру.

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

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

Чем маски могут быть полезны бизнесу

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

Как создать маску для бренда

Безусловно, для создания крутой маски лучше привлечь дизайнеров. Они помогут создать действительно вирусную маску. Но можно для начала попробовать сделать это самостоятельно и создать неанимированную (статичную маску). Для этого:

Что в итоге

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

Для создания по-настоящему интересной маски вам понадобится помощь дизайнера, но поэкспериментировать и попробовать сделать свою первую статичную маску вы можете сами. Почему нет? 🙂

Источник

Делаем маску в Инстаграм самостоятельно за 7 шагов: гайд

Не обязательно быть дизайнером или программистом. Показываем, как создать простую и эффектную маску для Инстаграма буквально за 10 минут.

Алексей Едакин

Успел поработать в двух направлениях: СМИ и маркетинге. Занимался сайтом и выпуском журнала «Выбирай.ру». Проводил онлайн-спецпроекты с локальным бизнесом и вел коммерческие аккаунты в соцсетях.

Алексей Едакин

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

Пара слов о масках в Инстаграме

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

В материале «Маски в Инстаграме: новый способ продвижения 2020» рассказываем, как их использовать для рекламы. А научиться создавать и запускать рекламу в соцсетях можно на онлайн-курсе для начинающих «Тотальная реклама: Фейсбук и Инстаграм» от SMM.school.

Как сделать маску в Инстаграм

Чтобы сделать маску в Инстаграм самому, потребуется:

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

Такую маску можно сделать буквально за 10 минут

Шаг 1. Скачайте Spark AR на сайте Facebook. Вам потребуется зайти в свой профиль в соцсети – скачивание установочного пакета начнется автоматически. Помните, что маска будет привязана к аккаунту – перекинуть ее на другой уже не получится. Поэтому, если делаете маску для коммерческого аккаунта, то заходите на хаб Spark через профиль, у которого есть подключенные или связанные страницы с другими бизнес-профилями.

Шаг 2. Запускаем редактор масок Spark AR. Нажимаем New Project. Сейчас мы с вами пройдем все этапы по созданию маски с нуля. В будущем вы можете пользоваться готовыми шаблонами из этого меню: мейкап, добавление фоновой картинки, изменение цвета глаз, добавления 3D-объекта на лицо и так далее.

Создаем новый проект

Шаг 3. Нажимаем Face Tracker в новом окне. В этом гайде мы будем делать маску для лица. Чтобы она корректно работала, нам нужен специальный инструмент – трекер лица, который отслеживает положение головы в пространстве и мимику.

Выбираем Face Tracking, останется настроить изображение на маске

Шаг 4. Добавляем слой, чтобы на него можно было накинуть эффект. Чтобы наше будущее изображение корректно отображалось на лице, нужно создать рабочую область. В окне Scene находим пункт FaceTracker0, нажимаем правой кнопкой по нему. В выпавшем списке выбираем Add Object, а затем – FaceMash.

После выбора этого пункта лицо на превью покроется «шахматной доской»

Шаг 5. Нажимаем на только что созданный слой FaceMash0. Смотрим в крайнее правое окно – перед вами откроется настройка слоя. Давайте добавим материал – кликните по пункту Materials.

Материал создает графическую область, куда нам останется только накинуть изображение. После этого «шахматная доска» на лице станет однотонной

Шаг 6. Скачиваем шаблоны лица. Теперь нужно правильно разместить изображение на лице. Чтобы корректно наложить текстуру, нужны шаблоны лица. Скачивайте, распаковываете и находите в папке Textures мужское или женское лицо. Берете любое и открываете в графическом редакторе, который умеет работать со слоями: Фотошоп, GIMP, подойдет даже Canva. Шаблон нам нужен только для того, чтобы правильно расположить изображения.

Например, как здесь – я поставил первое попавшееся изображение без фона и поставил его на маску лица

Важно: перед сохранением удалите маску лица и оставьте только изображение, которое хотите наложить на лицо. Он должно быть с прозрачным фоном, сохраняйте в формате PNG. Пример – ниже.

Файл остался тем же, но, как видите, я его сместил чуть ниже, а еще у него изменился масштаб. Оба файла – с прозрачным фоном

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

Шаг 7. Возвращаемся в редактор масок Spark AR. Теперь нам остается добавить картинку на лицо. Кликаем по Material0 в левом нижнем окне Assets. Слева откроются настройки материала – найдите пункт Texture. Нажмите на Choose File и откройте сохраненное изображение в формате PNG. Оно автоматически наложится на лицо.

Добавляем изображение

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

Изображение появилось на лице, а «шахматная доска» и однотонная область исчезли. Значит, все сделали правильно

Естественно, это не все возможности редактора – в нем можно еще делать анимацию, прописывать скрипты и добавлять трехмерные объекты. Об этом я расскажу в отдельных материалах, если редакция SMMplanner даст такое задание 🙂

Как загрузить маску к себе в Инстаграм

За это в Spark AR отвечает кнопка Publish – она находится внизу в редакторе масок.

Этой кнопкой мы загрузим файл на специальный сайт для масок в Фейсбуке

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

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

Важно, чтобы все пункты в разделе Platform Requirements были зелеными. Если будут красными, нажмите на них и посмотрите, в чем проблема

После загрузки вас автоматически перекинет на Spark AR Hub – это центр управления вашей маской. Если окно Spark AR Hub не открывается автоматически после нажатия кнопки Upload, нужно загрузить эффект вручную. Для этого в окне Publish выберите пункт Export и сохраните файл в любой удобной папке на компьютере.

Сохраняем маску вручную

Потом заходим на Spark AR Hab и нажимаем на кнопку «Опубликовать». Выбираем «Эффект».

Как загрузить маску напрямую в AR Hub

В окне добавления масок выбираем «Выбрать файл» и находим нашу сохраненную маску на компьютере.

Загружаем сохраненную маску с компьютера

В меню Spark AR Hub для публикации маски вам нужно обязательно ввести название маски, указать хотя бы одну категорию, привязать ее к профилю и загрузить демонстрацию эффекта на себе – она будет служить превью маски. Думаю, проблем с заполнением заявки не возникнет, разве что с загрузкой демонстрационного видео. Поэтому этот процесс разберу чуть подробнее.

Шаг 1. Нажмите на кнопку «Сохранить» в Spark AR Hub. Ваш файл сохранится в хабе – это требуется, чтобы потом отправить его для теста на телефон.

Сохраняем маску в рабочем кабинете

Шаг 2. Нажмите «Протестировать на устройстве». После сохранения эта кнопка станет активной. Смело кликаем по ней.

Начинаем тестирование маски

Шаг 3. Отправьте ссылку на маску друзьям или скиньте напрямую себе на аккаунт. В новом окне выберите, куда отправить маску. По прямой ссылке маской может воспользоваться не более 50 пользователей.

Отправляем маску в свой аккаунт в Инстаграме

Шаг 4. Заходим в Инстаграм. Переходим в раздел с лайками – ваш эффект появится в списке. Нажимаем на него и в окне «Тестирование эффекта» жмем «Продолжить». Снимаем сторис и сохраняем на устройстве. Передаем файл на компьютер любым удобным способом: через облачный диск, USB-кабель или блютус.

Снимаем сторис с нашей маской и сохраняем ее на телефон

Шаг 5. Загружаем видеофайл в Spark AR Hub. Нажимаем «Отправить». Время проверки эффекта – от нескольких часов до нескольких недель.

Отправляем маску на модерацию

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

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

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

Это все – создавайте, креативьте и загружайте ваши маски. Инструмент интересный и творческий.

Источник

Как сделать простую маску для Инстаграма

И не разориться на дизайнере

Чтобы появиться в Инстаграме, не обязательно хорошо выглядеть — можно использовать маску.

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

Раньше маски в Инстаграме мог создавать только ограниченный круг разработчиков. С августа 2019 года маски может делать кто угодно.

Сначала понравившуюся маску нельзя было просто так скачать: для этого нужно было подписаться на создателя маски. Блогеры этим активно пользовались — создавали маски, чтобы увеличить количество подписчиков. Теперь же подписываться на создателя маски не нужно: эффекты доступны всем.

Чтобы создать маску, не обязательно быть дизайнером. Ее может сделать кто угодно в программе Spark AR Studio. В статье расскажу, какие маски можно и нельзя делать, как разобраться в «Спарке» и самостоятельно сделать простые маски.

Правила могли измениться

Чтобы созданную маску выложили в открытый доступ, она должна пройти модерацию. У «Спарка», Фейсбука и Инстаграма много правил, в которых тяжело ориентироваться. Я расскажу о самых важных.

Вот что запрещено показывать на масках:

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

У «Спарка» есть дополнительные рекомендации о логотипах, тексте и эффектах, искажающих лицо. Например, для маски можно использовать только один логотип, и он должен быть ее естественной частью. Текста тоже должно быть немного — не больше одного предложения. А еще он должен естественно встраиваться в эффект, быть большим и читаемым.

Пример маски с логотипом — здесь он один и естественным образом встраивается в эффект Пример маски, в которой есть текст, но его немного. Правило о количестве текста в эффекте довольно размытое, поэтому сказать точно, сколько слов Фейсбук примет, нельзя

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

Еще недавно появилось правило о том, что маска не должна закрывать большую часть лица или делать пользователя неузнаваемым. Сначала из-за этого правила удалили много масок — даже те, которые рисовали стрелки на глазах — а потом вернули. Насколько я понимаю запутанные правила «Спарка», новую маску с искажениями уже могут не одобрить, а старые работают.

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

В марте 2020 года сделать маску для Инстаграма можно в программе Spark AR Studio. Это бесплатная программа от разработчиков Фейсбука на английском.

Кроме «Спарка» пригодятся еще Spark AR Player и «Фотошоп» или другой графический редактор с похожими функциями. Плеер нужен, чтобы посмотреть готовую маску на смартфоне. А в редакторе удобно работать с изображениями, которые вы решите встроить в маску.

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

Чтобы войти в «Спарк», нужно ввести электронную почту и пароль от своей страницы в Фейсбуке. Если страницы в Фейсбуке нет, придется там зарегистрироваться. После короткого обучения по программе откроется приветственная страница.

У «Спарка» есть только англоязычная версия, поэтому новичку сориентироваться в программе может быть сложно.

Чтобы было легче ориентироваться в английском меню, я сделала таблицу

Чтобы создать новый проект, нужно нажать кнопку Blank Project или File → New. В появившемся окне в центре находится рабочая область, вверху — меню, слева — поля, где будут все дополнительные материалы и эффекты, а справа — настройки.

На рабочей области можно сразу увидеть, как маска выглядит на пользователе — видео с персонажем непрерывно проигрывается в правом верхнем углу рабочей области. Рабочую область можно крутить мышкой, зажимая клавишу Ctrl или Cmd.

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

Инспектор — это панель справа от рабочей области. На ней появляются функции и параметры объекта, который вы выбираете на сцене или в активах. Например, если на сцену добавить прямоугольник (Add Object → Rectangle → Insert), то в инспекторе отобразятся все параметры, по которым его можно настроить: размер, положение, материал и др.

В левом верхнем углу «Спарка» — область управления видео с человеком на рабочей области. Это видео нужно для того, чтобы проверить, как проявляется эффект.

Видео с персонажем можно остановить кнопкой Pause или перезапустить кнопкой Restart — они находятся под иконкой камеры.

В левом нижнем углу «Спарка» есть еще несколько кнопок:

Я покажу, как сделать пять простых масок. Эффекты, которые я использую в них, можно комбинировать как угодно. Например, одновременно можно заменить фон и добавить рамку.

Эффект гладкой кожи

Это самая простая маска, которую можно сделать за несколько минут. Нажмите правой кнопкой мыши на сцене и выберите: Add → Face Mesh. После этого на лице персонажа из рабочей области появится маска с шахматной текстурой — это 3Д-модель лица.

После на сцене кликните по faceMesh0, и справа на панели инспектора появятся настройки. Нас интересует пункт Materials — материалы. Жмите плюсик рядом с ним — так мы добавим белую маску персонажу. Эту маску можно менять, в том числе создать с ее помощью эффект гладкой кожи. Если кликнуть на material0 в поле Assets, справа появятся параметры маски.

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

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

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

Рамка

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

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

Замена фона

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

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

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

Маска Бэтмена

Для этой маски вы вновь поработаете с лицом персонажа, но через дополнительные текстуры. В новом проекте на сцене нажмите Add Object → Face Tracker → Insert. Глобальных изменений после этого не последует, но на рабочей области появятся оси координат — так и должно быть.

Там же на сцене кликайте правой кнопкой мыши на faceTracker0. В контекстном меню выберите Add → Face Mesh. Лицо персонажа на рабочей области покроется шахматной текстурой. После добавьте в инспекторе материал к маске: нажмите плюс рядом с Materials.

Дальше нужно будет подготовить и загрузить текстуру маски. Для этого понадобится скачать специальные референсы — схематичные картинки лиц — и немного поработать в «Фотошопе». Референсы помогут расположить элементы на маске так, чтобы они идеально подошли пользователю.

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

Скачайте референсы от «Спарка». В архиве две папки — Mesh и Textures. Переходите в папку Textures, там возьмите файл faceFeminine.jpg для женской маски или faceMasculine.jpg для мужской.

Это специальные референсы от «Спарка». Благодаря им маска, которую вы рисуете, ложится на персонажа правильно

Когда скачаете текстуры, сделайте следующее:

Как только ваша текстура будет готова, загрузите ее в «Спарк»: нажмите material0 в активах → Texture в инспекторе → кнопка Choose File.

В инспекторе выберите вид материала маски — Shader Type. Для примера я использую режим Standard. Маска готова.

Маска с цветокоррекцией

Работать с цветокоррекцией можно с помощью стандартного шаблона маски Color Filter. Но возможности этого шаблона ограничены: можно поменять яркость, контрастность, оттенок цвета и еще несколько параметров. Красивые художественные фильтры таким набором не создать.

Чтобы получить более качественные и интересные настройки цветокоррекции, нужно использовать LUT-таблицу — это специальное изображение, которое хранит в себе данные о цветах и о том, как они меняются.

Вы можете задать собственные настройки цветокоррекции, скачав нейтральную лат-таблицу и отредактировав ее в «Фотошопе». Но для начала я рекомендую поработать с готовыми шаблонами, чтобы понять принцип. Готовых лат-таблиц в интернете много. Например, можно взять таблицы от разработчика Джоша Беквита на «Гитхабе». Выберите любую и протестируйте, как она работает, в «Спарке». Я покажу, как работает цветокоррекция, на примере эффекта solarize.

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

Теперь у вас есть лат-таблица и специальный патч. Получившийся набор нужно добавить в активы «Спарка» через Import From Computer. Важно, чтобы лат-таблица не сжималась, поэтому кликните на нее в активах и настройте в инспекторе: Manual Compression → галочка у No compression.

Дальше последовательность действий такая:

Подготовительные работы закончились, теперь открывайте редактор патчей: View → Show/Hide Patch Editor и мышкой перетаскивайте в него ваш загруженный патч. Туда же нужно перетащить cameraTexture0, лат-таблицу с цветокоррекцией и текстуру material0. Чтобы перетащить в редактор патчей текстуру материала, нужно кликнуть по материалу в активах, а в инспекторе в графе Texture нажать на стрелочку:

Теперь все элементы нужно соединить:

Источник