ZZGURU
Загрузка

Делаем анимацию «трясущегося» текста

Екатерина Гронь
0 комментарий

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

Создаём новую композицию в After Effects в формате FullHD и погнали!

Теперь с помощью инструмента Text (Текст) пишем наше слово.

В первую очередь мы создадим анимацию появления текста из правой стороны. Для этого нажмём на клавиатуре клавишу «,чтобы у нас появился парамет Position (Положение).

Затем нам нужно добавить ещё один парметр для настройки положения. Чтобы сделать это, нажмите на стрелочку в списке слоёв, чтобы раскрыть список инструментов, затем нажмите на другую стрелочку возле слова «Анимировать» и затем выберите параметр «Положение».

Теперь у нашего текста есть два параметра «Положение»

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

Теперь сместитесь на 15 кадров на таймлайне и верните значение положение в начальную точку.

Чтобы сделать анимацию движения динамичней, выделите контрольные точки на таймлайне и нажмите клавишу «F9», чтобы применить эффект Easy Ease. И в редакторе диаграмм настройте график более резким.

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

Скопируйте этот↓ код, выделив его и нажав комбинацию клавиш CTRL+C.

amp = .3;

freq = 5;

decay = 7;

n = 0;

if (numKeys > 0){

n = nearestKey(time).index;

if (key(n).time > time){

n–;

}

}

if (n == 0){

t = 0;

}else{

t = time – key(n).time;

}

if (n > 0){

v = velocityAtTime(key(n).time – thisComp.frameDuration/10);

value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);

}else{

value;

}

Теперь нужно его вставить в нашу анимацию движения. Для этого, удерживая клавишу «ALT» на клавиатуре, нажмите на секундомер. На таймлайне появится поле для написания команд и вставьте туда этот блок кода.

Первое слово готово. Теперь просто скопируем наш слой с текстом с помощью комбинации клавиш CTRL+D и сместим его под наше первое слово в списке слоёв.

Затем также сместим второе слово на самой композиции с помощью параметра «Положение». Именно для этого мы добавляли два параметра положение к нашему слою, чтобы можно было сдвигать слова в нужное место, не ломая анимацию, которую мы сделали.

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

Получилось уже неплохо, но мы не станем останавливаться и сделаем ещё круче!

Теперь сделаем так, чтобы второе слово «выпадывало» из верхнего слоя. Для этого выделите нижний слой и нажмите на клавиатуре клавишу «U». У вас откроется параметр Position. Теперь выделите обе контрольные точки и сместите их на таймлайне на 15 кадров.

Теперь переместите ползунок на таймлайне к первой контрольной точке второго слова. Измените положение по оси X на 0 и положение по оси Y сделайте таким, чтобы нижний текст находился на уровне верхнего. Важно, чтобы выделение с контрольных точек было снято и они подсвечивались белым цветом.

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

Для этого выберите инструмент прямоугольник и нарисуйте его на уровне верхнего слоя.

В списке слоёв сместите слой с прямоугольником под слой с верхним текстом и установите параметр TrackMatte на инвертированную подложку.

Получилось неплохо! Но давайте добавим ещё финальный штрих.

Выделите все слои, нажмите по ним правой кнопкой мыши и нажмите «Прекомпозиция» из контекстного меню.

Все наши слои объединятся в одну композицию. Теперь с помощью комбинации клавиш CTRL+D на клавиатуре создайте копию слоя. А затем сместите один слой на кадр вперед.

Затем нужно изменить цвет текста. Для этого выберите в контекстном меню верхнего слоя, нажав правую кнопку мыши и выберите заливку.

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

Ура!

На этом у меня все. До скорого!

Подписывайтесь на канал Видеогуру, чтоб не пропускать новые интересные уроки.

0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии