Как делать маски для инстаграм на windows

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

Кстати, перед тем, как делать её, посмотрите больше блестящих идей и способов её применения, жмите ссылку и вдохновляйтесь.

Как создать маску за 10 минут

Разработка маски для Instagram и правда не займет много времени. И если Вы не станете заморачиваться разработкой 3D-эффектов, после прочтения пошаговой инструкции будет достаточно 10-ти минут, чтобы научиться их делать.

Шаг 1. Установите программу Spark Ar Studio

Для этого перейдите по ссылке и нажмите “Скачать” (единственная кнопка легко загрузит программу на Windows или Mac OS). Затем зарегистрируйтесь или войдите через личную страницу в Facebook.

Чтобы сделать маску в Инстаграм самостоятельно, нажмите на голубую кнопку “Create project” (создать проект) в правом нижнем углу.

На будущее: кликнув на кнопку «Open Project» (открыть проект), можно открыть любой существующий проект и продолжить его редактирование, используя сохраненные раннее пресеты (настройки).

Шаг 2. Добавьте трекинг лица

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

Чтобы добавить “человеческую модель” на рабочую область, нажмите “Add object” (добавить объект) на левой вертикальной панели инструментов.

В развернувшемся окне выберите “Face Tracker” (трекинг лица) и нажмите “Insert” (вставить). Появится стандартный мужчина из программы.

Теперь все движения (повороты головы и лица) будут фиксироваться программой. То есть на прототипе появятся оси координат.

Шаг 3. Включите сетку

Сетка отвечает за отображение самой маски на лице. Чтобы включить ее, нажмите “Add object” на левой вертикальной панели инструментов, выберите “Face Mesh” (лицевая сетка) и кликните “Insert”.

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

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

Эти параметры настраиваются на правой верхней панели инструментов с помощью синих галочек.

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

Шаг 4. Добавьте материал

Материал — это основа, некая подложка, на которую будут крепиться все элементы будущего эффекта.

Чтобы добавить материал, щелкните на плюсик напротив раздела Materials в правом вертикальном меню.

После этого шахматная вставка должна обрести глянцевый вид, а сноска material появится в левом меню.

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

Шаг 5. Выберите тип материала

Щелкните по “material” в левом меню. Затем перейдите на правую панель. В нем должен отобразиться раздел “Shader Type” (тип материала). Раскройте выпадающий список рядом с этой надписью и выберите нужный тип материала:

• Flat — плоская маска;
• Standard — стандартное глянцевое покрытие (используется по умолчанию);
• Physically-Based — легкая потертость и шероховатость поверхности хорошо подходит для масок со световыми эффектами;
• Face Paint — нанесение краски на маску. Подходит для создания эффекта макияжа или тату;
• Blended — комбинация текстур и эффектов, подходит для масок типа “получеловек-полуживотное”;
• Retouching — сглаживаниеизменение пропорций лица (увеличить/уменьшить глаза, нос, губы).

Как только Вы добавите нужный материал, можно переходить к добавлению текстур. Приготовьтесь распаковывать чемоданы с картинками.

Шаг 6. Нанесите текстуру

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

Итак, чтобы добавить текстуру, нажмите в левом меню на “material”. Затем перейдите в правое меню и в разделе “Texture” (текстуры) щелкните на стрелочку рядом с надписью “Choose file” (выбрать файл), в выпадающем списке выберите “New Texture” (новая текстура).

Загрузите любое изображение с компьютера. Картинка всегда будет растягиваться на всю поверхность лица.

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

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

Шаг 7. Протестируйте маску

Самый простой способ сделать это — использовать визуальный симулятор. Он расположен в правом верхнем углу поля.

В выпадающем списке Вы можете выбрать любое мобильное устройство и посмотреть, как на нем будет выглядеть эффект.

Если хотите протестировать эффект на себе, нажмите значок видеокамеры в левом вертикальном меню и выберите “HP Webcam”. В симуляторе появится Ваше лицо.

Другой вариант — установить на телефон мобильное приложение Spark AR Player и подключить смартфон USB-кабелем к компьютеру. Тогда эффект будет отображаться прямо на экране мобильного.

После тестирования загрузите новую маску на компьютер. Для этого нажмите “File”, затем “Export” и выберите место сохранения. Вес файла должен быть строго не более 20 Мб.

Отлично, осталось немного — отправить готовую маску на модерацию и еще раз все проверить (чтоб наверняка).

Шаг 8. Предложите на публикацию

Модерация масок проходит на сервисе Spark AR Hub. Чтобы загрузить маску на проверку, на вкладке “Manage Effects” (управление эффектами) нажмите голубую кнопку “Загрузка эффекта”.

Выберите нужную площадку для публикации — в Facebook или Инстаграм, введите название эффекта и нажмите «Далее».

Теперь нужно создать иконку, которая будет служить обложкой маски в социальной сети. Важно, чтобы миниатюра отражала её основные элементы, но не была точной копией.

Важно. Повышайте качество охватов и работайте только с живой аудиторией. В этом Вам поможет Spam Guard. Сервис автоматически отчистит профиль от ботов, фейков и коммерческих аккаунтов. А ещё, по промокоду «inscale» скидка 20%. Кликайте и тестируйте бесплатно -> SpamGuard

Допустимый размер иконки от 200×200 до 700×700 px. Загрузите значок эффекта на вкладке “Файл эффекта”, потом загрузите саму маску из компьютера в ту же вкладку. Нажмите “Далее”.

Система предложит еще раз протестировать созданную маску прямо в приложении Instagram. Предпросмотр эффекта будет доступен в течение часа только для Вашего аккаунта.

Если все круто, и Вас всё устраивает, загрузите в следующем окне видео демонстрацию. Её легко сделать с телефона в приложении Spark с помощью записи экрана. Затем отправьте маску на проверку.

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

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

Еще немного терпения, и Вы сможете увидеть плоды своего труда, обратившись к статистике.

Шаг 9. Проверьте статистику

Когда новой маской в instagram начнут пользоваться Ваши подписчики, откроется статистика, и Вы сможете отслеживать ее эффективность. Статистику просматривают в Spark AR Hub на вкладке “Insights”. Для просмотра доступны три показателя:

• Показы — сколько раз маска показывалась в Инстаграм;
• Снимки — сколько раз юзеры делали селфи с маской;
• Репосты — сколько раз фолловеры делились маской в сториз.

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

как можно использовать

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

1. Для развлечения аудитории

Креативные эффекты для сторис в инсте от популярных блогеров и артистов быстро разлетаются по аудитории соц.сети и приводят им новых подписчиков.

2. Для имиджевых акций

Кафе-кулинария использовала собственные маски для повышения узнаваемости бренда. Идея «блинных селфи» очень понравилась клиентам.

3. Для пиар мероприятий

Журнал Glamour презентовал праздничную маску в честь своего 15-летия и получил упоминания в топовых СМИ. Сейчас в аккаунте журнала целая коллекция масок.

4. Для взаимодействия с аудиторией

Российский хоккейный клуб предложил болельщикам с помощью маски стать хоккеистами и даже отбить шайбу (летящую прямо в рот). Авторам самых креативных фото клуб подарил билеты на матч.

5. Для поиска сотрудников

Один из российских телеканалов с помощью масок в instagram искал кандидатов на должность корреспондента. Работодатель убил сразу трех зайцев: увидел человека, услышал его голос и мини-визитку.

6. Для освещения социальных вопросов

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

Кстати. Если Вы хотите раскрутить свою маску, то сделать это можно через свои сторис, и для этого рекомендую сервис — Instaplus.pro. С ним Вы увеличите охват историй до 30%, а значит «подстроите» алгоритмы Инстаграм под себя и сможете больше зарабатывать. Кликайте и тестируйте сервис -> Instaplus.pro

Коротко о главном

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

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

— Плюсы

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

• Охват профиля. В историях юзеров, использующих маску, в верхнем левом углу видно имя ее автора. Через клики на никнейм создателя маска разлетается по соцсети, а это повышает охват профиля;
• Вирусный эффект. Обязательность подписки на автора маски уже в прошлом, но аудитория по привычке пополняет число подписчиков профиля. Причем рост аудитории происходит без вложений в рекламу;
• Презентация товаров. Можно использовать маски в качестве, например, манекенов. Дайте потенциальным клиенткам возможность “примерить” на себя новую прическу или украшение — это поможет повысить продажи;
• Интерес к бренду. Сделайте именную маску или добавьте нативное упоминание бренда или элементы, вызывающие ассоциации с ним. Это поможет в формировании лояльности пользователей;
• Публикации в СМИ. Самые крутые маски могут стать кейсами в тематических СМИ. Или Вы можете сами предложить им материал, в том числе платно. А ссылки на ресурс повысят интерес к Вашему проекту;
• Средство заработка. Навыки создания масок можно монетизировать. Например, запустить курсы по их созданию «своими руками» или делать маски на заказ (сейчас бренды нередко ищут таких «мастеров»).

— Минусы

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

• Падение охватов. «Привычка» пользователей подписываться может стать проблемой. Юзеры не смотрят контент, а мертвым грузом висят в списке подписчиков, что снижает охваты;
• Распыление аудитории. Ваши маски могут нравиться не только целевой аудитории. На аккаунт могут прийти подписчики, которые не поддаются стратегии продвижения;
• Иностранные пользователи. В Российских аккаунтах подписчики-арабы становятся удивлением. А рекламодатели воспринимают этих людей за ботов (их желательно чистить);
• Стоимость рекламы. Все предыдущие пункты снижают цену на рекламу, поскольку падает вовлеченность профиля, и Вы становитесь неинтересны рекламодателям.

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

Нашли ошибку в тексте? Выделите фрагмент и нажмите ctrl+enter

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

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

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

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

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

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

• Официальный редактор от Фейсбука* для масок в Инстаграме* – Spark AR. Для его работы нужен компьютер на базе Windows или MacOS, который соответствует минимальным системным требованиям.
• Изображение с прозрачным фоном, который вы хотите разместить на лице. Можете взять любое из интернета для теста – вбейте в поиске «графика» и выставьте в фильтре «файл PNG» и «без фона».
• Любой графический редактор, который умеете работать со слоями. Подойдет даже Canva.

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

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

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

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

Шаг 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 мегабайта. Старайтесь не перебарщивать с эффектами, иначе отправить файл на публикацию не получится.

Жмем на Upload.

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

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

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

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

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

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

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

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

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

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

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

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

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

Главное

• Для создания маски вам нужен редактор Spark AR – скачивайте и устанавливайте его на компьютер.
• Пользуйтесь готовыми шаблонами по алгоритму из статьи – не бойтесь нажимать на кнопки и смотреть, что получится.
• Вам необязательно уметь рисовать, но небольшой навык работы в Фотошопе будет нужен, чтобы создавать изображения без фона.
• Маски в Инстаграме* – это крутая фишка для сторис, которая будет полезна как бизнесу, так и блогерам.

Подробнее о том, как бизнес использует маски, читайте в статье «Создание AR-масок для Инстаграма*: инструкция и примеры для бизнеса».

4. Установите размеры прямоугольников. Выберите прямоугольник фона (ранее известный как «Rectangle0»), и вы увидите его свойства на панели справа. Нажмите на поля рядом с надписью «Size» («Размер»), чтобы изменить ширину («Fill width») и высоту («Fill height») заполнения и растянуть прямоугольники на весь экран устройства. Сделайте это и для второго прямоугольника. Ваш видовой экран будет полностью покрыт прямоугольниками, которые будут отображаться в виде клетчатого рисунка под названием «Альфа». Это означает, что они прозрачны, но они все еще там.

5. Разделите слои. По умолчанию любой объект, который вы добавляете, присоединяется к слою, в котором вы последний раз работали. Если вам это не нужно, переместите его на другой слой. Чтобы эффект сегментации сработал, вам понадобятся прямоугольники в разных слоях. Так фон «отрисуется» после переднего плана. Для этого и нужен прямоугольник фона на панели «Scene». На панели «Inspector» справа щелкните поле «Layer» («Слой») и выберите «Create New Layer» («Создать новый слой»). При желании вы можете переименовать слои, выбрав вкладку «Layers» в правом верхнем углу панели «Scene» и дважды щелкнув на имя каждого слоя по очереди.

6. Создайте новые материалы. Время придать этим прозрачным прямоугольникам твердую, видимую форму. Для этого и нужна функция «Materials». Вы можете назначить каждому прямоугольнику свой собственный материал: выберите их поочерёдно на панели «Scene», а затем на панели «Inspector» справа щелкните значок «плюс» рядом с «Materials» и нажмите «Create New Material». На панели «Assets» в результате должно появиться два материала (под каждый прямоугольник)
Материалы также можно переименовать. Выбрав материалы, вы увидите множество новых параметров на панели «Inspector». Можете изменить цвет, текстуру, прозрачность, смешение и так далее. Если хотите поэкспериментировать с вашими фильтрами, меняйте эти параметры и смотрите, что получается.

7. Создайте текстуру сегментации. Это превратит любое видео, снятое вашей камерой, в текстуру, а это означает, что оно отделит вас (или того, на кого вы указываете) от фона. На панели «Scene» нажмите «Camera», а на панели «Inspector» щелкните знак «плюс» рядом с «Segmentation». На панели «Assets» появится новый ресурс, который по умолчанию называется personSegmentationMaskTexture0.

8. Добавьте «извлечение текстуры» на передний план материала. Сначала нажмите «Camera» на панели «Scene», а на панели «Inspector» щелкните знак «плюс» рядом с «Texture Extraction» («Извлечение текстуры»). На панели «Assets» появится другой ресурс с именем «cameraTexture0».
Чтобы использовать его в качестве новой текстуры, нажмите на материал переднего плана на панели «Assets». На панели «Inspector» измените «Shader Type» («Тип шейдера») на «Flat» («Плоский»), что придаст этому материалу свойства плоского 2D-элемента.
В «Diffuse» (второй элемент на панели «Inspector») найдите «Texture» и выберите cameraTexture0 в раскрывающемся меню. Внизу установите флажок рядом с «Alpha», в поле «Texture» откройте раскрывающееся меню и выберите personSegmentationMaskTexture0.

9. Измените фон. Может показаться, что ничего не произошло, но вы почти у цели, так как установили основу для своего фильтра. Нажмите на материал для фона и на панели «Inspector» в разделе «Diffuse» измените цвет на то, что контрастирует с объектом в камере. Это поможет вам отрегулировать края сегментации путем изменения размера маски и мягкости края. Эти параметры вы найдете на панели «Inspector», когда дважды щелкнете personSegmentationMaskTexture0.
Выберите материал для фона и в разделе «Diffuse» сбросьте цвет на белый. Ниже, рядом с «Texture», нажмите «Choose File From Computer» («Выбрать файл с компьютера») и загрузите изображение, которое собираетесь использовать в качестве фона. Имейте в виду, что файлы фотографий могут быть слишком тяжёлыми для Instagram или Facebook, поэтому делайте их настолько «легкими», насколько это возможно.

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

Содержание

(*продукт компании Meta, которая признана экстремистской организацией в России)

Маски – быстрый и удобный способ сообщить пользователям о компании в развлекательной форме. Они отражают бренд и его философию, отношение к клиентам. Рассказываем, зачем бизнес-аккаунтам маски в Инстаграм* (продукт компании *Meta, которая признана экстремистской организацией в России) и как их создать.

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

(*продукт компании Meta, которая признана экстремистской организацией в России)

Маски в Инстаграм* (продукт компании *Meta, которая признана экстремистской организацией в России) – это визуальные эффекты, которые помогают разнообразить фото и видео. Пользователи могут накладывать фильтры, корректировать цвет, добавлять декоративные элементы. Их надевают как в прямом эфире, так и при загрузке контента в сторис. 

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

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

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

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

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

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

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

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

Контролируйте маркетинговые расходы компании, эффективность рекламы с помощью продуктов Calltouch. Вы сможете делать выводы об эффективности маркетинга на основе полных данных и оптимизировать рекламу.

Бесплатная реклама, рост охватов и продаж 

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

Вирусный эффект

Когда пользователь выкладывает сторис с маской в Инстаграм* (продукт компании *Meta, которая признана экстремистской организацией в России), его подписчики интересуются визуальным эффектом. Они примеряют маску на себя, размещают в своих историях, их знакомые забирают ее в свои сторис. Таким образом бренд может увеличить активность аккаунта.

Имиджевые акции

Организации могут создавать маски перед проведением мероприятий, при создании нового продукта или чтобы напомнить клиентам о себе. Это мотивирует покупателей на новые покупки и повышает узнаваемость бренда.

Примерка продукта

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

Виды масок

Неанимированные (обычные)

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

Анимированные

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

С возможностью выбора

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

С геймификацией

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

Преимущества

☑ Внимание аудитории, увеличение охватов и реакций в бизнес-аккаунте.

☑ Примерка понравившейся вещи.

☑ Бесплатная реклама в социальной сети.

Недостатки

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

Сквозная аналитика Calltouch поможет проанализировать рекламу со всех источников, в том числе из Инстаграм* (продукт компании *Meta, которая признана экстремистской организацией в России). Учитывайте все расходы на маркетинг и все лиды на основе наглядных отчетов.

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

* (продукт компании Meta, которая признана экстремистской организацией в России)

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

Можно ли сделать маску бесплатно

Маску можно сделать самостоятельно без затрат. Понадобятся программы графического редактирования.

Facebook* (продукт компании *Meta, которая признана экстремистской организацией в России) в помощь пользователям открыл Spark AR – русскоязычное сообщество разработчиков масок и игр. Вы найдете информацию по самостоятельному проектированию и примеры для вдохновения. На платформе много учебных материалов для новичков.  

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

Перед тем как создать маску, нужно скачать:

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

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

(*продукт компании Meta, которая признана экстремистской организацией в России)

1. Открыть макет маски и подобрать необходимые детали. Лучше найти изображение в формате png без заднего фона.
2. Разместить в Adobe Photoshop скачанные элементы на чистом холсте.

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

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

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

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

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

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

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

На Android

Чтобы создать маску, нужно:

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

На iPhone

Действуйте аналогично схеме для Android:

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

iPhone используют как дополнительную платформу для тестирования контента. Для этого маску с компьютера загрузите на смартфон с помощью шнура USB. После включите эффект на телефоне и оцените визуальные эффекты. При необходимости устраните недостатки.

На компьютере с Windows

Для разработки AR-эффектов на Windows необходимо:

1. Создать проект в Adobe Photoshop.
2. Переместить маску в Spark AR Studio.
3. Добавить текстуры.
4. Проверить маску с помощью мобильного приложения Spark AR Player.
5. Загрузить в Facebook* (продукт компании *Meta, которая признана экстремистской организацией в России) и отправить на модерацию.

Обратите внимание, что с некоторыми видеокартами программа может некорректно работать.

Как сделать маску доступной другим пользователям

После тестирования в Spark AR Player и успешной модерации вы получите статус тестера в Facebook* (продукт компании *Meta, которая признана экстремистской организацией в России) и возможность загрузки маски в Instagram(*продукт компании Meta, которая признана экстремистской организацией в России). Добавьте эффект в личный аккаунт, в профиль для бизнеса или автора. В зависимости от типа аккаунта модераторы присвоят маске соответствующий статус. Затем маска станет доступна для пользователей.

Как продвигать маску

☑ Через открытую или нативную рекламу. Блогер размещает сторис с использованием маски бренда и напрямую отмечает его на своей странице.

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

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

Узнать эффективность маски можно по количеству:

• показов – сколько раз пользователи смотрели маску;
• снимков – количества фото и видео с AR-эффектом бренда;
• репостов – сколько раз делились маской в сторис.  

Коротко о главном

• Маски в Инстаграме* (продукт компании *Meta, которая признана экстремистской организацией в России) привлекают новую аудиторию в аккаунт за счет популярного формата. Красивый фон, необычный эффект и продуманная детализация делают маску популярной среди пользователей, а бренд – известным и узнаваемым. Так увеличиваются продажи и количество подписчиков в аккаунте соцсети.  
• С помощью AR-эффектов можно проводить имиджевые акции, демонстрировать товар, создавать виртуальную примерку одежды, делать бесплатную рекламу бренда.
• Для разработки масок подойдет программа Spark AR Studio. Есть мобильная и десктопная версии. Попробуйте создать маску для Инстаграм* (продукт компании *Meta, которая признана экстремистской организацией в России) самостоятельно или обратитесь к дизайнеру.

Что понадобится во время урока?

● Материалы https://drive.google.com/open?id=1ItO9AN4S71eEeb1Sw27kWYL44-ovh4A8

● Приложение на телефон для тестирования маски https://apps.apple.com/ru/app/spark-ar-player/id1231451896

● Приложение на компьютер для создания масок https://sparkar.facebook.com/ar-studio/download

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

● Мозг.

Сегодня мы создадим с тобой первую маску:)

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

План урока

1. Подготовка текстуры для FaceMesh в Photoshop;
2. Создание FaceMesh с ретушью;
3. Создание FaceMesh с рисунком;
4. Тестирование маски;
5. Экспорт маски;
6. Загрузка маски.

Этап 1 — Подготовка текстуры для FaceMesh в Photoshop.

Если у вас нет Фотошопа или вам хочется приступить сразу к маске — в наборе материалов есть готовая тестура.

1.1 Открываем фотошоп.

1.2 Открываем в нем два файла из дополнительных материалов FaceMeshTreckers.png и FaceFeminine.jpg.

1.3 Располагаем их в одном файле, в той последовательности, которая указана на фото ниже.

1.4 Что это вообще такое? Любой рисунок в нашей маске — это текстура . На текущем этапе мы эту текстуру с вами будем создавать. Эти два файла помогают понять, как нарисовать задуманную текстуру (аналогично кальке), как расположить задуманный объект.

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

Переходите по ссылке, чтобы получить неделю бесплатного использования!

1.5 Добавим логотип Dnative.png к этим файлам и двигаем с помощью инструмента “Трансформирование” Cntrl+T . Когда работаете с надписями располагайте их немного под углом. Тогда она будет “ложиться” хорошо по щеке. Благодаря подложке из наших текстур FaceMesh отлично видно, где будет находиться логотип.

1.6 Когда с расположением определились, сохраните готовый файл текстуры в разрешении png. Важно! Не забудьте скрыть слои с трекерами перед сохранением.

Этап 2 — Создание FaceMesh с ретушью.

2.1 Здесь мы начинаем свою работу в приложении Spark Ar. Открываем программу, нажимаем на “Create project” и начинаем творить.

Это твое рабочее пространство в приложении Spark Ar. Здесь есть несколько стандартных рабочих зон. В одной ты будешь работать с FaceTracker (грубо говоря, объект, который считывает мимику лица и его расположение), FaceMesh и т.д., а в другой — с материалами, текстурами, 3D объектами.

Это зона, где создаются FaceMesh, FaceTrecker и т.д.

Иерархия создания масок такая:

1. Создаешь FaceTrecker, который будет отслеживать движение лица и его мимку;
2. Создаешь FaceMesh, который будет содержать в себе рисунок/ретушь;
3. Создаешь материал для FaceMesh. Материал — это как будто бы покрытие;
4. Создаешь текстуру для материала. Тот самый рисунок, который мы рисовали в ФОТОШОП.

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

2.2 И вот теперь будем собирать маску с “0”.

Нажимаешь кнопочку “Insert” и добавляешь новый FaceTrecker.

Получится вот такая иерархия. FaceMesh находится под FaceTrecker. Это значит, что наша маска будет повторять движение лица. Если вдруг она у тебя отдельно — просто перемести ее под трекер курсором. После добавления меша появляется странная сеточка на лице у человека. Самое время добавить к ней материал.

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

Перемещаемся в правую сторону рабочего окна. Там у нас будут настройки меша. Нужно добавить материал. Для этого нажимаем на “+”, как показано на скриншоте.

Отлично! Материал создан. Это меш под сглаживание лица, значит нужно переименовать материал и изменить его свойства на сглаживание.

Нажимаем на наш материал и опять возвращаемся в рабочую зону справа. Самая первая настройка “Shader Type”. Проще говоря, тип материала. В 99% случаев ты будешь использовать такие типы :

Standart — материал будет отражать свет, у него будет тень и свет, будет объем. Для рисунка не очень хороший вариант. Но шикарный вариант для 3D моделей.

Flat — материал не будет отражать свет. Для рисунков на лице — это твой вариант!

Retouching — сглаживание кожи и пространства. Выбираем его.

Если ты все правильно сделал, то изменится значок самого материала в Assets, а так же появится возможность регулировать интенсивность сглаживания. Я рекомендую не больше 35% иначе сильно “мылит”. И еще, убирай галочку с FullScreen иначе будет сглаживаться и окружающее пространство, как будто камера грязная)

Поздравляю, мы с тобой сделали первый меш с ретушью. Этот меш будет использоваться тобой практически во всех будущих масках.

Этап 3 — Создание FaceMesh с рисунком.

Создаем новенький FaceMesh и сразу переименовываем его. Появится сеточа, ничего страшного) Создаем к ней материал с типом Flat.

Здесь выбираем создать новый материал.

Поздравляю, мы добрались до текстур). Чтобы на лице появился рисунок нужно к материалу добавить текстуру. Жмем на “Choose file” и выбираем текстурку с нашим рисунком на компьютере.

Она отобразится у тебя в Assets в кладке с текстурами.

ВАЖНО! Бывает, что текстура выглядит мутно и ее будто размазывает по лицу :

Это проблема в сжатии текстуры. Нужно изменить ее настройки и проблема быстро уйдет.

Выбираем текстуру. Переходим в рабочую зону справа. Немного пролистываем настройки вниз. Находим сжатие “Compressing”. И выбираем Smart. Все сразу же приходит в норму.

Иногда рисунок на лице может казаться слишком четким и ярким. Поэтому можно немного отрегулировать прозрачность в меньшую сторону. Для этого нажимаем на материал с рисунком, листаем настройки справа вниз и находим прозрачность. Это НЕ обязательно, просто как элемент “улучшайзинга”.

ВСЕ!

Ну вот и все, маска готова. Сделать маску с рисунком и ретушью — “изи катка”. После пары попыток на сборку маски у тебя будет уходить минут 10-15 максимум.

Этап 4 — Тестирование маски.

Важно протестить внешний вид маски на телефоне перед экспортом. Инструкция :

1. Подсоединяешь к компьютеру через USB-кабель телефон;
2. Открываешь на телефоне приложение Player;
3. Нажимаешь на кнопочку Mirror в приложение Spark Ar на компьютере;
4. Ждем пару минут передачи данных на телефон;
5. Тестируешь.

У меня эта кнопочка в верхнем правом углу. Разные версии Spark Ar — разное расположение. Ориентируйся по внешнему виду.

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

К слову, у меня Mac Air 2017, который начал конкретно подвисать на Spark Ar. Особенно на масках с летающими частицами. Поэтому возможность тестировать маски на телефон — это просто спасение, так как приложение на телефоне не вылетает.

Я просто останавливаю анимацию лица в приложении на компьютере, вношу все изменения в маску, отправляю ее на телефон и отслеживаю внешний вид с изменениями уже на iPhone. У кого не супер-мощное устройство берите этот вариант себе на заметку.

И да, ПОСТОЯННО СОХРАНЯЙ ПРОЕКТ. Вылетает зараза!

Этап 5 — Экспорт маски.

Тут еще проще, чем с тестированием маски. Нажимаешь кнопочку экспорта и все. Именно этот файл потом загружается на Spark Ar Hub. Не файл проекта, а именно файл экспорта!

Перед экспортом поудаляй все ненужные текстуры, меши и т.д. Они добавляют веса файлу.

Этап 6 — Загрузка маски.

Где загрузить маску?

Вот здесь https://www.facebook.com/sparkarhub/

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

Что нужно для загрузки маски?

Файл экспорта и отрисованная иконка. Файл-исходник иконк у тебя есть в материалах Instagram-Template, правила по рисунку иконки тут https://sparkar.facebook.com/ar-studio/learn/documentation/design/effect-icons/ .

Посмотреть готовую маску из статьи можете тут.