приложение spark ar studio

Скачайте Spark AR Studio

Начните создавать эффекты дополненной реальности для Facebook и Instagram.

Программа Spark AR Studio пока доступна только на английском языке.

Нажимая кнопку «Скачать», вы принимаете Условия Spark AR Studio.

приложение spark ar studio. 43031443 623488364719685 3363295585628061696 n. приложение spark ar studio фото. приложение spark ar studio-43031443 623488364719685 3363295585628061696 n. картинка приложение spark ar studio. картинка 43031443 623488364719685 3363295585628061696 n.

Скачайте Spark AR Player

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

приложение spark ar studio. 130692939 192059602577203 5427425399034579511 n. приложение spark ar studio фото. приложение spark ar studio-130692939 192059602577203 5427425399034579511 n. картинка приложение spark ar studio. картинка 130692939 192059602577203 5427425399034579511 n.

приложение spark ar studio. 131385259 1385772811815232 316202727130563371 n. приложение spark ar studio фото. приложение spark ar studio-131385259 1385772811815232 316202727130563371 n. картинка приложение spark ar studio. картинка 131385259 1385772811815232 316202727130563371 n.

приложение spark ar studio. 131462541 393207235325986 76996892198566284 n. приложение spark ar studio фото. приложение spark ar studio-131462541 393207235325986 76996892198566284 n. картинка приложение spark ar studio. картинка 131462541 393207235325986 76996892198566284 n.

приложение spark ar studio. 131748596 180925800387868 3166275005406859185 n. приложение spark ar studio фото. приложение spark ar studio-131748596 180925800387868 3166275005406859185 n. картинка приложение spark ar studio. картинка 131748596 180925800387868 3166275005406859185 n.

Публикуйте эффекты с помощью Spark AR Hub

Управляйте публикацией эффектов на Facebook и в Instagram.

приложение spark ar studio. PAXP deijE. приложение spark ar studio фото. приложение spark ar studio-PAXP deijE. картинка приложение spark ar studio. картинка PAXP deijE.

Будьте в курсе последних улучшений

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

приложение spark ar studio. 42763266 1238577862949013 4147452031424004096 n. приложение spark ar studio фото. приложение spark ar studio-42763266 1238577862949013 4147452031424004096 n. картинка приложение spark ar studio. картинка 42763266 1238577862949013 4147452031424004096 n.

Учитесь

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

Источник

Присоединяйтесь к конкурсу Cyberware Challenge

Создавайте эффекты дополненной реальности, вдохновляясь футуристической видеоигрой Cyberpunk 2077, и получите шанс выиграть призы на общую сумму более 700 000 долларов США.

Создавайте эффекты дополненной реальности, вдохновляясь футуристической видеоигрой Cyberpunk 2077, и получите шанс выиграть призы на общую сумму более 700 000 долларов США.

приложение spark ar studio. 58691067 2256231477773151 5688692670407376896 n. приложение spark ar studio фото. приложение spark ar studio-58691067 2256231477773151 5688692670407376896 n. картинка приложение spark ar studio. картинка 58691067 2256231477773151 5688692670407376896 n.

приложение spark ar studio. . приложение spark ar studio фото. приложение spark ar studio-. картинка приложение spark ar studio. картинка .приложение spark ar studio. 241210238 888646885417995 2543738915625433187 n. приложение spark ar studio фото. приложение spark ar studio-241210238 888646885417995 2543738915625433187 n. картинка приложение spark ar studio. картинка 241210238 888646885417995 2543738915625433187 n.

приложение spark ar studio. 10000000 359498501748514 7259372767694157423 n. приложение spark ar studio фото. приложение spark ar studio-10000000 359498501748514 7259372767694157423 n. картинка приложение spark ar studio. картинка 10000000 359498501748514 7259372767694157423 n.

Воплощайте идеи в жизнь!

Создавайте продукты дополненной реальности и делитесь ими с миллиардами пользователей Facebook.

Мощное ПО для работы с дополненной реальностью

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

приложение spark ar studio. 81222778 3154489394568272 5959017435276247040 n. приложение spark ar studio фото. приложение spark ar studio-81222778 3154489394568272 5959017435276247040 n. картинка приложение spark ar studio. картинка 81222778 3154489394568272 5959017435276247040 n.

приложение spark ar studio. 73240116 558783764926698 7120020079764307968 n. приложение spark ar studio фото. приложение spark ar studio-73240116 558783764926698 7120020079764307968 n. картинка приложение spark ar studio. картинка 73240116 558783764926698 7120020079764307968 n.

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

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

Овладейте секретами цифрового искусства

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

Источник

​Spark AR Studio для Instagram. Полное руководство

приложение spark ar studio. spark ar studio facebook 463d41b9bb. приложение spark ar studio фото. приложение spark ar studio-spark ar studio facebook 463d41b9bb. картинка приложение spark ar studio. картинка spark ar studio facebook 463d41b9bb.

Spark AR Studio для Instagram. Полное руководство

Заказать маску можно в telegram тут

Портфолио в Instagram тут

Цены на маски инстаграм тут

Тел. +7(499)346-89-90

Группа в телеграм с примерами работ тут

Говорим о том, что такое Spark AR Studio, где его можно использовать и как создать свою первую AR-маску для Instagram, VK, Facebook, Snapchat.

приложение spark ar studio. sparkarstudio learning 1024x527 82ee8c42f9. приложение spark ar studio фото. приложение spark ar studio-sparkarstudio learning 1024x527 82ee8c42f9. картинка приложение spark ar studio. картинка sparkarstudio learning 1024x527 82ee8c42f9.

Что такое Spark AR Studio?

Spark AR Studio – это платформа дополненной реальности для Mac и Windows, которая позволяет с лёгкостью создавать AR-эффекты в мобильной камере. Словом, перед нами нечто вроде Photoshop или Sketch только в дополненной реальности.

Не хотелось бы разрушать ничьих иллюзий, но AR не так уж и инновационна. По факту, технология дополненной реальности существует уже около 40 лет (первые упоминания датируются 1960 годом)! И только в последние несколько лет она нашла мировое применение и плавно проникла в десятки отраслей: от игровой (Pokemon Go) до навигационной (Google Maps).

Отличным примером использования Spark AR станут социальные медиа, которые явно и яро следуют за лейтмотивами самой технологии. Большая часть успеха объясняется популярностью Instagram Stories. Насчитывая более, чем 500 млн активных пользователей в день (!) и обладая максимально удобным пользовательским интерфейсом и необузданным желанием миллионов делиться забавными, «отфильтрованными» селфи, Instagram восстаёт как идеальная среда для распространения AR в массы.

приложение spark ar studio. 1 min 2731799bdc. приложение spark ar studio фото. приложение spark ar studio-1 min 2731799bdc. картинка приложение spark ar studio. картинка 1 min 2731799bdc.

Судьбоносным стало решение Facebook в 2017 запустить собственное ПО для брендов и дизайнеров, которое позволило бы создавать оригинальные эффекты в Spark AR.

Spark AR Studio сперва была общедоступной платформой с одним «но»: если вы хотели, чтобы пользовательские AR-эффекты появились в Instagram, нужно было получить доступ к закрытой бета-версии программы.

Но теперь всё изменилось: любой желающий может создавать и публиковать собственные эффектыSpark AR Studio в сториз.

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

Получается, с одной стороны у вас самый первый прыжок и прощупывание почвы в Spark AR, а с другой – поиск креативных способов создания и распространения собственного опыта в дополненной реальности.

приложение spark ar studio. 1565902583631kak sozdat filtry d 091af4fdb4. приложение spark ar studio фото. приложение spark ar studio-1565902583631kak sozdat filtry d 091af4fdb4. картинка приложение spark ar studio. картинка 1565902583631kak sozdat filtry d 091af4fdb4.

Как компании могут использоватьSpark AR Studio в бизнес-целях?

Причин уйма, но самая главная связана со свободой творчества. Spark AR Studio – это модно.

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

Раньше в Instagram была уникальная система блокировки фильтров (сначала нужно было подписаться на создателя). В итоге большинство тех, кто участвовал в бета-программе Spark AR Studio, обзавелись десятками тысяч подписчиков. Сейчас приложение использует обновлённую версию эффектов и облегчает поиск уникальных фильтров от сообщества создателей.

По данным Facebook, более 1 млрд человек использовали эффекты в Spark AR.

приложение spark ar studio. 1u wc4hymxdy17lrhgaxutw min 0126144617. приложение spark ar studio фото. приложение spark ar studio-1u wc4hymxdy17lrhgaxutw min 0126144617. картинка приложение spark ar studio. картинка 1u wc4hymxdy17lrhgaxutw min 0126144617.

Где ещё можно использовать Spark AR?

Как получить доступ к пользовательским фильтрам в Spark AR?

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

приложение spark ar studio. copy of copy of template vertica 5728f6a713. приложение spark ar studio фото. приложение spark ar studio-copy of copy of template vertica 5728f6a713. картинка приложение spark ar studio. картинка copy of copy of template vertica 5728f6a713.

Как начать создавать фильтры в Spark AR?

Чтобы начать работу с Spark AR Studio вам не нужно знать (или писать) код. Если вы новичок в мире графического дизайна, начните с изучения основ на официальных страницах Spark AR Studio и ознакомьтесь с инструкциями. Инструмент интуитивно понятен, а проявить свои творческие способности можете классическим методом проб и ошибок.

Facebook предоставляет тонну документации Spark AR Studio и руководств, где подробно рассказывается не только о том, как создавать эффекты в Spark AR Studio (текстуры, объекты, фильтры лица, игры и пр.), но и объясняет условия публикации.

Итак, чтобы начать процесс, вам необходимо:

Как создать простую маску в SparkAR?

После того, как вы скачали и установили Spark AR Studio, нужно авторизоваться через Facebook. В правом нижнем углу Spark AR Studio приветственного окна нажмите ‘Create project’ – попадёте в интерфейс. Перед началом работы добавьте трекер лица: нажмите ‘Add object’, и в всплывающем окне два раза кликните на ‘Face Tracker’. Трекер нужен для того, чтобы элементы меняли местоположение при движении.

приложение spark ar studio. 1565902583714kak sozdat filtry d b4189b454a. приложение spark ar studio фото. приложение spark ar studio-1565902583714kak sozdat filtry d b4189b454a. картинка приложение spark ar studio. картинка 1565902583714kak sozdat filtry d b4189b454a.

Следующий шаг Spark AR Studio – добавление изображения для отображения перед глазами. Опять нажмите ‘Add object’, а после два раза кликните на ‘Rectangle’.

В ‘Scene’, сцене, под ‘Face Tracker’ должны после появиться ‘rectangle0’ и ‘canvas0’. Нажимайте на ‘canvas0’ и переместите ‘Face Tracker’ так, чтобы ‘canvas0’ оказался его подгруппой.

Для того, чтобы ‘canvas0’ мог отследить ваше лицо, в блоке ‘Mode’ выставите ‘World Space’.

приложение spark ar studio. 1565902584529kak sozdat filtry d cc0d68b933. приложение spark ar studio фото. приложение spark ar studio-1565902584529kak sozdat filtry d cc0d68b933. картинка приложение spark ar studio. картинка 1565902584529kak sozdat filtry d cc0d68b933.

Сейчас идём к созданию непосредственно Spark AR маски. Скачайте faceFeminine.jpg и откройте этот файл в Adobe Illustrator/Photoshop. Растяните прямоугольник, который будет закрывать глаза и впишите туда что-нибудь.

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

В панели слева нажимаем на ‘rectangle0’, а справа – на иконку рядом с ‘Materials’.

Появится материал Spark AR Studio, который зальёт полотно белым. Чтобы это исправить, в правой панели нажимайте на ‘material0’, в левой, в ‘Texture’ выбираем текстуру (наш файл).

Для корректировки размера текстуры в левой панели выберите ‘rectangle0’, в правой – ‘Size’, и получите возможность изменить размер.

Осталось только подкорректировать положение Spark AR-эффекта. Ставьте на паузу видео, нажимайте на ‘canvas0’ и редактируйте высоту текстуры (зелёный указатель – вверх/вниз, красный – влево/вправо, синий – вперёд/назад).

приложение spark ar studio. img0e961c456a21 1 1 480x854 389b3c397b. приложение spark ar studio фото. приложение spark ar studio-img0e961c456a21 1 1 480x854 389b3c397b. картинка приложение spark ar studio. картинка img0e961c456a21 1 1 480x854 389b3c397b.

Готово! Теперь загружайте Spark AR Player на смартфон, подключайте его к компьютеру и перебрасывайте маску. Если после тестирования вас всё утраивает, в верхнем меню нажмите ‘File’, проверьте, что маска не выходит за границы максимально допустимого размера, и нажмите ‘Export’.

После этого нужно будет перейти в Spark A RHub, нажать в вверху на «Загрузку эффекта» и следовать указаниям. Всё будет интуитивно понятно, обещаем.

Источник

Spark AR – что это?

Spark AR (Augmented Reality) – программный продукт от Facebook для создания анимированных масок, игр и эффектов для Instagram. AR стремительно развивается в онлайн трансляциях и Stories Instagram.

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

приложение spark ar studio. default image. приложение spark ar studio фото. приложение spark ar studio-default image. картинка приложение spark ar studio. картинка default image.

Discy Latest Вопросов

приложение spark ar studio. default image. приложение spark ar studio фото. приложение spark ar studio-default image. картинка приложение spark ar studio. картинка default image.

Привет! Во вкладке assets не отображает materials

приложение spark ar studio. image 1 scaled. приложение spark ar studio фото. приложение spark ar studio-image 1 scaled. картинка приложение spark ar studio. картинка image 1 scaled.

При создании маски через eyeColor а они мне необходимы 🙁

При создании маски через eyeColor а они мне необходимы 🙁

приложение spark ar studio. default image. приложение spark ar studio фото. приложение spark ar studio-default image. картинка приложение spark ar studio. картинка default image.

Как наложить маску на всю голову?

приложение spark ar studio. image scaled. приложение spark ar studio фото. приложение spark ar studio-image scaled. картинка приложение spark ar studio. картинка image scaled.

Объект находится перед лицом, а не на нём, что делать?

Объект находится перед лицом, а не на нём, что делать?

приложение spark ar studio. default image. приложение spark ar studio фото. приложение spark ar studio-default image. картинка приложение spark ar studio. картинка default image.

post-processing filter

Скажите, пожалуйста, в чем проблема. При копировании блока filter из раздела post-processing в новый проект все получается, но экран становится белым. Читала что в Blurred image можно выбрать cameraTexture0, но этой текстуры там даже нет. Может есть логарифм по перемещению данного блока в новый проект.

Источник

Создание масок в Instagram с помощью Spark AR Studio

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

Что такое маски в Instagram?

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

приложение spark ar studio. image003. приложение spark ar studio фото. приложение spark ar studio-image003. картинка приложение spark ar studio. картинка image003.

Другой пример – маской является маска (простите за тавтологию):

приложение spark ar studio. image005. приложение spark ar studio фото. приложение spark ar studio-image005. картинка приложение spark ar studio. картинка image005.

Третий пример – очки:

приложение spark ar studio. image007. приложение spark ar studio фото. приложение spark ar studio-image007. картинка приложение spark ar studio. картинка image007.

В общем, суть масок Вы поняли.

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

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

приложение spark ar studio. image010. приложение spark ar studio фото. приложение spark ar studio-image010. картинка приложение spark ar studio. картинка image010.

приложение spark ar studio. image012. приложение spark ar studio фото. приложение spark ar studio-image012. картинка приложение spark ar studio. картинка image012.

приложение spark ar studio. image014. приложение spark ar studio фото. приложение spark ar studio-image014. картинка приложение spark ar studio. картинка image014.

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

приложение spark ar studio. image016. приложение spark ar studio фото. приложение spark ar studio-image016. картинка приложение spark ar studio. картинка image016.

приложение spark ar studio. image018. приложение spark ar studio фото. приложение spark ar studio-image018. картинка приложение spark ar studio. картинка image018.

А самое смешное (и одновременно печальное) в том, что раньше народ приходил к пластическому хирургу с фотографиями звёзд, а с появлением пластических Instagram’ных масок – со скриншотами из Stories любимых блогеров, на лицо которых наложены те самые пластические маски. Господи… Как же всё плохо…

приложение spark ar studio. image020. приложение spark ar studio фото. приложение spark ar studio-image020. картинка приложение spark ar studio. картинка image020.

Итог: рога единорога, оленьи рога, козлиная борода, шапки, кепки, маскарадные маски, очки, красивые узоры, кошачьи/собачьи уши, венки, напудренный парик (типа закос под старину), корона, бабочки, рыбки, цветочки и прочая подобная дребедень – это пожалуйста, пластика – нет.

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

Почему их используют?

Да очень просто – это преображает публикуемый контент.

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

приложение spark ar studio. image022. приложение spark ar studio фото. приложение spark ar studio-image022. картинка приложение spark ar studio. картинка image022.

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

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

Ну а аккаунты брендов идут еще дальше и делают свои брендовые маски.

приложение spark ar studio. image024. приложение spark ar studio фото. приложение spark ar studio-image024. картинка приложение spark ar studio. картинка image024.

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

Механика раскрутки с помощью маски

Пока что будем считать, что Ваша авторская маска в Instagram уже добавлена. Что делать далее? Ваша задача – просто опубликовать демонстрационное видео с маской.

приложение spark ar studio. image026. приложение spark ar studio фото. приложение spark ar studio-image026. картинка приложение spark ar studio. картинка image026.

Теперь по кнопкам слева направо: многоточие – получить дополнительную информацию (а именно – название маски, аккаунт автора, либо написать жалобу), стрелка вниз дает пользователю возможность добавить маску, а кнопка попробовать… Ну… это… настоятельно рекомендую убрать от экранов детей, кормящих матерей, ниндзя-хомячков, боевых гопников, нацистов, людей с явными психическими отклонениями или неустойчивой психикой, а также тех, кто младше 25 лет, домашних животных и даже комнатные растения. Не подумайте дурного, просто мужские или унисекс маски искать в сотни раз сложнее, чем женские, да и девушки под рукой не оказалось. Мне самому капец как стыдно, но… чего только не сделаешь ради читателей… Простите, что травмировал Вашу психику, но… Короче, вот:

приложение spark ar studio. image028. приложение spark ar studio фото. приложение spark ar studio-image028. картинка приложение spark ar studio. картинка image028.

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

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

Многие идут на хитрость и демонстрационные видео с новыми масками публикуют исключительно в Stories. Следовательно, маска имеет «ограниченный срок получения», но пользователи, получившие ее, будут ей пользоваться долго и счастливо.

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

приложение spark ar studio. image030. приложение spark ar studio фото. приложение spark ar studio-image030. картинка приложение spark ar studio. картинка image030.

Правильно: слева – уши Микки Мауса, а справа – уши его подруги Минни Маус, т.е. предельно очевидно, что это нативная реклама Disnay, которая как раз-таки и придумала этих персонажей.

По аналогии можно делать маски, которые будут являться отсылками к другим блогерам или брендам (в мире компьютерных игр такие отсылки принято называть «пасхалками»).

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

приложение spark ar studio. image032. приложение spark ar studio фото. приложение spark ar studio-image032. картинка приложение spark ar studio. картинка image032.

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

Ну и, наконец, самое главное:

Как сделать маску для Instagram

Да, мы не спорим, что многие очень сильно возмущались от того, что для работы в Spark AR было необходимо иметь в наличии ноутбук/моноблок от Apple. НО:

1) особо прошаренные пользователи устанавливали на свой ПК две операционные системы – Windows (для повседневного использования) и MacOS. Превращая свой компьютер в так называемый Хакинтош (для установки Spark AR и создания масок);

приложение spark ar studio. image034. приложение spark ar studio фото. приложение spark ar studio-image034. картинка приложение spark ar studio. картинка image034.

Итак, архив скачан, распакован, приступаем. Запускаем Adobe Photoshop. Далее заходим в папку с файлами из распакованного архива, там будет 2 папки. Заходим в папку Textures и перетаскиваем файл faceFeminine.jpg в Фотошоп.

приложение spark ar studio. image036. приложение spark ar studio фото. приложение spark ar studio-image036. картинка приложение spark ar studio. картинка image036.

Выглядит это всё, мягко говоря, ужасно.

Далее нам необходимы узоры с прозрачным фоном. Мы не стали их рисовать, взяли уже готовые из интернета. Фон ОБЯЗАТЕЛЬНО ДОЛЖЕН БЫТЬ ПРОЗРАЧНЫМ. Если Вы решили пойти по пути наименьшего сопротивления и воспользоваться готовыми фотографиями из Яндекса, то отличить прозрачный фон от непрозрачного Вам будет достаточно просто:

приложение spark ar studio. image038. приложение spark ar studio фото. приложение spark ar studio-image038. картинка приложение spark ar studio. картинка image038.

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

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

приложение spark ar studio. image040. приложение spark ar studio фото. приложение spark ar studio-image040. картинка приложение spark ar studio. картинка image040.

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

приложение spark ar studio. image041. приложение spark ar studio фото. приложение spark ar studio-image041. картинка приложение spark ar studio. картинка image041.

И далее Файл – Сохранить как и сохраняете результат в PNG-формате. На этом Фотошоп можно пока свернуть – если он и понадобится, то только для корректировки. Теперь переходим к Spark AR Studio. Итак, скачиваем, устанавливаем, логинимся. Ах да, Вам понадобится аккаунт на Facebook.

приложение spark ar studio. image043. приложение spark ar studio фото. приложение spark ar studio-image043. картинка приложение spark ar studio. картинка image043.

Имейте в виду, что продукт относительно новый и сырой. Следовательно, могут возникать непредвиденные ошибки, туториалы по устранению которых в рунете (и в буржуйнете) могут просто отсутствовать. Так что нервов он вам серьезно попортит.

Например, на версии Spark AR Studio v75 нам даже залогиниться не удалось – система выдавала ошибку. Проблема пропала после того, как была скачана версия v74, т.е. предыдущая – вот с нее уже удалось залогиниться с первой попытки и без вопросов. Более того, после того, как мы залогинились в версии v74, версия v75 залогинилась автоматически. Ни коим образом не утверждаем, что это действительно решение проблемы, ибо не исключено, что это просто совпадение.

Итак, залогинились, далее нажимаем Create project (Создать проект).

приложение spark ar studio. image045. приложение spark ar studio фото. приложение spark ar studio-image045. картинка приложение spark ar studio. картинка image045.

После создания проекта экран будет выглядеть вот так:

приложение spark ar studio. image047. приложение spark ar studio фото. приложение spark ar studio-image047. картинка приложение spark ar studio. картинка image047.

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

приложение spark ar studio. image049. приложение spark ar studio фото. приложение spark ar studio-image049. картинка приложение spark ar studio. картинка image049.

Никакого расизма и никакого сексизма, чисто «работа с тем, что есть и что актуально».

Ну а если Вы хотите посмотреть результат на своём лице, то тут мы возвращаемся к приложению Spark AR Player – оно позволяет Ваше творчество передать на смартфон, чтоб Вы смогли спроецировать результат на свое лицо. В данном примере использованы запрещенные на сегодня приемы – коррекция цвета кожи + увеличенные глаза. Однако, суть Вы поняли – примерить маску можно прямо в процессе ее разработки.

приложение spark ar studio. image051. приложение spark ar studio фото. приложение spark ar studio-image051. картинка приложение spark ar studio. картинка image051.

Но пока что вернемся к Spark AR Studio. «Набросок» у нас готов, теперь переходим к созданию самой маски. Для этого мы заходим в Add – Scene Understanding – Face Tracker.

приложение spark ar studio. image053. приложение spark ar studio фото. приложение spark ar studio-image053. картинка приложение spark ar studio. картинка image053.

Далее Add – 3D Objects – Face Mesh.

приложение spark ar studio. image055. приложение spark ar studio фото. приложение spark ar studio-image055. картинка приложение spark ar studio. картинка image055.

После этого на лице появится шахматная доска, которая будет двигаться вместе с лицом. Собственно, единственное, что осталось – закинуть ранее подготовленный файл в проект. Это делается через Add Assent – Import From Computer, затем выбираем наш PNG-файл.

приложение spark ar studio. image057. приложение spark ar studio фото. приложение spark ar studio-image057. картинка приложение spark ar studio. картинка image057.

Но прикол в том, что

приложение spark ar studio. image058. приложение spark ar studio фото. приложение spark ar studio-image058. картинка приложение spark ar studio. картинка image058.

А если конкретнее – Spark AR Studio выдал ошибку Import Failed. Отлично, супер, класс!

приложение spark ar studio. image060. приложение spark ar studio фото. приложение spark ar studio-image060. картинка приложение spark ar studio. картинка image060.

ЧТО ДЕЛАТЬ, ЕСЛИ SPARK AR STUDIO ВЫДАЛ ОШИБКУ IMPORT FAILED

Биться с этой проблемой пришлось очень долго:

Проблема решилась просто и банально – заходим в корневой раздел (например, в диск C:\), создаем папку с названием «maska» (либо иное название, где НЕТ русских букв), копируем туда файлы, которые хотите импортировать в проект. ВСЁ! Затем файлы без проблем импортируются в через Add Assent – Import From Computer без вопросов.

А самое смешное в том, что НИГДЕ в Рунете больше не опубликовано решение данной проблемы, хотя с ней много кто столкнулся [во всяком случае именно так обстоят дела на момент публикации]. НИ ОДИН МАСКОМЕЙКЕР НЕ РАССКАЗАЛ ОБ ЭТОМ.

приложение spark ar studio. image062. приложение spark ar studio фото. приложение spark ar studio-image062. картинка приложение spark ar studio. картинка image062.

Теперь дело за малым. Выделяем faceMesh0, кликаем на Materials. Создавать новый материал нет необходимости. Во-первых, потому что нам одного будет достаточно, а во-вторых, потому что он будет создан автоматически.

приложение spark ar studio. image064. приложение spark ar studio фото. приложение spark ar studio-image064. картинка приложение spark ar studio. картинка image064.

Далее кликаем на material0 и справа в Shader Type выбираем Face Paint.

приложение spark ar studio. image066. приложение spark ar studio фото. приложение spark ar studio-image066. картинка приложение spark ar studio. картинка image066.

После этого у нас немного видоизменится правый столбец. И всё, что осталось – в Texture выбрать ту самую текстуру, которая совпадает с именем ранее подготовленного файла. В нашем случае это maska_original.

приложение spark ar studio. image068. приложение spark ar studio фото. приложение spark ar studio-image068. картинка приложение spark ar studio. картинка image068.

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

приложение spark ar studio. image070. приложение spark ar studio фото. приложение spark ar studio-image070. картинка приложение spark ar studio. картинка image070.

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

приложение spark ar studio. image072. приложение spark ar studio фото. приложение spark ar studio-image072. картинка приложение spark ar studio. картинка image072.

Так что будем считать, что наша маска готова. Осталось ее экспортировать. Для этого слева нажимаем стрелочку вверх, в открывшемся окне нажимаем Export и сохраняем.

приложение spark ar studio. image074. приложение spark ar studio фото. приложение spark ar studio-image074. картинка приложение spark ar studio. картинка image074.

Маска готова, как ее выложить в Instagram?

Итак, маску мы сделали. Теперь нужно ее выгрузить, причем не в Instagram, а на Facebook. Кстати, крайне желательно перед этим связать аккаунты Instagram и Facebook (заходим в Instagram-приложение – Настройки – Аккаунт – Связанные аккаунты – Facebook, затем указываете логин и пароль от FB). Далее.

После того как маска будет экспортирована, у Вас в Spark Ar Studio появится вот такое окошко:

приложение spark ar studio. image075. приложение spark ar studio фото. приложение spark ar studio-image075. картинка приложение spark ar studio. картинка image075.

Не стесняемся и нажимаем на Open Spark AR Hub, либо переходим вот по этому адресу https://www.facebook.com/sparkarhub/. Если Вы это делаете впервые, то Вам еще надо будет принять политику.

приложение spark ar studio. image077. приложение spark ar studio фото. приложение spark ar studio-image077. картинка приложение spark ar studio. картинка image077.

После этого нажимаете на «Загрузить эффект».

приложение spark ar studio. image079. приложение spark ar studio фото. приложение spark ar studio-image079. картинка приложение spark ar studio. картинка image079.

На следующем шаге выбираете Instagram, придумываете название в пределах 20 знаков, выбираете Ваш привязанный Instagram-аккаунт, ставите галочку «Да, этот эффект или аккаунт рекламирует бренд или товар» (в нашем случае никакой рекламы, поэтому галочка не стоит) и нажимаем Далее.

приложение spark ar studio. image081. приложение spark ar studio фото. приложение spark ar studio-image081. картинка приложение spark ar studio. картинка image081.

На следующем этапе необходимо загрузить «логотип» Вашей маски, файл проекта (который мы экспортировали из Spark AR Studio), поставить галочку Legal Agreement и нажать Загрузить и отправить.

приложение spark ar studio. image083. приложение spark ar studio фото. приложение spark ar studio-image083. картинка приложение spark ar studio. картинка image083.

В данном случае в качестве логотипа мы загрузили того самого дракона (т.е. использовали объект из эффекта), который использовался в маске. Единственное что – пришлось добавить белый фон, т.к. прозрачный фон Facebook для превьюшек не допускает.

приложение spark ar studio. image085. приложение spark ar studio фото. приложение spark ar studio-image085. картинка приложение spark ar studio. картинка image085.

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

приложение spark ar studio. image087. приложение spark ar studio фото. приложение spark ar studio-image087. картинка приложение spark ar studio. картинка image087.

Вот только есть одна проблема – как передать ссылку с ПК на устройство – остается загадкой… Ну… Если только электронную почту самому себе отправить, либо кому-то в личку прислать.

В общем, этот шаг можно и пропустить… сказали бы мы, если б Facebook на следующем шаге не просил прикрепить демонстрационное видео длительностью порядка 15 секунд. Вот здесь как нельзя кстати Вам и пригодится мобильное приложение Spark AR Player, ибо именно туда ПК можно будет передать эффект.

приложение spark ar studio. image089. приложение spark ar studio фото. приложение spark ar studio-image089. картинка приложение spark ar studio. картинка image089.

Записанное видео загружаем на Facebook, назначаем категорию, ждём, когда на мониторе появится превью и жмём далее.

приложение spark ar studio. image091. приложение spark ar studio фото. приложение spark ar studio-image091. картинка приложение spark ar studio. картинка image091.

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

приложение spark ar studio. image092. приложение spark ar studio фото. приложение spark ar studio-image092. картинка приложение spark ar studio. картинка image092.

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

приложение spark ar studio. image093. приложение spark ar studio фото. приложение spark ar studio-image093. картинка приложение spark ar studio. картинка image093.

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

Единственное, что осталось – это подождать до 10 дней.

И только теперь можно сказать, что это действительно всё.

Итоги

Итак, что же мы выяснили?

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

Во-вторых, мы разобрались с тем, какие маски использовать допустимо, а какие – нет (а главное – почему).

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

приложение spark ar studio. image094. приложение spark ar studio фото. приложение spark ar studio-image094. картинка приложение spark ar studio. картинка image094.

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *