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

Как добавлять новые фильтры и маски в Instagram

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

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

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

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

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

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

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

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

Популярные разработчики фильтров для Instagram

  • Johwska
  • George Kedenburg III
  • allanberger
  • Amanda Cerny
  • Blagovest Dimitrov
  • Chris Pelk

В ассортименте каждого из них можно найти не один десяток довольно интересных AR-масок.

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

  • #Effects
  • #Filter
  • #Followforfilters
  • #Instafilters
  • #Instalenses
  • #Instamask
  • #Sparkar
  • #Sparkarcreators

Как добавить новые маски в Инстаграм от разработчиков

Если этой функции нет, то это говорит об устаревшем приложении Instagram. Обычно программа обновляется в автоматическом режиме, если этого не произошло, стоит воспользоваться официальным магазином. В случае с Андроид это Play Market, где пользователю нужно найти установленную Инсту и нажать кнопку «Обновить».

Для владельцев iPhone порядок действий тот же, только открыть нужно App Store – официальный магазин приложений. В списке установленного ПО будет Instagram, который следует обновить до последней версии. После этих манипуляций появится возможность добавлять новые эффекты от официальных и сторонних разработчиков.

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

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

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

  1. Щелкнуть по значку Инстаграм в основном меню.
  2. Дождаться загрузки, ели требуется, пройти регистрацию и авторизацию.
  3. На нижней панели справа найти клавишу в виде домика и нажать.
  4. В открывшемся окне щелкнуть по кнопке в форме камеры, которая расположена на верхней панели слева, над историями друзей.
  5. Внизу, справа от кнопок для начала съемки и переключения режима фронтальная/основная камера (круговые стрелочки) находится смайлик – клавиша включения фильтров лица.
  6. Передвигая отрывшуюся панель внизу экрана влево/вправо, выбрать маску.
  7. Нажать на белый круг в центре.
  8. Сохранить фото.

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

Почему маски не загружаются

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

Если вы потеряли определенное дополнение, то:

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

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

Чтоб создать проект с нуля в правом нижнем углу кликните «Create Project».

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

  • Добавляем трекинг, который будет следить за лицом Add>scene understanding>face tracker
  • Накладываем маску на лицо, это область на которой будет прорисовываться маска, можно наложить ретушь: Add>3D object>face mash>можете переименовать этот face mash, чтоб было понятно какую функцию он выполняет в общей картине
  • кликнуть на face mash
  • в правой рабочей области необходимо добавить материал: в строке «materials» нажать плюсик, чтоб появился новый материал. Он отображается слева в строке «material 0». Его также можно переименовать.
  • Теперь, в строке «shader type» правой рабочей области, необходимо выбрать «retouching».
  • Ниже можно сгладить кожу «skin smoothing», при помощи ползунка выбираем процент сглаживания от 0 до 100%.

Возвращаемся в face tracker и добавляем ещё одну маску «face mash» по такому же алгоритму. Если маска не попадает на область лица, в левой рабочей области необходимо перетащить новый face mash под face tracker, чтоб их объединить.

Данный face mash будет отвечать за пропорции лица.

В правой рабочей области кликаем «deformation», и открывает предварительно загруженный faceDistortionPack.fbx (можно найти на официальном сайте SparkAR).

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

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

  1. подключить компьютер/ноутбук к телефону и нажать «mirror»
  2. отправить ссылку на свой смартфон
  3. открыть в Instagram или Facebook.

Для того, чтоб добавить картинку на лицо, в нашем случае добавим ноту. Необходимо заранее скачать картинку в формате PNG на прозрачном фоне.

В верхней строке SparkAR во вкладке Help выбираем «download face assets». Программа перенаправляет вас в браузер на сайт Spark AR, где находится ссылка на скачивание the face reference assets. Скачиваем ее на компьютер.

После скачивания, заходим в папку face assets>texture>выбираем faceFaminine>открыть с помощью Adobe Photoshop.

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

Затем необходимо вернуться в программу Spark AR и в правую нижнюю область перетащить файл с картинкой.

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

Далее необходимо создать ещё один фэйсмеш, чтоб разместить картинку на лице. В правой области создаём Новый материал «create new material». Можно переименовать материал для удобства. Далее выбираем действие, которое вы хотите совершить с этим материалом. Shader tipe >face paint, потому что мы будем рисовать эту картинку на лице. Выбираем текстуру с названием материала и видим картинку на лице 3-д модели.

На этом создание маски закончено, можно посмотреть ее на смартфоне. И сохранить на компьютер: file>export>export>выберете место на компьютере,куда будет сохранят файл маски>сохранить

Далее необходимо отправить маску на проверку, чтоб она была доступна в Instagram или Facebook.

Как создать и загрузить маску в Instagram Stories

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

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

Установите на смартфон и ПК программы для разработки масок под названием Spark AR Studio (наиболее корректно она работает в связке MAC и iPhone). С помощью этого ПО вы сможете работать с JavaScript кодом, 3D объектами, трекерами рук, головы и плоскости, а также добавлять спрайтовую анимацию и эффекты света/камеры.

Запустите приложение, после чего загрузите коды для отслеживания расположения головы и нужные объекты. Простой эффект можно создать в несколько кликов в режиме Face Paint – на лицо или тело будет накладываться дополнительный рисунок в виде бороды, очков, тату или макияжа. Для разработки сложных масок используются 3D-объекты, некоторые из них доступны во встроенной библиотеке.

Техническая реализация выглядит так: нажмите «Insert > Scene Understanding > Face Tracker, далее Insert > 3D objects > Face Mesh». Настройте на лице разметку.

Затем добавьте нужный объект, нажав на плюс рядом с надписью Assept в левой части экрана, а затем на «Create new material».

Когда маска готова, синхронизируйте смартфон с ПК через USB-кабель.Нажмите на компьютере кнопку Mirror.

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

В завершении сохраните маску на компьютер.

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

Верификация в Инстаграм через Facebook

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

Некоторые пользователи ждут одобрения пару дней, другие – до полугода. Для проверки статуса периодически заходите в личный кабинет, так как Facebook не пришлёт вам никаких уведомлений. После получения одобрения вы увидите в Spark Ar Hub новый интерфейс для загрузки самой маски, описания и превью размером 480х480.

Загрузите готовый эффект на Facebook. Добавьте к маске описание и миниатюру.

Требования к маскам для одобрения Facebook

  1. Отсутствие прямых ссылок и логотипов.
  2. Текст должен занимать не более 20%.
  3. Вес – до 20 Мб.
  4. Соблюдение авторского права (это касается также героев мультфильмов, комиксов и сериалов).
  5. Корректная работа маски.

Учтите: после прохождения модерации маску нельзя будет отредактировать. Разработчикам доступна лишь деактивация.

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

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

  1. На экране ПК открыта «Spark Ar Studio». Если нет, то поднимитесь на два абзаца вверх и прочитайте, как в нее попасть.
  2. Находим в блоке «Scene» кнопку «Add Object». Ищите ее внизу с левой стороны экрана. Нажимаем. Откроется новое окно, в котором надо выбрать раздел «Face Tracker», кликнуть по кнопке «Insert». Если вы все сделали правильно, то в разделе «Scene» должен появиться новый пункт с названием «faceTracker0». Наша цель – изменение лица, а появление этого пункта подтверждает, что новый объект для лица создан.
  3. Кликаем по объекту «faceTracker0» правой кнопкой мышки и среди пунктов выбираем «Add». Находим подпункт «Face Mesh» и нажимаем на него. Лицо модели накроет черно-белая сетка. При этом в перечень «Scene» добавится строчка с названием «faceMesh0».

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

  1. Скачиваем шаблон для изменения лица. Кликаем по пункту «Help», который расположен в верхней части меню, и переходим в подпункт «Download Face Assets». Откроется новая страница, где надо кликнуть по строчке «the Face Reference Assets».

Автоматически загрузится архив под названием «Face-reference-assets-classic.zip». В нем содержатся все доступные шаблоны. Открываем подпапку «FaceAssets/Textures» и выбираем один из них. Для первой работы лучше всего подойдет этот!

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

Обратите внимание, фон рисунка должен быть прозрачным!

Если вы не хотите придумывать свою идею, воспользуйтесь нашей и начните своими руками создавать маску-арбуз. Например, вот такую:

  1. Добавляем нашу картинку в объект «faceMesh0». Возвращаемся обратно в «Spark AR Studio» и нажимаем на строчку «faceMesh0», чтобы объект стал активным. Находим в правой колонке настроек подпункт «Materials» и нажимаем на «+», что расположен напротив него, чтобы создать объект под названием «material0». Именно в него мы будем все загружать.

Находим в левой колонке объект «material0» в разделе «Assets» (пункт «Materials»). Переводим его в актив. В правой колонке выбираем строчку «Texture» и нажимаем на кнопку загрузки, что расположена напротив него. В открывшемся окне находим свой рисунок-заготовку и загружаем.

  1. Включаем отображение глаз. Поскольку на нашей арбузной маске уже нарисован рот, нам надо включить только глаза. Для этого делаем активным объект «faceMesh0», находим в правой колонке функцию «Eyes» и активируем. Готово. В этом разделе вы можете добавлять и другие функции.
  2. Сохраняем объект. Находим пункт «File», подпункт «Export». В развернувшемся окне вводим имя и нажимаем кнопку «Export» второй раз, чтобы завершить сохранение.

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

Снова переместитесь в Spark AR и создайте проект: нажмите Create project. Затем загрузите в программу текстуру — перетащите ее в Assets в нижний правый угол, и текстура автоматически отобразится в разделе Texture.

Далее перейдите в рабочее пространство для создания маски — Insert → Scene. Вы будете работать с функциями FaceTracker и FaceMesh. Первая отслеживает движение лица и мимику, вторая — 3D-объект, который синхронизируется с трекером и содержит ваши текстуры с эффектами. 

Нажмите Scene → FaceTracker → Insert, затем Scene → FaceMesh → Insert. Эта связка, именно в такой последовательности, поможет привязать маску к мимике и движениям лица. Следите, чтобы трекер был вложен в последовательность папок: device / camera / focal distance. FaceMesh должен быть внутри device / camera / focal distance / facetracker.

Дальше создаем материал для маски. В окне Assets кликните +add asset в правом нижнем углу, затем нажмите Material. Выберите тип нанесения (Shader Type) — например, Retouching сглаживает кожу, а Flat не отражает свет и удобен для рисунков на лице. В большинстве случаев подходит Face paint: он учитывает рельеф и форму лица и органично наносит на него рисунок.

Свяжите FaceTracker с материалом: в правом меню кликните Material, затем Texture и выберите текстуру. Рисунок появится на модели в рабочей области. Маска почти готова.

К маске можно добавить анимацию. Перейдите во вкладку View → Patch editor. Протестируем такой сценарий: маска появляется вместе с улыбкой человека. Что нужно для этого сделать:

  •  в поле Patch editor перенести эффект Face Tracker — в рабочей области отобразятся его свойства; 
  •  выбрать параметр Smile и связать его с эффектом; 
  •  во вкладке Scene выбрать объект и кликнуть на стрелку рядом с пунктом Visible; 
  •  получившийся объект связать с объектом Smile. 

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

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

Откуда они берутся

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

Спустя некоторое время сначала у обладателей Макинтошей, а теперь и у всех желающих есть возможность сделать свой вариант интерактивной накладки

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

Где можно их найти

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

  • загрузить приложение Insagram;
  • перейти в раздел создания сторис (миниатюра аватарки в левом верхнем углу со значком плюса);
  • в поле, которое находится в нижней половине рабочего окна, правее кнопки съемки появятся рекомендуемые вам варианты фильтров;
  • выбрав любой в качестве активного на нижней панели появится имя команды, которая выложила эффект;
  • если начать на галочку справа от этой надписи. Появится контекстное меню;
  • выбираем кнопку «Просмотр эффектов» и попадаем в хранилище всех возможных лиц.

Далее можно воспользоваться выбором категории (вторая стока с соответствующими клавишами). Альтернативный способ – поиск по ключевым словам. Он открывается и работает в обычном режиме при обращении к иконке в виде лупы.

Полезные ссылки

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

  • https://www.instagram.com/johwska/ — футуристичные работы, которые изменят до неузнаваемости;
  • https://www.instagram.com/mate_steinforth/ — оригинальная графика для нестандартных личностей;
  • https://www.instagram.com/chrispelk/ — здесь много примеров с надписями и размножением базового объекта;
  • https://www.instagram.com/wrld.space/ — милые и нежные дополнения к серой обыденности;
  • https://www.instagram.com/instmask/ — большое количество ссылок на разных авторов и примеры их творений. Найдутся пугающие, яркие и странные примеры.

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

На заметку! Стандартные маски имеют пометку «Instagram» в поле разработчик. Все они также, как и авторские, распространяются бесплатно.

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

Сегодня для разработки и добавления новых эффектов и фильтров используется только одно приложение – Spark AR Studio, разработанное Facebook. Сторонние редакторы не могут работать с этим форматом файлов.

Скачать Spark AR Studio можно отсюда sparkar.facebook.com/ar-studio/, а приложение для теста маски – из Play Market или App Store. Теперь читатели знают, как добавить свою маску в Инстаграм. При серьезном подходе создавать эффекты для Инсты смогут даже пользователи, не знакомые с Photoshop или 3D Max. Простые ролики из официального туториала помогут быстро освоить Spark AR Studio. Сейчас ПО распространяется бесплатно, так как идет бета-тест. В дальнейшем ситуация может измениться.

Как создать свою маску в Инстаграм на телефоне?

Для разработки и создания подобного эффекта нужно использовать специальные дополнительные ресурсы и программы. Если следовать представленным инструкциям, не придется тратить много времени.

Обозначенная пошаговая инструкция научит через 10-15 минут делать цифровые продукты. Отличий между ОС телефона нет. Главную программу можно одинаково легко использовать на Андроиде и на Айфоне.

На Андроиде

Если на руках данное устройство, потребуется использовать утилиту Spark Ar Studio. Нужно скачать продукт с официального портала и пройти регистрацию. После этого следует нажать на опцию Create project. Далее при решении вопроса, как сделать свою маску в инстаграм, осуществляется такая последовательность действий:

  1. Добавляется трекинг лица. Это прототип и отражение, куда накладываются желаемые эффекты. Работая с ним, можно делать необходимые движения и легкие повороты головы, которые будут фиксироваться приложением.
  2. Активируется сетка. Она отвечает за отображение привлекательного эффекта на лице. Чтобы активировать следует нажать на Add object. Появляется шахматная сетка. С ее помощью можно регулировать размер маски, делать закрытыми глаза, улыбку и иные вещи.
  3. Добавляется материал. Это база будущего продукта, куда будут крепиться необходимые элементы будущего результата. Чтобы добавлять материал следует нажимать на плюсик.
  4. Следует выбрать тип материала. Он помогает детально работать с лицом.
  5. Наносится текстура. Это то, что будет отображаться на пользователе в итоге. Сюда можно отнести наклейки, изображения, стикеры, фильтры. Проблем с этим не возникает. Желаемый контент нужно загружать с ПК и растягивать по нужным параметрам.
  6. Тестирование результата. Для этой цели рекомендуется использовать визуальный симулятор. Также тест разрешается провести на собственном изображении.

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

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

На Айфоне

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

Пользователь должен перейти на правую сторону панели. Здесь должна отобразиться опция Shader Type. В представленном перечне отображается список доступных функций. Среди самых главных из них можно отметить:

  • Flat – двухмерная плоская маска;
  • Standard – привлекательное цифровое покрытие в виде глянца. Его можно использовать по умолчанию;
  • Physically-Based – шероховатость используемого эффекта. Это подходит для продуктов, в которых присутствует эффект освещения;
  • Face Paint – отвечает за процесс наложения краски, что используется для привлекательного макияжа, нанесения тату;
  • Blended – специальная комбинация привлекательных текстур и эффектов. Опция подходит для трафаретов «получеловек-полуживотное»;
  • Retouching – опция, предназначенная для сглаживания или изменения лица. Можно осуществлять увеличения, уменьшения частей лица.

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

  1. Скачивается упомянутое приложение.
  2. Добавляются трекеры и необходимые объекты
  3. Выполняются работы по созданию.

Внимания заслуживает перенос результата с компьютера на телефон. Это требуется для соединения ПК и смартфона. Выполняется это через стандартный разъем usb.

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

Как добавить новые маски на телефоне

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

Пока существует три метода получения нового контента: в списке эффектов, в ленте Stories или через профиль создателя. В первом случае необходимо нажать на понравившийся объект, он автоматически загрузится в коллекцию. При дальнейшем использовании нового фильтра в своем Сторис другие пользователи будут видеть никнейм создателя. Второй способ предполагает загрузку материалов со странички дизайнера. В нижней части необходимо нажать на кнопку «Effects by…».

Добавление на Андроиде

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

Если у Вас остались вопросы или есть жалобы — сообщите нам

Даже если в коллекции пусто, система будет отображать стандартные эффекты от Instagram. Нажав на любой объект появится меню, где будет кнопка «Просмотр объектов». Здесь будут показаны новые и популярные творения дизайнеров.

Работа с масками на Айфоне

Процесс загрузки новых эффектов на iPhone и других яблочных гаджетах проходит по такой же схеме. В «Stories» других пользователей можно найти уникальные 3D-эффекты и анимацию, которую можно добавить в свою коллекцию нажав на объект.

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

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

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

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

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

Важно сохранить только эффект, без схемы лица.

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

Запустите Spark AR Studio. Вас встретит набор предустановленных эффектов и масок — на их примере можно посмотреть некоторые принципы работы. Но изменять пресеты нужно аккуратно: обычно это рушит установленные зависимости объектов, и маска может заработать неверно.

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

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

Чтобы протестировать маску перед загрузкой в Instagram, нужно подключиться к Spark AR Hub — это творческая среда от Facebook для авторов масок. Для этого создайте публичную ссылку для тестирования или соедините Spark AR с подключенным к компьютеру смартфоном:

  • присоедините смартфон USB-кабелем к компьютеру; 
  • нажмите Test on device и выберите, где хотите увидеть маску — Facebook или Instagram. Если выберете второй вариант, получите ссылку, которой можно поделиться или отправить на нужный гаджет. Загружать маски на обе площадки пока нельзя; 

откройте приложение Spark AR на смартфоне.

Ссылка на основную публикацию