Онлайн урок. Создание маски в Instagram с помощью частиц (Particle System)

В этом руководстве вы узнаете о вставке и редактировании систем частиц. После завершения этого урока вы сами сможете делать маски в инстаграм с использованием систем частиц.

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

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


Мы рассмотрим:
  • Добавление систем частиц к вашим эффектам
  • Применение к ним материалов
  • Редактирование систем частиц
Загрузите образец проекта, чтобы выполнить задание.

Для начала откройте незаконченный проект в папке с образцом контента. Мы уже импортировали нужную вам текстуру - она выглядит как сердце.


Добавление системы частиц

Чтобы добавить систему частиц на вашу сцену:
  1. Нажмите Add Object.
  2. Выберите Particle System из меню

Вы увидите поток частиц в середине окна просмотра и объект с именем emitter0 на панели Scene.

Далее вы будете использовать опции в Инспекторе, чтобы частицы выглядели как падающие сердца.


Применение материала к частицам

Материал будет определять внешний вид частиц.

Чтобы создать материал для системы частиц:
  1. Убедитесь, что система частиц выбрана на панели сцен.
  2. Нажмите + рядом с Material в Инспекторе.

Материал будет указан в разделе «Materials» на панели Assets. Выберите материал. Вы можете переименовать его, если хотите, щелкнув правой кнопкой мыши и выбрав переименовать. Для этого урока назовите материал material_material.

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

Начните с изменения типа шейдера в верхней части инспектора. Установите Shader Type на Плоский (flat) - чтобы создать плоский материал, не реагирующий на свет.

Плоский материал не даст объекту, к которому он применяется, реалистичное освещение и глубину, что хорошо для системы частиц, потому что частицы являются 2D-объектами. Для 3D-объектов вы обычно используете стандартный шейдер, который включает освещение для обеспечения реалистичной глубины объектов, но оказывает сильное влияние на производительность эффекта.


Добавьте текстуру сердца к материалу под свойством Diffuse:
  1. Нажмите на раскрывающийся список рядом с текстурой.
  2. Выберите текстуру сердца.




Маски в инстаграм. Частицы в Spark AR
Теперь пришло время отредактировать систему частиц, чтобы наша маска в инстаграм выглядела естественно.


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

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

Типы систем частиц

emitter является источником, из которого исходят частицы. Изменение Type излучателя изменит форму этого источника.

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

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

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


Маски в инстаграм. Типы частиц в Spark AR
Размер излучателя

Отредактируйте Size, чтобы выбрать размер излучателя.

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

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

Выберите систему частиц на панели сцен, чтобы внести еще пару изменений в вашу маску.

Rotation - поворот

Частицы движутся вверх по умолчанию. Отредактируйте значение Rotation под вкладкой Transformation, чтобы изменить это. Чтобы заставить частицы двигаться вниз, измените значение X на 180.

Маски в инстаграм. Поворот частиц
Расположение в пространстве - Position

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

Первый манипулятор позволяет изменить положение объекта. Если вы выберете его, вы увидите стрелки в центре области просмотра. Зеленая стрелка проходит вдоль оси Y. Если щелкнуть стрелку и переместить ее вверх, частицы будут двигаться вверх вдоль оси Y.

Переместите частицы, чтобы они были на 0,25 по оси Y. Вы также можете установить положение в Инспекторе, отредактировав значение Y рядом с положением.

Уровень рождаемости - Birthrate

Значение рождаемости контролирует количество испускаемых частиц. Здесь есть 2 варианта - число слева и процент справа. Первое значение здесь представляет, сколько частиц испускается в секунду. По умолчанию установлено значение 20 в секунду. Отрегулируйте это значение, чтобы создать больше частиц. Попробуйте установить его на 40 .

Процентное значение справа, подобное вы увидите для многих других свойств в этом списке - позволяет вам добавлять вариации к частицам. Например, если мы установим это значение на 30% , уровень выбросов будет меняться на плюс или минус 30% . Это добавит некоторую неравномерность и сделает излучение более естественным. Итак, установите это значение на 30% .

Продолжительность жизни - Lifespan

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

Рекомендуется убедиться, что продолжительность жизни достаточно мала, чтобы частицы не появлялись за пределами поля зрения камеры - это улучшит производительность вашего эффекта. Как и раньше, вы можете проверить, что видит камера, выбрав «Camera» на панели сцен и посмотрев на синие линии в окне просмотра:

`
Маски в инстаграм. Настройки частиц
Разработка оптимальной настройки параметра LifeSpan может потребовать некоторых экспериментов.

Убедитесь, что система частиц выбрана на панели сцен. Попробуйте установить продолжительность жизни на 3 секунды. Если вы вернетесь к камере на панели сцен, в окне просмотра вы увидите, что частицы исчезают, когда они находятся вне поля зрения камеры - в идеале это выглядит вот так:

Маски в инстаграм. Настройки частиц 2
Угол распыления - Spray Angle

Вернитесь к системе частиц. Рядом а параметром «Spray angle» в Инспекторе вы можете изменить угол излучателя. Измените первое значение здесь на 15 градусов, чтобы сделать движение частиц более интересным.

Скорость - Speed

Отредактируйте это значение, чтобы настроить скорость частиц. Давайте заставим некоторые из них падать немного медленнее, изменив Speed на 0.075 . Оставьте значение 40% таким, какое оно есть, чтобы скорость не была одинаковой.

Разогревать - Warmup

Установка Warmup будет означать, что частицы запускаются до загрузки эффекта. Это означает, что они будут видны в камере, когда кто-то начинает открывать эффект. Для этого установите флажок и установите «Warmup» на 5.

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

Размер - Size

Вы можете изменить масштаб, чтобы сделать частицы больше или меньше.

Для этой маски измените значения на 0,215 и 20% . Это добавит некоторую вариативность к размеру частиц и сделает некоторые частицы в два раза больше других. Это приведет к изменению размера частиц в 0,2 раза по сравнению с тем, что было до 20% .

Вращение и наклон - Spin and Tit

Установка Spin заставит частицы вращаться при падении - это может сделать эффект более интересным и менее равномерным. Установите вращение до 20 градусов.

Регулировка Tit также может добавить интерес к эффекту, изменяя угол падения частиц. Измените это на 20 .

Ускорение и сопротивление - Force and Drag

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

Установите флажок рядом с Force. Вы можете настроить движение частиц с силой в определенном направлении, отрегулировав значения рядом с Force. Например, если вы установите ускорение на 1 вдоль оси X , частицы будут очень быстро ускоряться вдоль оси X.

Наконец, установите флажок рядом с Drag.

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

Поздравляю, вы сделали свою первую маску в инстаграм применяя систему частиц!

Маски в инстаграм. Сделать маску онлайн
Made on
Tilda