Как сделать фон в спарк ар

Добавил пользователь Alex
Обновлено: 30.08.2024

Если вы хотите меня поддержать, буду вам очень признательна, спасибо! Карта Сбербанк 5469 3800 1033 3317 ? Telegram-канал с файлами для масок, пресетами для Lightroom и др. "Даша Лэм делится": (если не переходит по первой ссылке: ) В новых версиях Spark AR к загружаемым картинкам обязательно убирайте компрессию и ставьте галочку рядом с "no compression" (справа в свойствах текстуры-картинки) Как сделать анимацию: ? Мой чат для обсуждения вопросов по маскам: Чтобы узнать обо мне больше: ? Instagram: ? Twitter: Делаю маски на заказ, писать в Direct)

The Owl

Как добавить какой-либо объёмный эффект поверх фона, чтобы маска работала адекватно. Есть ли другой способ сделать фон, чтобы user не был плоским?

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

Roni Verner

почему у меня при тесте в инстаграме высвечивается - эффект недоступен? в чем проблема?

Meduza hedonist

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

wrtnw sqnwt

а где взять эти присеты?

Настя Эфирова

У меня вообще не получается, по попытке создать все виснет( наверное лучше делать на mac а не на windows :(

Алена Богатырева

Я когда ставлю фон таким образом, то мой зd объект на голове и летящие вниз звездочки не видны за фоном, они как бы за ним. Что в таком случае делать?

Anastasia Sopko

И как сделать так, чтобы анимированный фон отображался только на черных элементах на камере?

Anastasia Sopko

А обводку силуэтов как-то можно сделать? Не лица, а именно того, что перед камерой. Типа дома, деревья и пр

Наташа Круспе

Valeriya Ch

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

Varwara

Здравствуйте, как при сегментации сделать ретушь лица?

Саша Ивашина

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

Юля Овсянкина

Привет. А как можно изменить цвет или длину волос? Подскажите, пожалуйста ?

Drake Smol

Привет, не подскажешь как сделать эффект замораживания экрана. Пытаюсь реализовать это с помощью открытия рта и Аnimatio Sequence, но гифка зациклевается и постоянно замораживаается и размораживается.

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

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

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

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

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

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

Игры для инстаграм

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

Маски фильтры для Инстаграм

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

Маска для замены фона в Инстаграм

Игра от dodo picca

Что AR-маски могут дать бизнесу

Брендированные фильтры – важный инструмент для продвижения в Instagram. Они позволяют решить множество задач: увеличить продажи и базу подписчиков, запустить UG-контент, повысить узнаваемость.

Рассмотрим подробнее пользу от AR-масок.

Рекламное упоминание в маске

Прирост аудитории за счет ar маски

  • Пользовательский контент. Использование AR-масок поможет вам повысить активность ЦА и увеличить ее лояльность. Особенно хорошо работают концептуальные и тематические фильтры, например, приуроченные к Новому году, распродаже или фестивалю. Если ваша маска понравится пользователям, UG-контент будет распространяться по Instagram самостоятельно (без затрат на продвижение).

Как придумать эффективную AR-маску

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

Пошаговый алгоритм выглядит так.

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

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

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

Маски создаются в бесплатной программе Spark AR Studio. Вам понадобится установить ПО на компьютер для разработки маски, а также на мобильное устройство для тестирования созданного эффекта.

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

  • Установите программу на компьютер и телефон.
  • Создайте новый проект.

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

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

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

  • Выберите текстуру и материал маски. Текстуру надо предварительно создать в Photoshop или другом редакторе.

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

  • Через USB-кабель подключите смартфон к ПК и протестируйте созданный креатив. При необходимости внесите правки.
  • Экспортируйте эффект на компьютер, добавив описание и превью.

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

  • Загрузите AR-маску в библиотеку эффектов через специальный кабинет Facebook. Измените место отображения на Instagram. После загрузки эффектов в социальную сеть вы сможете собирать статистику, временно отключать их и переносить в архив, задавать время работы (актуально для сезонных масок).

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

Подробная инструкция: Как сделать маску для сторис Инстаграм

Заключение

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

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

Маски в Инстаграм появились в мае 2017, и обрели большую популярность. Пользователь мог установить лишь те, которые были предложены в приложении. Но через время появилась программа от Facebook Spark AR Studio, в которой каждый может научится создавать свои уникальные маски. Не будем скрывать, на них люди неплохо зарабатывают и стоят они не дешево.

Маска

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

Что понадобится — подготовка

Spark AR Studio

Spark AR Studio ввод данных программы

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

Face Distortion Pack

Указание на ссылку для скачивания

Шаблон лица для маски в Инстаграм

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

Путь к лежащей ссылки

Приложение Spark ar Player

  • Скачайте и установите приложение на смартфон, для Android, для iPhone. Либо перейдите в Google Play и наберите Spark ar Player. Для Apple зайдите в App Store и таким же методом скачайте и установите приложение.

Фотошоп

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

Шаг №1 — сделаем ретушь

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

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

Выбор персонажа в Spark AR Studio

Скриншот указывающий путь 1

После снова заходим в меню Add, на этот раз выберете 3D Objects, а затем кликните по кнопке Face Mesh.

Скриншот указывающий путь 2

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

После находим внизу левого меню кнопку Add Asset и в выпадающем списке жмем Materials, для удобства можно переименовать в ретушь (retouch).

Скриншот указывающий путь 3

В правой колонке появилось вкладка material0 (ретушь), кликнем на нее, а после переходим в правый верхний угол и жмем на вкладку Standart, выбираем последний пункт Retouching. Передвигаем ползунок к значению 10, этого будет достаточно. Чем больше цифра, тем будет более гладкой ваша кожа.

Скриншот программы Spark AR Studio

После в левом меню нажмите по facemesh0 (ретушь), затем перейдите в правую колонку и примерно посередине меню, напротив, Materials кликните на +. Нужно выбрать material0 (если переименовали, то ретушь). Лицо человека, а впоследствии и ваше изменяется, ретушь готова.

Spark AR Studio как делать ретушь

Шаг №2 — делаем коррекцию лица

В этом пункте можно позабавить себя масштабированием глаз, носа, скул, сделать больше или меньше губы, а также и формы. Для начала перейдите в уже знакомое верхнее меню и нажав кнопку Add, переходим к 3D Objects и жмем Face Mesh.

Скриншот указывающий путь 2

Для удобства пользования faceMesh0 переименуйте в коррекцию. Обнаружив, что маска немного съехала с лица, не пугайтесь. Передвиньте только что созданный faceMesh0 (коррекция), поставив его перед faceTrecker0. Маска встает на место.

Далее, в правой колонке, почти в самом низу, находим вкладку Deformation и нажимаем на знак плюса, стоящего рядом.

Скриншот программы101

После нажатия в открывшемся окне находим скаченную папку Face Distortion Pack и ищем файл faceDistortionPack.fbx. Открываем его и в открывшемся окошке нажимаем ок.

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

Открывание файлов

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

Spark AR Studio перевод настроек на русский язык

Шаг №3 — как в Spark AR Player посмотреть все настройки на себе

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

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

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

  1. Подключаем смартфон к ПК посредству USB кабеля.
  2. Заходим в приложение Spark AR Player.
  3. В программе Спарк АР в левом нижнем углу нажмите на знак телефона см №1, после нажмите кнопку Send (2).

Подключение телефона к Spark AR Studio

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

Программа Spark AR Studio требовательна к ресурсам, поэтому чтобы не перегружать ПК сверните проект. Когда вы убедились в правильности выбранных вами настроек, выйдете с программы, предварительно сохранив проект. Для этого нажмите в правом углу на крестик, а в всплывающем окне на Save и выберете место для сохранения.

Шаг №4 — делаем маску

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

Создаем картинку с помощью Photoshop

Фотошоп

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

Загрузка элементов вторым слоем

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

  • В правом нижнем углу нажмите на значок глаза на маски, таким образом, мы скроем ненужный слой.

Клубника на маске в фотошопе

Сохранение файлов картинки

Шаг № 5 — вставляем маску в Spark AR Studio

  • Если вы закрывали программу на время работы фотошопа, то открываем сохраненный проект на ПК.

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

  • Заходим в программу и в нижнем правом углу нажимаем на Add, в списке выбираем Material. Для удобства переименовываем его.

Интерфейс программы для инстограма

Загрузка маски для инстаграма

Скриншот указывающий путь 2

Создание маски

Элементы появятся на персонаже. Чтобы увидеть как фото с маской будет смотреться в Инстаграме на вашем лице, нужно снова подключить телефон к USB, открыть приложение Спак АР. И как уже говорилось выше, на ПК в левом нижнем углу нажмите знак телефона, а после кнопку Send и маска будет на вашем лице.

Клубника на лице

Итак, для того чтобы сохранить нашу бьюти маску, в верхнем левом углу нажимаем вкладку File, а в выпадающем меню жмем на Export. Затем в всплывающем окне, снова на Export.

Сохранение маски

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

Картинки которые блестят

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

Читайте также: