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

На веб-сайте Digital Arts Online Гарри Франк (Harry Frank) представляет руководство по анимации текста с помощью текстовых аниматоров.

В серии видеоруководств «Советы по работе с текстом в After Effects» на веб-сайте Creative COW Аарон Рабинович (Aharon Rabinowitz) демонстрирует использование нескольких текстовых аниматоров для создания и отладки сложных анимированных роликов с текстом.

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

На своем веб-сайте Колин Брейли (Colin Braley) предлагает руководство и пример проекта, показывающие, как можно применять выражения к свойству «Исходный текст» для анимирования и преодоления некоторых ограничений, свойственных эффекту «Числа».

Эран Штерн (Eran Stern) на веб-сайте Creative COW предлагает набор видеоруководств по использованию функции анимации текста для создания различных простых анимаций, включая анимации, использующие символы пунктуации и другие небуквенные символы в качестве простых векторных графических элементов:

На веб-сайте Creative COW Эран Штерн (Eran Stern) предлагает видеоруководство, которое демонстрирует использование посимвольных 3D-свойств текстовой анимации по контуру в виде трехмерного торнадо.

Энджи Тейлор (Angie Taylor) предлагает на веб-сайте Digital Arts руководство по использованию посимвольных 3D-свойств текстовой анимации в сочетании с некоторыми общими приемами для моделирования «штампованного» 3D-текста.

На веб-сайте Artbeats Эран Штерн (Eran Stern) разместил руководство по использованию системы текстовой анимации After Effects как системы частиц.

Рич Янг (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 в слове Speedings.
  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. Разверните свойство «Величина» для просмотра выражения. По умолчанию отобразится следующее выражение:
    selectorValue * textIndex/textTotal
  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. Разверните свойство «Величина» для просмотра выражения. По умолчанию отобразится следующее выражение:
    selectorValue * textIndex/textTotal
  7. Замените выражение по умолчанию на следующее выражение:
    seedRandom(textIndex); 
    amount=linear(time, 0, 5, 200*textIndex/textTotal, 0); 
    wiggle(1, amount);

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

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

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

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

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

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

    Примечание.

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

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет