Динамика позволяет ускорять и замедлять анимацию. В расширенном режиме Google Web Designer есть пять стандартных видов динамики, определенных спецификациями CSS3, а также переходы между шагами и настраиваемые варианты.
Примечание. Варианты динамики доступны для текстовых эффектов.
Динамика в быстром режиме
В быстром режиме при переходе между кадрами применяется один тип динамики ко всем анимированным элементам.
Как изменить динамику в быстром режиме
- Между уменьшенными изображениями нажмите кнопку Параметры ключевых кадров .
- Откроется редактор переходов.
-
Нажимайте на стрелки, чтобы выбрать стандартный вид динамики. Чтобы изменить продолжительность перехода, введите нужное количество секунд или нажмите на поле времени и перетащите указатель вправо или влево.
Стандартные заготовки динамики
Заготовка динамики | Описание |
---|---|
Линейная |
Анимация с постоянной скоростью. |
Стандартная |
Скорость анимации средняя в начале и низкая в конце. |
Замедление |
Скорость анимации высокая в начале и низкая в конце. |
Ускорение |
Скорость анимации низкая в начале и высокая в конце. |
Ускорение и замедление |
Скорость анимации низкая в начале и в конце, но высокая в середине. |
Конец шага |
Анимация не начинается, пока длится динамика, затем выполняется переход к концу. |
Начало шага |
Сразу выполняется переход к концу. |
Динамика в расширенном режиме
Помимо использования стандартных заготовок, в расширенном режиме можно:
- изменять динамику для нескольких диапазонов одновременно;
- создавать настраиваемую динамику;
- сохранять настраиваемую динамику как заготовки, чтобы использовать ее для других диапазонов.
Как изменить динамику в расширенном режиме
-
Нажмите правой кнопкой мыши на анимированный диапазон. Чтобы выбрать сразу несколько смежных диапазонов, нажимайте на них, удерживая клавишу SHIFT. Для несмежных диапазонов удерживайте клавишу CTRL (Windows) или Command (Mac). Затем нажмите на один из выбранных диапазонов правой кнопкой мыши. (Динамика изменится только для диапазонов с анимацией.)
- Во всплывающем меню выберите один из шаблонов или откройте Параметры динамики…, чтобы просмотреть кривые или создать настраиваемую динамику.
Как создать настраиваемую динамику
- Нажмите правой кнопкой мыши на диапазон и выберите Параметры динамики – откроется диалоговое окно.
- Измените динамику одним из следующих способов:
- Перетащите управляющие маркеры, чтобы изменить форму кривой динамики. Угол наклона направляющей влияет на степень изгиба кривой, а длина направляющей определяет интенсивность ускорения или замедления.
- В поле Кубическая Безье введите функцию в формате
cubic-bezier()
, указав параметры необходимой кривой. Если ввести недопустимое значение, поле будет подчеркнуто красным.
- При необходимости сохраните эту динамику, нажав Сохранить как заготовку.
- Нажмите Применить, чтобы использовать эту динамику для выбранных диапазонов.
Заготовки настраиваемой динамики
- Быстрый доступ. Заготовки можно выбирать во всплывающем меню, нажав правой кнопкой мыши на диапазон.
- Удобная идентификация. Названия заготовок отображаются на временной шкале в расширенном режиме.