О видах динамики

Динамика позволяет ускорять и замедлять анимацию. В расширенном режиме Google Web Designer есть пять стандартных видов динамики, определенных спецификациями CSS3, а также переходы между шагами и настраиваемые варианты.

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

В быстром режиме при переходе между кадрами применяется один тип динамики ко всем анимированным элементам.

Если изменить динамику в расширенном режиме, а затем вернуться в быстрый, тип динамики изменится на "Смешанный".

Как изменить динамику в быстром режиме

  1. Между кадрами нажмите кнопку Параметры ключевых кадров .
  2. Откроется редактор переходов.
  3. Нажимайте на стрелки, чтобы выбрать стандартный вид динамики. Чтобы изменить продолжительность перехода, введите нужное количество секунд или нажмите на поле времени и перетащите указатель вправо или влево.

Стандартные заготовки динамики

Заготовка динамики Описание

Линейная
Анимация с постоянной скоростью.

Стандартная
Скорость анимации средняя в начале и низкая в конце.

Замедление
Скорость анимации высокая в начале и низкая в конце.

Ускорение
Скорость анимации низкая в начале и высокая в конце.

Ускорение и замедление
Скорость анимации низкая в начале и в конце, но высокая в середине.

Конец шага
Анимация не начинается, пока длится динамика, затем выполняется переход к концу.

Начало шага
Сразу выполняется переход к концу.

Динамика в расширенном режиме

Помимо использования стандартных заготовок, в расширенном режиме можно:

Как изменить динамику в расширенном режиме

  1. Нажмите правой кнопкой мыши на анимированный диапазон. Чтобы выбрать сразу несколько смежных диапазонов, нажимайте на них, удерживая клавишу SHIFT. Для несмежных диапазонов удерживайте клавишу CTRL (Windows) или Command (Mac). Затем нажмите на один из выбранных диапазонов правой кнопкой мыши. (Динамика изменится только для диапазонов с анимацией.)

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

Как создать настраиваемую динамику

  1. Нажмите правой кнопкой мыши на диапазон и выберите Параметры динамики… – откроется диалоговое окно.
  2. Измените динамику одним из следующих способов:
    • Перетащите управляющие точки, чтобы изменить форму кривой динамики. Угол наклона направляющей влияет на степень изгиба кривой, а длина направляющей определяет интенсивность ускорения или замедления.
    • В поле Кубическая Безье введите значения функции cubic-bezier() для соответствующей кривой. Если ввести недопустимое значение, поле будет подчеркнуто красным.
  3. При необходимости сохраните эту динамику, нажав Сохранить как заготовку.
  4. Нажмите Применить, чтобы использовать эту динамику для выбранных диапазонов.

Заготовки настраиваемой динамики

Чтобы использовать определенную настраиваемую динамику в нескольких диапазонах, необходимо сохранить ее как заготовку. Преимущества использования заготовок:
  • Быстрый доступ. Заготовки можно выбирать во всплывающем меню, нажав правой кнопкой мыши на диапазон.
  • Удобная идентификация. Названия заготовок отображаются на временной шкале в расширенном режиме.
Пользовательские заготовки сохраняются в вашем экземпляре Google Web Designer и доступны во всех документах. Если открыть документ с заготовкой другого пользователя, вместо названия заготовки будет указано "Настраиваемая", а кривая динамики не изменится.
Чтобы сохранить пользовательскую заготовку, в окне динамики создайте настраиваемую динамику, а затем нажмите Сохранить как заготовку и введите название. Названия заготовок и кривые Безье должны быть уникальными. Если в существующих диапазонах уже есть настраиваемая динамика с таким значением, отобразится название этой заготовки.
Чтобы переименовать пользовательскую заготовку, дважды нажмите на нее или наведите на нее указатель в окне динамики и нажмите на значок карандаша, который появится рядом с названием. Измените название и нажмите клавишу ВВОД. Во всех диапазонах, использующих эту заготовку, появится новое название.
Чтобы удалить пользовательскую заготовку, наведите на нее указатель в окне динамики и нажмите на значок корзины, который появится рядом с названием. Использующие эту заготовку диапазоны не изменятся, но вместо ее названия будет указано "Настраиваемая".
Нельзя изменить кривую существующей заготовки. Вместо этого необходимо создать пользовательскую заготовку и применить ее к соответствующим диапазонам.
Эта информация оказалась полезной?
Как можно улучшить эту статью?