3 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как добавить свою маску в Инстаграм созданную в Spark AR Studio

Как добавить свою маску в Инстаграм созданную в Spark AR Studio

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

Особенности и виды AR-масок

Дополненная реальность – популярный формат в Instagram Stories, которые ежедневно просматривает более 500 млн пользователей. Блогеры любят примерять на себя кошачьи ушки и головные уборы, менять цвет волос и фон. Так они самовыражаются и вносят разнообразие в свой контент. При помощи масок можно сделать привлекательное селфи, провести прямой эфир, запустить челлендж или конкурс.

Условно эффекты дополненной реальности делятся на несколько типов.

  • Модификаторы. Могут искажать лицо пользователя и добавлять разнообразные элементы. К примеру, смешную надпись, смайлы, шляпу, слезы.
  • AR-игры. Это эффекты, добавляющие на передний план определенные персонажи/объекты, которыми пользователь может управлять мимикой или движением головы. К данной категории также относятся маски-тесты и эффекты со случайным выбором внешности или персонажа.
Статья в тему:  Почему мой аккаунт в инстаграм не обновляется

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

  • AR-объекты. Служат для добавления объектов в окружающую обстановку. Это может быть герой мультфильма, животное, предмет интерьера.
  • Замена фона. Такой эффект позволяет скрыть некрасивый задний план, выбрать наиболее подходящее место для вашей истории. Например, корабль Titanic, берег моря или Парк Диснейленд в Париже.

Любой из этих эффектов может быть использован в качестве бизнес-инструмента. Главное – органично связать его с брендом. Так, Aviasales использует маски-тесты, связанные с путешествиями. Компания Loreal Paris выпустила маску для «примерки» губной помады, а «Додо Пицца» добавила в Инстаграм AR-игру с символом своего бренда.

Маска пластики лица для сторис

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

  1. Создаем новый проект. Подготавливаем рабочую зону.
    В поле Scene правой кнопкой мыши добавляем Add – >Face tracker.
  2. Далее идем в настройки проекта, выбираем Capabilities, выбираем Face tracking -> Accuracy – >High. Сохраняем.
  3. Далее добавляем маску Add -> Face mesh. После этого маска появилась на тренировочном лице.
  4. Далее нам нужно добавить новый материал. Лучше его переименовать (основа). Выбираем тип материала Retouching. Значение Skin Smoohing выставляем 20 (25 максимум).
  5. Переходим в Scene, нажимаем на Face tracker -> Add-> добавить новый Face mesh. Это будет для пластики. Можно также его переименовать.
  6. Далее, чтобы изменить размеры лица (носа, губ и т.д.), необходимо добавить patch.
  7. Предварительно скачать патч можно по ссылке . Нажимаем на Deformation и добавляем этот patch.
  8. Далее во вкладке Blend shapes можно немного изменить пропорции лица. Чуть увеличить глаза, уменьшить нос. (Значения “+” это увеличение размеров, значения “-” это уменьшение размеров. Обязательно посмотрите как работает ваша маска на различных лицах.
  9. Далее остается маску только экспортировать и добавить себе в Инстаграм.
Статья в тему:  Как назвать аккаунт в инстаграме для подруг

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

Как просмотреть маску на смартфоне?

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

  1. Запускаем Spark AR Player на смартфоне и подключаем к компьютеру.
  2. В программе нажимаем на значок мобильного телефона(цифра 1).
  3. Видим свою модель в появившемся окошке и нажимаем Send (цифра 2).

Отправляем маску на смартфон

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

Если вам понравилось – поставьте лайк нашей статье и поделитесь в соцсетях, если тема будет интересна мы расскажем как загрузить созданные маски в Фейсбук или Инстаграм. Перед загрузкой маски должны пройти модерацию, зато потом её смогут использовать все пользователи.

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

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

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

Вернитесь в Spark AR и нажмите на пункт faceMesh0 в том же блоке Scene, чтобы продолжить создание маски. В панели у правого края программы появятся свойства этого объекта — видимый он или нет (галочка Visible), оставляет ли он отверстия на месте глаз и рта человека (галочки Eyes и Mouth соответственно — в нашем случае обе галочки должны быть включены), его координаты, размеры и сдвиг.

Среди этих параметров для маски в Instagram есть пункт Materials. Нажмите на иконку с плюсиком справа от него — так вы создадите свой первый материал. Материалы — это объекты, которые включают в себя набор разных свойств, влияющих на то, как будет выглядеть объект (скоро поймете). Каждому объекту может соответствовать только один материал, но один материал можно применить к нескольким объектам.

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

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

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

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

Сейчас есть следующее деление масок по типу: 2D, 3D и игры.

2D маски

Для создания самой простой 2D-маски необходимо владеть базовыми навыками фотошопа. Все, что нужно — нарисовать текстуру и загрузить ее в mesh лица в спарке. Уроков по созданию таких масок уже предостаточно.

Но маска может быть и динамичной, а это территория motion-дизайнеров:

Средняя стоимость:
$200-300

Необходимые навыки:

  • Photoshop для статичных масок
  • After Effect для динамичных масок (или другой софт для создания 2д анимации)

3D маски

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

habrastorage.org/webt/ri/pl/1l/ripl1ls3fu58ee0_kqacsahacxw.gif
​Здесь применяется LUT фильтр для инвертирования цветов и 3д челюсть, которая трекается к лицу

Овладеть 3D моделированием быстро маловероятно, поэтому здесь комфортно будут себя чувствовать все те, кто сносно владеет 3D софтом.

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

Средняя стоимость:
от $500

Необходимые навыки:

  • Photoshop для статичных масок
  • Моделирование, текстурирование, риггинг в любом 3D софте

На выходе вы должны иметь файл fbx, obj, dae, который легко импортируется в спарк.

Про текстурирование.

Есть 6 типов текстур: Flat, Standart, Phisically-Based, Face Paint, Blended, Retouching.

Больше всего возможностей дают Standart и Phisically-Based. У них есть текстурные карты: Normal map, Specular, Emission Map, Alpha. У Phisically-Based еще и Environment map.

Retouching позволяет только сгладить кожу лица. По сути она применяет Blur к коже лица. Сила настраивается.

Пример моих 3д масок:


Автор — Siberian_creator


Автор — Siberian_creator

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

В инстаграм можно создавать игры на базе мимики и движения лица человека.

Эти параметры считывает спарк с лица:

  • Моргание глазами (boolean)
  • Опускание бровей (boolean)
  • Поднятие бровей (boolean)
  • Счастливое лицо (boolean) (только для facebook)
  • Кивок головы (boolean)
  • Поворот головы (boolean)
  • Поцелуй (только для facebook)
  • Левый глаз закрыт (boolean)
  • Правый глаз закрыт (boolean)
  • Открыт рот (boolean + значение силы открытия от 0 до 1)
  • Улыбка (boolean)
  • Удивленное лицо (boolean) (только для facebook)

Пример игры:

​Персонаж прыгает в момент моргания глазами

Можно создавать анимацию привязанную к плоскости используя plane tracker. Сейчас работает только в Facebook.

С объектами и анимацией можно взаимодействовать стандартными жестами телефона: тап, долгий тап, свайп.

Средняя стоимость:
от $3000

Необходимые навыки:
Знания JavaScript

Всё, вы создали свою первую маску для миллионов пользователей Инсты

Время проверки и аппрува вашей маски займет до 10-ти рабочих дней. В какой-то момент вам просто в Фейсбуке придет уведомление, что ваша маска одобрена.

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

Попробуйте нашу маску: Каким будет твой следующий телефон? (эта ссылка откроется только со смартфона). Выкладывайте результаты в сториз, тегайте @iphones_ru – лучшие перепостим у себя 🙂

Теперь вы можете удивить своих коллег и друзей, рассказывая как ловко умеете программировать для Инстаграма. Делайте хороший контент, новые маски – это весело.

  • Твитнуть
  • Поделиться
  • Рассказать
  • Instagram,
  • инструкции,
  • Это интересно

Как создать свою маску для Instagram Stories. Инструкция

Instagram разрешил создавать AR-маски всем пользователям, а не только разработчикам. На сайте Spark AR компания выложила обучающие материалы, а также ссылку для загрузки специальной программы — Spark AR Studio. Журналист AIN.UA приводит базовую инструкцию, как сделать маску в Instagram.

Spark AR Studio

Для создания маски понадобится специальная программа Spark AR Studio — ее можно скачать бесплатно здесь. Она доступна для macOS и Windows. Вместе с программой стоит также загрузить приложения Spark AR Player для iOS и Android — с их помощью можно тестировать результаты сразу на смартфоне.

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

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

Слева находится вкладка Scene, а ниже — панель Assets с активами проекта. Раздел с активами — такая себе библиотека файлов: при добавлении документов в этот раздел они не будут отображаться в основном окне. Чтобы увидеть объект, его нужно перенести на вкладку Scene, которая находится выше.

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

Создать объект для Instagram Stories

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

Первый шаг — загрузите трехмерный объект в Spark AR Studio. Программа поддерживает форматы FBX 2014/2015, gITF 2, COLLADA / DAE, OBJ и DAE. Объект — вместе с его свойствами — появится во вкладке с активами.

Дальше перенесите его на панель Scene. В этот момент уже можно создать связь объекта с эффектами масок. Именно эти эффекты позволяют объектам следовать за лицом, поверхностями и так далее. Вот основные:

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

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

Подробную инструкцию можно найти здесь.

Создать эффект для лица в Instagram Stories

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

Маска состоит из двух компонентов — текстуры (Texture) и материала (Material). Текстуру — уже заранее созданный объект — нужно загрузить в Spark AR Studio в формате PNG, JPEG или SVG. Она появится во вкладке с активами, ее никуда не нужно перемещать.

Во вкладке Scene нужно добавить эффект Face Tracker, а к нему привязать другой, Face Mash, кликнув правой кнопкой мыши и нажав Add. Именно эта связка эффектов позволяет создать маску, которая реагирует на выражения лица пользователя.

Следующий шаг — создать материал для маски. Для этого выберите на правой панели соответствующий раздел и нажмите на «+». После этого материал появится во вкладке с активами, а маска в основном окне поменяет цвет. Материал можно редактировать во вкладке справа — она появится при выборе объекта.

Именно здесь нужно сделать несколько следующих действий. Во-первых, выберите необходимый тип тени — это важно для масок. К каждой подойдет свой тип из предложенных — Flat, Standart, Face Paint, Physically Based, Blended, Retouching. Если вы тестируете уже предложенную командой Instagram маску, стоит выбрать Face Paint — она будет отображать лишь нарисованные фрагменты, а все остальное будет прозрачным.

Ниже этом разделе устанавливается текстура — непосредственно само изображение. Найдите пункт Texture и нажмите Choose File — в выпадающем окне появится список из добавленных в проект текстур. Вам нужно выбрать необходимый.

Подробную инструкцию можно найти здесь.

Патчи

В Spark AR Player можно создавать различные анимации и зависимости. Для этого используйте Patch Editor. Его можно открыть во вкладке View, он отобразится снизу основной области.

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

Дальше нужно выбрать объект на вкладке Scene (он должен располагаться под эффектом Face Tracker для зависимости) и кликнуть на стрелку рядом на поле справа с пунктом Visible. Объект появится в Patch Editor, дальше его нужно связать с патчем Smile. В итоге получается следующая зависимость:

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

Экспорт проекта

Чтобы просмотреть результаты на смартфоне, в левом нижнем углу экрана нажмите на пиктограмму девайса и выберите «Отправить в приложение». Результат будет виден в приложении Spark AR Player.

После всех внесенных изменений нужно экспортировать проект. Для этого нажмите на соответствующую кнопку в левом нижнем углу экрана, она чуть ниже кнопки с функцией «Отправить в приложение». Spark AR Studio предупредит, если файл превышает требования по размерам. Непосредственный файл для загрузки в Facebook и Instagram должен быть соответственно не больше 10 МБ (компания рекомендует 2 МБ и меньше ) и 4 МБ.

Финальный шаг — загрузить маску на Spark AR Hub и дождаться проверки модераторами. После этого она появится во вкладке «Галерея эффектов», которая находится в конце перечня эффектов в окне записи Stories.

Как работать с программой Spark AR Studio

Для начала загрузить и установить на компьютер Spark AR Studio в последней версии. Софт доступен как для MacOS, так и для последних версий Windows. Открывайте: вы увидите заставку, и десятки возможностей создавать самые различные маски и фильтры для Instagram или Facebook.

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

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

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

В левой части окна найдите вкладку Scene и функцию «faceMesh_distortion».

Затем вам понадобится опция Deformation — она находится уже в правой части окна.

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

Что делать, если не получается синхронизация

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

  • обновите Инстаграм. Буквально недавно у меня стало плохо грузиться приложение, не показывало Истории, подвисало. К своему удивлению, я обнаружила, что у меня не сработало автообновление. Обновилась вручную, и все проблемы разрешились;
  • просто подождите немного, иногда привязка не срабатывает сразу, зайдите в программу через 1 – 2 часа и проверьте результат;
  • выйдите из учетной записи в Instagram и заново войдите. Некоторые настройки не хотят вступать в силу, если не выполнить это действие.

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

Ссылка на основную публикацию
Статьи c упоминанием слов:
Adblock
detector