издательской системе Ridero

      Введение

      Для начала немного теории: что же такое эти маски?

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

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

      Так же бывают маски-игры (AR-маска). Например: IMPULSES AR GAME от @lenatemnikovaofficial (https://www.instagram.com/ar/1670787853057767/)

      В этой книге мы разберём базовые навыки создания масок, а так же поговорим, как на них можно заработать. LETS GO

      База. Работа в Adobe Photoshop

      Раньше о том, чтобы создавать маски, можно было только мечтать. На это были две самые главные причины: первая заключается в том, что раньше программа для разработки масок Spark Ar была доступна только на Mac OC, а вторая причина это то, что доступ к публикации масок был ограничен, и приходилось подавать заявку и ждать 3 недели пока ее рассмотрят. Сегодня же это может сделать любой желающий.

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

      Давайте сделаем базовую маску с объектами на лице.

      Для этого нам понадобится непосредственно программа Spark Ar Studio, а также Adobe Photoshop.

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

      Текстура маски – это чаще всего файл формата. png созданный в Adobe Photoshop, который в дальнейшем мы будем выгружать в программу Spark Ar Studio.

      Перед тем как мы будем создавать текстуру нужно скачать форму лица. Её можно найти в поисковике, вбив в поисковую строку «форма лица дляspark ar».

      1) Развёртку лица нужно загрузить в Adobe Photoshop.

      2) Далее переходим во вкладку слои (расположена вверху) и создаём новый слой. (Слои→ новый→ слой)

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

      !!!ВНИМАНИЕ!!!

      Обратите внимание, что этот файл обязательно должен быть в формате. png и на прозрачном фоне.

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

      4) Этот файл перетягиваем с рабочего стола на нашу развёртку лица в фотошопе.

      5) Распологаем бабочек (у вас может быть другой файл) на место где они будут появляется и редактируем размер.

      6) После этого нужно удалить слой под названием «Фон» (развертка лица) в правом углу.

      7) Должены остаться только бабочки, фон будет прозрачным.

      8) После этого сохраняем этот файл в формате. png.

      9) В левом верхнем углу переходим во вкладку: Файл→Экспортировать →Быстрый экспорт в PNG.

      10) Сохраняем на рабочий стол.

      База. Работа в Spark Ar Studio

      Открываем программу Spark Ar Studio. Если программа только установлена, то потребуется авторизоваться через Facebook. После этого откроется приветственное окно программы.

      В приветственном окне можно посмотреть примеры от компании Spark Ar.

      Нам же нужно создать новый проект. Кликаем на вкладку New Project. В открывшемся окне нажимаем на вкладку Blank Project. Перед нами появляется рабочий интерфейс программы. Теперь вы будем работать непосредственно с текстурой.

      Теперь нам необходимо добавить нашу готовую текстуру в программу. Для этого с левой стороны экрана внизу нажимаем на вкладку Add Asset→Import from Computer… Далее открываем папку с нашим файлом и нажимаем открыть.