Как анимировать цифры в after effects
After Effects имеется множество возможностей для создания эффектной и креативной анимации 2D- и 3D-текста. Приведенные здесь ресурсы и примеры содержат подробные инструкции по анимации текста в After Effects.
На веб-сайте Digital Arts Online Гарри Франк (Harry Frank) представляет руководство по анимации текста с помощью текстовых аниматоров.
Стив Холмс дает учебник по веб-сайте Layers Magazine видеоруководство по созданию текстовой анимации с использованием трех аниматоров и посимвольных 3D-свойств текста.
Колин Брэйли предоставляет учебное пособие и пример проекта по своем веб-сайте Колин Брейли (Colin Braley) предлагает руководство и пример проекта, показывающие, как можно применять выражения к свойству «Исходный текст» для анимирования и преодоления некоторых ограничений, свойственных эффекту «Числа».
На веб-сайте Creative COW Эран Штерн (Eran Stern) предлагает видеоруководство, которое демонстрирует использование посимвольной 3D-анимации текста по контуру в форме трехмерного торнадо.
Энджи Тейлор (Angie Taylor) предлагает руководство по использованию посимвольной 3D-анимации текста в сочетании с некоторыми общими приемами для симуляций выдавленного 3D-текста веб-сайте Digital Arts.
Эран Стерн предоставляет видеоурок. веб-сайте Artbeats Эран Штерн (Eran Stern) разместил руководство по использованию системы текстовой анимации After Effects как системы частиц.
Рич Янг (Rich Young) представляет коллекцию из нескольких ресурсов и руководств для создания «штампованного» 3D-текста в After Effects.
На веб-сайте ProVideo Coalition Крис и Триш Мейер (Chris и Trish Meyer) делятся несколькими полезными советами для анимирования текста в After Effects.
На веб-сайте MacProVideo Тоби Питман (Toby Pitman) демонстрирует приемы использования слоев-фигур для анимации текста.
В этом примере показано, как можно легко анимировать отдельные символы в 3D таким образом, чтобы каждый символ выступал из строки и делал поклон.
Эффект «Нумерация» создает произвольные или последовательные числа в различных форматах, например, десятичные числа, даты и тайм-код и даже текущая дата и время (на момент рендеринга). Эффект «Нумерация» можно использовать для создания различных счетчиков. Максимальное смещение для последовательных номеров — 30000.
Этот эффект работает с цветом 8 бит на канал.
В диалоговом окне «Стиль шрифта» доступны следующие параметры и значения: «Шрифт», «Стиль», «Направление» и «Выравнивание». Чтобы повторно открыть это диалоговое окно, щелкните «Параметры» в верхней части записи эффекта на панели «Элементы управления эффектами».
Номер [нули в начале]
Десятичные числа с пятью десятичными знаками после запятой.
«Тайм-код [30]», «Тайм-код [25]» и «Тайм-код [24]»
Стандартные форматы тайм-кода без пропуска кадров (XX:XX:XX:XX), использующие заданную кадровую частоту. Типы тайм-кода используют в качестве базового значения текущее время слоя.
Часы и минуты. Если также выбран параметр «Текущее время/Дата», значение «Значение/Смещение/Произвольный максимум» игнорируется. Если выбран параметр «Произвольный», время задается значением 0 (12:00 АМ) и значением ползунка.
«Дата в числовом формате», «Краткий формат даты» и «Полный формат даты»
Если параметр «Текущее время/Дата» также не выбран, значение «Значение/Смещение/Произвольный максимум» представляет период в дням с 1 января 1995 г. (0 на ползунке соответствует 1 января 1995 г.). Если параметр «Текущее время/Дата» выбран, значение «Значение/Смещение/Произвольный максимум» представляет период в днях с текущей даты (0 на ползунке соответствует текущей дате). Если выбран параметр «Произвольный», дата задается значением 0 (текущая дата или 1 января 1995 г.) и значением ползунка.
Учитываются високосные года.
Шестнадцатеричные числа (числа от 0 до F). Шестнадцатеричные числа увеличиваются с приращением по 0x1 на каждые 0,0000125 и по 0x10000 на каждый 1.0 приращения значения «Значение/Смещение/Произвольный максимум». Если выбран параметр «Произвольный», число задается по 0 и по значению «Значение/Смещение/Произвольный максимум».
Значение «Произвольный», ограниченное значением «Значение/Смещение/Произвольный максимум». Если для параметра «Значение/Смещение/Произвольный максимум» задано значение 0, значения выбираются произвольно по максимально возможному диапазону.
Варьируется в зависимости от выбранного типа и выбора параметра «Произвольные значения».
Задает число места справа от десятичной запятой.
Выберите числа времени и даты на базе текущего времени и даты.
Положение чисел на слое.
Задает использование в тексте заливки или обводки или их комбинации. При выборе параметра «Только заливка» выполняется заливка символов цветом. При выборе параметра «Только обводка» к краям символов применяется обводка цветом. При выборе параметра «Заливка поверх обводки» цвет заливки перекрывает цвет обводки. При выборе параметра «Обводка поверх заливки» цвет обводки перекрывает цвет заливки.
Среднее расстояние между символами.
Для чисел используется пропорциональный интервал вместо фиксированного.
Разместить на оригинале
Текст компонуется поверх исходного изображения. Если параметр «Разместить на оригинале» не выбран, исходное изображение не видимо.
Альтернативы эффекту «Числа»
Для расширенного управления форматированием и анимацией текста используются текстовые слои. (См. раздел Создание и редактирование текстовых слоев.)
Примените шаблон настроек анимации «Формат текущего времени» к тестовому слою, чтобы отобразить текущее время в формате, соответствующем настройке отображения времени для проекта.
На своем веб-сайте Колин Брэйли представляет видеоруководство и пример проекта, в котором демонстрируются принципы использования выражения в свойстве «Исходный текст» для анимации текста, что позволяет преодолеть некоторые ограничения в отношении эффекта «Числа».
Эффект «Тайм-код» создает наложение текста, который отображает данные тайм-кода или номера кадра для слоя. Этот эффект не изменяет тайм-код, встроенный из внешних источников (например, QuickTime).
Для расширенного управления форматированием и анимацией текста используются текстовые слои. (См. раздел Создание и редактирование текстовых слоев.)
Примените стиль анимации «Формат текущего времени» к тестовому слою, чтобы отобразить текущее время в формате, соответствующем настройке отображения времени для проекта. (См. раздел Пример: анимация текста для отображения временного кода).
Этот эффект работает с цветом 8 бит на канал.
Задает отображение тайм-кода в формате SMPTE, в номерах кадров или в футах и кадрах 35-мм или 16-мм пленки.
Источник, используемый для эффекта.
Источник слоя
Тайм-код отображается в соответствии с тайм-кодом исходного видеоряда слоя.
Композиция
Тайм-код отображается в соответствии с тайм-кодом композиции.
Пользовательская
Обеспечивает доступ к настройкам в разделе «Настраиваемый» (предыдущее поведение эффекта). Доступны настройки «Единицы времени», «С пропуском кадров» и «Начальный кадр».
Единицы измерения времени
Кадровая частота в кадрах в секунду (кадр/с), используемая этим экземпляром эффекта «Тайм-код». Эта настройка влияет только на числа, отображаемые эффектом «Тайм-код»; она не влияет на кадровую частоту композиции или кадровую частоту элемента исходного видеоряда для слоя.
С пропуском кадров
Выберите параметр «С пропуском кадров», чтобы создать тайм-код с пропуском кадра, или отмените выбор параметра, чтобы создать тайм-код без пропуска кадров.
Шаг 1.
Первым делом создаём новую композицию (сочетание клавиш Ctrl+N). Далее при помощи инструмента Horizintal Type Tool (Ctrl+T) напишите в панели Composition желаемый текст.
Шаг 2.
Выделите слой с текстом на панели Timeline и выполните команду Layer => Create Shapes from Text (Создать формы из текста).
На панели Timeline появится новый слой с формами.
Раскройте слой с формами, далее раскройте группу Contents (Содержимое). Как Вы видите программа создала не одну форму для всего слова, а по форме для каждой из букв.
Здесь важно помнить, что некоторые буквы (такие например как i e j) могут содержать в себе не одну, а две формы. В моём случае это буква е.
Это мы немного ушли в теорию, вернёмся же к уроку.
Шаг 3.
Следующим шагом будет редактирование внешнего вида текста. Для этого выделите слой с формами на панели Timeline. Чуть выше панели Composition появится панелька для настройки заливки и обводки нового слоя.
Кликните по слову Fill (Заливка) и выберите вариант без заливки.
Далее кликните по прямоугольнику правее надписи Stroke (Обводка), чтобы выбрать цвет обводки. Выберите любой цвет (я например выбрал светло-серый D4D4D4).
Измените толщину обводки примерно на 4–6 пикселей.
Вот что я получил в итоге:
Шаг 4.
Раскройте слой с формами. Кликните по кнопке Add и выберите пункт Trim Paths.
Тем самым мы добавили к слою с формами новый параметр, который позволяет обрезать контуры форм.
Шаг 5.
Раскройте параметр Trim Paths. Переместите индикатор текущего времени в начальную позицию. Включите режим анимации для параметра End, кликнув по кнопке с секундомером. Измените значение параметра End на 0%.
Переместите индикатор на 2 секунды вперёд и измените значение параметра End на 100%.
Просмотрите анимацию. Текст эффектно прорисовывается в течении 2 секунд.
При желании можно ещё добавить анимации параметру Offset, это добавит динамики нашей анимации.
Вот, что у нас получилось в итоге:
Надеюсь у Вас всё получилось. Увидимся в следующих уроках и курсах по Adobe After Effects!
Всем привет! В этой статье я хочу поговорить с Вами о 5 простых, но тем не менее очень полезных выражениях. Эти выражения я использую чуть ли не в каждом втором проекте и они существенно облегчают мою жизнь.
1) Итак, первое из них - это loopOut(). Простенькое выражение для зацикливания анимации. Допустим, у нас есть бабочка, собранная из трех частей: левое крыло, правое и тело.
И нам необходимо сделать так, чтобы крылья без остановки вращались вокруг оси Y, создавая тем самым эффект реалстичных махов крыльями. Но представляете, сколько ключевых кадров нам нужно поставить, чтобы анимировать крыло на протяжении маленькой пятисекундной композиции. По моим подсчётам около 60! И, чтобы не возиться с этим огромным количеством ключевых кадров, разработчики программы придумали одно простое выражение - loopOut.
Поэтому, мы находим параметр Rotation Y и слева от него кликаем по значку с секундомером. После чего, в начале композиции появится ключевй кадр, измените значение параметра для этого ключа на -80. После этого мы переходим на 4 кадра вперед и изменяем значение параметра Rotation Y на 80. Затем ещё 4 кадра вперед и меняем значение параметра обратно на -80. Таким образом мы получили 3 ключевых кадра.
После этого мы зажимаем клавишу Alt и кликаем ещё раз по значку с секундомером. Появится текстовая область для выражения. В ней мы пишем loopOut().
Всё, теперь наша анимация продолжается до самого конца композиции без всяких ключевых кадров.
2) Ок, правое крыло мы анимировали. Теперь займемся левым. Не будем повторятся, и левое крыло анимируем немного другим способом. Все Вы, наверно, ещё со школьной скамьи помните замечательную математическую функцию синус. Так давайте воспльзуемся ею и здесь. Делаем Alt+клик по значку с секундомером слева от параметра Rotation Y левого крыла. В появившемся окне пишем Math.sin(time).
Крыло перемещается, но совсем незаметно. Попробуем увеличить частоту вращения, для этого в скобках time умножим на 15.
Отлично частоту мы увеличили, но, как Вы помните, значения синуса находятся в диапазоне от -1 до 1. Поэтому и амплитуда вращения крыла у нас такая маленькая. Чтобы увеличить её умножим всё это выражение на 80.
В итоге получим: 80*Math.sin(time*15). Можно, конечно, немного увеличить частоту, но это уже на Ваше усмотрение.
3) Wiggle. Наверно, самое используемое выражение в среде After Effects, и всё-таки не все знают для чего оно предназначено. Wiggle отвечает за хаотичные перемещения. Вообще функция wiggle имеет целых пять аргументов, но в основном используются только два. Первое - это частота, второе - амплитуда колебаний. Рассмотрим на примере. Я анимировал положение бабочки, теперь она перемещается из левого нижнего в правый верхний угол.
Движение ожидаемо смотрится линейно и неправдоподобно. Если мы хотим сохранить направление движения, но при этом добавить немного органичности, то нам не обойтись без wiggle. Итак, делаем Alt+клик на значке с секундомером слева от параметра Position и в текстовой области вбиваем wiggle(3,400). Смотрим и видим, что полёт бабочки стал более реалистичным. Что же означает написанное выражение wiggle(3,400). А означает оно то, что три раза в секунду с амплитудой в 400 пикселей в любом направлении будут происходить случайные колебания. Самое интересное это то, что wiggle можно применить практически к любому параметру в AE.
4) Данный пункт является не столько выражением, сколько очень интересным приёмом при работе с wiggle. Многие меня спрашивают, как можно изменять настройки функции wiggle с течением времени, или по-другому, как анимировать один из аргументов функции wiggle. Очень просто! - отвечу я Вам. Создаём нуль-объект. Затем идём Effect => Expression Controls => Slider Control. Пускай у нас будет изменятся амплитуда. Переходим к выражению, которое мы создали в предыдущем пункте. Выделяем амплитуду,
берём pickwip и тянем его до параметра Slider нуль-объекта.
Вот такое выражение мы получим в итоге:
Теперь Вы можете с легкостью анимировать значение параметра Slider и таким же образом будет менятся амплитуда.
5) И последнее о чем я хотел Вам сегодня поведать - это наипростейшее выражение с управляющей переменной time. Вы, наверное, не раз сталкивались с такими выражениями. На пример, у нас есть какой-нибудь сплошной слой, мы применяем к нему эффект Fractal Noise и, чтобы данный эффект не был статичным нам нужно анимировать параметр Evolution.
Да, можно поставить 2 ключевых кадра в начале и в конце композиции, но есть и другой путь. Делаем Alt+клик по значку с секундомером слева от параметра Evolution и пишем time. Теперь, если мы перемести индикатор текущего времени в позицию одной секунды, то значение параметра Evolution будет равнятся одному градусу. 1 секунда = 1 градус - всё очень просто!
Если нам нужно ускорить анимацию, допустим в пять раз, то мы пишем time*5.
Генерирование текста со случайными цифрами с помощью выражений в After Effects
Генерирование текста со случайными цифрами с помощью выражений в After Effects
Создавая технологичное видео, пропитанное духом информационных технологий, частенько бывает нужно на фоне разместить разные тестовые слои с меняющимися или статичными цифрами в качестве так называемого "визуального мусора".
Сделать это достаточно просто, используя систему выражений в After Effects для свойства слоя Source Text.
Зажимаем кнопку ALT и щелкаем мышкой по кнопке секундомера для создания простого выражения по умолчанию.
Для этой функции можно использовать несколько параметров в скобках - минимальное и максимальное значения.
- Math.round()
- Math.floor()
- Math.ceil()
Честно говоря, я особо не вникал какая между ними разница, но эту информацию можно без проблем найти в интернете на сайтах посвященных JavaScript. Возьмем самую простую функцию округления, знакомую всем по начальным классам в школе. Таким образом мы избавились от "хвоста" ненужных цифр.
toFixed(количество цифр после десятичного знака)
Только вот результат будет уже не цифровым значением, а текстовым. Это может вызвать проблемы с последующими арифметическими операциями в формуле. Как в этом примере, когда "+2" просто добавляется к концу текстовой строки как текст, вместо целой части самого числа.
Текст с такими выражениями меняется в каждом кадре и это может оказаться слишком быстрым мельтешением. В таком случаем мы можем добавить
posterizeTime(частота изменений в секунду)
В этом примере генерация нового числа будет происходит только 2 раза в секунду, а не в каждом кадре. Если на разные текстовые слои скопировать это выражение, то для каждого слоя будет создаваться свое уникальное значение. Так что просто дублируя такой слой, мы получаем новый набор цифр, что бывает удобно для быстрого создания анимированных массивов случайных цифр.
Дело в том, что для генерации наборов случайных чисел обычно используется уникальный идентификатор слоя (который просто не может быть одинаковым у разных слоев), свойство внутри слоя, текущего времени и значения смещения равного 0. Аналогом этого значения является параметр Seed, который часто используется в других плагинах и программах, так или иначе связанных со случайными значениями. Изменять его значения в выражении After Effects можно функцией
seedRandom(seed, timeless = false)
Где seed как раз и будет число, отвечающее за уникальность каждого набора (значение смещения, отличное от 0). А timeless будет ли оно меняться в течении ролика (зависеть от переменой времени time) или нет. Например seedRandom(1, true) запретит числу меняться вообще.
Но каждый новый слой с такой формулой все равно будет иметь свое уникальное, но постоянное значение. Тоже бывает очень удобно для создания всяких шкал и графиков, где не нужно менять числа.
Читайте также: