Онлайн урок. Создание маски в Instagram с применением мировых эффектов

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

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

В этом уроке рассмотрим:
  • Camera Space и World Space - перемещение объекта из пространства камеры создаст мировой эффект.
  • Как разместить объект в мировом пространстве.
  • Редактирование объекта в мировом пространстве - в данном случае система частиц.
  • Предварительный просмотр мировых эффектов.
Вы можете создать другой вид мирового эффекта в Spark AR Studio, используя объект, называемый трекер плоскости (plane tracker). Объекты с эффектами слежения за плоскостью появляются, когда камера направлена на горизонтальную поверхность. Их мы рассмотрим в следующих уроках.


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


Настройка мирового эффекта


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

Мы уже добавили систему частиц с нанесенным на нее материалом и текстурой. Вот как выглядит наша маска:


Создание инста маски с летающими частицами (particle system)
Вы можете узнать больше о системах частиц в этом учебнике.

Стоит сменить видео в симуляторе на пустое, чтобы получить более четкое представление о трехмерном пространстве:
  1. Нажмите на символ видео на панели инструментов.
  2. Выберите пустую Empty Video:
Создание с частицами (particle system) в Spark AR
Пространство камеры (camera space) и мировое пространство (world space)

Система частиц находится в пространстве камеры, потому что она является дочерней по отношению к камере на панели «Scene»:



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

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

Если щелкнуть и перетащить симулятор для имитации движениq камеры, в симуляторе и окне просмотра вы увидите, что частицы движутся вместе с ним.

Движение камеры в симуляторе Spark AR
Размещение объектов в мировом пространстве

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

Для этого выберите систему частиц в Scene - она указана как emitter0 и перетащите ее в конец списка объектов и отпустите.

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


Редактирование системы частиц

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

Начните с изменения размера самой системы частиц. Мы хотим, чтобы частицы покрывали большее пространство, чтобы они были видны вокруг человека, использующего эффект:
  1. Измените тип c Line на Ring
  2. Измените радиус распыления на Ring - установите внешнее значение на 7 и внутреннее значение на 0.

Частицы теперь покрывают большее пространство - но вы едва можете их увидеть.


Чтобы изменить это:
  1. Рядом со Scale измените первое значение на 0,12 , а следующее на 20% . Регулировка процента добавляет некоторые вариации размеру частиц в эффекте.
  2. Измените Lifespan на 45 - чтобы частицы дольше оставались после испускания.
  3. Установите Birthrate до 35. Это создаст больше частиц.

В симуляторе и окне просмотра теперь вы можете четко видеть частицы:



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

Для этого измените Положение системы частиц на -1,7 по оси Y.

Если вы имитируете движение камеры, теперь вы можете видеть, как частицы полностью покрывают сцену.

Маски в инстаграм. Мировой эффект Spark AR
Made on
Tilda