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

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

Новые возможности пришлись по вкусу не только digital-дизайнерам, но и рядовым пользователям, ведь если не заморачиваться с 3D-эффектами, создать свою уникальную маску можно всего за 10 минут.

Виды AR-масок в Инстаграм

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

Рассмотрим основные виды масок для сторис:

Маски-фильтры. Их можно образно назвать «пресетами». При создании такой маски пользователи могут повторить любимые настройки Lightroom, VSCO и др.

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

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

AR-объекты для историй

Маски с заменой фона.

Маски с заменой фона

Маски-игры. В основном это сложные 3D маски, над созданием которых может работать команда профессиональный разработчиков. К играм можно отнести маски-предсказания, тесты и т. д.

Маски-игры для сторис в Инстаграм

Функция масок в Инстаграм

Маски в Инстаграм появились относительно недавно. Сейчас по своим возможностям социальная сеть приблизилась к Снэпчату и MSQRD, которые раньше обычно использовали для создания такого контента. Надо сказать, что по качеству выполнения работы эта функция Инсты находится на высоком уровне – если в Снэпчате и FaceApp делается упор на замену лица, то в Instagram большинство таких фильтров направлено на украшение лица и реальности вокруг человека.

Что нужно, чтобы сделать маску в Instagram самому. Инструменты

Для самостоятельной разработки «инста-масок» существует специальное приложение Spark AR Studio. Это приложение имеет версии и для macOS, и для Windows 10, благодаря чему создавать свои маски смогут пользователи различных платформ. Скачать подходящую версию программы можно по ссылке на официальном ресурсе приложения.

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

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

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

Регистрация в социальной сети Facebook. Так как программа Spark AR была создана Facebook, то перед началом работы в программе вас могут попросить указать логин и пароль в Фейсбуке. Также регистрация в Facebook необходима для загрузки маски в Инстаграм.

Помимо самой программы для создания масок вам понадобятся файлы из Face Distortion Pack. Скачать эти файлы можно на официальной странице программы: https://developers.facebook.com/docs/ar-studio/tutorials/face-distortion-and-retouching/. Для этого кликните на активную ссылку как на скриншоте, и сохраните архив на компьютер.

Плюсом будет мощный компьютер и знание английского языка. Внутри программы Spark AR все будет на английском, но мы попробуем разобраться, как изменять базовые настройки для создания простой маски, и что значат те или иные команды. Слабый или старый компьютер может не потянуть мощную программу Spark AR. Это также стоит учитывать, если вы решили создавать маску Инстаграм самостоятельно.

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

Материалы для маски

Теперь нам нужно скачать дополнительные материалы, которые понадобятся при работе. Для этого переходим на сайт Spark AR по ссылке: https://sparkar.facebook.com/ar-studio/learn/articles/people-tracking/face-reference-assets. Нажимаем на линк «Download the Face Reference Assets here».

Download the Face Reference Assets here

Открываем скачанный файл и заходим в папку «Textures». Тут мы видим модели женского (faceFeminine.jpg) и мужского (faceMasculine.jpg) лица, на которые можно накладывать надписи, веснушки, очки и прочее.

Модели женского и мужского лица

Далее скачиваем программу Spark AR Player на телефон. Заходим в App Store или Google Play на своем смартфоне и загружаем приложение.

После того, как приложение установится, нам нужно дать доступ к фотографиям, разрешение на использование камеры и динамика. Соединяем смартфон с компьютером с помощью USB-провода.

Соединяем смартфон с компьютером

Если все сделано правильно, то кликнув на значок смартфона со стрелочкой (в нижнем левом углу рабочей области) появится синий кружок. Это значит, что теперь мы можем видеть все действия на экране, контролировать и менять её настройки маски.

Соединение смартфона и программы Spark AR

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

Мы создадим простую маску с ретушью лица и надписью «Postium».

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

После того, как вы разработали свою маску, ее необходимо «проверить» в приложении Spark AR Player. Если с маской все в порядке, то вам нужно будет выгрузить ее в свой аккаунт Инстаграм.

Загружать маски можно в любой тип аккаунтов: Business (Бизнес), Creator (Автор) и Individual (Личный). В зависимости от того, в каком аккаунте будет загружена маска, ей будет присвоен соответствующий статус. После модерации маска станет доступна другим пользователем этой социальной сети в зависимости от своего статуса. Мы подготовили для вас пошаговую инструкцию, как загрузить новую маску в Instagram.

Урок 1.

Первый шаг — необходимо скачать Spark Ar Studio для Windows или MacOS и упаковку нужных для работы с маской файлов. Активные ссылки на официальный ресурс приводятся в 1 и 5 пунктах описанных нами инструментов для создания маски Инстаграм.

Установите Spark AR Studio, следуя простым инструкциям программы. На главном экране появится ярлык программы, заходите в нее.

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

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

Перед нами появляется наше рабочее пространство. Левая часть экрана содержит необходимые для работы инструменты. Центральная часть экрана (Viewport) содержит лицо человека, демонстрирующего этапы создания маски. Здесь вы можете передвигать объекты, а также следить за изменениями маски в реальном времени. В правой части экрана находятся дополнительные инструменты для обработки эффектов. Мы схематично обозначили, как делится рабочее пространство в программе.

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

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

Теперь нам нужно наложить на лицо объекта так называемый Face Tracker, инструмент, позволяющий отслеживать все изменения позиции лица. Для этого нажимаем:

  1. Вкладку Add в верхней панели инструментов.
  2. В выпадающем меню выбираем Scene Understanding (Понимание сцены).
  3. Затем выбираем Face Tracker (Трекер лица).

Урок 2.

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

После установки трекера нам необходимо наложить на него (установленный слой Face Tracker) сетку лица, так чтобы трекер ее отслеживал. Нажимаем следующие кнопки:

  1. Вкладку Add.
  2. В выпадающем меню 3-D objects (3-D объекты).
  3. В списке объектов выбираем Face Mesh (сетка для лица).

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

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

  1. Нажимаем правой кнопкой мыши на слой Face Mesh в левой части экрана с инструментами.
  2. Выбираем кнопку Rename (Переименовать).
  3. Пишем нужное имя слоя.

У нас должно получиться вот так:

Идем дальше. В правой части экрана ищем кнопку Materials с плюсиком. Нажимаем на нее.

В левой части экрана появляется новый материал (Assets — Material — Material0), а слой лица на рабочей поверхности становится белым.

Имя материала необходимо также переименовать. Мы дадим ему такое же название как и сетке для лица «Ретушь лица«. Для этого точно также нажимаем правой кнопкой мыши на Material0 и выбираем значение Rename. Затем вписываем нужное название материала.

Теперь в правой рабочей части экрана ищем раздел Shader Types (типы шейдера). Нажимаем на выпадающее меню возле слова Standard.

Ше́йдер (англ. shader — затеняющая программа) — это программа, которая часто используется в трёхмерной графике для определения окончательных параметров объекта или изображения, может включать в себя описание поглощения и рассеяния света, наложения текстуры, отражения и преломление, затенение, смещение поверхности и множество других параметров.

Устанавливаем галочку на Retouching (Ретуширование).

Таким образом мы можем изменять параметры ретуширования лица, передвигая бегунок Skin Smoothing.

Если установить значение на 90-100%, то лицо получится слишком «пластмассовым» и неестественным. Учитывайте это и не перестарайтесь. Идеальными будут параметры от 25% до 35%. Такой уровень сглаживания кожи позволит скрыть мелкие морщинки, прыщики, точки или неровности на лице. Вы можете самостоятельно изучать возможности этого инструмента и пробовать различные варианты, пока не достигните желаемого эффекта.

Снова выделяем Face Tracker0.

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

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

Теперь они оказались на одном уровне и мы можем продолжать работу. Переименовываем новый слой в «Коррекция лица».

Работая над этим слоем мы научимся увеличивать глаза, губы или проделывать другие трансформации лица. Для этого нам понадобится Face Distortion Pack (Искажение лица), который мы рекомендовали вам скачать в 5 пункте Инструментов. Распакуйте этот архив, например, на рабочий стол.

Затем нажмите на кнопку Deformation (Деформация) в правой части рабочей поверхности программы Spark AR.

Вам будет предложено открыть необходимые файлы. Ищем папку с этими файлами, расположенную на вашем рабочем столе. Открываем файл faceDestortionPack.

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

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

Мы установим в настройках небольшие изменения. Правому и левому глазу установим значение 0,1 (это будет значить, что глаза немного увеличатся), носу присвоим значение -0,2 (немного уменьшив его), а губы немного увеличим, указав значению Mouth 0,2.

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

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

Урок 3.

В этом уроке мы научимся рисовать что-либо на лице-маске.

Скачайте упаковку файлов Face Assets на свой компьютер. Сделать это можно прямо в программе Spark AR. Для этого перейдите во вкладку Help и выберите Download Face Assets.

Мы попадаем на отдельную страничку и скачиваем архив по указанной ссылке.

Извлекаем файлы из архива на рабочий стол. Открываем архив и ищем папку Textures (Текстуры).

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

Первая черно-белая маска — женская (Feminine), вторая — мужская (Masculine). Выберите нужную маску и вставьте ее в Фотошоп.

Берем для примера женскую маску и перетаскиваем ее в Фотошоп.

Можно открыть эту маску и через команду Фотошопа «Открыть», указав путь к файлу с маской. Выглядит основа для маски очень смешно, особенно с непривычки. Но именно на ней мы и сможем рисовать различные объекты, добавлять интересные эффекты. Если вы хорошо умеете рисовать, то вы можете сделать это на этом слое с маской, используя классические инструменты фотошопа.

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

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

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

У вас должны остаться только объекты, которые вы расположили на шаблоне.

Сохраняем этот файл в формате PNG, чтобы сохранилась прозрачность слоев.

Теперь нам нужно будет загрузить данную текстуру в программу Spark AR. Для этого нажмите на вкладку File в левом верхнем углу и выберите значение Import from Computer (Импортировать с компьютера). Выберите директорию созданного файла PNG.

Файл откроется и появится у вас в текстурах в левой нижней части рабочей поверхности, под Материалами.

Теперь создадим еще один слой Face Mesh. Назовем его Ladybird и поставим так, чтобы он находился под Трекером лица.

После этого создаем новый материал, нажав на плюсик. Называем его так же, Ladybird. В Shader type (в правой части экрана) выбираем значение Face Paint (рисование на лице).

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

Божьи коровки появились на лице нашей героини и мы можем посмотреть, как они будут смотреться на нашем собственном лице через приложение Spar AR Player на телефоне.

Вы можете столкнуться с тем, что ваши картинки окажутся размытыми на лице. Все дело в том, что файл сжимается. и картинка теряет четкость. Чтобы маска оставалась четкой, вам нужно выбрать вашу Текстуру (с левой стороны), а в правой части экрана пролистать до параметра Manual Compression (Ручное сжатие), и поставить галочку в окошке No Compression, чтобы ваша маска не сжималась и не теряла в качестве.

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

Когда результат кажется вам идеальным, переходите во вкладку File — Export. Нажмите кнопку Export.

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

Как сделать необычную маску в Instagram на компьютере

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

Вы используете Instagram для развлечения или работы?РазвлеченияРаботы

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

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

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

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

instagram маски

Как создавать маски в Instagram и зарабатывать на этом

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

  • Отсылки к самоубийствам, травле и причинению увечий — например, на маске не должно быть оружия.
  • Отсылки к расстройству пищевого поведения.
  • Оскорбления или признаки травли.
  • Отсылки к сексуальной и иной эксплуатации детей и взрослых.
  • Негативное подчеркивание частей тела или лица.
  • Шокирующие эффекты.
  • Реклама нелегальных товаров или услуг, в том числе алкоголя, табака и пр.
  • Отсылки к азартным играм.
  • Хэштеги, веб-адреса и QR-коды.
  • Фотографии людей.

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

Это приложение содержит множество эффектов. С его помощью создаются эксклюзивные маски в Инстаграм. Софт можно скачать бесплатно по ссылке: https://sparkar.facebook.com/ar-studio/learn/downloads#spark-ar-studio.

Установка происходит по следующему алгоритму:

  1. Установите Spark Ar Studio на компьютер, следуя инструкциям установщика.
  2. Пройдите процедуру регистрации в программе.
  3. Создайте аккаунт Фейсбук (если у вас еще его нет), и зайдите в Спарк.
  4. В главном меню софта нажмите на кнопку «Create project», в нижнем углу экрана, чтобы приступить к созданию маски. Создание состоит из ряда этапов. Создать проект в Spark AR
  5. В программе при необходимости можно создать несколько проектов и запустить их по очереди. Открываются созданные проекты с помощью кнопки «Open project».

Приложение Spark Ar Studio не будет работать на операционных системах ниже Windows 10.

Как установить Spark AR?

Для установки программы Spark AR необходимо включить компьютер с подключением к сети интернет.

Далее, следовать предложенному алгоритму:

  1. Открыть привычный и удобный для вас браузер на компьютере;
  2. В строке поиска ввести Spark AR

Открыть ссылку, которая ведёт на официальную страницу sparkar.facebook.com ;

  1. В правом верхнем углу нажать на надпись «download» (что в переводе означает «скачать»);
  2. В открывшемся окне выбрать снова «download»;
  3. Выбрать место на вашем компьютере, куда желаете сохранить файл;
  4. Нажать сохранить.

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

  1. Открыть файл загрузки
  2. В приветственном окне нажать «next»(далее)
  3. Необходимо прочитать и принять пользовательское соглашение. Для этого поставьте галочку в окошке слева от надписи «I accept the terms in the license agreement”
  4. Кликнуть “next”
  5. Вам предложат скачать iTunes на ваш компьютер и установить согласно инструкции. Это не обязательное, но желательное действие, чтоб в дальнейшем подключить смартфон на базе операционной системы IOS и протестировать созданную маску
  6. Кликнуть «next»
  7. В следующем окне необходимо выбрать место для установки программы Spark AR
  8. Next → Install
  9. Подождать, пока программа установится на ваш компьютер
  10. Finish.

photo_2019-10-24_14-09-39.jpg

Установка прошла успешно. Теперь вы можете создать маску для Instagram или Facebook.

Двойным кликом мыши по ярлыку «Spark AR Studio» откройте программу. Перед вами окно, в котором необходимо ввести логин и пароль от вашей страницы Facebook и принять пользовательское соглашение, поставив галочку внизу слева.

photo_2019-10-22_13-49-22.jpg

photo_2019-10-22_13-47-48.jpg

Перед вами окно с уже готовыми проектами масок, которые вы можете взять за основу и добавить что-то своё, изменить параметры ретуши, добавить объекты.

Шаг 2: изучаем программу

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

В целом, программа Spark AR позволяет добавлять:

  • элементы 3D-графики;
  • JavaScript-коды;
  • эффекты камеры и света;
  • спрайтовую анимацию;
  • реакцию на действия;
  • трекеры тела и еще много чего интересного.

Шаг 3: создаем новый объект

Окно Viewport выглядит как сложный холст, но не стоит пугаться. Все относительно просто и кроме того, разработчики программы прилагают подробное описание. Визуально Spark AR Studio похожа на Adobe.

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

В правом верхнем углу расположено окно Simulator, где объекты будут отображаться так, как будут выглядеть на вашем смартфоне. Используя выпадающий список, вы можете изменить симулятор с iPhone 8 на ваше устройство, чтобы проверить корректность работы.

С левой стороны расположена панель Assets и вкладка Scene. Assets служит своеобразной библиотекой эффектов, а раздел Scene — местом для работы с ними.Именно в данном разделе создаются слои и добавляются эффекты.

Шаг 4: загружаем графический объект

В окне Scene нужно добавить 3D-актив для своего фильтра. Это может быть как собственный импортируемый графический объект, так и один из представленных в библиотеке Spark AR Studio.

Чтобы добавить объект, нажмите на кнопку File, расположенную в левом верхнем углу, а затем выберите Import from AR Library.

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

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

Шаг 5: добавляем эффекты

На картинке снизу показан 3D-объект (пицца) без окружающего освещения (сверху) и с окружающим освещением (снизу).

Исследуя панель Scene, вы также увидите, что можете:

Вы также можете связать анимацию своего объекта с действиями человека, находящегося в поле зрения камеры. Например, объект появляется, если человек улыбнется. Для этого следует подключить опцию Face Tracker и в поле Patch Editor выбрать опцию Smile.

Шаг 6: оцениваем свою работу

Шаг 7: экспортируем и публикуем проект

Но будьте готовы к тому, что ваша работа не будет опубликована сразу. Сначала маска пройдет проверку модераторами на соответствие политике и рекомендациям Spark AR и только после будет опубликована в «Галереи эффектов» для Stories.

Теперь вы знаете, как делать маски в Инстаграм, но продолжайте учиться. Знакомьтесь с новыми шаблонами, тестируйте новые эффекты. Функциональные возможности Spark AR Studio позволяют воплотить любые креативные идеи вашего бренда.

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

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

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

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

Добавляем текстура на маску

Шаг 30. Возвращаемся в программу Spark AR. Правой кнопкой мыши кликаем на «faceTracker0», переходим в «Add» и нажимаем «Face Mesh». Мы добавили еще одну текстуру нашей маске, на которой будет располагаться надпись.

Как добавить текстуру для маски

Шаг 31. Переименовываем «faceMesh0» в «Надпись».

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

Шаг 32. В левой рабочей области ищем «Materials» и нажимаем +. Выбираем «Create New Material».

Create New Material

Шаг 33. В рабочей области «Assets» появилась новая «material 0», переименовываем её в «Надпись».

Надпись на маске для историй

Шаг 34. В параметре «Texture» нажимаем стрелочку и выбираем «New Texture».

Новая текстура

Шаг 35. Ищем PNG-файл с надписью, который сделали в Photoshop и добавляем его.

Добавляем текстура в Spark AR

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

Создание маски для историй в Инстаграм

Шаг 37. Сохраняем маску. В левом нижнем углу нажимаем на «Upload and Export». В каждом пункте должны гореть зеленые галочки. Ничего не меняем. Кликаем на «Export File». Сохраняем маску на компьютер, присваиваем ей имя. После этого нажимаем на «Upload».

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

Тестирование маски

Когда маска создана, её надо протестировать. С поставленной задачей проще справиться с помощью визуального симулятора. Это стандартная функция в Spark Ar Studio. Для её включения необходимо выполнить ряд простых действий по алгоритму:

  1. Подключить смартфон к компьютеру и зайти в приложение Spark AR Player с телефона. Софт скачивается с Google Play Market или App Store.
  2. В программе на ПК кликните в верхней панели рабочего пространства по иконке Mirror.
  3. Маска отзеркалится на смартфоне.

Посмотреть маску на смартфоне.

Загружаем маску в Инстаграм

Шаг 38. Программа переводит нас на страницу для загрузки маски на модерацию Spark AR Hub. Проверьте, ваш аккаунт Facebook должен быть привязан к странице в Инстаграм.

Шаг 39. Заполняем информацию. В пункт «Название» вводим название маски. В пункте «Файл» прикрепляем файл с маской, который мы сохраняли на компьютер.

Далее выбираем платформу для публикации и выбираем владельца маски.

Шаг 40. Следующий шаг – создание «иконки» маски.  Её можно создать в любом графическом редакторе или взять изображение из интернета.  Прикрепляем значок. Обратите внимание, что размер должен быть не меньше 200 х 200 пикселей.

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

Шаг 41. Дату публикации выбираем «Как можно скорее», в Местоположении выбираем «Везде», так как на рассмотрении она может находиться до 2 недель.

Шаг 42. Делаем краткое описание маски. Загружаем заранее подготовленный демонстрационный ролик, который отражает принцип работы созданной маски.

Как добавить готовую маску для сторис в свой аккаунт в Инстаграм

Шаг 43. Чтобы создать демонстрационный ролик, введите всю информацию и нажмите «Сохранить». Вам будет предложено протестировать маску в течение часа на выбранной платформе.

демонстрационный ролик с маской для сторис

Шаг 44. Заходим в Инстаграм или Фейсбук через смартфон и записываем видео, демонстрирующее маску. Загружаем его и нажимаем «Отправить».

Записываем видео, демонстрирующее маску

Как загрузить маску на фэйсбук?

  • Необходимо в браузере открыть Facebook.com/sparkarhub
  • зайти в свой аккаунт фэйсбук
  • В правом верхнем углу нажать «загрузка эффекта» и следовать инструкции. Инструкция на русском языке, поэтому проблем обычно не возникнет.

После заполнения данных, у вас появится ссылка на вашу маску, которую вы можете использовать сами, либо отправить друзьям. До одобрения администрацией, ссылка активна до 200 раз в день.

photo_2019-10-24_11-30-47.jpg

Как отправить маску на модерацию

Для начала маску нужно сохранить в файл. Для этого нажимайте File, а затем Export. Файл маски сохранится на вашем Маке в формате «arexport».

Далее переходите по этой ссылке на страницу загрузки и заполните поля: название вашей маски, картинка-превью, и где маска будет опубликована – в Facebook или в Instagram.

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

Обзор специальных сервисов: необходимые инструменты

Я рекомендую скачать программу в зависимости от вида вашего устройства, чтобы с ее помощью изготовить собственную маску с целью заработка:

  1. На телефоне с ОС Андроид используйте для установки Play Market.
  2. На Айфон скачайте нужные файлы из App Store.
  3. На компьютере войдите в браузер, где введите наименование редактора. А из результатов поиска выберите ссылку, перейдите по ней, чтобы начать загрузку приложения.

Перед тем как создать маску в “Инстаграме”, выясните тип своего устройства (марку, модель, характеристики и т.д.), т.к. от этого зависит результат работы.

Spark ar studio

Эта англоязычная программа оснащена понятным интерфейсом. Поэтому вы легко и быстро научитесь с ним обращаться, даже если плохо знаете иностранный язык. Для входа используйте логин и пароль из “Фейсбука”. Они предназначены для работы с компьютером.

Spark ar studio
Spark ar studio – программа с понятным интерфейсом.

Face distortion pack

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

Spark ar player

Приложение создано для работы на телефоне. Установить его можно на Андроид через Google Play Market, а на Айфон – через App Store. Здесь предложены шаблоны, с помощью которых вы сможете ускорить моделирование продукта.

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

Adobe photoshop

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

Adobe photoshop

Преимущества встроенных масок Instagram

Одним из самых популярных вариантов для обработки фото с ушками или мордочками животных является Снэпчат. И там мы можем видеть лишь ограниченное количество вариантов обработки. В Инстаграм же всё немного не так – во-первых, каждый пользователь может создать свой фильтр, и во-вторых, вы можете использовать плод трудов любого в фотосети. Этим ходом – предоставлении людям возможности творить самостоятельно – они убили двух зайцев сразу. Во-первых, разработчикам не нужно работать над заполнением этого раздела фоторедактора. Во-вторых, у пользователей Instagram свободы больше, чем у тех, кто использует MSQRD или Snapchat.

Как включить маску в Инстаграме в Стори

Чтобы проект отображался в истории социальной сети, надо добавить маску для Сторис. Для этого понадобится выполнить несколько простых манипуляций:

  1. Зайдите в свой профиль Инстаграм, пройдя авторизацию.
  2. Щёлкните по иконке домика внизу главного меню в аккаунте.
  3. Нажмите на значок камеры в верхнем левом углу экрана.
  4. Теперь должна открыться камера телефона. Здесь нажмите на иконку в виде смайлика в нижней части панели инструментов.
  5. В открывшейся панели выберите объект в вашем фильтре.

Проверка статистики маски

Эффективность созданной маски можно отслеживать самостоятельно онлайн в Instagram. Статистика показывает, сколько подписчиков воспользовалось маской.

Чтобы просмотреть статистику, необходимо зайти в сервис Spark AR Hub, а затем переключиться на раздел Статистика.

Статистика Spark AR Hub

Статистика эффекта состоит из следующих показателей:

  1. Показы. Отображает число раз показа проекта в Инстаграм.
  2. Снимки. Показывает количество снимков, сделанных пользователями социальной сети с этой маской.
  3. Репосты. Указывает на распространение проекта в Stories.

Продвижение маски в Instagram напрямую зависит от количества подписчиков аккаунта и рекламы.

В создании маски Инстаграм нети ничего сложного. Главное, правильно сформировать дизайн проекта, чтобы привлечь внимание пользователей.

Маски от звезд

Первая, кто запустил фильтры, стала Кайли Дженнер. Подписавшись на её профиль, пользователь получат необычные маски с косметикой. Эффект был добавлен перед выпуском её новой коллекции помад.

Второй – певица Ариана Гранде, перед выпуском клипа на одну из песен. Способа, как теперь получить маски в Инстаграме от этих звезд уже нет.

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

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

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

[spoiler title=”Источники”]

  • https://proinstu.ru/maski/kak-sozdat-masku-v-instagram-cherez-telefon/
  • https://postium.ru/maski-v-instagram/
  • https://instaved.ru/maski-dlya-instagram-prilozhenie/
  • https://maskigram.ru/kak-sozdat-masku-v-instagram-samomu/
  • https://instagrammatika.ru/rukovodstvo-polzovatelja/kak-sdelat-masku-v-instagram/
  • https://subscribest.ru/instagram/kak-sdelat-masku-samomu-besplatno
  • http://seonic.pro/kak-sdelat-masku-v-instagrame-samomu-na-telefone/
  • https://gb.ru/posts/designing_instagram_mask
  • https://www.iphones.ru/iNotes/kak-sdelat-svoyu-masku-dlya-instagram-za-10-minut-poprobuyte-02-23-2020
  • https://instaguru.online/top-4-neobhodimyh-programmy-dlya-samostoyatelnogo-sozdaniya-masok-v-instagram/

[/spoiler]

Похожие статьи
Adblock
detector