Анимация в быстром режиме

В быстром режиме анимация строится по сценам. Каждая сцена содержит все анимированные элементы в том порядке, в каком они появляются в начале или в конце анимации. Google Web Designer добавляет переходы между сценами. Последовательность сцен анимации показывается на временной шкале в виде значков.

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

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

  1. Создайте элементы и разместите их в рабочей области так, как они должны располагаться в начале анимации. На временной шкале показаны значки рабочей области.
  2. Нажмите кнопку Добавить значок на временной шкале. В Google Web Designer появится копия предыдущей сцены.
  3. Измените элементы в рабочей области так, как они должны выглядеть в конце анимации. Например, их можно переместить или повернуть, изменить их цвет, размер и другие параметры. Элементы, которые вы не измените, останутся статичными.
  4. Добавьте необходимое количество сцен, повторяя шаги 2 и 3. Каждый раз изменяйте те элементы, которые хотите анимировать.

Google Web Designer автоматически анимирует изменения между сценами.

Предварительный просмотр анимации

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

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

Анимацию нельзя редактировать во время воспроизведения.

Изменение переходов между сценами

  1. Нажмите на значок перехода между сценами.
  2. Откроется редактор переходов.
  3. Вы можете:
    • Изменить время перехода (в секундах).
    • Изменить тип динамики с помощью стрелок.

Переход в расширенный режим

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

Эта информация оказалась полезной?
Как можно улучшить эту статью?