Как анимировать текстовые элементы

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

Пример эффекта "Пишущая машинка"

В Google Web Designer можно анимировать текстовые элементы. Например, если вы выберете эффект "Пишущая машинка", введенные буквы будут появляться последовательно. Выбрать вид анимации можно на панели Эффекты текста (если вы не видите эту панель, добавьте ее через меню Окно).

Как добавить эффект текста

Выполните следующие действия:

1. Выберите точку на временной шкале, чтобы задать начало анимации.
2. Выберите текстовый элемент, к которому хотите применить эффект (за один раз можно анимировать только один элемент).
3. Выберите желаемую анимацию в раскрывающемся списке Эффекты на панели Эффекты текста:

   Размытие Падение Градиент Отражение

   Встраивание Поворот Прокрутка Скольжение

   Вращение Растяжение Пишущая машинка Увеличение

4. Нажмите кнопку Добавить .
5. На панели укажите свойства эффекта. Ниже можно ознакомиться с параметрами для всех видов анимации.

Слой с эффектом появится под слоем текстового элемента на временной шкале в расширенном режиме.

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

Можно создать последовательность из эффектов для одного текстового элемента, однако нельзя применять несколько видов анимации одновременно (то есть накладывать их друг на друга на временной шкале).

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

Панель "Эффекты текста"

В верхней части панели "Эффекты текста" можно посмотреть, как выглядит анимированный эффект: слова TEXT EFFECTS демонстрируются с учетом выбранных свойств. (Пока вы не добавите эффект или не измените его свойства, анимация будет показана с параметрами по умолчанию.) Воспользуйтесь следующими элементами управления предварительного просмотра:

• Воспроизвести . Воспроизведение анимации.

• Повтор . Зацикливание анимации во время воспроизведения.

• Пауза . Приостановка воспроизведения анимации.

Рабочая область

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

Воспроизведение эффекта приостанавливается, когда вы редактируете анимированный текстовый элемент с помощью инструмента "Текст".

Как управлять эффектами текста

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

Как изменить временные метки текстового эффекта

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

• Чтобы задать длительность анимации на панели "Эффекты текста", введите новое значение в секундах в поле Длительность или переместите ползунок.

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

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

Как изменить свойства эффекта

Вот как изменить параметры анимации:

1. Выберите эффект текста на временной шкале.
2. Измените его свойства на панели "Эффекты текста".

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

В списке эффектов указаны доступные для них свойства.

Как сменить эффект текста

Выполните следующие действия:

1. Выберите эффект текста на временной шкале.
2. В раскрывающемся списке Эффекты на панели "Эффекты текста" нажмите на нужный вид анимации.

Как удалить эффект

Выполните одно из следующих действий:

• Нажмите правой кнопкой мыши на эффект на временной шкале и во всплывающем меню выберите Удалить.
• Выделите эффект текста на временной шкале и нажмите клавишу Delete.

Эффекты

У каждого эффекта есть свойства, которые можно менять.

Размытие

Размытый текст становится четким.

Свойства эффекта "Размытие"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Размытие	Максимальное значение радиуса размытия (в пикселях).
Прозрачность	Начальная прозрачность текста в процентах. Если установлен флажок Воспроизведение в обратном порядке, значение в этом поле задает конечную прозрачность.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Целиком Если вы хотите создать анимацию для отдельных элементов текста, укажите нужный вам вариант, кроме "Целиком". Затем уточните размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Текст постепенно становится размытым.

 

Падение

Текст "падает" по оси z.

Свойства эффекта "Падение"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Смещение	Расстояние в пикселях, на которое перемещается текст по оси z.
Прозрачность	Начальная прозрачность текста в процентах. Если установлен флажок Воспроизведение в обратном порядке, значение в этом поле задает конечную прозрачность.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Целиком Если вы хотите создать анимацию для отдельных элементов текста, укажите нужный вам вариант, кроме "Целиком". Затем уточните размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Текст "поднимается", то есть движется в обратном направлении по оси z.

Градиент

Для показа текста используется линейный градиент.

Свойства эффекта "Градиент"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Угол	Угол градиента в градусах.
Прозрачность	Прозрачность градиентной маски.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Целиком Если вы хотите создать анимацию для отдельных элементов текста, укажите нужный вам вариант, кроме "Целиком". Затем уточните размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Для скрытия текста используется линейный градиент.

Отражение

Текст вертикально вращается (вокруг оси x) до прямого положения.

Свойства эффекта "Отражение"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Направление	Выберите направление вращения: Сверху Снизу От центра
Поворот	Угол поворота текста в градусах.
Прозрачность	Начальная прозрачность текста в процентах. Если установлен флажок Воспроизведение в обратном порядке, значение в этом поле задает конечную прозрачность.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Целиком Если вы хотите создать анимацию для отдельных элементов текста, укажите нужный вам вариант, кроме "Целиком". Затем уточните размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Текст вращается из прямого положения до положения под углом.

Встраивание

Текст появляется, перемещаясь по вертикали.

Свойства эффекта "Встраивание"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Направление	Откуда будет появляться текст: Сверху Снизу
Смещение	Расстояние в пикселях, на которое перемещается текст по оси y.
Прозрачность	Начальная прозрачность текста в процентах. Если установлен флажок Воспроизведение в обратном порядке, значение в этом поле задает конечную прозрачность.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Целиком Если вы хотите создать анимацию для отдельных элементов текста, укажите нужный вам вариант, кроме "Целиком". Затем уточните размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Текст исчезает, перемещаясь по вертикали.

Поворот

Текст вращается вокруг оси z до прямого положения.

Свойства эффекта "Поворот"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Направление	Выберите направление вращения: Сверху Снизу От центра
Поворот	Угол поворота текста в градусах.
Прозрачность	Начальная прозрачность текста в процентах. Если установлен флажок Воспроизведение в обратном порядке, значение в этом поле задает конечную прозрачность.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Целиком Если вы хотите создать анимацию для отдельных элементов текста, укажите нужный вам вариант, кроме "Целиком". Затем уточните размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Текст вращается из прямого положения до положения под углом.

Прокрутка

Текст появляется и исчезает, двигаясь по вертикали.

Свойства эффекта "Прокрутка"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Тип	Доступные варианты: "Обычный": текст движется без наклона. "Точка исчезновения": текст вытягивается в перспективе и движется к горизонту.

Скольжение

Текст движется, появляясь из-за пределов текстового блока.

Свойства эффекта "Скольжение"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Направление	Откуда будет появляться текст: Слева Справа Снизу Слева
Прозрачность	Начальная прозрачность текста в процентах. Если установлен флажок Воспроизведение в обратном порядке, значение в этом поле задает конечную прозрачность.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Целиком Если вы хотите создать анимацию для отдельных элементов текста, укажите нужный вам вариант, кроме "Целиком". Затем уточните размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Текст движется, исчезая за пределами текстового блока.

Вращение

Текст вращается вокруг оси y до прямого положения.

Свойства эффекта "Вращение"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Направление	Выберите направление вращения: Справа Слева От центра
Поворот	Угол поворота текста в градусах.
Прозрачность	Начальная прозрачность текста в процентах. Если установлен флажок Воспроизведение в обратном порядке, значение в этом поле задает конечную прозрачность.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Целиком Если вы хотите создать анимацию для отдельных элементов текста, укажите нужный вам вариант, кроме "Целиком". Затем уточните размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Текст вращается из прямого положения до положения под углом.

Растяжение

Текст появляется, перемещаясь по горизонтали.

Свойства эффекта "Растяжение"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Направление	Откуда будет появляться текст: Справа Слева
Смещение	Расстояние в пикселях, на которое перемещается текст по оси x.
Прозрачность	Начальная прозрачность текста в процентах. Если установлен флажок Воспроизведение в обратном порядке, значение в этом поле задает конечную прозрачность.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Целиком Если вы хотите создать анимацию для отдельных элементов текста, укажите нужный вам вариант, кроме "Целиком". Затем уточните размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Текст исчезает, перемещаясь по горизонтали.

Пишущая машинка

Текст появляется последовательно.

Свойства эффекта "Пишущая машинка"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Прозрачность	Начальная прозрачность текста в процентах. Если установлен флажок Воспроизведение в обратном порядке, значение в этом поле задает конечную прозрачность.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Постепенное анимирование	Установите этот флажок, чтобы текст появлялся постепенно.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Вы также можете создать анимацию для групп букв, слов или строк. Для этого укажите размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Текст последовательно исчезает.

Увеличение

Текст увеличивается в размере.

Свойства эффекта "Увеличение"

Длительность	Длительность анимации в секундах.
Динамика	Динамика определяет, как ускоряется и замедляется анимация. Подробнее…
Масштабирование	Максимальный масштаб текста в процентах. Если значение превышает 100 %, в конце анимации текст уменьшается до стандартных размеров.
Прозрачность	Начальная прозрачность текста в процентах. Если установлен флажок Воспроизведение в обратном порядке, значение в этом поле задает конечную прозрачность.
Скорость	Скорость, с которой анимируются элементы текста. Разберем эффект "По буквам". Чтобы анимация запускалась для следующей буквы, как только будет выполнена для 25 % предыдущей, укажите значение 0,25.
Последовательность	Выберите, как будет появляться текст: По буквам По словам По строкам Целиком Если вы хотите создать анимацию для отдельных элементов текста, укажите нужный вам вариант, кроме "Целиком". Затем уточните размер группы или общее число групп. Размер группы. Выберите этот параметр, чтобы задать, сколько элементов будут анимироваться одновременно. По умолчанию используется значение 1, то есть эффект применяется к каждой букве, слову или строке. Общее число групп. Выберите этот параметр, если хотите разделить текст на несколько групп. Значение 1 указывает на то, что весь текст будет анимироваться одновременно.
Использовать случайный порядок	По умолчанию каждая группа букв, слов или строк анимируется слева направо и сверху вниз. Выберите этот параметр, чтобы анимация выполнялась в случайном порядке. После этого последовательность не изменится, пока вы не укажете новые свойства для текста или эффекта, которые влияют на эту настройку. Чтобы получить другой порядок, снимите флажок и установите его снова.
Воспроизведение в обратном порядке	Текст уменьшается в размере и исчезает.

Динамика эффектов текста

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

Линейно	Анимация с постоянной скоростью.
Ускорение	Скорость анимации низкая в начале и высокая в конце.
Быстрое ускорение	Скорость анимации низкая в начале и средняя в конце.
Медленное ускорение	Скорость анимации очень низкая в начале и высокая в конце.
Ускорение и замедление	Скорость анимации низкая в начале и в конце, но высокая в середине.
Замедление	Скорость анимации высокая в начале и низкая в конце.
Быстрое замедление	Скорость анимации очень высокая в начале и низкая в конце.
Медленное замедление	Скорость анимации средняя в начале и низкая в конце.

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

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

Выполните следующие действия:

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