Компонент "Эффекты частиц"

Этот компонент не поддерживается в объявлениях AMPHTML, видеорекламе и графических объявлениях.

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

Пример эффекта снега

Использование компонента "Эффекты частиц"

1. Откройте панель Компоненты, а затем папку Графика и эффекты.

2. Дважды нажмите на компонент Эффекты частиц или перетащите его в рабочую область.

3. Дважды нажмите на компонент в рабочей области или используйте кнопку Настройки на панели Свойства. Откроется диалоговое окно "Эффекты частиц".

4. Перетащите изображения, которые нужно добавить как слои, с панели Библиотека на панель Слои. Чтобы добавить другие изображения, нажмите кнопку Добавить изображения в нижней части панели.

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

6. Настройте свойства эффекта. Новые свойства можно сохранить в виде пользовательского набора настроек.

Изменение порядка слоев

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

1. Дважды нажмите на компонент в рабочей области или используйте кнопку Настройки на панели Свойства. Откроется диалоговое окно "Эффекты частиц".
2. На панели Слои перетащите слой на новое место.

Изменение положения слоев

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

1. Дважды нажмите на компонент в рабочей области или используйте кнопку Настройки на панели Свойства. Откроется диалоговое окно "Эффекты частиц".
2. Выберите слой, который нужно переместить. Вокруг изображения или области происхождения частиц эффекта появится граничная рамка. Можно также выбрать несколько слоев, чтобы переместить их вместе.
3. Выполните одно из перечисленных ниже действий.
   • В рабочей области:
     • Перетащите слой на новое место.
     • Используйте клавиши со стрелками, чтобы перемещать слой с шагом в один пиксель. Чтобы увеличить шаг до 10 пикселей, удерживайте клавишу Shift.
   • На панели "Свойства":
     • Для изображений измените верхнее и левое положения.
     • Для эффектов разверните Дополнительные свойства и измените значения Распр. X и Распр. Y. Чтобы перемещать область происхождения частиц, не меняя ее размер, установите флажок Связать .

Изменение размера слоев

Вы можете изменять размер изображения или области происхождения частиц для эффекта в пределах размеров компонента. Для эффектов можно изменить размер области происхождения частиц. Чтобы изменить размер слоя:

1. Дважды нажмите на компонент в рабочей области или используйте кнопку Настройки на панели Свойства. Откроется диалоговое окно "Эффекты частиц".
2. Выберите слой, размер которого нужно изменить. Вокруг изображения или области происхождения частиц эффекта появится граничная рамка. Можно также выбрать несколько слоев.
3. Выполните одно из перечисленных ниже действий.
   • В рабочей области перетащите управляющие точки, расположенные по углам и сторонам граничной рамки.
   • На панели "Свойства":
     • Для изображений измените ширину и высоту.
     • Для эффектов разверните Дополнительные свойства и измените значения Распр. X и Распр. Y. Убедитесь, что флажок Связать снят.

Удаление слоев

Чтобы удалить слой из компонента:

1. Дважды нажмите на компонент в рабочей области или используйте кнопку Настройки на панели Свойства. Откроется диалоговое окно "Эффекты частиц".
2. На панели Слои выберите один или несколько слоев, которые нужно удалить.
3. Нажмите клавишу Delete или кнопку Удалить слои в нижней части панели.

Скрытие и отображение слоев

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

1. Дважды нажмите на компонент в рабочей области или используйте кнопку Настройки на панели Свойства. Откроется диалоговое окно "Эффекты частиц".
2. Установите флажок под значком Скрыть все слои для слоя, который нужно скрыть или показать.

Свойства

Кроме свойств для всего компонента, вы также можете настроить свойства для каждого эффекта, добавленного в компонент.

Свойства компонента "Эффекты частиц"

Свойство	Описание
Имя	Позволяет задать имя компонента "Эффекты частиц".
Автозапуск	Если этот флажок установлен, анимация воспроизводится автоматически при загрузке компонента. Примечание. Отдельные эффекты также имеют свойство "Автозапуск".
Задать ограничение по продолжительности анимации	Если этот флажок установлен, воспроизведение анимации прекращается по истечении заданного времени в секундах.

Свойства для каждого эффекта

Свойства каждого эффекта можно просмотреть в диалоговом окне "Эффекты частиц". Чтобы открыть его, дважды нажмите на компонент "Эффекты частиц" в рабочей области или используйте кнопку Настройки на панели "Свойства". Затем выберите эффект, чтобы просмотреть его свойства.

Шаблоны

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

В Google Web Designer есть несколько встроенных наборов настроек. Можно также сохранять собственные наборы, а затем экспортировать или импортировать их для использования на других компьютерах (см. Пользовательские наборы настроек).

Свойство	Описание
Идентификатор	Идентификатор эффекта (чтобы ссылаться на эффект в событиях).
Количество	Общее количество сгенерированных частиц, если анимация для этого эффекта не остановлена или не повторяется.
Размер	Диапазон для начального размера частиц. Позволяет задать минимальное и максимальное значения в пикселях.
Спрайт	Форма частиц. Квадрат Круг Линия Капля Изображение (позволяет выбрать изображение из библиотеки объектов Можно связать с динамическими данными.).
Цвет	Начальный и конечный цвета.
Прозрачность	Минимальный и максимальный начальные уровни прозрачности: 0 – прозрачный, 1 – непрозрачный (используйте промежуточные значения для полупрозрачности).
Скорость	Минимальная и максимальная начальная скорость.
Направление	Минимальный и максимальный углы направления движения частиц. Вы также можете использовать элементы управления на круге, чтобы установить диапазон углов.
Дополнительные
Распр. X	Позволяет задать минимальное и максимальное значение координаты X генерируемых частиц в пикселях или процентах. Установите флажок Связать , чтобы сохранять ширину области происхождения частиц, автоматически изменяя оба поля.
Распр. Y	Позволяет задать минимальное и максимальное значение координаты Y генерируемых частиц в пикселях или процентах. Установите флажок Связать , чтобы сохранять высоту области происхождения частиц, автоматически изменяя оба поля.
Изм. размера	Позволяет задать скорость, с которой изменяется размер, в пикселях (допустимы дробные значения). При отрицательном значении частицы уменьшаются.
Случайные цвета	Если этот флажок установлен, начальный цвет частиц будет выбираться случайным образом между начальными и конечными цветами.
Изм. цвета	Позволяет задать скорость, с которой цвет изменяется от начального до конечного. Это свойство отключено, если установлен флажок Случайные цвета.
Изм. прозрачности	Позволяет задать скорость, с которой изменяется прозрачность. При отрицательном значении частицы становятся прозрачными.
Автозапуск	Если этот флажок установлен, анимация для эффекта воспроизводится автоматически при активации компонента. В ином случае анимацию можно инициировать с помощью события.
Повтор	Если этот флажок установлен, анимация этого эффекта воспроизводится непрерывно. В ином случае воспроизведение анимации заканчивается после того, как сгенерировано указанное общее количество частиц.
Интервал распространения	Время между генерацией двух частиц.
Вперед	Позволяет запускать анимацию с того момента, когда сгенерирован указанный процент частиц.
Ускорение	Горизонтальное и вертикальное ускорение движения частиц.
Турбулентность
Частота	Позволяет задать частоту турбулентности, которая влияет на движение частиц. Высокие значения вызывают более частые отклонения частицы от ее траектории.
Сила	Позволяет задать интенсивность турбулентности. Установите 0, чтобы отключить турбулентность.
Изм. силы	Позволяет задать скорость изменения силы турбулентности.
След	Позволяет задать длину следа, который оставляют частицы вдоль траектории своего движения. Установите 1, чтобы отключить след.

Турбулентность может замедлить показ вашей рекламы или работу веб-страницы, особенно если установлен длинный след.

Пользовательские наборы настроек

Свойства объекта можно сохранить в виде набора настроек и использовать повторно.

Как сохранить пользовательский набор настроек

1. Задайте свойства для набора настроек.
2. Внизу на панели Набор настроек нажмите кнопку Сохранить как набор настроек . Можно также нажать правой кнопкой мыши на эффект в рабочей области или раскрывающийся список Набор настроек на панели Свойства.
3. Введите уникальное название нового набора настроек и нажмите клавишу Ввод или кнопку ОК.

Набор настроек появится в раскрывающемся списке на панели Свойства, а также на панели Набор настроек со значком .

Как переименовать пользовательский набор настроек

1. Найдите набор на панели Набор настроек, щелкните правой кнопкой мыши и выберите Переименовать.
2. Введите новое название, а затем нажмите клавишу "Ввод" или кнопку ОК.

Как удалить пользовательский набор настроек

1. Найдите набор на панели Набор настроек, щелкните правой кнопкой мыши и выберите Удалить.
2. Чтобы подтвердить свой выбор, нажмите кнопку ОК.

Как экспортировать пользовательский набор настроек

Можно экспортировать пользовательские наборы настроек, чтобы делиться ими с другими пользователями Google Web Designer.

1. Найдите набор на панели Набор настроек, щелкните правой кнопкой мыши и выберите Экспортировать.
2. Укажите папку для сохранения файла.

Имя экспортированного ZIP-файла будет совпадать с названием набора настроек.

Как импортировать пользовательский набор настроек

Если у вас есть экспортированный файл с пользовательским набором настроек, его можно импортировать в ваш экземпляр Google Web Designer.

1. Перенесите этот файл с расширением ZIP на компьютер.
2. На компьютере в Google Web Designer откройте диалоговое окно "Эффекты частиц".
3. Внизу на панели Набор настроек нажмите кнопку Импортировать набор настроек .
4. Выберите ZIP-файл с экспортированным пользовательским набором настроек.

Импортированный набор настроек появится в раскрывающемся списке на панели Свойства, а также на панели Набор настроек.

События и действия

События, отправляемые компонентом "Эффекты частиц"

Перечисленные ниже события компонента "Эффекты частиц" могут инициировать другие действия.

Событие	Описание
Достигнуто ограничение по времени	Отправляется, когда воспроизведение анимации достигло заданного времени.

Действия, выполняемые компонентом "Эффекты частиц" и каждым из его эффектов

Другие события могут инициировать перечисленные ниже действия в компоненте "Эффекты частиц".

• Воспроизвести
• Пауза
• Остановить

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

Подробнее о том, как настраивать события…

Предпросмотр

Когда вы работаете в диалоговом окне "Эффекты частиц", на вкладке Макет отображается статический снимок того, как может выглядеть компонент.

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

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