Генерирование текста со случайными цифрами с помощью выражений в After Effects

[aeplug]

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

poster.jpg (41.1 КБ) 13456 просмотров

poster.jpg (41.1 КБ) 13456 просмотров

Сделать это достаточно просто, используя систему выражений в After Effects для свойства слоя Source Text.

Свойство текстового слоя Source Text.jpg (39.2 КБ) 13604 просмотра

Свойство текстового слоя Source Text.jpg (39.2 КБ) 13604 просмотра

Зажимаем кнопку ALT и щелкаем мышкой по кнопке секундомера для создания простого выражения по умолчанию.

создание выражения с ALT.jpg (12.94 КБ) 13604 просмотра

создание выражения с ALT.jpg (12.94 КБ) 13604 просмотра

Более подробно о выражениях смотрите тут - Запись стрима по выражениям (expressions) в After Effects
https://www.youtube.com/watch?v=3SoxCcRYirA
Теперь через меню быстрого доступа к функциям в группе Random Numbers можем назначить нужную функцию. Выберем пока самую простую random().

Фукнкции группы Random.jpg (43.11 КБ) 13604 просмотра

Фукнкции группы Random.jpg (43.11 КБ) 13604 просмотра

Теперь в каждом кадре у текста будет свое уникальное цифровое значение в диапазоне от 0 до 1.

простой random.jpg (34.96 КБ) 13604 просмотра

простой random.jpg (34.96 КБ) 13604 просмотра

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

Разновидности фукции random.jpg (4.3 КБ) 13604 просмотра

Разновидности фукции random.jpg (4.3 КБ) 13604 просмотра

Например random(1000) будет генерировать случайное число от 0 до 1000. А random(500, 2000) - в диапазоне от 500 до 2000. Не всем может понравится длинный хвост из дробных значений случайного числа. От него можно легко избавиться с помощью одной из функций:

• Math.round()
• Math.floor()
• Math.ceil()

Округление чисел.jpg (32.38 КБ) 13604 просмотра

Округление чисел.jpg (32.38 КБ) 13604 просмотра

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

Нет хвоста.jpg (22.78 КБ) 13604 просмотра

Нет хвоста.jpg (22.78 КБ) 13604 просмотра

Если же все таки "хвост" нужен, но не такой длинный, можно использовать

Код: Выделить всё

toFixed(количество цифр после десятичного знака)

Действие tofixed.jpg (16.78 КБ) 13604 просмотра

Действие tofixed.jpg (16.78 КБ) 13604 просмотра

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

операция сложения.jpg (16.43 КБ) 13604 просмотра

операция сложения.jpg (16.43 КБ) 13604 просмотра

Текст с такими выражениями меняется в каждом кадре и это может оказаться слишком быстрым мельтешением. В таком случаем мы можем добавить

Код: Выделить всё

posterizeTime(частота изменений в секунду)

Действие posterizeTime.jpg (24.63 КБ) 13604 просмотра

Действие posterizeTime.jpg (24.63 КБ) 13604 просмотра

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

Несколько текстовых слоев.jpg (53.37 КБ) 13604 просмотра

Несколько текстовых слоев.jpg (53.37 КБ) 13604 просмотра

Дело в том, что для генерации наборов случайных чисел обычно используется уникальный идентификатор слоя (который просто не может быть одинаковым у разных слоев), свойство внутри слоя, текущего времени и значения смещения равного 0. Аналогом этого значения является параметр Seed, который часто используется в других плагинах и программах, так или иначе связанных со случайными значениями. Изменять его значения в выражении After Effects можно функцией

Код: Выделить всё

seedRandom(seed, timeless = false)

Где seed как раз и будет число, отвечающее за уникальность каждого набора (значение смещения, отличное от 0). А timeless будет ли оно меняться в течении ролика (зависеть от переменой времени time) или нет. Например seedRandom(1, true) запретит числу меняться вообще.

Статичные случайные числа.jpg (48.02 КБ) 13604 просмотра

Статичные случайные числа.jpg (48.02 КБ) 13604 просмотра

Но каждый новый слой с такой формулой все равно будет иметь свое уникальное, но постоянное значение. Тоже бывает очень удобно для создания всяких шкал и графиков, где не нужно менять числа.

Так же в группе случайных функций вы может заметить еще несколько вариантов:

• gaussRandom()
• gaussRandom(maxValOrArray)
• gaussRandom(minValOrArray, maxValOrArray)

От обычного random() они отличаются гауссовым распределением (Нормальное распределение — Википедия) при генерации. Примерно 90% результатов будет находится в диапазоне 0–1, а оставшиеся 10% вне этого диапазона (так написано в документации у Adobe).

Дополнительную информацию по этой теме вы можете найти в документации по After Effects - Язык выражений в After Effects
https://helpx.adobe.com/ru/after-effects/using/expression-language-reference.html
А ниже скачать сам проект, который я использовал для демонстрации, с несколькими примерами из этого урока.

[aeplug]

Пресет для цифр с разделителем групп
Animated Number Counters - After Effects Tutorial (No Third Party Plugin)
https://www.youtube.com/watch?v=9p2sSXSFJwg