- AR-креаторы: зарождение новой профессии
- Предыстория создания Spark AR
- Что такое Spark AR?
- «Времена банальных масок уходят. Теперь в AR индустрии получают охват уникальные и креативные идеи. И именно здесь нужны навыки опытных дизайнеров»
- Зачем нужны маски?
- ya.molli
- 3,2 млн. подписчиков
- dvoshansky
- 4,5 млн. подписчиков
- Навыки для создания маски
- 2D маски
- 3D маски
- Модерация масок
- Как делать маски в Инстаграме самому – пошаговая инструкция
- Необходимые программы
- Установка Spark AR Studio
- Установка Spark AR Player
- Создаем первую маску
- Как просмотреть маску на смартфоне?
- Как делать маски в Инстаграм на телефоне?
- Заключение
AR-креаторы: зарождение новой профессии
В августе этого года на свет появилась новая профессия. А все потому, что Facebook вывел из бета версии Spark AR — платформу для создания масок для Instagram и Facebook. Так получилось, что я оказался в водовороте процесса становления этой профессии и сам стал AR-креатором. В статье расскажу о ценах на маски и самых ярких историях успеха креаторов.
Не буду брать в расчет, что все это движение зародилось в недрах Snapchat, но именно фейсбук сделает эту технологию массовой.
Предыстория создания Spark AR
Spark AR появился на свет благодаря белорусской команде MSQRD, которые несколько лет назад нашумели своим приложением. В то время их купил Facebook. Уже внутри корпорации команда работала над тем, чтобы встроить свою технологию в продукты FB. Итогом этой работы стала сама платформа Spark AR.
Слышали про людей, которые на масках в инстаграм подняли по несколько миллионов подписчиков за несколько месяцев? Поезд этого тренда уже разгоняется. И сейчас есть шанс в него запрыгнуть 2D и 3D дизайнерам, JavaScript программистам, иллюстраторам и всем тем, кто связан с цифровым искусством. Все эти люди в рамках платформы объединены одним термином — AR creators. Какие требования и знания необходимы, чтобы стать им?
Я буду транслировать только свой опыт и попытаюсь внести ясность в происходящее сейчас явление.
Что такое Spark AR?
sparkar.facebook.com/ar-studio
Это платформа, позволяющая любому без особых знаний и умений сделать свою маску. Именно так Spark AR стали преподносить наперебой многие видеоблогеры после ее выхода из беты. Но без какого-либо опыта в digital-индустрии вы сможете сделать максимум маску-тату:
«Времена банальных масок уходят. Теперь в AR индустрии получают охват уникальные и креативные идеи. И именно здесь нужны навыки опытных дизайнеров»
Автор — Omega.C
Зачем нужны маски?
Ответ прост — это новый и еще не попсовый маркетинговый инструмент, который позволяет увеличить число подписчиков, а для брендов лояльность и вовлеченность аудитории (для самих креаторов к тому же бесплатный).
Вы можете годами собирать свою аудиторию, постить качественный контент, делать коллаборации, но не достичь цифры и 10 тыс. подписчиков. Креаторы за 1 месяц достигают цифр в 50-100 тыс. А самые удачливые собирают миллионы.
Вы знаете какие-то другие бесплатные и столь эффективные способы продвижения?
Самые яркие примеры в России:
ya.molli
3,2 млн. подписчиков
До использования масок — 200 тыс.
Я взял у Молли комментарий:
Я, как правило, создаю только фильтры и у меня сейчас показов более 35 млрд. В последнее время все больше и больше людей подписываются на мои маски. Я делаю фильтры на основе чего-то узнаваемого. Например, я создала фильтр, имитирующий пленку 8 мм.Они принесли много иностранной аудитории и позволили выйти на международный рынок в плане сотрудничества.
dvoshansky
4,5 млн. подписчиков
До использования масок — меньше 1000
У продвижения через маски есть минус, про который я вас должен предупредить. Аудитория может получиться сильно размазанной по миру, на вас могут неожиданно много подписаться жителей Индонезии или Бразилии, которую трудно монетизировать из России. Вы просто должны понимать этот риск.
Навыки для создания маски
Сейчас есть следующее деление масок по типу: 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
Модерация масок
Последнее, что хотелось бы обсудить, это модерацию. С каждым месяцем гайки закручиваются. Т. к. Facebook не маленький стартап, то это накладывает ограничения в плане размещения на ее площадке разных масок.
Совсем недавно можно было выкладывать маски с деформированным лицом (например, с большими глазами), сейчас такое не пройдет.
По своему опыту могу сказать, что самая частая причина, по которой не утверждают маски — это статичный текст. Такую маску я пытался утвердить 2 месяца, меняя разные параметры, и доказывая модератору, что статичный текст тут — это ключевой визуальный элемент. Но, похоже, эта маска никогда не увидит свет:
Сроки модерации масок — 7 рабочих дней, но иногда затягивается на 10 и больше. Будьте к этому готовы.
Я создал телеграмм группу для публикации заказов и обсуждения вопросов, связанных с разработкой масок.
Спасибо за внимание.
Буду рад если вы расскажете о своем опыте работы в Spark AR в комментариях.
Источник
Как делать маски в Инстаграме самому – пошаговая инструкция
По массовым запросам читателей мы решили написать пошаговую инструкцию как делать маски в Инстаграме самому. Зачем делать свои маски? Во-первых, это интересно, можно создать свой уникальный эффект. Во-вторых, после загрузки своей маски в Инстаграм там появляется ссылка на ваш профиль – а это хорошая реклама и привлечение новых подписчиков.
В статье рассмотрим какие программы нам понадобятся, дадим все ссылки где скачать софт для компьютера и смартфона. Затем мы вместе создадим нашу первую маску и посмотрим как сразу протестировать маску на телефоне.
Необходимые программы
Для создания масок нам понадобятся две программы: Spark AR Studio – программа для ПК. И Spark AR Player – это программа для просмотра созданной маски на смартфоне. Что бы не было путаницы, давайте загрузим и установим софт, а во второй части статьи покажем как создать самую простую маску и отправить на телефон.
Установка Spark AR Studio
Spark AR Studio это программа для создания эффектов альтернативной реальности для Facebook и Instagram. Для работы с ней нам понадобиться:
- Перейти по ссылке sparkar.facebook.com/ar-studio/download.
- Нажимаем розовую кнопку Download и загружаем пакет установщика.
Загружаем Spark AR Studio
Водим логин и пароль Фейсбук аккаунта
Программа бесплатная, но для авторизации понадобиться Facebook аккаунт. Вводите ваши данные или попросите аккаунт у знакомых.
Установка Spark AR Player
Теперь установим Spark AR Player. Это плеер для воспроизведения созданных масок на смартфоне. После отправки маски из Спарк студии на смартфон, он задействует камеру в Спарк плеере и мы сразу можем увидеть результат на примере своего селфи. Для установки на Андроид:
- Переходим по ссылке play.google.com/store/apps/details?id=com.facebook.arstudio.player со смартфона.
- Или открываем Play Маркет и пишем Spark AR Player.
Устанавливаем Spark AR Player
Теперь мы готовы создать и протестировать нашу первую маску.
Создаем первую маску
После запуска и ввода логина пароля, мы попадаем на стартовый экран Spark AR Studio. Тут несколько готовых примеров масок и их типы, разбитые на следующие категории:
- Visual shaders – визуальные эффекты, шейдеры, градиенты.
- Animated Face Mask – пример анимированной маски кролика для лица.
- Face Distortion – искажение лица.
- Skeleton Animation – пример анимации.
- Boombox with audio – пример добавления 3D объекта с музыкой.
- Holiaday Card – поздравительная открытка.
- Floating Particles – плавающие, летающие частицы, маски с бликами звездочками и т.п относятся к этому типу.
- Light Leak – наложение света, ярких или темных бликов на маску.
- Facezoom – увеличение, уменьшение лица.
Давайте выберем для начала вариант попроще – Face Distortion.
Выбираем вариант Face Distortion
Далее у нас откроется окно с программой. Слева у нас панель инструментов, в центре рабочая область, а справа фильтры для работы со слоями. Если вы ранее работали с Фотошопом – вам будет легче разобраться, принцип очень похож. В программе есть встроенные зацикленные видео отрезки с лицами для – работы с масками. Можно поменять их если кликнуть на значок камеры:
- Кликаем на значок камеры.
- Цифрой 2 отмечена возможность подключить USB вебку или камеру ноутбука.
- Цифрой 3 отмечена возможность выбрать готовый отрезок, так мы и поступим.
Выбираем зацикленное видео
Далее закрываем окно с источником видео и кликаем на пункт faceMesh_distorion . Затем справа можно поиграться с ползунками для изменения размеров глаз, носа, подбородка, формы головы и тп.
Изменяем нашу будущую маску
Как просмотреть маску на смартфоне?
Для просмотра маски на смартфоне нам понадобиться включить отладку по USB как мы писали ранее и подключить телефон к компьютеру. После этого:
- Запускаем Spark AR Player на смартфоне и подключаем к компьютеру.
- В программе нажимаем на значок мобильного телефона(цифра 1).
- Видим свою модель в появившемся окошке и нажимаем Send (цифра 2).
Отправляем маску на смартфон
Все отправленные таким способ маски сохранятся в смартфоне, в последствии их можно будет снова просмотреть, сохранить, а так же отправить в Facebook или Instagram.
Если вам понравилось – поставьте лайк нашей статье и поделитесь в соцсетях, если тема будет интересна мы расскажем как загрузить созданные маски в Фейсбук или Инстаграм. Перед загрузкой маски должны пройти модерацию, зато потом её смогут использовать все пользователи.
Как делать маски в Инстаграм на телефоне?
Пользователи часто задают вопрос как создавать маски для Инстаграм на телефоне. Разработка новых эффектов и масок – процесс трудоемкий и требует хорошей вычислительной мощности. Пока создавать маски на телефоне нельзя, но в будущем разработчики Спарк Студии возможно сделают «облегченную» версию для смартфонов.
Заключение
Как видим делать маски в Инстаграме самому довольно просто. Сегодня мы рассмотрели только самый простой пример с искажением лица и рассказали какие программы нам понадобятся. Напишите в комментариях всё ли получилось, можете поделиться ссылками на ваши первые маски в нашем телеграм канале t.me/itpenru.
Если тема будет интересна в следующих статьях мы рассмотрим как создавать анимированные маски или Floating Particles. Эффект когда вокруг глаз или головы летают светящиеся частицы.
Евгений Загорский
IT специалист. Автор информационных статей на тему Андроид смартфонов и IOS смартфонов. Эксперт в области решения проблем с компьютерами и программами: установка, настройка, обзоры, советы по безопасности ваших устройств. В свободное время занимается дизайном и разработкой сайтов.
Источник