Как сделать счетчик в after effects
Wiggle выражения хаотичного изменения значения. Это выражение может использоваться, чтобы сделать вашу сцену более органичной и естественной.
Первая цифра – количество сдвигов в секунду, а второе число – значение покачивания.
Выражение (Expression) Time в After Effects
Выражение Time идеально подходит для объектов с бесконечным движением. Например, если вы хотите, чтобы объект вращался бесконечно, вы можете просто добавить слово time в качестве параметра вращения, и ваш объект будет вращаться на 1 градус на длине всей композиции. Параметр времени также работает с основными математическими уравнениями, поэтому если вы хотите, чтобы слой вращался в 30 раз быстрее, вы можете просто написать выражение time*30.
Выражение (Expression) loopOut в After Effects для цикличной анимации
Цикличная анимация. Выражению loopOut() требуется наличия ключевых кадров. Так что если у вас есть слой, который вращается по кругу в течение 1 секунды, вы можете добавить выражение loopOut(), и движение будет повторяться зациклено.
Выражение (Expression) seedRandom в After Effects для рандома (случайности)
Выражение (Expression) Math.round в After Effects для рандома (случайности)
Math.round() – это выражение, округляющее десятичные числа до ближайшего целого числа. Он идеально подходит для выполнения обратных отсчетов или цифр в исходном тексте. Просто добавьте свое исходное выражение в круглую скобку выражения Math.round() в поле выражения source text, и все ваши числа будут округлены.
Выражение (Expression) Snap Zoom In/Out в After Effects
Применяем на текст. Применяем на Scale параметр. Это выражение создает масштабирование слоя в начале и конце слоя.
Если ты используешь ось Z, то примени это выражение
Выражение (Expression) Y Axis Jitter в After Effects
Создает случайное неустойчивое движение по оси Y. В переменную pos, пишем значения для определения силы Jitter.
Выражения — это своего рода команда для определенного свойства, написанная на языке JavaScript. Эта команда задает значение свойству для которого она написана.
Откроем композицию «Квадраты» из прошлых статей. Выполним предварительный просмотр чтобы вспомнить как она выглядит. На протяжении первых двух секунд квадраты вращаются, а так же увеличивается масштаб. Отобразим свойство Rotation для синего и красного квадратов. Для этого выделим слои Red и Blue и нажмем клавишу на клавиатуре.
Выделим свойство Rotation красного квадрата и выполним команду меню Animation->Add Expression. Под свойством у нас появилась новая строка Expression:Rotation. Это и есть выражение для свойства Rotation слоя Red solid. А значение свойства отображается красным цветом. это говорит о том, что сейчас это значение не активно.
Значение этого свойства теперь будет определяться командой записанной в правой части панели Timeline в строке Expression. Сейчас она имеет вид «transform.rotation».
Это означает что значение свойству Rotation будет равно значению свойства Rotation из группы Transform. Сейчас команда ничего не изменяет, так как значение равно самому себе. Но мы можем изменить команду. Проще всего это сделать при помощи пиктограммы Pickwhip. Для этого зажимаем пиктограмму и перетаскиваем ее на название нужного свойства, а именно Rotation слоя Blue.
Наша команда приняла следующий вид: «thisComp.layer(„Blue Solid 1“).transform.rotation». По сути здесь указан путь откуда взять значение свойства. Этот путь выглядит следующим образом: «эта композиция\слой Blue Solid 1\группа свойств трансформации\свойство вращения». Обратите внимание, что названия «мест» разделены точками. Теперь значение вращения слоя Red будет всегда совпадать со значением вращения слоя Blue. Мы можем подкорректировать значение дописав в конце выражения например «*2». Для этого щелкните левой кнопкой мыши по тексту выражения. Весь текст будет выделен. Снимите выделение щелкнув мышью в конце текста. далее вводим нужные символы и нажимаем клавишу Enter на цифровом блоке клавиатуры. При нажатии на привычную клавишу Enter, как и в случае с текстовыми слоями, будет создана новая строка. Так же для активизации выражения можно просто щелкнуть мышкой в пустой части панели Timeline.
Таким образом значение свойства будет постоянно умножаться на 2. Таким образом можно использовать знаки сложения(+),вычетания(-), деления(/) и умножения(*). С одномерными свойствами понятно, но что делать если мы используем двумерные свойства, такие как Position или Anchor Point. Отобразим свойство Scale слоя Red. Выдели его и нажмем комбинацию. Попробуем перетянуть на это свойство пиктограмму Pickwhip нашего выражения. В конце выражения появился набор [0]. Это значит будет использоваться значение X.
Если поменять [0] на [1], то будет использоваться значение Y. Для трехмерных слоев можно использовать и значение по оси Z, обозначается набором [2].
Чтобы написать выражение для двумерных свойств нам придется вводить две команды в квадратных скобках, для оси X и для оси Y. [X,Y]
Прежнее выражение можно отключить. Для этого нажмем кнопку Enable Expression.
Кнопка примет вид
, а значение свойства вновь будет отображаться оранжевым цветом.
Создадим новое выражение для свойства Scale слоя Red. Для этого удерживая клавишу Alt щелкнем по значку секундомера данного свойства.
Перетащим пиктограмму Pickwhip на свойство Rotation того же слоя. Увеличим высоту отображения текста выражения и посмотрим результат.
Поясняю сразу. Здесь использована переменная temp. Сначала ей присвоили значение temp = transform.rotation;. Знак; определяет конец переменной. Затем в квадратных скобках записано какие значения давать свойству. Без переменной это могло быть записано так: [transform.rotation,transform.rotation]. Ввод длинных, трехмерных выражений может стать утомительным, поэтому разумнее использовать переменные. В качестве переменной так же может быть использована просто буква, например а. Все больше о выражениях Вы будите узнавать из уроков. С опытом Вам станет все понятно и Вы будите легко ими пользоваться. Надеюсь Вы подружитесь с этим могущественным элементом программы After Effects и по достоинству его оцените!
В процессе изучения прошлой статьи мы сохранили проект Афтер Эффектс. Давайте откроем его, если он у вас еще не открыт. Для этого выполним команду File->Open Project (Ctrl+O). В появившемся окошке находим файл проекта и выделив его нажимаем кнопку «Открыть».
В свойствах трансформации у нас были внесены некоторые изменения. Обнулим их. Нажмите на вертушку слоя Lime Green Solid. Справа от названия группы Transform есть кнопка Reset. Нажмите ее чтобы сбросить все изменения.
Изменим цвет слоя Lime Green Solid. Для этого откроем окно параметров слоя выполнив команду Layer->Solid Settings (Ctrl+Y). Чтобы эта команда была доступна, слой должен быть выделен. Откроется знакомое нам окно параметров слоя. Изменим цвет слоя на синий.
Когда мы закроем окно параметров слоя нажав кнопку ОК, у нас появится новый слой Blue Solid. Он будет располагаться выше слоя Lime Green Solid. Ему будет присвоен номер 1, слой Lime Green Solid, соответственно, будет под номером 2. А на панели Composition мы будем видеть только слой Blue Solid, так как он полностью перекрывает слой Lime Green Solid.
Создадим подобным образом еще два слоя: красный и желтый.
Теперь у нас есть четыре слоя, но на панели Composition увидеть мы можем только один. Давайте разместим слои так чтобы они составили один квадрат из четырех цветов. Для этого сначала уменьшим все слои в два раза. Активизируйте панель Timeline, щелкнув по рабочему пространству панели. Выделите все слои, выполнив команду Edit->Select All (Ctrl+A), После этого нажмите клавишу на клавиатуре. У всех слоев отобразится свойство Scale. Не снимая выделение уменьшите значение масштаба любого из слоев до 50. Масштаб всех остальных слоев будет так же уменьшен до 50 автоматически.
Теперь, не снимая выделения, нажмите клавишу
. Отобразится свойство Position для всех четырех слоев. Здесь для каждого слоя будут разные значения, поэтому нужно снять выделение. Выполните команду Edit->Deselect All (Ctrl+Shift+A) или нажмите клавишу, чтобы отменить все выделения. Изменим значения положения для каждого слоя. Слой 1 — 175,175; слой 2 — 325,175; слой 3 — 175,325; слой 4 — 325,325. После этого четыре слоя составят один квадрат.
Переходим к анимации. Для начала анимируем свойство Scale. За первые две секунды изменим его с нуля до 50. Выделите все слои, нажав комбинацию клавиш , при этом активна должна быть панель Timeline. После этого отобразим свойство Scale, клавиша . Теперь переместим маркер времени в положение 2:00. Для этого выполним команду View->Go to Time (Ctrl+Shift+j). Появится окошко Go to Time, где Вы должны указать нужный временной код. Введите 200 и нажмите ОК. Программа сама преобразует это число в 2 секунды и 00 кадров.
Все готово для создания ключевых кадров. Нажмите на значек секундомера слева от названия свойства Scale любого из слоев. При этом Все слои должны быть выделены, иначе ключевой кадр будет создан только для одного слоя.
Для всех четырех слоев установлено по одному ключевому кадру в положении времени 2 секунды. Им присвоено то значение, которое мы задали до установки ключей. Нам нужно, чтобы ко второй секунде масштаб был увеличен до 50%. Поэтому мы сразу создавали ключи для положения 2 секунды. Теперь переместим маркер времени в начало. Для этого нажмите клавишу на клавиатуре или нажмите кнопку First Frame на панели Prewiev.
Чтобы добавить новый ключевой кадр для всех четырех слоев используем кнопку Add or remove keyframe слева от значка секундомера.
Нажав на нее у нас появятся еще по одному ключу для каждого слоя в месте расположения маркера времени. Установим значение масштаба равное 0. Теперь у нас два ключевых кадра: первый со значением 0, второй — 50. Значение свойства между ключевыми кадрами программа подбирает сама, устанавливая их линейно от первого значения ко второму. Чтобы увидеть как именно изменяется значение масштаба давайте взглянем на его график. Для этого нажмите кнопку Graph Editor на панели Timeline. Теперь в правой части панели Timeline у нас появилось место для отображения графика, осталось только выбрать нужное нам свойство. Кликнув по названию свойства Scale любого из слоев, отобразится его график.
Как видно на графике масштаб изменяется от 0 до 50 линейно. Две точки по краям линии это и есть ключевые кадры которые мы установили. Пока мы здесь ничего больше рассматривать не будем. Вернем панель Timeline к прежнему виду, нажав на ту же кнопку Graph Editor, и перейдем к панели Preview. Данная панель предназначена для управления предварительным просмотром.
Если мы просто воспроизведем композицию нажав на кнопку Play или скорее всего она будет воспроизведена с задержками и меньшей частотой кадров. Для того чтобы увидеть композицию в реальном масштабе времени используется функция RAM Preview. Программа воспроизводит композицию средствами оперативной памяти. Производится предварительный просчет композиции, результаты сохраняются в оперативную память и воспроизводятся из нее. Нажмите на кнопку RAM Preview или на цифровом блоке клавиатуры.
Начался процесс предварительного просчета композиции. Зеленая полоса рядом со шкалой времени соответствует длительности просчитанной композиции. После того как процесс предварительной визуализации закончен, композиция будет воспроизведена в реальном времени и со звуком. Остановить воспроизведение можно нажатием любой кнопки. Воспроизведение звука можно отключить нажав на кнопку Mute Audio на панели Preview. Так же можно изменить функцию повтора нажатием на кнопку Change loop options. Значок
означает воспроизведение по кругу;
— обычное воспроизведение от начала и до конца.
Посмотрев результат можно двигаться дальше. Анимировать можно несколько свойств одновременно. Для каждого свойства могут быть установлены отдельные ключевые кадры. Отобразим свойство Rotation для всех слоев. Зажав кнопку нажмите на клавиатуре. Теперь у нас будут отображаться два свойства: масштаб и вращение. Если бы мы просто нажали на клавишу , то у нас отображалось бы только одно свойство Rotation.
Возможно теперь у Вас не все слои отображаются на панели Timeline. Наведите курсор на панель Timeline и нажмите клавишу . Панель развернеться на весь экран. Чтобы свернуть панель вновь нажмите на клавишу . Добавим вращение при появлении квадратов. Для этого перейдите в начало композиции и создайте ключевой кадр для свойства Rotation всех слоев. После этого нажмите на кнопку Go to Next Keyframe свойства Scale.
Маркер времени переместился в место положения второго ключа свойства Scale. Теперь создайте ключевой кадр для свойства Rotation и задайте для него значение 3×00, то есть трех полных оборотов.
Попробуйте самостоятельно создать ключи для свойства Position всех четырех слоев для 2, 4 и 5 секунды композиции. Для 2 секунды положение всех слоев останется неизменным. Для 4 секунды: слой 1 — 325,175; слой 2 — 175,175; слой 3 — 325,325; слой 4 — 175,175. Для 5 секунды: слой 1 — 175,175; слой 2 — 325,325; слой 3 — 175,325; слой 4 — 325,175.
Выделите 2 слой. В панели Composition он будет обозначен четырьмя маркерами. От точки привязки отходит линия соединяющая три квадратика — ключевые кадры. Эта линия — траектория по которой будет двигаться слой. Сейчас она представлена в виде кривой. Если воспроизвести композицию, то видно, что 2 и 4 слои после 4 секунды образуют зазор.
Этот зазор можно убрать если сделать интерполяцию ключевых кадров линейной. Для этого выделим ключевые кадры 4 секунды для второго и четвертого слоя. Сначала кликните по одному из двух нужных кадров, затем зажав клавишу кликните по второму ключу. После этого кликните правой кнопкой мыши по одному из двух ключевых кадров. В контекстном меню выберите пункт Keyframe Interpolation. В появившемся окошке в открывающемся списке Spatial Interpolation выберите значение Linear. Закройте окошко Keyframe Interpolation нажав на кнопку ОК.
Воспроизведите композицию. Теперь траектория движения слоев представлена в виде ломаной линии, а зазор больше не образуется.
Когда квадраты меняются местами первый раз скорость можно немного увеличить. Для этого достаточно сместить все последующие ключи влево. Для этого выделим по два последних ключа каждого слоя. Разместите курсор чуть правее и выше третьего ключа первого слоя. Зажав левую кнопку мыши переместите курсор левее и ниже второго ключа четвертого слоя. После того как Вы отпустите кнопку мыши ключевые кадры будут выделены.
Установите курсор на один из ключевых кадров левого столбца и начинайте перетаскивать влево. Отслеживайте положение ключа в панели Info. Переместите курсор в положение 3 секунды и отпустите кнопку мыши.
Сейчас для каждого слоя у нас анимированы по несколько свойств. Давайте рассмотрим случай если нам вдруг понадобится заменить один из слоев. В панели Project скопируйте и вставьте один из файлов сплошного слоя. Для этого выделите любой файл и нажмите комбинацию клавиш , а затем . Выделите новый слой и откройте окно его параметров. Поменяйте цвет слоя на темно зеленый, и закройте окно параметров. Теперь у нас есть еще один квадрат зеленого цвета.
Выделите слой который хотите заменить на панели Timeline. В нашем случае это слой светло-зеленого цвета. Зажав клавишу Alt на клавиатуре перетащите файл Green Solid с панели Project на слой Lime Green Solid на панели Timeline.
Абсолютно все ключевые кадры, и любые изменения свойств будут сохранены для замененного слоя. Если бы были применены какие-либо эффекты они так же были бы сохранены. Теперь Вы знаете как создавать ключевые кадры и можете самостоятельно поэкспериментировать со свойствами слоев композиции и создать что-нибудь необычное.
В конце статьи рассмотрим еще одну особенность. Быстро подкорректировать длительность композиции можно указав границы рабочей области, а затем в контекстном меню рабочей области выбрать пункт Trim Comp to Work Area.
На этом закончим данную статью, но мы еще вернемся к рассмотру ключевых кадров в следущих статьях.
Эффект Нумерация. Numbers. After Effects
Эффект «Нумерация» создает произвольные или последовательные числа в различных форматах, например, десятичные числа, даты и тайм-код и даже текущая дата и время (на момент рендеринга). Эффект «Нумерация» можно использовать для создания различных счетчиков. Максимальное смещение для последовательных номеров — 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, значения выбираются произвольно по максимально возможному диапазону.
Значение/Смещение/Произвольный максимум
Варьируется в зависимости от выбранного типа и выбора параметра «Произвольные значения».
Десятичные разряды
Задает число места справа от десятичной запятой.
Текущее время/дата
Выберите числа времени и даты на базе текущего времени и даты.
Положение
Положение чисел на слое.
Параметры отображения
Задает использование в тексте заливки или обводки или их комбинации. При выборе параметра «Только заливка» выполняется заливка символов цветом. При выборе параметра «Только обводка» к краям символов применяется обводка цветом. При выборе параметра «Заливка поверх обводки» цвет заливки перекрывает цвет обводки. При выборе параметра «Обводка поверх заливки» цвет обводки перекрывает цвет заливки.
Размер
Размер символов.
Трекинг
Среднее расстояние между символами.
Пропорциональные интервалы
Для чисел используется пропорциональный интервал вместо фиксированного.
Разместить на оригинале
Текст компонуется поверх исходного изображения. Если параметр «Разместить на оригинале» не выбран, исходное изображение не видимо.
Собрал список выражений для АЕ, которые упрощают мне работу. Совсем простых в стиле loopOut() или wiggle (.4,6) здесь не будет, но и ничего экстрасложного тоже.
Своих экспрешнов здесь всего парочка. Большинство я брал откуда-то и переписывал по чуть-чуть под себя, так что, у чужих экспрешнов поставлю ссылку на авторов.
Плашка за текстом
Создать шейповый квадратик, а сверху отдельным слоём добавить текст;
Применить к параметру size у шейпа:
Если текст в несколько строк, то к position у шейпа добавьте этот экспрешн. Без него тоже всё будет работать, но придётся вручную подгонять позицию плашки за текстом.
К остальным экспрешнам
Анимируемый wiggle
Простой способ заанимировать wiggle. Используем для этого два слайдера: первый отвечает за частоту, второй за амплитуду. Анимировать лучше только амплитуду.
Добавить эффект Slider Control на слой с экспрешном и продублировать его. Применить к любому параметру:
Цикличный wiggle
Благодаря этому экспрешну, wiggle начинается и заканчивается в одной и той же точке.
Если вдруг цикл не работает, то это скорей всего из-за того, что луп не успевает прийти в изначальное состояние за отведённое время. Просто сделайте loopTime побольше или freq почаще
Прикрепить шейп к одной стороне
Применить к position, изменять size у шейпа:
Риг для катящегося круга и квадрата
Катящийся круг
Применить к rotation, анимировать position:
Катящийся квадрат
Работает как с шейпами, так и со слоями и композициями. Если квадрат катится неправильно — изменить значение Slider Control.
Добавить на слой с экспрешном эффект Slider Control. Применить экспрешн к position, анимировать rotation:
На основе экспрешна от Mikey Borup
Ежесекундные ступенчатые повороты
Замена time*n. Только вместо плавного поворота — ступенчатый. Чаще всего пригождается, чтобы сделать анимацию секундной стрелки, шестерёнок или других похожих механизмов.
Применить к rotation:
Управляемые ступенчатые повороты
Практически то же самое, что и выше. Но с чуть большим количеством настроек.
Применить к rotation:
Постоянный масштаб при скейле
Если привязать один объект к другому и начать скейлить родительский, то оба слоя будут увеличиваться. Этот экспрешн не даёт дочернему слою изменять масштаб, он просто будет двигаться по позишну.
Применить к scale слоя, у которого должен быть постоянный масштаб:
Переключатель по чекбоксу
Меняет одно значение параметра на другое по нажатию на чекбокс.
Добавить эффект Checkbox Control на слой с экспрешном;
Применить к любому параметру:
Луп для шейпов
Обычный loopOut() не работает с шейпами, но зато работает этот экспрешн.
Применить к path у шейпа:
Range Mapper
Добавить эффект Slider Control на слой с экспрешном;
Применить к любому параметру:
Обводка независимая от скейла
Сохраняет постоянную обводку у шейпов при изменении масштаба.
Применить к «Stroke Width» у шейпа:
Счётчики
Почему-то часто использую счётчики в анимациях, поэтому здесь будет подборка сразу из шести. Сначала три самых простых.
1) Обычный счётчик
toFixed(1) — количество цифр после запятой;
Добавить эффект Slider Control на слой с экспрешном;
Применить к «Source Text» у текста:
2) Счётчик с запятыми вместо точек
Полезно в анимациях для неанглоязычных стран, где используется запятая в качестве десятичного разделителя вместо точки. Если нужен похожий сетап с большим количеством настроек, то он вот здесь.
3) Счётчик с дополнительными знаками
4) Счётчик с заменой 1 на 001
При zerosAmount = 3 счёт будет идти вот так: 000, 001 … 011 … 111.
5) Счётчик с разрядами
Заменяет 500000 на 500 000.
6) Счётчик для больших чисел
Счётчик, привязанный к Slider Control, не идёт дальше 1 000 000. Поэтому если нужны большие числа — приходится использовать эффект Angle Control.
Добавить эффект Angle Control на слой с экспрешном;
Применить к «Source Text» у текста:
Пара мелочей
И, под конец, 4 полезных мини-выражения, которые часто пригождаются.
1) Привязка к слою выше или ниже
Это не полноценный экспрешн, а только его часть. Вместо того, чтобы привязывать один слой к другому напрямую, иногда удобнее привязывать к слою, который стоит выше или ниже, слоя с экспрешном.
index+1 — если нужна привязка к слою ниже
2) Постоянно ускоряющиеся повороты
Попробуйте добавить к rotation:
3) Ключи для time*n
Добавляет постоянное движение, но оставляет возможность ставить ключи.
4) Привязка эффекта к слою
Чтобы Gradient Ramp не слетал при перемещении слоя, добавьте этот экспрешн на Start и End:
Похоже, это все выражения, которыми я пользуюсь на постоянной основе. Всего получилось 23.
На всякий случай, собрал их в проект и прикрепил к статье.
Читайте также:
- Отзывы о браузере brave стоит ли устанавливать его плюсы и минусы
- Какой командой в программе autocad выполняется копирование объектов
- Программа для вк невидимка на андроид
- Постройте таблицу в ms word какое программное обеспечение нужно людям в следующих ситуациях
- Asus xonar dx audio отсутствует программа установки завершает работу