Руководство пользователя Отмена

Примеры анимации текста и соответствующие ресурсы

  1. Руководство пользователя After Effects
  2. Выпуски бета-версии
    1. Обзор программы бета-тестирования
    2. Домашняя страница бета-версии After Effects
  3. Начало работы
    1. Начало работы с After Effects
    2. Новые возможности After Effects 
    3. Сведения о выпуске | After Effects
    4. Системные требования для After Effects
    5. Сочетания клавиш в After Effects
    6. Поддерживаемые форматы файлов | After Effects
    7. Рекомендации по аппаратному обеспечению
    8. After Effects для компьютеров с процессорами Apple
    9. Планирование и настройка
  4. Рабочие среды
    1. Общие элементы пользовательского интерфейса
    2. Знакомство с интерфейсом After Effects
    3. Рабочие процессы
    4. Рабочие среды, панели управления, программы просмотра
  5. Проекты и композиции
    1. Проекты
    2. Основы создания композиции
    3. Предварительная композиция, вложение и предварительный рендеринг
    4. Просмотр подробных сведений о производительности с помощью инструмента «Профайлер композиций»
    5. Модуль рендеринга композиций CINEMA 4D
  6. Импорт видеоряда
    1. Подготовка и импорт неподвижных изображений
    2. Импорт из After Effects и Adobe Premiere Pro
    3. Импорт и интерпретация видео и аудио
    4. Подготовка и импорт файлов 3D-изображений
    5. Импорт и интерпретация элементов видеоряда
    6. Работа с элементами видеоряда
    7. Определение точек редактирования с помощью функции «Определение изменения сцен»
    8. Метаданные XMP
  7. Текст и графические элементы
    1. Текст
      1. Форматирование символов и панель символов
      2. Эффекты текста
      3. Создание и редактирование текстовых слоев
      4. Форматирование абзацев и панель «Абзац»
      5. Экструзия слоев текста и слоев-фигур
      6. Анимация текста
      7. Примеры и ресурсы для текстовой анимации
      8. Шаблоны динамического текста
    2. Анимационный дизайн
      1. Работа с шаблонами анимационного дизайна в After Effects
      2. Использование выражений для создания раскрывающихся списков в шаблонах анимационного дизайна
      3. Работа с основными свойствами для создания шаблонов анимационного дизайна
      4. Замена изображений и видео в шаблонах анимационного дизайна и основных свойствах
      5. Быстрая и простая анимация с помощью панели «Свойства»
  8. Рисование, заливка цветом и контуры
    1. Обзор слоев-фигур, контуров и векторных изображений
    2. Инструменты рисования: «Кисть», «Штамп» и «Ластик»
    3. Сглаживание обводки фигуры
    4. Атрибуты фигур, операции заливки цветом и операции с контурами для слоев-фигур
    5. Использование эффекта фигуры «Cмещение контура» для изменения фигур
    6. Создание фигур
    7. Создание масок
    8. Удаление объектов из видеоматериалов с помощью панели «Заливка с учетом содержимого»
    9. Инструменты «Кисть для ротоскопии» и «Уточнить подложку»
  9. Слои, маркеры и камера
    1. Выделение и упорядочивание слоев
    2. Режимы наложения и стили слоев
    3. 3D-слои
    4. Свойства слоя
    5. Создание слоев
    6. Управление слоями
    7. Маркеры слоя и маркеры композиции
    8. Камеры, освещение и точки обзора
  10. Анимация, ключевые кадры, отслеживание движения и прозрачное наложение
    1. Анимация
      1. Основы анимации
      2. Анимация с помощью инструментов «Марионетка»
      3. Управление и анимация контуров фигур и масок
      4. Анимация фигур Sketch и Capture с помощью After Effects
      5. Инструменты анимации
      6. Работа с анимацией на основе данных
    2. Ключевой кадр
      1. Интерполяция ключевого кадра
      2. Установка, выбор и удаление ключевых кадров
      3. Редактирование, перемещение и копирование ключевых кадров
    3. Отслеживание движения
      1. Отслеживание и стабилизация движения
      2. Отслеживание лиц
      3. Отслеживание маски
      4. Ссылка на маску
      5. Скорость
      6. Растягивание по времени и перераспределение времени
      7. Тайм-код и единицы отображения времени
    4. Прозрачное наложение
      1. Прозрачное наложение
      2. Эффекты прозрачного наложения
  11. Прозрачность и композиция
    1. Обзор композиции и прозрачности и соответствующие ресурсы
    2. Альфа-каналы и маски
    3. Подложки дорожек и перемещающиеся подложки
  12. Корректирование цвета
    1. Основы работы с цветом
    2. Управление цветом
    3. Эффекты цветокоррекции
    4. Управление цветом OpenColorIO и ACES
  13. Эффекты и стили анимации
    1. Обзор эффектов и стилей анимации
    2. Список эффектов
    3. Диспетчер эффектов
    4. Эффекты имитации
    5. Эффекты стилизации
    6. Аудиоэффекты
    7. Эффекты искажения
    8. Эффекты перспективы
    9. Эффекты канала
    10. Эффекты создания
    11. Эффекты времени
    12. Эффекты перехода
    13. Эффект «Устранение эффекта плавающего затвора»
    14. Эффекты «Размытие» и «Резкость»
    15. Эффекты 3D-канала
    16. Программные эффекты
    17. Эффекты подложки
    18. Эффекты «Шум» и «Зернистость»
    19. Эффект «Увеличение с сохранением уровня детализации»
    20. Устаревшие эффекты
  14. Выражения и автоматизация
    1. Выражения
      1. Основы работы с выражениями
      2. Понимание языка выражений
      3. Использование элементов управления выражениями
      4. Различия в синтаксисе между движками выражений JavaScript и Legacy ExtendScript
      5. Управление выражениями
      6. Ошибки выражения
      7. Использование редактора выражений
      8. Использование выражений для изменения свойств текста и доступа к ним
      9. Справочник языка выражений
      10. Примеры выражений
    2. Автоматизация
      1. Автоматизация
      2. Сценарии
  15. Видео с погружением, VR и 3D
    1. Создание сред VR в After Effects
    2. Применение видеоэффектов с эффектом погружения
    3. Инструменты составления композиций для видеоизображений VR/360
    4. Модуль рендеринга Advanced 3D
    5. Импорт и добавление 3D-моделей в композицию
    6. Импорт 3D-моделей из Creative Cloud Libraries
    7. Освещение на основе изображения
    8. Извлечение и анимация источников света и камер из 3D-моделей
    9. Отслеживание движений камеры в трехмерном пространстве
    10. Отбрасывание и принятие теней
    11. Встроенные анимации 3D-моделей
    12. Ограничитель тени
    13. Извлечение 3D-данных о глубине
    14. Изменение свойств материалов 3D-слоя
    15. Пространство для работы с трехмерными объектами
    16. Инструменты 3D-преобразования
    17. Дополнительные возможности 3D-анимации
    18. Предварительный просмотр изменений в 3D-дизайнах в режиме реального времени с помощью модуля Mercury 3D
    19. Добавление гибкого дизайна в графику 
  16. Виды и предварительный просмотр
    1. Предпросмотр
    2. Предпросмотр видео с помощью Mercury Transmit
    3. Изменение и использование представлений
  17. Рендеринг и экспорт
    1. Основы рендеринга и экспорта
    2. Кодирование H.264 в After Effects
    3. Экспорт проекта After Effects как проекта Adobe Premiere Pro
    4. Преобразование фильмов
    5. Многокадровый рендеринг
    6. Автоматический рендеринг и рендеринг по сети
    7. Рендеринг и экспорт неподвижных изображений и наборов неподвижных изображений
    8. Использование кодека GoPro CineForm в After Effects
  18. Работа с другими приложениями
    1. Dynamic Link и After Effects
    2. Работа с After Effects и другими приложениями
      1. Экспорт проекта After Effects как проекта Premiere Pro
    3. Синхронизация настроек в After Effects
    4. Библиотеки Creative Cloud Libraries в After Effects
    5. Подключаемые модули
    6. Cinema 4D и Cineware
  19. Совместная работа: Frame.io и Team Projects
    1. Совместная работа в Premiere Pro и After Effects
    2. Frame.io
      1. Установка и активация Frame.io
      2. Использование Frame.io с Premiere Pro и After Effects
      3. Часто задаваемые вопросы
    3. Team Projects
      1. Начало работы с Team Projects
      2. Создание Team Project
      3. Совместная работа с помощью Team Projects
  20. Память, хранилище, производительность
    1. Память и хранилище
    2. Как After Effects справляется с проблемами нехватки памяти при предварительном просмотре    
    3. Повышение производительности
    4. Установки
    5. Требования к графическому процессору и драйверу графического процессора для After Effects
  21. База знаний
    1. Выявленные неполадки
    2. Исправленные ошибки
    3. Часто задаваемые вопросы
    4. After Effects и macOS Ventura
    5. Как After Effects справляется с проблемами нехватки памяти при предварительном просмотре

After Effects имеется множество возможностей для создания эффектной и креативной анимации 2D- и 3D-текста. Приведенные здесь ресурсы и примеры содержат подробные инструкции по анимации текста в After Effects.

Стив Холмс (Steve Holmes) предлагает на веб-сайте Layers Magazine видеоруководство по созданию текстовой анимации с использованием трех аниматоров и посимвольных 3D-свойств текста.

Рич Янг (Rich Young) представляет коллекцию из нескольких ресурсов и руководств для создания экструдированного 3D-текста в After Effects.

На веб-сайте ProVideo Coalition Крис и Триш Мейер (Chris и Trish Meyer) делятся несколькими полезными советами для анимирования текста в After Effects.

На веб-сайте MacProVideo Тоби Питман (Toby Pitman) демонстрирует приемы использования слоев-фигур для анимации текста.

Пример: анимация символов с помощью посимвольных 3D-свойств

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

  1. Создайте новую композицию.
  2. Создайте новый текстовый слой, содержащий слово ovation.
  3. Выберите «Анимация» > «Анимация текста» > «Посимвольные 3D-свойства».
  4. Выберите «Анимация» > «Анимация текста» > «Положение».
  5. Выберите «Анимация» > «Анимация текста» > «Поворот».
  6. На панели «Временная шкала» в группе «Аниматор» установите свойство «Поворот по оси X» на 45 и задайте значение параметра «Положение» (0,0, 0,0, -100,0).
  7. Разверните инструмент выбора диапазона 1.
  8. Щелкните значок секундомера для свойства «Смещение», чтобы задать начальный ключевой кадр со значением 0 секунд.
  9. Установите значение свойства «Смещение» на -15 %.
  10. Установите значение свойства «Конец» на 15 %.
  11. Переместите индикатор текущего времени на 10 секунд и установите значение свойства «Смещение» на 100 %.
  12. Нажмите клавишу R для отображения свойств поворота для всего слоя.
  13. Задайте для слоя значение параметра «Поворот по оси Y» на -45, поворачивая весь слой, так, чтобы было легче отслеживать трехмерное движение символов.
  14. Просмотрите композицию.

Пример: смещение символов

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

Смещение символов: анимация значения смещения для символов в слове Galaxy
Анимация значения смещения для символов в слове Galaxy

  1. Создайте новую композицию.
  2. Создайте новый текстовый слой, содержащий слово Galaxy.
  3. Выберите «Анимация» > «Анимация текста» > «Смещение символов».
  4. На панели «Временная шкала» установите значение параметра «Смещение символов» на 5.
  5. Разверните инструмент выбора диапазона 1.
  6. Щелкните кнопку секундомера «Запустить» для задания начального кадра в 0 секунд и установите значение 0 %.
  7. Переместите индикатор текущего времени на пять секунд и установите значение «Начало» на 100 %.
  8. Установите параметр «Выравнивание символов» в значение «По центру».
  9. Просмотрите композицию.

Пример: анимация символов с помощью инструмента выбора «Волнистый»

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

Анимация символов с помощью инструмента выбора «Волнистый»
Анимация цвета и положения символов в слове Galaxy

  1. Создайте новую композицию.
  2. Создайте новый текстовый слой сo словом Galaxy, а на панели символов установите синий цвет.
  3. Выберите «Анимация» > «Анимация текста» > «Положение».
  4. На панели «Временная шкала» перетащите значение Y свойства «Положение» влево, пока все символы не окажутся вне кадра.
  5. Разверните инструмент выбора диапазона 1.
  6. Щелкните кнопку секундомера «Запустить» и оставьте значение параметра 0 % в моменте 0 секунд; переместите индикатор текущего времени на пять секунд и установите значение «Начало» на 100 %.
  7. Просмотрите композицию.
  8. Сверните группу аниматора 1.
  9. Убедитесь, что никакой другой объект, кроме имени текстового слоя, не выделен на панели «Временная шкала», и выберите «Цвет заливки» > «Цветовой тон» из меню «Анимация». На панели «Временная шкала» появится новая группа аниматора — аниматор 2.
  10. Установите значение параметра «Цветовой тон заливки» на 1x+0.0.
  11. Разверните инструмент выбора диапазона 1 для аниматора 2.
  12. Щелкните кнопку секундомера «Запустить» и оставьте значение параметра 0 % в моменте 0 секунд; переместите индикатор текущего времени на пять секунд и установите значение «Начало» на 100 %.
  13. Просмотрите анимацию. Цвета изменяются по мере падения с верхней части экрана, но при этом используется тот же цвет; анимация заканчивается появлением исходного цвета.
  14. При выбранном параметре «Цветовой тон заливки» выберите в меню «Добавить» команду «Инструмент выбора» > «Волнистый».
  15. Разверните свойство «Инструмент выбора "Волнистый 1"» и выберите команду «Добавить» в меню «Режим».
  16. Просмотрите композицию.
    Примечание.

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

Пример: анимирование отслеживания текста

В этом примере показано, как можно изолировать символы при формировании трекинга строки текста. С помощью свойств аниматора «Трекинг» и «Линейная привязка» можно переместить все символы, кроме одного или нескольких выбранных.

Анимация значений межсимвольного трекинга для символов 3579 с сохранением только символа 7 в центре
Анимация значений межсимвольного трекинга для символов 3579 (слева и в центре) с сохранением только символа 7 в центре (справа)

  1. Создайте новую композицию.
  2. Создайте новый текстовый слой и введите 3579.
  3. При выделенном текстовом слое нажмите кнопку «Выравнивание текста по центру» на панели «Абзац».
  4. Выберите команду меню «Просмотр» > «Показать сетку».
  5. На панели «Временная шкала» выделите текстовый слой и выберите «Анимация» > «Анимация текста» > «Трекинг».
  6. Убедитесь, что в меню «Тип трекинга» указано «Перед и после».
  7. Щелкните секундомер «Степень отслеживания» и оставьте значение 0 на 0 секунд.
  8. Переместите индикатор текущего времени на пять секунд и перетаскивайте ползунок «Степень отслеживания» до тех пор, пока все символы не исчезнут из кадра.
  9. Просмотрите анимацию.
  10. Со значением индикатора текущего времени 0 сделайте моментальный снимок панели «Композиция». Этот снимок и сетка будут использоваться для определения первоначального положения цифры 7 в конце анимации.
  11. Переместите индикатор текущего времени к пятой секунде.
  12. Нажмите кнопку «Показать снимок».
  13. На панели «Временная шкала» выделите аниматор 1 и из меню «Добавление» выберите «Линейная привязка».
  14. Перетаскивайте значение параметра «Линейная привязка» до тех пор, пока цифра 7 не окажется приблизительно в своем исходном положении в центре панели «Композиция».
  15. Нажмите кнопку «Показать снимок» на панели «Композиция» для определения точного местонахождения цифры 7 в исходном положении. Скорректируйте значение параметра «Линейная привязка» для помещения символа в исходное положение.
  16. Просмотрите анимацию.

Пример: использование инструмента выбора для анимации определенных слов

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

Использование инструментов выбора для анимации определенных слов
Анимация значений наклона символов в слове Speedings

  1. Создайте новую композицию.
  2. Создайте новый текстовый слой сo словами Speeding Saucer.
  3. Выберите «Анимация» > «Анимация текста» > «Наклон».
  4. На панели «Таймлайн» установите значение параметра «Наклон» на 35.
  5. Разверните инструмент выбора диапазона 1.
  6. Убедитесь, что индикатор текущего времени установлен на 0 секунд и нажмите кнопку секундомера «Конец».
  7. На панели «Композиция» перетащите обе панели инструмента выбора на левую сторону от символа S в слове Speeding.
  8. Переместите индикатор текущего времени на две секунды и перетащите правую панель инструмента выбора на правую сторону символа g в словеSpeeding.
  9. Просмотрите композицию.

Пример: создание анимации с эффектом написания текста

С помощью свойства аниматора «Непрозрачность» можно легко создавать эффект написания текста на экране.

Создание анимации с эффектом написания текста
Эффект написания текста с помощью свойства «Непрозрачность»

  1. Создайте новую композицию.
  2. Создайте текстовый слой с символами 01234.
  3. Выберите «Анимация» > «Анимация текста» > «Непрозрачность».
  4. Установите значение параметра «Непрозрачность» на 0 %.
  5. Разверните инструмент выбора диапазона 1 и щелкните значок секундомера, чтобы запустить.
  6. На панели «Композиция» перетащите инструмент выбора запуска до левого края текста (при этом устанавливается значение 0).
  7. Переместите индикатор текущего времени на пять секунд и перетащите инструмент выбора запуска на панели «Композиция» до правого края текста (устанавливается значение 5).
  8. Просмотрите композицию.
    Примечание.

    По умолчанию свойство «Плавность» имеет значение 100 %. Для создания эффекта текста на печатной машинке разверните свойство «Дополнительно» и установите значение параметра «Плавность» на 0 %.

Пример: анимирование текста с несколькими инструментами выбора

В этом примере используется параметр инструмента выбора выражения selectorValue с использованием инструмента выбора «Волнистый» для создания случайного мерцания строки символов.

  1. Создайте новую композицию.
  2. Создайте новый текстовый слой.
  3. На панели «Временная шкала» выберите из меню «Анимация» для текстового слоя параметр «Непрозрачность».
  4. Разверните текстовый слой и его аниматор на панели «Временная шкала».
  5. Выделите инструмент выбора диапазона и удалите его.
  6. Выберите «Добавить» > «Инструмент выбора» > «Волнистый» рядом с группой свойств «Аниматор» для текстового слоя.
  7. Выберите «Добавить» > «Инструмент выбора» > «Выражение». Если инструмент выбора «Волнистый» не появляется перед инструментом выбора выражения, перетащите инструмент выбора «Волнистый» поверх инструмента выбора выражения.
  8. Разверните инструмент выбора выражения.
  9. Разверните свойство «Величина» для просмотра выражения. По умолчанию отобразится следующее выражение:
    селекторЗначение * textИндекс/текстВсего
  10. Замените текст выражения по умолчанию на следующее выражение:
    r_val=selectorValue[0]; 
    if(r_val < 50)r_val=0; 
    if(r_val > 50)r_val=100; 
    r_val
  11. Задайте для параметра «Непрозрачность» значение 0 % и выполните предварительный просмотр композиции.

Пример: анимация расположения текста с помощью выражений

В этом примере для анимирования строки текста используются атрибуты textIndex и textTotal с выражением wiggle.

  1. Создайте новую композицию.
  2. Создайте новый текстовый слой.
  3. Разверните текстовый слой на панели «Временная шкала» для просмотра свойств текста. Добавьте группу аниматора «Положение» из меню «Анимация».
  4. Удалите инструмент выбора диапазона по умолчанию — «Инструмент выбора диапазона 1».
  5. Добавьте инструмент выбора выражения, выбрав пункт меню «Добавить», и затем «Инструмент выбора» > «Выражение». Разверните инструмент выбора выражения для отображения его параметров.
  6. Разверните свойство «Величина» для просмотра выражения. По умолчанию отобразится следующее выражение:
    селекторЗначение * textИндекс/текстВсего
  7. Замените выражение по умолчанию на следующее выражение:
    seedRandom(textIndex); 
    amount=linear(time, 0, 5, 200*textIndex/textTotal, 0); 
    wiggle(1, amount);

    В этом примере используется линейный метод для градиентного уменьшения максимальной величины покачивания с течением времени.

  8. Задайте значение положения по вертикали. Чем больше значение, тем сильнее отклонение символов.
  9. Просмотрите композицию.

Пример: анимирование текста как отображение тайм-кода

  1. Не выделяя слоев на панели «Временная шкала», дважды щелкните стиль анимации «Формат текущего времени» на панели «Эффекты и стили». (Стиль анимации можно найти, введя имя в поле «Поиск» на панели «Эффекты и стили».)

    Создается новый текстовый слой с выражением в свойстве «Исходный текст», вызывающим отображение текущего времени в формате отображения времени, установленном для проекта.

    Можно использовать другие выражения в категории «Глобальные» для задания отображения времени в других форматах.

    Примечание.

    Чтобы просмотреть все выражения в слое, выделите слой и нажмите EE.

Расширяйте возможности с After Effects

Создавайте потрясающую анимированную графику, текстовую анимацию и визуальные эффекты в Adobe After Effects. Создавайте дизайн для фильмов, телевизионных программ и сетевого видео.

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?