Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. 3D & Motion Graphics
  2. Motion Graphics
Cgi

Дизайн ритмично движущегося текста в After Effects

by
Difficulty:IntermediateLength:MediumLanguages:

Russian (Pусский) translation by Katharina Nevolina (you can also view the original English article)

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


Урок

Мы рады видеть, что вы делаете с помощью методов, которые преподавались на Aetuts +. Мы рекомендуем создать ваш собственный видеоклип движения текста в этом стиле и разместить ссылку на ваше видео в комментариях ниже. Прежде всего, мы надеемся, вам понравится tut!



Показать видео запись

Маркус: Привет, я Маркус Густафссон из aetuts.com, и я собираюсь показать вам, как вы можете сделать один из этих фильмов с текстом.

Песня: Yeah, here we go for the hundredth time. Hand grenade pins in every line.  Throw them up- 

Маркус: Правильно, так что этот урок будет основываться на моем фильме о тексте, который я сделал на песню Linkin Park. Я собираюсь показать вам, как я это делал, и как я работал, когда я создавал этот фильм.
Так что давайте начнем. Во-первых, откройте новую композицию. Я собираюсь назвать ее "Bleed It Out", потому что мы будем снова использовать эту песню. Импортируйте песню "Bleed It Out" и перетащите ее вниз в композицию.
Итак, первым шагом, когда речь заходит о синхронизации песни, звука, будет в основном просто написание текста, который вы собираетесь использовать. Мы собираемся использовать [alerts] для текста "Bleed It Out" и когда вы закончите набирать название, перейдите на наш аудио-слой, нажмите "ll" и удерживайте нажатой клавишу control, чтобы очистить звук.
Итак, я услышал [cue], поэтому мы собираемся обрезать слои до первого предложения. Увеличьте немного масштаб. Мы услышим "we go, go". Упс. "For the." Вам нужно слушать очень внимательно. Время, здесь вы можете услышать время. Итак давайте посмотрим, все ли в порядке.

Песня: "Yeah here we go for the hundredth time."

Маркус: Выглядит хорошо. Правильно, так что давайте это допишем. Назовите это "One". И начнем с другим предложением. И мы будем делать второе предложение точно так же, как мы сделали первое предложение. Просто будем вводить слова, слой за слоем. Очень важно делать это слой за слоем, потому что мы будем анимировать эти слова позже.
И мы закончили с вводом. Мы можем перейти к нашему звуковому слою снова и сделать то же самое, удерживая control. Просто обрежем их для начала, увеличим, удерживая  клавишу control. Не правильно. Здесь. Это "g", grenade. Это "p". Здесь. И линия. Замечательно.

Песня: "Hand grenade pins in every line."

Маркус: Выглядит хорошо. Давайте допишем и это тоже, назовите его "Two". Мы его обрежем..

Песня: "Yeah here we go for the-"

Маркус: Упс.

Песня: "Yeah here we go for the hundredth time, hand grenade pins in every line."

Маркус: я думаю, что hand отрезано слишком рано.

Песня: "Yeah here we go for the hundredth time, hand grenade pins in every line."

Маркус: Правильно, так выглядит хорошо. Теперь мы начнем проектировать эти тексты. Поэтому мы выберем классные шрифты. Собираюсь выбрать те же шрифты, что я использовал в моем фильме о тексте. И мы будем выстраивать его в линию. Так что это... выглядит хорошо.
Начнем. Об этом процессе особенно не чего сказать,  я собираюсь проектировать таким же образом, как я делал с моим фильмом о тексте. Я собираюсь скопировать эту позицию, просто для того, чтобы их выровнять. То же самое с "for". Мы выберем копию "for", разместим с "the", слово "for" и "the" кажутся слишком большими, просто нужно уменьшить масштаб. Уменьшите масштаб, просто переместите их вниз. Переместите их немного вниз. Это очень хорошо.
Давайте сделаем то же самое с "hundredth". Переместите вниз, увеличьте масштаб. Снова переместите вниз. Увеличьте масштаб и переместите вниз. Правильно, мне кажется, что это выглядит довольно хорошо.
Давайте перейдем к следующему предложению. Примените 3D и движение [blur] и поверните его на минус 90 градусов. Давайте посмотрим на grenade, Упс. Я повернул все слои на 90 градусов. Нужно повернуть hand. Правильно, теперь grenade. Просто скопируйте и вставьте позицию "hand" и увеличьте масштаб grenade. Немного переместите его вправо. Просто передвиньте вниз "pins".
Выберите позицию "pins"  и скопируйте ее к другим словам. Перетащите его вправо и перетащите "grenade" вправо и выровняйте. Кажется слишком маленькими, поэтому я собираюсь немного увеличить их масштаб . Просто переместите их вниз и переместить снова. Правильно, мне кажется, что это выглядит довольно хорошо.
Давайте начнем анимировать. Таким образом мы собираемся для начала дописать и я хочу, чтобы слово "here" вылетело. Полет. Поэтому мы будем анимировать положение "the", вернитесь назад на три кадра. И нажмите позицию "the" ... Там.
И я хочу, чтобы слово "hundredth" вылетело сзади. Так что я собираюсь установить ключевой кадр для позиции. Просто переместите его обратно. Я также хочу, чтобы оно медленно погасло, для этого нужно применить анимацию к параметру прозрачности.
Теперь я собираюсь анимировать "time" и выбрать также маску, потому что я хочу анимировать маску на знак слова. Так что давайте установим ключевой кадр для пути. Что я хочу сделать так это, чтобы слово "time" как-будто появлялось сзади слова "hundredth", так что давайте возьмем нижнее значение за верхнее значение. Переместите позицию вверх. Переместите вверх. Ну вот и все. Что вы об этом думаете?

Песня: "Yeah here we go for the hundredth time-"

Маркус: Выглядит довольно хорошо. Так что следующее здесь - это начать работать с анимацией камеры. Итак, новая камера 35 мм. Упс, нет, 3D-слои в композиции. Давайте превратим в 3D. Я буду использовать набор контроллера камеры с нулевым объектом. Измените его на [Parent] . И то, что я хочу сделать, это начать с камеры, направленной на слово "here". Увеличьте слово, установите ключевой кадр. И переместите туда, видите слово "we"? И просто установите ключ, и то, что я хочу сделать здесь это увеличить слово "we". We. Начнем.
И когда появится "go", я хочу сфокусироваться на "we go". Поэтому центрируйте эти два слова. "For the".  Просто немного уменьшите. И когда появится "hundredth"  я хочу снова уменьшить масштаб. Центрируйте его. То же самое я хочу сделать здесь. Когда придет время нам нужно будет увеличить его, чтобы мы могли видеть весь текст. Центрируйте его.
Давайте предварительно просмотрим. Выглядит хорошо. Теперь давайте рассмотрим их с сеткой движения. Даже лучше. То что я хочу сделать сейчас - это создать довольно крутой переход к новому предложению, и я хочу сделать это путем уменьшение масштаба с помощью камеры.
И мы собираемся разместить это следующее предложение в позиции минус 150 пикселей. Давайте установим ключевой кадр для камеры, подвиньте вперед и уменьшите до тех пор, пока мы не увидим слово "hands".  Замечательно. Мы хотим повернуть камеру на минус 90. И мы хотим выпустить первое предложение, так что это будет [inaudible 12:46]. Нажмите клавишу "t" для [inaudible 12:47]. Установите его вниз на ноль.
Выглядит хорошо, то, что я хочу сделать сейчас - это повернуть камеру так, чтобы мы сфокусировадись на "grenade". Переместите его обратно к нулю и давайте попробуем центрировать. Hand grenade.  И я хочу сделать, когда в каждой строке появляется "pins" - просто увеличить масштаб еще больше. Просто отодвиньте [inaudible 13:43] позицию на нулевой уровень, просто чтобы немного ее центрировать. Здесь.
Просто немного измените здесь ключевой кадр скорости, замечательно. Здесь. И последняя часть, которую мы собираемся делать с камерой - это увеличить следующее предложение. Размытость движения. Похоже, что вращение hand и grenade, кажется слишком быстрым. Просто будет немного стоять, два кадра. Давайте предварительно посмотрим. Выглядит довольно хорошо. Так что давайте просмотрим это видео еще раз с звуком.

Песня: "Yeah here we go for the hundredth time, hand grenade pins in every line. Here we go-" 

Маркус: Вот и все. Это мой урок о том, как сделать фильм о тексте. Надеюсь, что вы, ребята, много узнали, это был Маркус Густафссон из aetuts.com. Спасибо за внимание.


Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.